.sb{--sb-a:#b4430b;--sb-a-soft:#fde7da;--sb-b:#0f6e66;--sb-b-soft:#d9f2ee;--sb-card:#fff;--sb-card-ink:#1f1b16}:root[data-theme=dark] .sb{--sb-a:#ff9a5c;--sb-a-soft:#3a2416;--sb-b:#3fd0bf;--sb-b-soft:#123330;--sb-card:#2a2236;--sb-card-ink:#f4eee4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sb{--sb-a:#ff9a5c;--sb-a-soft:#3a2416;--sb-b:#3fd0bf;--sb-b-soft:#123330;--sb-card:#2a2236;--sb-card-ink:#f4eee4}}.sb{padding:8px max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));color:var(--scene-ink);font-variant-numeric:tabular-nums;overscroll-behavior:contain;flex-direction:column;gap:8px;display:flex;position:absolute;inset:0;overflow-y:auto}.sb:focus{outline:none}.sb [hidden]{display:none!important}.sb>*{width:100%;max-width:920px;margin-inline:auto}.sb-hud{align-items:center;gap:12px;min-height:44px;display:flex}.sb-round{flex:1;margin:0;font-weight:700}.sb-score{margin:0;font-weight:700}.sb-icon-btn{border:1px solid var(--control-border);background:var(--sb-card);width:44px;height:44px;color:var(--sb-card-ink);cursor:pointer;touch-action:manipulation;border-radius:12px;place-items:center;font-size:.875rem;display:inline-grid}.sb[data-screen=ready] .sb-icon-btn,.sb[data-screen=result] .sb-icon-btn{visibility:hidden}.sb-screen{flex-direction:column;flex:1;gap:10px;min-height:0;display:none}.sb[data-screen=ready] .sb-ready,.sb[data-screen=pick] .sb-playarea,.sb[data-screen=pass] .sb-playarea,.sb[data-screen=countdown] .sb-playarea,.sb[data-screen=reveal] .sb-reveal,.sb[data-screen=result] .sb-result{display:flex}.sb-ready{text-align:center;justify-content:center;align-items:center}.sb-title{letter-spacing:-.03em;margin:0;font-size:clamp(2.25rem,9vw,3.5rem);font-weight:800}.sb-premise{max-width:30ch;margin:0;font-size:1.125rem}.sb-play{min-width:200px;min-height:56px;font-size:1.25rem}.sb-layouts{border:1px solid var(--line);background:var(--sb-card);width:min(100%,420px);color:var(--sb-card-ink);text-align:left;border-radius:16px;margin:4px 0 0;padding:8px 12px}.sb-layouts legend{padding:0 4px;font-weight:700}.sb-layout-option{align-items:flex-start;gap:12px;padding:6px 0;display:flex}.sb-layout-option input{width:22px;height:22px;accent-color:var(--accent);flex:none;margin:2px 0 0}.sb-layout-option label{cursor:pointer;flex-direction:column;display:flex}.sb-layout-option label span{opacity:.85;font-size:.875rem}.sb-best,.sb-fun,.sb-keys{margin:0;font-size:.875rem}.sb-keys{display:none}@media (hover:hover) and (pointer:fine){.sb-keys{display:block}}.sb-rule{background:var(--accent);color:var(--accent-ink);text-align:center;border-radius:999px;align-self:center;width:auto;margin:0;padding:6px 12px;font-weight:700}.sb-prompt{text-align:center;margin:0;font-size:clamp(1.25rem,5.2vw,2rem);line-height:1.2}.sb-zones{flex:1;grid-template-columns:1fr 1fr;gap:10px;min-height:0;display:grid}.sb-zone{border:2px solid var(--zone-color);background:var(--sb-card);min-width:0;color:var(--sb-card-ink);border-radius:16px;flex-direction:column;gap:8px;padding:10px;display:flex}.sb-zone[data-player=a]{--zone-color:var(--sb-a);--zone-soft:var(--sb-a-soft);order:1}.sb-zone[data-player=b]{--zone-color:var(--sb-b);--zone-soft:var(--sb-b-soft);order:2}.sb-zone-head{flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-weight:700;display:flex}.sb-badge{background:var(--zone-color);color:var(--sb-card);border-radius:999px;padding:2px 10px;font-weight:800}.sb-zone-prompt{margin:0;font-weight:700;line-height:1.25;display:none}.sb-note{margin:0;font-size:.875rem}.sb-options{flex-direction:column;gap:8px;display:flex}.sb-option{border:2px solid var(--control-border);background:var(--sb-card);min-height:56px;color:var(--sb-card-ink);font:inherit;text-align:left;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:14px;padding:8px 32px 8px 12px;font-size:1rem;font-weight:600;line-height:1.25;transition:transform .12s ease-out,background-color .12s ease-out;position:relative}.sb-option:active{transform:scale(.98)}.sb-option[aria-pressed=true]{border:3px solid var(--zone-color);background:var(--zone-soft)}.sb-option[aria-pressed=true]:after{content:attr(data-mark);color:var(--zone-color);font-weight:800;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.sb-lock{touch-action:manipulation;width:100%;min-height:52px;margin-top:auto}.sb-lock:disabled{opacity:.55;cursor:not-allowed}.sb-sealed{border:2px dashed var(--zone-color);background:var(--zone-soft);text-align:center;border-radius:14px;flex:1;place-items:center;margin:0;padding:16px;font-weight:700;display:grid}.sb[data-layout=table] .sb-zones{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.sb[data-layout=table] .sb-zone[data-player=b]{order:0;transform:rotate(180deg)}.sb[data-layout=table] .sb-zone-prompt{display:block}.sb[data-layout=table] .sb-playarea>.sb-prompt{display:none}.sb[data-layout=table] .sb-options{grid-template-columns:1fr 1fr;display:grid}.sb[data-layout=table] .sb-lock{margin-top:0}.sb[data-layout=turns] .sb-zones{grid-template-columns:1fr}.sb[data-layout=turns][data-active=a] .sb-zone[data-player=b],.sb[data-layout=turns][data-active=b] .sb-zone[data-player=a]{display:none}.sb-pass{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:none}.sb-pass-title{margin:0;font-size:1.5rem;font-weight:800}.sb[data-screen=pass] .sb-pass{display:flex}.sb[data-screen=pass] .sb-zones,.sb[data-screen=pass] .sb-prompt,.sb[data-screen=pass] .sb-rule{display:none}.sb-countdown{margin:0;display:none}.sb[data-screen=countdown] .sb-playarea{position:relative}.sb[data-screen=countdown] .sb-countdown{color:var(--accent);background:color-mix(in srgb, var(--scene-wall) 70%, transparent);border-radius:16px;place-items:center;font-size:clamp(4rem,22vw,9rem);font-weight:800;display:grid;position:absolute;inset:0}.sb-reveal{text-align:center;justify-content:center}.sb-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sb-card{border:3px solid var(--card-color);background:var(--sb-card);color:var(--sb-card-ink);border-radius:16px;padding:14px 10px;transition:transform .26s cubic-bezier(.2,.8,.3,1.2)}.sb-card[data-player=a]{--card-color:var(--sb-a)}.sb-card[data-player=b]{--card-color:var(--sb-b)}.sb-cards.is-match .sb-card[data-player=a]{transform:translate(6px)}.sb-cards.is-match .sb-card[data-player=b]{transform:translate(-6px)}.sb-card-who{margin:0;font-size:.875rem;font-weight:700}.sb-card-pick{margin:4px 0 0;font-size:1.125rem;font-weight:800;line-height:1.25}.sb-card-guess{margin:8px 0 0;font-size:.875rem}.sb-reveal-line{margin:0;font-size:1.125rem;font-weight:700}.sb-points{margin:0;font-size:2rem;font-weight:800}.sb-reveal:not([hidden]) .sb-points{animation:.32s ease-out sb-pop}@keyframes sb-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.sb-next{align-self:center;min-width:200px;min-height:52px}.sb-result{text-align:center;align-items:center}.sb-result-heading{margin:8px 0 0;font-size:1.125rem}.sb-result-heading:focus{outline:none}.sb-percent{color:var(--accent);margin:0;font-size:clamp(3.5rem,18vw,5rem);font-weight:800;line-height:1}.sb-result-title{margin:0;font-size:1.375rem;font-weight:800}.sb-markers{flex-wrap:wrap;justify-content:center;gap:4px;margin:0;padding:0;font-size:1.375rem;list-style:none;display:flex}.sb-funniest,.sb-mind{max-width:44ch;margin:0}.sb-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sb-share-label{margin:4px 0 0;font-size:.875rem}.sb-share-text{background:var(--sb-card);color:var(--sb-card-ink);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:12px;margin:0;padding:8px 12px}.sb-share-status{min-height:1.5em;margin:0;font-size:.875rem}.sb-overlay{z-index:2;background:var(--scene-wall);place-items:center;max-width:none;padding:16px;display:grid;position:absolute;inset:0}.sb-panel{border:1px solid var(--line);background:var(--sb-card);width:min(100%,360px);color:var(--sb-card-ink);text-align:center;border-radius:20px;padding:24px}.sb-panel h2{margin:0 0 8px;font-size:1.25rem}@media (width>=720px){.sb-zones{gap:24px}.sb-zone{padding:16px}.sb-option{font-size:1.0625rem}}@media (height<=520px){.sb-rule{display:none}.sb-option{min-height:44px;padding-block:4px}.sb-options{grid-template-columns:1fr 1fr;gap:6px;display:grid}}.sb.sb-reduced .sb-card,.sb.sb-reduced .sb-option{transition:none}.sb.sb-reduced .sb-points{animation:none!important}@media (prefers-reduced-motion:reduce){.sb-card,.sb-option{transition:none}.sb-points{animation:none!important}}