:root{--sq-light: #e8e0d0;--sq-dark: #7a9ab4;--x-color: #c94a5e;--x-glow: rgba(201, 74, 94, .35);--o-color: #5b8fc7;--o-glow: rgba(91, 143, 199, .35)}.players-row{display:flex;align-items:center;justify-content:center;gap:12px;padding:4px 0 2px;min-height:36px}.player-badge{display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 10px;border-radius:var(--radius-pill);border:1px solid var(--border);background:#ffffff0a;transition:background .15s,border-color .15s,box-shadow .15s}.player-badge.active{background:#4f86f721;border-color:#4f86f766;box-shadow:0 0 0 1px #4f86f72e}.player-badge.winner{background:#f59e0b26;border-color:#f59e0b80;box-shadow:0 0 0 1px #f59e0b40}.player-mark{width:20px;height:20px;flex-shrink:0;display:grid;place-items:center}.player-mark svg{width:100%;height:100%}.player-mark.x{color:var(--x-color)}.player-mark.x svg line{stroke:currentColor}.player-mark.o{color:var(--o-color)}.player-mark.o svg circle{stroke:currentColor}.player-name{font-size:.82rem;font-weight:600;letter-spacing:.04em;color:var(--text);white-space:nowrap}.vs{font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.status-box.status--win{background:#ef444438;border-color:#ef44448c;color:#fecaca}.board-wrapper{width:100%;max-width:460px;aspect-ratio:1;margin:0 auto;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px #000c,0 12px 40px #0000008c,0 40px 90px #0000004d}.board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;background:var(--sq-dark);gap:3px}.cell{position:relative;background:var(--sq-light);border:none;outline:none;padding:0;cursor:pointer;display:grid;place-items:center;-webkit-tap-highlight-color:transparent;transition:background .14s}.cell:hover:not(.taken):not(.disabled){background:#f3ecdc}.cell.taken,.cell.disabled{cursor:default}.cell svg.mark{width:62%;height:62%;display:block}.cell.placing svg.mark{animation:mark-in .22s ease-out}.cell.x svg.mark{color:var(--x-color)}.cell.x svg.mark line{stroke:currentColor}.cell.o svg.mark{color:var(--o-color)}.cell.o svg.mark circle{stroke:currentColor}@keyframes mark-in{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.cell.last-move:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#4f86f71f;pointer-events:none}.cell.win{background:#b9e6c4;animation:win-pulse 1.4s ease-in-out infinite}@keyframes win-pulse{0%,to{background:#b9e6c4}50%{background:#6fcf8f}}.cell.featured:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:3px solid rgba(245,158,11,.7);border-radius:6px;pointer-events:none}.history-scroll{max-height:188px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.history-scroll::-webkit-scrollbar{width:4px}.history-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}.history-table{width:100%;border-collapse:collapse;font-size:.84rem;font-variant-numeric:tabular-nums}.history-table td{padding:3px 6px;color:#556070}.history-table tr:last-child td{color:#9fb8d8}.move-num{color:#ffffff2e!important;font-size:.72rem!important;width:26px;text-align:right;padding-right:8px!important}.history-mark{display:inline-block;width:11px;height:11px;margin-right:6px;vertical-align:middle}.history-mark.x{color:var(--x-color)}.history-mark.o{color:var(--o-color)}.history-mark svg{width:100%;height:100%;display:block}@media(max-width:600px){.players-row,.status-row{gap:8px}}