.sp-game{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.sp-toolbar .btn{flex:0 auto;min-width:120px;min-height:56px}.sp-status-buttons{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.sp-hint{margin-top:8px!important}.sp-form-error{color:#a10000;margin:6px 0 0;font-weight:700}.sp-results{margin:12px 0}.sp-results caption{text-align:left;padding-bottom:4px;font-weight:800}.sp-root{--their-w:70px;--centre-w:124px;--spit-w:70px;--my-w:104px}.sp-felt,.sp-myfelt{-webkit-user-select:none;user-select:none;padding:12px 16px}.sp-board{gap:12px;max-width:820px;margin:0 auto;transition:opacity .2s;display:grid}.sp-board.is-paused{opacity:.55}.sp-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;display:flex}.sp-who{font-family:var(--font-display);color:#fff8e3;font-size:1.2rem;font-weight:700}.sp-piles{justify-content:center;gap:10px;display:flex}.sp-stock,.sp-centre,.sp-spit{color:#fff8e3;font:inherit;background:0 0;border:0;border-radius:12px;align-content:start;justify-items:center;gap:3px;margin:0;padding:4px;display:grid}button.sp-stock,button.sp-centre{cursor:pointer;touch-action:manipulation;min-width:48px;min-height:48px}.sp-cardwrap{width:var(--w);aspect-ratio:100/140;display:block;position:relative}.sp-their{--w:var(--their-w)}.sp-mine{--w:var(--my-w)}.sp-centre{--w:var(--centre-w)}.sp-spit{--w:var(--spit-w)}.sp-face,.sp-back{position:absolute;inset:0}.sp-back{transform:translateY(calc(var(--k) * -3px))}.sp-face .card,.sp-back .card,.sp-spit .card,.sp-fly .card{width:100%;height:auto}.sp-fly{width:100%;height:100%}.sp-space{width:var(--w);aspect-ratio:100/140;border-radius:calc(var(--w) * .08);box-sizing:border-box;border:3px dashed #fffaeb80;place-items:center;display:grid}.sp-space-text{text-align:center;padding:2px;font-size:.95rem;font-weight:700;line-height:1.1}.sp-under,.sp-count,.sp-spit-label{white-space:nowrap;font-size:1rem;line-height:1.2}.sp-under{min-height:1.2em;font-weight:700}.sp-their .sp-under{font-size:.95rem;font-weight:400}.sp-mine.is-fit .sp-face{outline:4px solid var(--highlight);outline-offset:1px;border-radius:8px}.sp-mine.is-selected .sp-cardwrap{transform:translateY(-8px)}.sp-mine.is-selected .sp-face{outline-offset:2px;box-shadow:0 0 0 10px var(--highlight);border-radius:8px;outline:6px solid #fff}.sp-mine.is-selected .sp-under,.sp-mine.is-fit .sp-under{color:#ffe9a8}.sp-mine.is-hint .sp-face,.sp-centre.is-hint .sp-face{outline-offset:4px;border-radius:8px;outline:5px dashed #fff}.sp-mine.is-empty .sp-space-text{font-size:.9rem}.sp-mine.is-target .sp-space,.sp-mine.is-chosen .sp-space{border:4px solid var(--highlight);background:#ffe9a82e}.sp-mine:focus-visible,.sp-centre:focus-visible{outline-offset:2px;outline:4px solid #fff}.sp-middle{justify-content:center;align-items:flex-start;gap:14px;padding:6px 0;display:flex}.sp-spit{opacity:.95;padding-top:18px}.sp-centre.is-target .sp-face,.sp-centre.is-target .sp-space{outline:6px solid var(--highlight);outline-offset:3px;border-radius:8px}.sp-tag{background:var(--highlight);color:#221d16;white-space:nowrap;border:2px solid #221d16;border-radius:999px;padding:1px 10px;font-size:1rem;font-weight:800;position:absolute;bottom:-6px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0006}.sp-needs{color:#fff;white-space:nowrap;background:#140e0699;border:2px solid #fff8e3bf;border-radius:999px;margin-top:4px;padding:1px 12px;font-size:1.2rem;font-weight:800;line-height:1.35}.sp-centre.is-closed{opacity:.6}.sp-centre.is-closed .sp-needs{visibility:hidden}.sp-info{color:#fff8e3;font-variant-numeric:tabular-nums;border-top:2px solid #e8c87359;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 14px;padding:2px 4px 0;font-size:1.05rem;display:flex}.sp-round,.sp-pace{font-weight:700}.sp-logbox{padding:4px 4px 0}.sp-log-title{margin:0;font-size:1.2rem}.sp-log{color:var(--text)}.sp-log li:first-child{font-weight:700}.sp-myfelt{padding:14px 12px 8px}.sp-my-row .sp-piles{gap:12px}.sp-actions-row{flex-wrap:wrap;gap:10px;display:flex}.sp-actions-row .btn{flex:160px;min-height:64px;font-size:1.35rem}.sp-actions-row .btn[data-primary]{flex:2 240px;font-size:1.6rem}.sp-actions-row .btn[disabled]{opacity:.5;cursor:default}.sp-mini-row{flex-wrap:wrap;gap:6px;display:flex}.sp-mini .card{width:56px}.sp-hidden-row{display:block}.sp-hidden-row h4{margin:8px 0 4px}@media (width<=767px){.sp-root{--their-w:clamp(40px, 12vw, 60px);--centre-w:clamp(70px, 22vw, 110px);--spit-w:clamp(38px, 11vw, 56px);--my-w:clamp(56px, calc((100vw - 80px) / 5), 96px)}.sp-game{gap:6px}.sp-toolbar{flex-wrap:nowrap;gap:6px;display:flex}.sp-toolbar .btn{flex:1 1 0;min-width:0;font-size:1.1rem}.sp-felt{margin-inline:calc(-1 * var(--gutter,16px));border-left:0;border-right:0;border-radius:0;padding:6px 4px}.sp-myfelt{border-width:3px;border-radius:12px;padding:10px 0 4px}.sp-board{gap:4px}.sp-row{gap:2px 8px}.sp-who{font-size:1rem}.sp-piles,.sp-my-row .sp-piles{gap:4px}.sp-stock,.sp-centre,.sp-spit{padding:2px}.sp-their-row{flex-direction:column}.sp-under{max-width:calc(var(--w) + 4px);white-space:normal;text-align:center;line-height:1.05}.sp-their .sp-under{font-size:.8rem}.sp-mine .sp-under{min-height:2.1em;font-size:.85rem}.sp-stock{min-width:0}.sp-middle{gap:3px;padding:2px 0}.sp-spit{padding-top:10px}.sp-needs{padding:0 6px;font-size:1rem}.sp-board{grid-template-columns:minmax(0,1fr)}.sp-spit-label{font-size:.85rem}.sp-count{font-size:.95rem}.sp-tag{padding:0 6px;font-size:.9rem}.sp-info{gap:0 10px;font-size:.95rem}.play-dock .sp-status.is-docked{max-height:7.2em;overflow-y:auto;min-height:5.6em!important}.play-dock .sp-status.has-buttons.is-docked{max-height:none}.sp-actions-row{flex-wrap:nowrap;gap:6px}.sp-actions-row .btn{flex:1 1 0;min-width:0;min-height:56px;padding:4px 8px;font-size:1.15rem}.sp-actions-row .btn[data-primary]{flex:1.6 1 0;font-size:1.4rem}.sp-status-buttons .btn{flex:1 1 0;padding:4px 8px;font-size:1.1rem}}.reduce-motion .sp-mine.is-selected .sp-cardwrap{transform:none}