.s9-board-wrap{margin-top:6px}.s9-board{--s9-cell-bg: #ffffff;--s9-given-bg: #f1f5f9;--s9-given-ink: #1e293b;--s9-peer-bg: #f5f3ff;--s9-sel-bg: #ede9fe;--s9-same-bg: #e9d5ff;--s9-line-cell: #e5e1f0;--s9-line-box: #3730a3;--s9-line-outer: #1e1b4b;--s9-accent: #4f46e5;--s9-accent-soft: #ede9fe;--s9-user-ink: #4f46e5;--s9-notes: #94a3b8;--s9-conflict: #dc2626;display:grid;grid-template-columns:repeat(9,1fr);width:min(540px,100%);margin:0 auto;background:var(--s9-cell-bg);border-radius:14px;padding:0;border:3px solid var(--s9-line-outer);box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden}body.arena:not(.skin-paper) .s9-board{--s9-cell-bg: #0f172a;--s9-given-bg: #1e293b;--s9-given-ink: #e5e7eb;--s9-peer-bg: #1b1530;--s9-sel-bg: #2a2150;--s9-same-bg: #3b2d6b;--s9-line-cell: #334155;--s9-line-box: #818cf8;--s9-line-outer: #a5b4fc;--s9-accent: #818cf8;--s9-accent-soft: #2a2150;--s9-user-ink: #a5b4fc;--s9-notes: #64748b;--s9-conflict: #fca5a5}.s9-board .grid-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;display:block}.s9-board .grid-lines .l-cell{fill:var(--s9-line-cell)}.s9-board .grid-lines .l-box{fill:var(--s9-line-box)}.s9-board .c9cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--s9-cell-bg);border:0;box-sizing:border-box;font-family:var(--font-sans);font-weight:700;font-size:clamp(1.1rem,5.4vw,1.7rem);font-variant-numeric:tabular-nums;line-height:1;text-box:trim-both cap alphabetic;padding-top:.08em;color:var(--s9-user-ink);cursor:pointer;transition:background .12s,box-shadow .12s,color .12s;position:relative}@media(max-width:767px){.s9-board .c9cell{padding-top:.02em}}.s9-board .c9cell.given{background:var(--s9-given-bg);color:var(--s9-given-ink);cursor:default}.s9-board .c9cell.entry{color:var(--s9-user-ink)}.s9-board .c9cell.bot{color:var(--teal, #2fc4c9)}.s9-board .c9cell.sel{background:var(--s9-sel-bg);box-shadow:inset 0 0 0 2.5px var(--s9-accent);z-index:2}.s9-board .c9cell.peer{background:var(--s9-peer-bg)}.s9-board .c9cell.same{background:var(--s9-same-bg)}.s9-board .c9cell.conflict{color:var(--s9-conflict);box-shadow:inset 3px 0 0 0 var(--s9-conflict)}.s9-board .c9cell.lock{box-shadow:inset 0 0 0 1px var(--border)}.s9-board .c9cell:not(.given):not(.bot){position:relative}.s9-board .c9cell.lock:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-top:12px solid var(--brand);border-left:12px solid transparent}.s9-board .c9cell.pop span{animation:s9pop .28s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1))}@keyframes s9pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.s9-board .c9cell.shake{animation:s9shake .32s ease}@keyframes s9shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}.s9-board .c9cell.marks{align-items:stretch;justify-content:stretch;padding:0}.s9-board .c9cell .n9{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;padding:2px}.s9-board .c9cell .n9 i{display:flex;align-items:center;justify-content:center;font-style:normal;font-family:var(--font-sans);font-weight:500;font-size:.36em;line-height:1;color:transparent}.s9-board .c9cell .n9 i.on{color:var(--a-ember-dim, #ff8b66)}.s9-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:420px;margin:14px auto 0}.s9-pad .pk{position:relative;padding:14px 0;border-radius:13px;background:var(--s9-cell-bg);border:1px solid var(--s9-line-cell);color:var(--s9-accent);font-family:var(--font-sans);font-size:clamp(1.1rem,5vw,1.5rem);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,transform .06s,border-color .12s,color .12s}.s9-pad .pk:hover{background:var(--s9-accent-soft)}.s9-pad .pk:active{transform:translateY(1px)}.s9-pad .s9-padfoot{grid-column:1 / -1;display:flex;gap:8px}.s9-pad .s9-padfoot .pk{flex:1;aspect-ratio:auto;padding:11px;font-size:.95rem;color:var(--text-muted)}.s9-pad .pk.erase:hover{color:var(--text);background:transparent}.s9-pad .pk.notes:hover{color:var(--s9-accent)}.s9-pad .pk.notes.on{border-color:var(--s9-accent);background:var(--s9-accent-soft);color:var(--s9-accent)}.s9-pad .pk .pk-left{position:absolute;top:5px;right:7px;font-size:.6rem;font-weight:600;line-height:1;color:var(--text-muted);font-variant-numeric:tabular-nums}.s9-pad .pk.done{opacity:.32;cursor:default}.s9-pad .pk.done:hover{border-color:var(--s9-line-cell);background:var(--s9-cell-bg);color:var(--s9-accent)}.s9-pad .pk:focus-visible{outline:2px solid var(--s9-accent);outline-offset:2px}@media(max-width:560px){.s9-pad{gap:6px}.s9-pad .pk{font-size:1.2rem}}.s9-padtools{display:flex;justify-content:center;gap:10px;margin-top:10px}.s9-opp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:16px}.s9-you-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.s9-opp-head .player,.s9-you-head .player{display:flex;align-items:center;gap:11px}.s9-opp-head .pn,.s9-you-head .pn{font-weight:600;font-size:.92rem;display:flex;align-items:center;gap:8px}.s9-opp-head .ps,.s9-you-head .ps{font-size:.74rem;color:var(--text-muted)}.side-tag{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;border-radius:999px;padding:3px 9px}.side-tag .d{width:7px;height:7px;border-radius:50%}.side-tag.you{background:var(--brand-subtle);color:var(--brand-text)}.side-tag.you .d{background:var(--brand)}.side-tag.opp{background:#2fc4c924;color:var(--teal, #2fc4c9)}.side-tag.opp .d{background:var(--teal, #2fc4c9)}.status{font-size:.8rem;display:inline-flex;align-items:center;gap:7px;color:var(--text-muted)}.status .d{width:8px;height:8px;border-radius:50%;background:var(--teal, #2fc4c9)}.status.thinking .d{animation:s9pulse 1s infinite}.status.done .d{background:var(--teal, #2fc4c9)}@keyframes s9pulse{0%,to{opacity:1}50%{opacity:.3}}.s9-hud{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px}.s9-hud .hud-row{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:.8rem;color:var(--text-muted);margin-bottom:8px}.s9-hud .hud-row:last-child{margin-bottom:0}.s9-hud .hud-row b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.lives{display:inline-flex;gap:5px}.lives i{width:9px;height:9px;border-radius:50%;background:var(--teal, #2fc4c9)}.lives i.off{background:var(--border)}.s9-chatlog{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto}.chat-dock .bub{max-width:80%;padding:7px 12px;border-radius:14px;font-size:.85rem}.chat-dock .bub.opp{align-self:flex-start;background:var(--surface-raised);border:1px solid var(--border);border-bottom-left-radius:4px}.s9-verdict{font-family:var(--font-display);font-weight:800;font-size:1.7rem;color:var(--brand-text)}.s9-scores{display:flex;justify-content:center;gap:30px;margin:14px 0;font-variant-numeric:tabular-nums}.s9-scores .me{color:var(--brand-text);font-weight:700;font-size:1.2rem}.s9-scores .op{color:var(--teal, #2fc4c9);font-weight:700;font-size:1.2rem}.s9-scores small{display:block;font-size:.7rem;color:var(--text-muted);font-weight:400}.s9-acts{display:flex;justify-content:center;gap:12px;margin-top:8px;flex-wrap:wrap}.s9-newbest{margin-top:8px;font-size:.85rem;color:var(--warning-strong);font-weight:600}.modal .s9-verdict{text-align:center}