@font-face{font-family:Heebo;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/heebo-hebrew-400.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Heebo;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/heebo-hebrew-600.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Heebo;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/heebo-hebrew-800.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Heebo;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/heebo-latin-400.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Heebo;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/heebo-latin-600.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Heebo;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/heebo-latin-800.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-variant-numeric:tabular-nums;font-family:Heebo,Assistant,system-ui,-apple-system,Segoe UI,Noto Sans Hebrew,Arial Hebrew,sans-serif}*{box-sizing:border-box}html,body{color:#e8ecf4;touch-action:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#07080c;height:100%;margin:0;padding:0;overflow:hidden}#game-canvas{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}#ui-root{z-index:1;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;inset:0}#ui-root :where(button,a,input,select,textarea,label,.panel,.scrim,.toast,.lang-toggle,.resign-confirm,.replay,.spectate-hud,.result-layer){pointer-events:auto}#boot{z-index:10;background:radial-gradient(circle at 50% 45%,#121726 0%,#07080c 70%);place-content:center;justify-items:center;gap:1.5rem;transition:opacity .42s;display:grid;position:fixed;inset:0}#boot.is-hidden{opacity:0;pointer-events:none}#boot p{letter-spacing:.02em;color:#9aa6c0;margin:0;font-size:.95rem;font-weight:600}.boot-cube{transform-style:preserve-3d;gap:6px;display:grid;transform:rotateX(58deg)rotate(45deg)}.boot-cube span{background:#50aaff12;border:1px solid #78c8ff73;width:56px;height:56px;animation:1.6s ease-in-out infinite boot-pulse;display:block}.boot-cube span:nth-child(2){animation-delay:.2s}.boot-cube span:nth-child(3){animation-delay:.4s}@keyframes boot-pulse{0%,to{opacity:.25;box-shadow:none}50%{opacity:.9;box-shadow:0 0 18px #5abeff59}}@media (prefers-reduced-motion:reduce){.boot-cube span{opacity:.6;animation:none}#boot{transition:none}}.noscript{text-align:center;padding:1rem;font-weight:600;position:fixed;inset-block-start:40%;inset-inline:0}#boot .boot__hint{color:#94a3b8;text-align:center;max-inline-size:30rem;margin:0;font-size:.875rem}#boot .boot__detail{color:#cbd5e1;text-align:start;-webkit-user-select:text;user-select:text;direction:ltr;background:#94a3b81a;border:1px solid #94a3b83d;border-radius:8px;max-block-size:8rem;max-inline-size:min(90vw,34rem);padding:.75rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;line-height:1.5;overflow:auto}.pwa-toast{z-index:30;color:#e2e8f4;pointer-events:auto;background:#182032f5;border:1px solid #94a3b847;border-radius:12px;align-items:center;gap:.75rem;inline-size:fit-content;max-inline-size:min(92vw,30rem);margin-inline:auto;padding:.7rem .9rem;font-size:.875rem;font-weight:600;display:flex;position:fixed;inset-block-end:calc(env(safe-area-inset-bottom) + 1rem);inset-inline:0;box-shadow:0 18px 40px #00000073}.pwa-toast__label{text-align:start}.pwa-toast__action{color:#ffb184;font:inherit;cursor:pointer;background:#ff8a3d29;border:1px solid #ff8a3d8c;border-radius:8px;flex:none;padding:.4rem .85rem}.pwa-toast__action:hover{background:#ff8a3d42}.pwa-toast__dismiss{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;flex:none;block-size:1.75rem;inline-size:1.75rem;font-size:.9rem;line-height:1}.pwa-toast__dismiss:hover{color:#e2e8f4;border-color:#94a3b847}@media (pointer:coarse){.pwa-toast__action,.pwa-toast__dismiss{min-block-size:2.75rem}}:root{--c-ink-900:#05070d;--c-ink-800:#0a0e18;--c-ink-700:#111726;--c-ink-600:#1a2135;--c-ink-500:#273149;--c-slate-400:#64748b;--c-slate-300:#94a3b8;--c-slate-200:#cbd5e1;--c-paper:#e8ecf4;--c-x:#ff8a3d;--c-x-deep:#c2410c;--c-o:#38bdf8;--c-o-deep:#0369a1;--c-mint:#a7f3d0;--c-rose:#fb7185;--c-gold:#fde68a;--t-xs:.75rem;--t-sm:.875rem;--t-md:1rem;--t-lg:1.25rem;--t-xl:1.563rem;--t-2xl:1.953rem;--t-3xl:2.441rem;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--surface-scrim:#05070dc7;--surface-panel:#0c111cdb;--surface-raised:#182032e6;--surface-hover:#2d3a54eb;--border-subtle:#94a3b829;--border-strong:#94a3b857;--border-focus:var(--c-mint);--text-primary:var(--c-paper);--text-secondary:var(--c-slate-300);--text-muted:var(--c-slate-400);--accent-x:var(--c-x);--accent-o:var(--c-o);--accent-positive:var(--c-mint);--accent-negative:var(--c-rose);--accent-highlight:var(--c-gold);--shadow-panel:0 24px 60px #0000008c;--shadow-raised:0 8px 24px #0006;--glow-x:0 0 24px #ff8a3d59;--glow-o:0 0 24px #38bdf859;--hud-gap:var(--s-3);--hud-pill-height:2.75rem;--control-min:2.75rem;--panel-max-width:34rem;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-inline-start:env(safe-area-inset-left,0px);--safe-inline-end:env(safe-area-inset-right,0px)}[dir=rtl]{--safe-inline-start:env(safe-area-inset-right,0px);--safe-inline-end:env(safe-area-inset-left,0px)}@media (prefers-reduced-motion:reduce){:root{--motion-duration:0s}}:root{--motion-duration:.22s;--motion-ease:cubic-bezier(.22, 1, .36, 1)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed}:where(button,input,select,a):focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.topbar{inset-block-start:calc(var(--safe-top) + var(--s-3));inset-inline:calc(var(--safe-inline-start) + var(--s-4)) calc(var(--safe-inline-end) + var(--s-4));justify-content:space-between;align-items:center;gap:var(--s-3);pointer-events:none;display:flex;position:absolute}.topbar__mark{align-items:center;gap:var(--s-2);color:var(--text-secondary);display:flex}.topbar__name{font-size:var(--t-sm);letter-spacing:.04em;color:var(--text-primary);font-weight:800}.topbar__actions{align-items:center;gap:var(--s-2);display:flex}.icon-button{inline-size:var(--control-min);block-size:var(--control-min);border-radius:var(--radius-md);background:var(--surface-panel);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:background var(--motion-duration) var(--motion-ease), color var(--motion-duration) var(--motion-ease), transform var(--motion-duration) var(--motion-ease);place-items:center;display:grid}.icon-button:hover{background:var(--surface-hover);color:var(--text-primary)}.icon-button:active{transform:scale(.96)}.icon-button[aria-pressed=true]{color:var(--accent-positive);border-color:var(--accent-positive)}.icon-button--danger:hover{color:var(--accent-negative);border-color:var(--accent-negative)}.button{min-block-size:var(--control-min);padding-inline:var(--s-5);padding-block:var(--s-2);justify-content:center;align-items:center;gap:var(--s-2);border-radius:var(--radius-pill);font-size:var(--t-md);background:var(--surface-raised);border:1px solid var(--border-subtle);color:var(--text-primary);transition:background var(--motion-duration) var(--motion-ease), transform var(--motion-duration) var(--motion-ease), border-color var(--motion-duration) var(--motion-ease);font-weight:600;display:inline-flex}.button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.button:active:not(:disabled){transform:translateY(1px)}.button--primary{background:linear-gradient(135deg, var(--c-o-deep), var(--c-o));color:#041020;border-color:#0000;font-weight:800}.button--primary:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(135deg, var(--c-o-deep), var(--c-o))}.button--danger{color:var(--accent-negative);border-color:color-mix(in srgb, var(--accent-negative) 45%, transparent)}.button--ghost{color:var(--text-secondary);background:0 0}.button--compact{min-block-size:2.25rem;padding-inline:var(--s-3);font-size:var(--t-sm)}.button--side-x{color:var(--accent-x);border-color:color-mix(in srgb, var(--accent-x) 40%, transparent)}.button--side-o{color:var(--accent-o);border-color:color-mix(in srgb, var(--accent-o) 40%, transparent)}.lang-toggle{border-radius:var(--radius-pill);background:var(--surface-panel);border:1px solid var(--border-subtle);padding:2px;display:inline-flex}.lang-toggle__option{min-block-size:2.25rem;padding-inline:var(--s-3);border-radius:var(--radius-pill);font-size:var(--t-xs);color:var(--text-muted);transition:background var(--motion-duration) var(--motion-ease), color var(--motion-duration) var(--motion-ease);font-weight:600}.lang-toggle__option[aria-pressed=true]{background:var(--surface-hover);color:var(--text-primary)}.scrim{padding:var(--s-4);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(#05070d2e,#05070d5c);place-items:center;display:grid;position:absolute;inset:0}.panel{inline-size:min(100%, var(--panel-max-width));max-block-size:calc(100dvh - var(--safe-top) - var(--safe-bottom) - var(--s-6));padding:var(--s-5);border-radius:var(--radius-lg);background:var(--surface-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-panel);gap:var(--s-4);text-align:start;flex-direction:column;display:flex;overflow-y:auto}.panel--lobby,.panel--opponent{margin-inline:auto;position:absolute;inset-block-end:calc(var(--safe-bottom) + var(--s-5));inset-inline:0}.panel__header{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.panel__title{font-size:var(--t-xl);letter-spacing:-.01em;margin:0;font-weight:800}.panel__subtitle{font-size:var(--t-sm);color:var(--text-secondary);margin:0;line-height:1.5}.panel__note{font-size:var(--t-xs);color:var(--text-muted);margin:0}.panel__actions{gap:var(--s-2);flex-wrap:wrap;display:flex}.panel__actions .button{flex:8rem}.cards{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.card{min-block-size:4.25rem;inline-size:100%;padding:var(--s-3);align-items:center;gap:var(--s-3);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-subtle);text-align:start;transition:background var(--motion-duration) var(--motion-ease), border-color var(--motion-duration) var(--motion-ease), transform var(--motion-duration) var(--motion-ease);display:flex}.card:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-1px)}.card:active:not(:disabled){transform:translateY(0)}.card--disabled{opacity:.55}.card[aria-pressed=true]{border-color:var(--accent-positive);background:var(--surface-hover)}.card__icon{border-radius:var(--radius-md);background:var(--surface-panel);border:1px solid var(--border-subtle);block-size:2.75rem;inline-size:2.75rem;color:var(--text-secondary);flex:none;place-items:center;display:grid}.card__icon--accent{color:var(--accent-o);border-color:color-mix(in srgb, var(--accent-o) 35%, transparent)}.card__body{gap:2px;min-inline-size:0;display:grid}.card__title{font-size:var(--t-md);font-weight:700}.card__hint{font-size:var(--t-xs);color:var(--text-muted);overflow-wrap:anywhere;line-height:1.45}.card--difficulty{justify-content:space-between}.side-choice{gap:var(--s-2);display:flex}.side-choice .button{flex:1}.hud{pointer-events:none;position:absolute;inset:0}.turn-banner{inline-size:fit-content;min-block-size:var(--hud-pill-height);padding-inline:var(--s-4);align-items:center;gap:var(--s-2);border-radius:var(--radius-pill);background:var(--surface-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-raised);white-space:nowrap;margin-inline:auto;display:flex;position:absolute;inset-block-start:calc(var(--safe-top) + 4rem);inset-inline:0}.turn-banner--x{border-color:color-mix(in srgb, var(--accent-x) 45%, transparent);box-shadow:var(--shadow-raised), var(--glow-x)}.turn-banner--o{border-color:color-mix(in srgb, var(--accent-o) 45%, transparent);box-shadow:var(--shadow-raised), var(--glow-o)}.turn-banner__text{font-size:var(--t-md);font-weight:700}.crest{place-items:center;display:grid}.crest--x{color:var(--accent-x)}.crest--o{color:var(--accent-o)}.turn-banner__spinner{border:2px solid var(--border-strong);border-block-start-color:var(--text-primary);border-radius:50%;block-size:.9rem;inline-size:.9rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}html[data-reduced-motion=true] .turn-banner__spinner{animation:none}.move-progress{inline-size:fit-content;padding:5px var(--s-2);border-radius:var(--radius-pill);background:var(--surface-panel);border:1px solid var(--border-subtle);gap:2px;margin-inline:auto;display:flex;position:absolute;inset-block-start:calc(var(--safe-top) + 7.2rem);inset-inline:0}.move-progress__tick{background:var(--border-subtle);block-size:.6rem;inline-size:3px;transition:background var(--motion-duration) var(--motion-ease);border-radius:1px}.move-progress__tick.is-on{background:var(--text-secondary)}.layer-selector{gap:var(--s-2);justify-items:center;display:grid;position:absolute;inset-block-start:50%;inset-inline-end:calc(var(--safe-inline-end) + var(--s-4));transform:translateY(-50%)}.layer-selector__item{inline-size:var(--control-min);padding:var(--s-1);border-radius:var(--radius-md);background:var(--surface-panel);border:1px solid var(--border-subtle);transition:border-color var(--motion-duration) var(--motion-ease), background var(--motion-duration) var(--motion-ease);justify-items:center;gap:3px;display:grid}.layer-selector__item:hover{background:var(--surface-hover)}.layer-selector__item[aria-pressed=true]{border-color:var(--accent-positive);background:var(--surface-hover)}.layer-selector__map{grid-template-columns:repeat(3,6px);gap:2px;display:grid}.layer-selector__cell{background:var(--border-subtle);border-radius:1px;block-size:6px;inline-size:6px}.layer-selector__cell.is-x{background:var(--accent-x)}.layer-selector__cell.is-o{background:var(--accent-o)}.layer-selector__label{font-size:var(--t-xs);color:var(--text-secondary);font-weight:700}.layer-selector__all{padding:var(--s-1) var(--s-2);border-radius:var(--radius-pill);font-size:var(--t-xs);color:var(--text-muted);background:var(--surface-panel);border:1px solid var(--border-subtle);font-weight:600}.layer-selector__all[aria-pressed=true]{color:var(--text-primary);border-color:var(--border-strong)}.hud__controls{inset-block-end:calc(var(--safe-bottom) + var(--s-4));inset-inline:calc(var(--safe-inline-start) + var(--s-4)) calc(var(--safe-inline-end) + var(--s-4));justify-content:space-between;align-items:center;gap:var(--s-3);display:flex;position:absolute}.hud__hint{font-size:var(--t-xs);color:var(--text-muted);padding:var(--s-2) var(--s-3);border-radius:var(--radius-pill);background:var(--surface-panel);border:1px solid var(--border-subtle);max-inline-size:22rem;margin:0}.hud__hint--armed{color:var(--accent-positive);border-color:color-mix(in srgb, var(--accent-positive) 40%, transparent)}.resign-confirm{align-items:center;gap:var(--s-2);padding:var(--s-2);border-radius:var(--radius-md);background:var(--surface-panel);border:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.resign-confirm__text{font-size:var(--t-sm);font-weight:600}.result-layer{inline-size:min(100% - var(--s-6), 24rem);position:absolute;inset-block-start:calc(var(--safe-top) + var(--s-7));inset-inline-end:calc(var(--safe-inline-end) + var(--s-4))}@media (width<=40rem){.result-layer{inline-size:min(100% - var(--s-4), 30rem);margin-inline:auto;inset-block-start:auto;inset-block-end:calc(var(--safe-bottom) + var(--s-3));inset-inline:0}}.panel--result{text-align:center;align-items:center}.panel--result .panel__title,.panel--result .panel__subtitle{text-align:center}.result-crest{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:50%;place-items:center;block-size:4.5rem;inline-size:4.5rem;display:grid}.result-crest--x{color:var(--accent-x);box-shadow:var(--glow-x);border-color:color-mix(in srgb, var(--accent-x) 45%, transparent)}.result-crest--o{color:var(--accent-o);box-shadow:var(--glow-o);border-color:color-mix(in srgb, var(--accent-o) 45%, transparent)}.result-crest--draw{color:var(--accent-highlight)}.result-stats{gap:var(--s-5);flex-wrap:wrap;justify-content:center;margin:0;display:flex}.result-stats div{gap:2px;display:grid}.result-stats dt{font-size:var(--t-xs);color:var(--text-muted)}.result-stats dd{font-size:var(--t-lg);margin:0;font-weight:800}.settings-list{gap:var(--s-2);display:grid}.settings-row{min-block-size:var(--control-min);padding:var(--s-2) var(--s-3);justify-content:space-between;align-items:center;gap:var(--s-3);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-subtle);cursor:pointer;display:flex}.settings-row__text{gap:2px;min-inline-size:0;display:grid}.settings-row__label{font-size:var(--t-sm);font-weight:600}.settings-row__hint{font-size:var(--t-xs);color:var(--text-muted);line-height:1.4}.settings-row input[type=range]{inline-size:10rem;accent-color:var(--accent-o)}.settings-row select{min-block-size:2.25rem;padding-inline:var(--s-2);border-radius:var(--radius-sm);background:var(--surface-panel);border:1px solid var(--border-subtle);color:var(--text-primary)}.switch{appearance:none;border-radius:var(--radius-pill);background:var(--border-subtle);cursor:pointer;block-size:1.55rem;inline-size:2.75rem;transition:background var(--motion-duration) var(--motion-ease);flex:none;position:relative}.switch:after{content:"";background:var(--text-primary);block-size:1.15rem;inline-size:1.15rem;transition:transform var(--motion-duration) var(--motion-ease);border-radius:50%;position:absolute;inset-block-start:3px;inset-inline-start:3px}.switch:checked{background:var(--accent-o)}.switch:checked:after{transform:translate(1.2rem)}[dir=rtl] .switch:checked:after{transform:translate(-1.2rem)}.toast{inline-size:fit-content;max-inline-size:min(90vw,26rem);padding:var(--s-3) var(--s-4);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-strong);box-shadow:var(--shadow-raised);font-size:var(--t-sm);text-align:center;margin-inline:auto;font-weight:600;position:absolute;inset-block-end:calc(var(--safe-bottom) + 5.5rem);inset-inline:0}.toast--error{border-color:color-mix(in srgb, var(--accent-negative) 55%, transparent);color:var(--accent-negative)}.toast--success{border-color:color-mix(in srgb, var(--accent-positive) 55%, transparent);color:var(--accent-positive)}@media (width<=560px){.panel{padding:var(--s-4)}.panel--lobby,.panel--opponent{inline-size:calc(100% - var(--s-5));inset-block-end:calc(var(--safe-bottom) + var(--s-3))}.panel--result{margin-block-end:var(--s-5)}.layer-selector{grid-auto-flow:column;align-items:center;inline-size:fit-content;margin-inline:auto;inset-block-start:auto;inset-block-end:calc(var(--safe-bottom) + 4.75rem);inset-inline:0;transform:none}.hud__hint{max-inline-size:12rem;font-size:.7rem}.turn-banner{inset-block-start:calc(var(--safe-top) + 3.5rem)}.move-progress{inset-block-start:calc(var(--safe-top) + 6.4rem)}}@media (height<=460px){.turn-banner{inset-block-start:calc(var(--safe-top) + .5rem);inset-inline:auto calc(var(--safe-inline-end) + 8rem);margin-inline:0}.move-progress{display:none}}.signed-in,.sign-in{align-items:center;gap:var(--s-2);padding:var(--s-3);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.signed-in__name{font-size:var(--t-sm);font-weight:700}.signed-in__rating{font-size:var(--t-xs);color:var(--text-muted);margin-inline-end:auto}.sign-in__prompt{font-size:var(--t-sm);color:var(--text-secondary);flex:14rem;margin:0}.sign-in__test{gap:var(--s-2);flex:100%;display:flex}.sign-in__test input{min-block-size:2.25rem;padding-inline:var(--s-2);border-radius:var(--radius-sm);background:var(--surface-panel);border:1px solid var(--border-subtle);color:var(--text-primary);font:inherit;font-size:var(--t-sm);flex:1}.panel--queue{text-align:center;align-items:center;margin-inline:auto;position:absolute;inset-block-end:calc(var(--safe-bottom) + var(--s-5));inset-inline:0}.queue-status{align-items:center;gap:var(--s-2);font-size:var(--t-md);font-weight:600;display:flex}.queue-status__spinner{border:2px solid var(--border-strong);border-block-start-color:var(--accent-o);border-radius:50%;block-size:1rem;inline-size:1rem;animation:.9s linear infinite spin}html[data-reduced-motion=true] .queue-status__spinner{animation:none}.queue-facts{gap:var(--s-5);justify-content:center;margin:0;display:flex}.queue-facts div{gap:2px;display:grid}.queue-facts dt{font-size:var(--t-xs);color:var(--text-muted)}.queue-facts dd{font-size:var(--t-lg);margin:0;font-weight:800}.connection-banner{inline-size:fit-content;max-inline-size:min(90vw,24rem);padding:var(--s-2) var(--s-4);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent-negative) 18%, var(--surface-panel));border:1px solid color-mix(in srgb, var(--accent-negative) 55%, transparent);color:var(--text-primary);font-size:var(--t-sm);text-align:center;margin-inline:auto;font-weight:600;position:absolute;inset-block-start:calc(var(--safe-top) + 9.5rem);inset-inline:0}.opponent-chip{align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-3);border-radius:var(--radius-pill);background:var(--surface-panel);border:1px solid var(--border-subtle);font-size:var(--t-xs);display:flex;position:absolute;inset-block-start:calc(var(--safe-top) + var(--s-3));inset-inline-start:50%;translate:-50%}[dir=rtl] .opponent-chip{translate:50%}.opponent-chip__name{font-weight:700}.opponent-chip__rating{color:var(--text-muted)}.rating-change{padding:var(--s-3) var(--s-4);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-subtle);justify-items:center;gap:2px;display:grid}.rating-change--up{border-color:color-mix(in srgb, var(--accent-positive) 45%, transparent)}.rating-change--down{border-color:color-mix(in srgb, var(--accent-negative) 45%, transparent)}.rating-change__values{font-size:var(--t-lg);font-weight:800}.rating-change__delta{font-size:var(--t-sm);color:var(--text-secondary)}.rating-change--up .rating-change__delta{color:var(--accent-positive)}.rating-change--down .rating-change__delta{color:var(--accent-negative)}.rating-change__peak{font-size:var(--t-xs);color:var(--accent-highlight);font-weight:700}.panel--analysis,.panel--daily,.panel--spectate,.panel--admin{inline-size:min(100% - var(--s-6), 24rem);max-block-size:calc(100dvh - var(--safe-top) - var(--safe-bottom) - var(--s-7) - var(--s-5));overscroll-behavior:contain;position:absolute;inset-block-start:calc(var(--safe-top) + var(--s-7));inset-inline-end:calc(var(--safe-inline-end) + var(--s-4));overflow-y:auto}@media (width<=40rem){.panel--analysis,.panel--daily,.panel--spectate,.panel--admin{inline-size:min(100% - var(--s-4), 30rem);max-block-size:62dvh;margin-inline:auto;inset-block-start:auto;inset-block-end:calc(var(--safe-bottom) + var(--s-3));inset-inline:0}}.panel__heading{font-size:var(--t-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0;font-weight:700}.chips{gap:var(--s-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chip{align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-3);border-radius:var(--radius-pill);background:var(--surface-raised);border:1px solid var(--border-subtle);font-size:var(--t-xs);color:var(--text-secondary);display:inline-flex}.chip--button{min-block-size:2rem;transition:background var(--motion-duration) var(--motion-ease)}.chip--button:hover{background:var(--surface-hover)}.chip--button.is-active{background:color-mix(in srgb, var(--accent-positive) 18%, var(--surface-raised));border-color:color-mix(in srgb, var(--accent-positive) 55%, transparent);color:var(--text-primary);font-weight:700}.chip--difficulty-1{border-color:color-mix(in srgb, var(--accent-positive) 45%, transparent)}.chip--difficulty-2{border-color:color-mix(in srgb, var(--accent-highlight) 45%, transparent)}.chip--difficulty-3{border-color:color-mix(in srgb, var(--accent-negative) 45%, transparent)}.analysis-quality{font-size:var(--t-lg);color:var(--accent-highlight);margin:0;font-weight:800}.analysis-sides{gap:var(--s-2);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=26rem){.analysis-sides{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.analysis-side{padding:var(--s-3);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-subtle);gap:var(--s-2);display:grid}.analysis-side--x{border-inline-start:3px solid var(--accent-x)}.analysis-side--o{border-inline-start:3px solid var(--accent-o)}.analysis-side.is-you{background:var(--surface-hover)}.analysis-side__title{font-size:var(--t-xs);color:var(--text-secondary);margin:0;font-weight:700}.analysis-side__accuracy{align-items:baseline;gap:var(--s-1);margin:0;display:flex}.analysis-side__accuracy-value{font-size:var(--t-2xl);unicode-bidi:isolate;font-weight:800;line-height:1}.analysis-side__accuracy-label{font-size:var(--t-xs);color:var(--text-muted)}.analysis-side__stats{font-size:var(--t-xs);gap:2px;margin:0;display:grid}.analysis-side__stats>div{justify-content:space-between;gap:var(--s-2);display:flex}.analysis-side__stats dt{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.analysis-side__stats dd{unicode-bidi:isolate;margin:0;font-weight:700}.turning-points{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.turning-point{inline-size:100%;min-block-size:var(--control-min);padding:var(--s-2) var(--s-3);align-items:center;gap:var(--s-3);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid color-mix(in srgb, var(--accent-negative) 35%, transparent);text-align:start;display:flex}.turning-point:hover{background:var(--surface-hover)}.turning-point__number{unicode-bidi:isolate;font-weight:800}.turning-point__reason{font-size:var(--t-xs);color:var(--text-secondary)}.move-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.move-row__button{min-block-size:2.25rem;inline-size:100%;padding:var(--s-1) var(--s-2);align-items:center;gap:var(--s-2);border-radius:var(--radius-sm);text-align:start;font-size:var(--t-xs);grid-template-columns:.6rem 1.6rem 5.5rem 1fr;display:grid}.move-row__button:hover{background:var(--surface-hover)}.move-row.is-selected .move-row__button{background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--border-strong)}.move-row__side{border-radius:50%;block-size:.6rem;inline-size:.6rem}.move-row__side--x{background:var(--accent-x)}.move-row__side--o{background:var(--accent-o)}.move-row__number{color:var(--text-muted);unicode-bidi:isolate}.move-row__class{font-weight:700}.move-row--winning .move-row__class,.move-row--brilliant .move-row__class{color:var(--accent-highlight)}.move-row--strong .move-row__class{color:var(--accent-positive)}.move-row--mistake .move-row__class{color:color-mix(in srgb, var(--accent-negative) 70%, var(--c-paper))}.move-row--blunder .move-row__class{color:var(--accent-negative)}.move-row__reason{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.replay{inline-size:min(100% - var(--s-4), 46rem);padding:var(--s-2) var(--s-3);border-radius:var(--radius-lg);background:var(--surface-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-panel);gap:var(--s-2);margin-inline:auto;display:grid;position:absolute;inset-block-end:calc(var(--safe-bottom) + var(--s-3));inset-inline:0}.replay__bar{align-items:center;gap:var(--s-2);display:flex}.button--icon{min-inline-size:var(--control-min);min-block-size:var(--control-min);font-size:var(--t-lg);place-items:center;padding:0;display:inline-grid}.replay__scrub{flex:auto;align-items:center;display:flex}.replay__scrub input{inline-size:100%;accent-color:var(--accent-positive);min-block-size:var(--control-min)}.replay__counter{font-size:var(--t-xs);color:var(--text-secondary);white-space:nowrap;unicode-bidi:isolate}.replay__controls{gap:var(--s-2) var(--s-3);flex-wrap:wrap;align-items:center;display:flex}.replay__group{gap:var(--s-1);flex-wrap:wrap;display:flex}.replay .chip--button{min-block-size:1.75rem;padding:2px var(--s-2);font-size:.6875rem}.replay .button--icon{min-block-size:2.25rem;min-inline-size:2.25rem;font-size:var(--t-md)}.replay__scrub input{min-block-size:2.25rem}.replay__actions .button--compact{min-block-size:2rem}.replay__vision{gap:var(--s-3);font-size:var(--t-xs);flex-wrap:wrap;margin:0;display:flex}.replay__vision-x{color:var(--accent-x);font-weight:700}.replay__vision-o{color:var(--accent-o);font-weight:700}.replay__vision-note{color:var(--text-muted)}.replay__actions{gap:var(--s-2);display:flex}.daily-meta{gap:var(--s-2);flex-wrap:wrap;display:flex}.daily-prompt{font-size:var(--t-lg);margin:0;font-weight:700}.daily-result{padding:var(--s-3);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-subtle);gap:var(--s-1);display:grid}.daily-result--solved{border-color:color-mix(in srgb, var(--accent-positive) 55%, transparent)}.daily-result--revealed{border-color:color-mix(in srgb, var(--accent-highlight) 45%, transparent)}.daily-result__headline{font-size:var(--t-lg);margin:0;font-weight:800}.daily-result__detail{font-size:var(--t-sm);color:var(--text-secondary);margin:0}.daily-board{gap:2px;margin:0;padding:0;list-style:none;display:grid}.daily-board__row{align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-2);border-radius:var(--radius-sm);font-size:var(--t-xs);grid-template-columns:1.5rem 1fr auto auto;display:grid}.daily-board__row:nth-child(odd){background:var(--surface-raised)}.daily-board__rank,.daily-board__time{color:var(--text-muted);unicode-bidi:isolate}.daily-board__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.daily-board__perfect{color:var(--accent-highlight);font-weight:700}.spectate-list{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.spectate-row{inline-size:100%;min-block-size:var(--control-min);padding:var(--s-3);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-subtle);text-align:start;gap:2px;display:grid}.spectate-row:hover{background:var(--surface-hover)}.spectate-row__players{font-weight:700}.spectate-row__ratings,.spectate-row__progress{font-size:var(--t-xs);color:var(--text-muted);unicode-bidi:isolate}.spectate-row__watch{font-size:var(--t-xs);color:var(--accent-positive);font-weight:700}.spectate-hud{inline-size:min(100% - var(--s-4), 28rem);padding:var(--s-3);border-radius:var(--radius-lg);background:var(--surface-panel);border:1px solid var(--border-subtle);gap:var(--s-2);text-align:center;justify-items:center;margin-inline:auto;display:grid;position:absolute;inset-block-start:calc(var(--safe-top) + var(--s-7));inset-inline:0}.spectate-hud__status{gap:var(--s-3);font-size:var(--t-xs);flex-wrap:wrap;justify-content:center;display:flex}.spectate-hud__delay{color:var(--accent-highlight);unicode-bidi:isolate;font-weight:700}.spectate-hud__viewers,.spectate-hud__moves{color:var(--text-secondary);unicode-bidi:isolate}.spectate-hud__note{font-size:var(--t-xs);color:var(--text-muted);margin:0}.admin-overview{gap:var(--s-2);grid-template-columns:1fr 1fr;margin:0;display:grid}.admin-stat{padding:var(--s-2);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-subtle);gap:2px;display:grid}.admin-stat dt{font-size:var(--t-xs);color:var(--text-muted)}.admin-stat dd{font-size:var(--t-lg);unicode-bidi:isolate;margin:0;font-weight:800}.admin-search{gap:var(--s-2);display:flex}.admin-search input{min-block-size:var(--control-min);padding-inline:var(--s-3);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-subtle);color:var(--text-primary);font:inherit;flex:auto}.admin-players,.admin-audit{gap:2px;margin:0;padding:0;list-style:none;display:grid}.admin-player{align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-2);border-radius:var(--radius-sm);font-size:var(--t-xs);grid-template-columns:1fr auto auto auto;display:grid}.admin-player:nth-child(odd){background:var(--surface-raised)}.admin-player__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-player__rating,.admin-player__games{color:var(--text-muted);unicode-bidi:isolate}.admin-audit__row{justify-content:space-between;gap:var(--s-2);padding:var(--s-1) var(--s-2);font-size:var(--t-xs);display:flex}.admin-audit__when{color:var(--text-muted);unicode-bidi:isolate}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.panel--standings{inline-size:min(100% - var(--s-6), 27rem);max-block-size:calc(100dvh - var(--safe-top) - var(--safe-bottom) - var(--s-7) - var(--s-5));overscroll-behavior:contain;position:absolute;inset-block-start:calc(var(--safe-top) + var(--s-7));inset-inline-end:calc(var(--safe-inline-end) + var(--s-4));overflow-y:auto}@media (width<=40rem){.panel--standings{inline-size:min(100% - var(--s-4), 30rem);max-block-size:66dvh;margin-inline:auto;inset-block-start:auto;inset-block-end:calc(var(--safe-bottom) + var(--s-3));inset-inline:0}}.featured{inline-size:100%;padding:var(--s-3);border-radius:var(--radius-md);background:linear-gradient(to bottom, color-mix(in srgb, var(--accent-highlight) 12%, var(--surface-raised)), var(--surface-raised));border:1px solid color-mix(in srgb, var(--accent-highlight) 40%, transparent);text-align:start;gap:2px;display:grid}.featured:hover{background:var(--surface-hover)}.featured__label{font-size:var(--t-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--accent-highlight);font-weight:700}.featured__players{font-weight:700}.featured__quality,.featured__why{font-size:var(--t-xs);color:var(--text-secondary);unicode-bidi:isolate}.board{counter-reset:none;gap:2px;margin:0;padding:0;list-style:none;display:grid}.board__button{min-block-size:2.5rem;inline-size:100%;padding:var(--s-1) var(--s-2);align-items:center;gap:var(--s-2);border-radius:var(--radius-sm);text-align:start;font-size:var(--t-xs);grid-template-columns:1.75rem minmax(0,1fr) auto 3rem 3rem;display:grid}.board__button:hover{background:var(--surface-hover)}.board__row.is-you .board__button{background:color-mix(in srgb, var(--accent-positive) 14%, var(--surface-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-positive) 40%, transparent)}.board__rank{color:var(--text-muted);unicode-bidi:isolate;font-weight:700}.board__name{align-items:center;gap:var(--s-2);text-overflow:ellipsis;white-space:nowrap;display:flex;overflow:hidden}.board__provisional{padding:0 var(--s-1);border-radius:var(--radius-pill);background:var(--surface-hover);color:var(--text-muted);font-size:.625rem}.board__tier{color:var(--text-secondary);white-space:nowrap}.board__rating{text-align:end;unicode-bidi:isolate;font-weight:800}.board__record{color:var(--text-muted);text-align:end;unicode-bidi:isolate}.records{gap:2px;margin:0;padding:0;list-style:none;display:grid}.record{align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-2);border-radius:var(--radius-sm);font-size:var(--t-xs);grid-template-columns:1rem minmax(0,1fr) minmax(0,auto) auto;display:grid}.record:nth-child(odd){background:var(--surface-raised)}.record__icon{color:var(--accent-highlight);place-items:center;display:inline-grid}.record__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.record__holder{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.record__value{unicode-bidi:isolate;font-weight:700}.profile-stats{gap:var(--s-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.profile-stats--split{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-stat{padding:var(--s-2);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-subtle);gap:2px;display:grid}.profile-stat dt{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}.profile-stat dd{font-size:var(--t-lg);unicode-bidi:isolate;margin:0;font-weight:800}.rename{gap:var(--s-2);display:flex}.rename input{min-block-size:var(--control-min);padding-inline:var(--s-3);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-subtle);color:var(--text-primary);font:inherit;flex:auto}.history{gap:2px;margin:0;padding:0;list-style:none;display:grid}.history__button{min-block-size:2.25rem;inline-size:100%;padding:var(--s-1) var(--s-2);align-items:center;gap:var(--s-2);border-radius:var(--radius-sm);text-align:start;font-size:var(--t-xs);grid-template-columns:3.5rem minmax(0,1fr) auto 2.75rem;display:grid}.history__button:hover{background:var(--surface-hover)}.history__result{font-weight:700}.history__result--win{color:var(--accent-positive)}.history__result--loss{color:var(--accent-negative)}.history__opponent{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history__mode,.history__rating{color:var(--text-muted);text-align:end;unicode-bidi:isolate}.variant-switch{gap:var(--s-2);grid-template-columns:1fr 1fr;margin-block-end:var(--s-3);display:grid}.variant-switch__option{padding:var(--s-3);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-raised);color:var(--text-primary);text-align:start;cursor:pointer;gap:2px;display:grid}.variant-switch__option[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent-o) 60%, transparent);background:color-mix(in srgb, var(--accent-o) 12%, var(--surface-raised))}.variant-switch__name{font-size:var(--t-sm);font-weight:700}.variant-switch__hint{font-size:var(--t-xs);color:var(--text-muted);overflow-wrap:anywhere;line-height:1.4}.counter-chip{padding:var(--s-2) var(--s-3);border:1px solid color-mix(in srgb, var(--accent-o) 55%, transparent);background:color-mix(in srgb, var(--accent-o) 14%, var(--surface-raised));color:var(--text-primary);font-size:var(--t-xs);cursor:pointer;border-radius:999px;justify-self:center;font-weight:700}.counter-chip--armed{border-color:var(--accent-o);background:color-mix(in srgb, var(--accent-o) 32%, var(--surface-raised));box-shadow:var(--glow-o)}.counter-chip--active{cursor:default;border-style:dashed;border-color:var(--accent-o)}.counter-chip--spent{cursor:default;border-color:var(--border-subtle);background:var(--surface-panel);color:var(--text-muted)}.counter-chip--waiting{cursor:default;border-color:color-mix(in srgb, var(--accent-o) 28%, transparent);background:var(--surface-panel);color:var(--text-muted);font-weight:600}.ladder-switch{border-radius:var(--radius-pill);background:var(--surface-panel);border:1px solid var(--border-subtle);align-self:start;padding:2px;display:inline-flex}.ladder-switch__option{min-block-size:2.25rem;padding-inline:var(--s-4);border-radius:var(--radius-pill);font-size:var(--t-xs);color:var(--text-muted);font-weight:700}.ladder-switch__option[aria-pressed=true]{background:var(--surface-hover);color:var(--text-primary)}