*,:before,:after{box-sizing:border-box}:root{--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--page-bg:#0b0c10;--page-bg-end:#101218;--surface:#ffffff0e;--surface-strong:#171922;--surface-soft:#ffffff09;--border:#ffffff1a;--border-subtle:#fff1;--text:#b7bcd0;--text-strong:#f2f4fb;--text-muted:#858ca3;--text-faint:#646b80;--accent:#7c9eff;--accent-2:#b992ff;--accent-soft:#7c9eff21;--accent-border:#7c9eff5c;--green:#72d6ae;--shadow:0 24px 70px -38px #000000e6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.5 var(--sans);color:var(--text);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--page-bg:#f5f7fb;--page-bg-end:#edf0f7;--surface:#ffffffd6;--surface-strong:#fff;--surface-soft:#1f2a4409;--border:#1f2a4421;--border-subtle:#1f2a4414;--text:#4f5870;--text-strong:#151a29;--text-muted:#687188;--text-faint:#8d95a8;--accent:#536fd8;--accent-2:#865dcc;--accent-soft:#536fd81a;--accent-border:#536fd84d;--green:#258961;--shadow:0 24px 70px -38px #1c253f4d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{scroll-behavior:smooth}#root{width:100%;min-height:100svh}body{background:radial-gradient(1100px 600px at 48% -12%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 62%), radial-gradient(800px 520px at 100% 32%, color-mix(in srgb, var(--accent-2) 8%, transparent), transparent 68%), linear-gradient(color-mix(in srgb, var(--text-strong) 3.5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--text-strong) 3.5%, transparent) 1px, transparent 1px), linear-gradient(180deg, var(--page-bg), var(--page-bg-end));background-size:auto,auto,42px 42px,42px 42px,auto;background-attachment:fixed;min-width:320px;min-height:100svh;margin:0;transition:background-color .2s,color .2s}button,a,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:3px}a{color:inherit}h1,h2,h3,p{margin-top:0}.app{max-width:1500px;margin:0 auto;padding:32px 20px 64px;position:relative;overflow:hidden}.glow{pointer-events:none;z-index:0;background:radial-gradient(closest-side,#7c9eff47,#0000 70%);width:900px;height:500px;position:absolute;top:-220px;left:50%;transform:translate(-50%)}.app-header{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex;position:relative}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:linear-gradient(135deg,#7c9eff,#b992ff);border-radius:12px;place-items:center;width:48px;height:48px;font-size:24px;display:grid;box-shadow:0 8px 24px -8px #7c9effb3}.app h1{letter-spacing:-.4px;background:linear-gradient(135deg,#f4f6ff,#b3c2ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:26px;font-weight:700}.subtitle{color:#8b91a7;margin:2px 0 0;font-size:13.5px}.ghost-button{color:#cdd7ff;cursor:pointer;background:#7c9eff1f;border:1px solid #7c9eff59;border-radius:10px;padding:9px 18px;font-size:14px;font-weight:600;transition:background .2s,transform .15s,border-color .2s}.ghost-button:hover{background:#7c9eff38;border-color:#7c9eff8c;transform:translateY(-1px)}.ghost-button-primary{color:#0b0c10;background:linear-gradient(135deg,#7c9eff,#b992ff);border-color:#0000}.ghost-button-primary:hover{background:linear-gradient(135deg,#8fabff,#c6a4ff);transform:translateY(-1px)}.header-actions{gap:10px;display:flex}.player-bar{align-items:center;gap:10px;padding:8px 10px;display:flex}.player-bar:first-child{margin-bottom:4px}.player-bar:last-child{margin-top:4px}.player-avatar{background:#7c9eff24;border:1px solid #7c9eff4d;border-radius:50%;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.player-name{color:#e2e5f1;white-space:nowrap;font-size:14px;font-weight:600}.captured-row{color:#9aa4c4;flex-wrap:wrap;align-items:center;gap:1px;min-height:20px;font-size:18px;line-height:1;display:flex}.captured-piece{filter:drop-shadow(0 1px #0000004d)}.material-diff{color:#7ee2a8;margin-left:6px;font-size:12.5px;font-weight:700}.player-clock{font-variant-numeric:tabular-nums;color:#9aa4c4;background:#ffffff0f;border-radius:8px;margin-left:auto;padding:4px 12px;font-size:15px;font-weight:700}.player-clock-active{color:#e8ecff;background:#7c9eff38;box-shadow:0 0 0 1px #7c9eff66}.layout{z-index:1;flex-wrap:wrap;align-items:flex-start;gap:28px;display:flex;position:relative}.board-card{background:linear-gradient(#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:20px;flex:none;width:min(880px,78vh);max-width:100%;padding:16px;box-shadow:0 30px 80px -40px #000c}.board-wrap{width:100%}.board-wrap svg{filter:drop-shadow(0 3px 3px #00000073)drop-shadow(0 0 1px #00000080)}@keyframes captureFlash{0%{background-color:#ff636359;box-shadow:inset 0 0 0 10px #ff6363d9}to{background-color:#0000;box-shadow:inset 0 0 #ff636300}}.sidebar{flex-direction:column;flex:280px;gap:18px;min-width:0;display:flex}@media (width<=900px){.board-card{flex-basis:100%;width:100%}}.status-pill{color:#cdd7ff;background:#7c9eff1f;border:1px solid #7c9eff4d;border-radius:999px;align-self:flex-start;align-items:center;gap:9px;padding:8px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.status-dot{background:#7c9eff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #7c9eff2e}.status-thinking .status-dot{background:#f5c56c;animation:1s ease-in-out infinite pulse;box-shadow:0 0 0 4px #f5c56c33}.status-check{color:#ffcdb8;background:#ff8a6524;border-color:#ff8a6559}.status-check .status-dot{background:#ff8a65;box-shadow:0 0 0 4px #ff8a6533}.status-checkmate{color:#ffe4a3;background:#ffd16629;border-color:#ffd16666}.status-checkmate .status-dot{background:#ffd166;box-shadow:0 0 0 4px #ffd16640}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.35)}}.panel{background:linear-gradient(#fff1,#ffffff06);border:1px solid #ffffff1a;border-radius:16px;padding:16px 18px;box-shadow:0 16px 40px -28px #000000e6}.panel h3{text-transform:uppercase;letter-spacing:.8px;color:#8b91a7;margin:0 0 12px;font-size:12.5px;font-weight:700}.empty{color:#6c7286;margin:0;font-size:13.5px}.commentary-box{color:#e4e8f8;background:linear-gradient(135deg,#7c9eff17,#b992ff1f);border:1px solid #b992ff3d;border-radius:12px;min-height:68px;padding:14px;font-size:15px;font-weight:600;line-height:1.5}.commentary-event{color:#b992ff;letter-spacing:.7px;text-transform:uppercase;margin-top:9px;font-size:11px;font-weight:700}.commentary-event:before{content:"●";margin-right:6px;font-size:8px}.commentary-opening{color:#aeb8d3;margin:5px 0 0;font-size:12px;font-weight:600}.commentary-voice{color:#77819a;letter-spacing:.45px;text-transform:uppercase;margin:5px 0 0;font-size:11px;font-weight:700}.commentary-voice-playing{color:#72d6ae}.commentary-voice-buffering{color:#efc66f}.commentary-voice-error,.commentary-voice-blocked{color:#ff8b91}.history-table{flex-direction:column;gap:2px;max-height:240px;display:flex;overflow-y:auto}.history-row{border-radius:8px;grid-template-columns:28px 1fr 1fr;gap:8px;padding:6px 8px;font-size:13.5px;display:grid}.move-number{color:#5c6178;font-variant-numeric:tabular-nums}.move{color:#e2e5f1;font-family:ui-monospace,Consolas,monospace}.black-move{color:#b7bcd6}.fen{word-break:break-all;color:#8fb0ff;background:#0f1116;border:1px solid #ffffff0f;border-radius:10px;padding:10px 12px;font-size:11.5px;line-height:1.5;display:block}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#b7bcd6;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.chip:hover:not(:disabled){border-color:#7c9eff66;transform:translateY(-1px)}.chip:disabled{opacity:.45;cursor:not-allowed}.chip-icon{font-size:13px}.slider-row{flex-direction:column;gap:10px;display:flex}.difficulty-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#6fce9a,#f5c56c,#ff8a65,#c084fc);border-radius:999px;outline:none;width:100%;height:6px}.difficulty-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#f4f6ff;border:3px solid #7c9eff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #0006}.difficulty-slider::-moz-range-thumb{cursor:pointer;background:#f4f6ff;border:3px solid #7c9eff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #0006}.difficulty-slider:disabled{opacity:.5;cursor:not-allowed}.slider-value{color:#e2e5f1;background:#ffffff0f;border-radius:8px;align-self:flex-start;padding:4px 10px;font-size:13px;font-weight:700}.theme-swatches{gap:8px;display:flex}.theme-swatch{cursor:pointer;border:2px solid #ffffff1f;border-radius:9px;width:34px;height:34px;padding:0;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}.theme-swatch:hover{transform:translateY(-2px)}.theme-swatch-half{flex:1;height:100%}.theme-label{color:#8b91a7;margin:10px 0 0;font-size:12.5px}.voice-style-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.voice-style{min-width:0;min-height:82px;color:var(--text-muted);text-align:left;border:1px solid var(--border-subtle);background:var(--surface-soft);cursor:pointer;border-radius:11px;flex-direction:column;align-items:flex-start;padding:9px;transition:border-color .16s,background .16s,transform .16s;display:flex}.voice-style:hover{border-color:var(--accent-border);transform:translateY(-1px)}.voice-style-icon{width:23px;height:23px;color:var(--accent);background:var(--accent-soft);border-radius:7px;place-items:center;margin-bottom:8px;font-size:11px;display:grid}.voice-style strong{max-width:100%;color:var(--text-strong);text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.voice-style small{color:var(--text-faint);margin-top:2px;font-size:9.5px;line-height:1.25}.voice-style-active{border-color:var(--accent-border);background:linear-gradient(145deg, var(--accent-soft), color-mix(in srgb, var(--accent-2) 9%, transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 10%, transparent)}.voice-style-note{color:var(--text-faint);margin:9px 0 0;font-size:10.5px}.panel-about{background:linear-gradient(#7c9eff14,#b992ff08)}.about-text{color:#b7bcd6;margin:0 0 10px;font-size:13px;line-height:1.5}.about-list{color:#8b91a7;margin:0;padding-left:18px;font-size:12.5px;line-height:1.7}.app{max-width:1560px;color:var(--text)}.glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 28%, transparent), transparent 70%)}.app-header{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--page-bg) 84%, transparent);min-height:68px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;margin-bottom:26px;padding:10px 12px}.brand-button{min-width:250px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.brand-mark{background:0 0;overflow:hidden}.brand-mark img{width:100%;height:100%;display:block}.app h1{color:var(--text-strong);-webkit-text-fill-color:currentColor;background:0 0}.subtitle,.panel h3,.theme-label,.commentary-voice{color:var(--text-muted)}.site-nav{border:1px solid var(--border-subtle);background:var(--surface-soft);border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex}.nav-link{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 14px;font-size:13.5px;font-weight:700;transition:color .16s,background .16s,box-shadow .16s}.nav-link:hover{color:var(--text-strong)}.nav-link-active{color:var(--text-strong);background:var(--surface-strong);box-shadow:0 4px 14px -8px #00000073}.ghost-button{color:color-mix(in srgb, var(--accent) 72%, var(--text-strong));background:var(--accent-soft);border-color:var(--accent-border)}.ghost-button:hover{color:var(--text-strong);background:color-mix(in srgb, var(--accent) 20%, transparent);border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.ghost-button-primary,.ghost-button-primary:hover,.primary-action{color:#0b0d14;background:linear-gradient(135deg,#7c9eff,#b992ff);border-color:#0000}.play-page,.project-page,.site-footer{z-index:1;position:relative}.game-toolbar{justify-content:space-between;align-items:flex-end;gap:20px;margin:0 2px 20px;display:flex}.game-toolbar h2{color:var(--text-strong);letter-spacing:-.5px;margin:3px 0 0;font-size:clamp(21px,2.3vw,30px);line-height:1.15}.game-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.eyebrow{color:var(--accent);letter-spacing:1.35px;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.board-card,.panel{color:var(--text);background:linear-gradient(180deg, var(--surface), var(--surface-soft));border-color:var(--border);box-shadow:var(--shadow)}.player-name,.move,.slider-value{color:var(--text-strong)}.player-clock,.chip{color:var(--text);background:var(--surface-soft);border-color:var(--border)}.player-clock-active,.status-pill{color:color-mix(in srgb, var(--accent) 62%, var(--text-strong));background:var(--accent-soft);border-color:var(--accent-border)}.captured-row,.black-move,.about-text{color:var(--text)}.empty,.move-number,.about-list{color:var(--text-faint)}.history-row:nth-child(odd){background:var(--surface-soft)}.commentary-box{color:var(--text-strong);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 9%, transparent), color-mix(in srgb, var(--accent-2) 12%, transparent));border-color:color-mix(in srgb, var(--accent-2) 25%, transparent)}.commentary-event{color:var(--accent-2)}.commentary-opening{color:var(--text)}.fen{color:var(--accent);background:var(--surface-soft);border-color:var(--border-subtle)}.chip-active{color:var(--text-strong);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 25%, transparent), color-mix(in srgb, var(--accent-2) 18%, transparent));border-color:var(--accent-border)}.theme-swatch{border-color:var(--border)}.theme-swatch-active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 30%, transparent)}:root[data-theme=light] .board-wrap svg{filter:drop-shadow(0 3px 3px #22294033)drop-shadow(0 0 1px #2229403d)}:root[data-theme=light] .difficulty-slider::-webkit-slider-thumb{border-color:var(--accent);background:#fff;box-shadow:0 2px 8px #22294033}:root[data-theme=light] .difficulty-slider::-moz-range-thumb{border-color:var(--accent);background:#fff;box-shadow:0 2px 8px #22294033}.project-page{flex-direction:column;gap:26px;display:flex}.project-hero,.project-section{border:1px solid var(--border);background:linear-gradient(145deg, var(--surface), var(--surface-soft));box-shadow:var(--shadow)}.project-hero{background:radial-gradient(460px 280px at 92% 5%, color-mix(in srgb, var(--accent-2) 21%, transparent), transparent 70%), linear-gradient(145deg, var(--surface), var(--surface-soft));border-radius:26px;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:center;gap:54px;min-height:460px;padding:clamp(34px,6vw,76px);display:grid;overflow:hidden}.project-hero h2{max-width:850px;color:var(--text-strong);letter-spacing:-2.8px;margin:12px 0 20px;font-size:clamp(38px,5.5vw,76px);line-height:.99}.project-lead{max-width:740px;color:var(--text);margin-bottom:28px;font-size:clamp(16px,1.5vw,19px);line-height:1.7}.project-cta-row{flex-wrap:wrap;gap:12px;display:flex}.primary-action,.secondary-action{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.primary-action{box-shadow:0 12px 28px -16px color-mix(in srgb, var(--accent) 75%, transparent);border:0}.secondary-action{color:var(--text-strong);background:var(--surface-soft);border:1px solid var(--border)}.primary-action:hover,.secondary-action:hover{transform:translateY(-2px)}.project-hero-card{border:1px solid var(--border);background:var(--border);border-radius:18px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.hero-metric{background:color-mix(in srgb, var(--surface-strong) 92%, transparent);flex-direction:column;min-height:128px;padding:22px;display:flex}.hero-metric strong{color:var(--text-strong);font-size:21px}.hero-metric span{color:var(--text-muted);margin-top:auto;font-size:12.5px}.project-section{border-radius:22px;padding:clamp(28px,4vw,52px)}.section-heading{max-width:760px;margin-bottom:28px}.section-heading h2,.proof-copy h2{color:var(--text-strong);letter-spacing:-1.3px;margin:8px 0 10px;font-size:clamp(27px,3.5vw,45px);line-height:1.08}.section-heading>p:last-child,.proof-copy>p:last-child{color:var(--text-muted);line-height:1.65}.capability-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.detail-card{border:1px solid var(--border-subtle);background:var(--surface-soft);border-radius:16px;min-height:260px;padding:22px}.detail-number{color:var(--accent);font:700 12px var(--mono);margin-bottom:52px;display:block}.detail-card h3{color:var(--text-strong);margin:0 0 10px;font-size:18px}.detail-card p{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.65}.architecture-lanes{flex-direction:column;gap:12px;display:flex}.architecture-lane{border:1px solid var(--border-subtle);background:var(--surface-soft);border-radius:16px;padding:20px}.lane-title{color:var(--text-strong);text-transform:uppercase;letter-spacing:.7px;align-items:center;gap:9px;margin-bottom:14px;font-size:13px;font-weight:800;display:flex}.lane-dot{width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in srgb, currentColor 14%, transparent);border-radius:50%}.lane-dot-purple{color:var(--accent-2);background:var(--accent-2)}.lane-dot-green{color:var(--green);background:var(--green)}.flow-row{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px;display:grid}.flow-row span{color:var(--text-strong);text-align:center;border:1px solid var(--border);background:var(--surface-strong);border-radius:11px;padding:14px 12px;font-size:13px;font-weight:700}.flow-row i{color:var(--accent);font-style:normal;font-weight:800}.architecture-lane>p{color:var(--text-muted);margin:13px 0 0;font-size:13px}.decision-list{grid-template-columns:1fr 1fr;gap:0 32px;display:grid}.decision-list article{border-top:1px solid var(--border);padding:20px 0}.decision-list strong{color:var(--text-strong)}.decision-list p{color:var(--text-muted);margin:6px 0 0;font-size:13.5px}.proof-section{grid-template-columns:minmax(0,.8fr) minmax(460px,1.2fr);align-items:center;gap:50px;display:grid}.proof-grid{border:1px solid var(--border);background:var(--border);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.proof-grid>div{background:var(--surface-strong);flex-direction:column;min-height:118px;padding:18px;display:flex}.proof-grid strong{color:var(--text-strong);font-size:25px}.proof-grid span{color:var(--text-muted);margin-top:auto;font-size:11.5px;line-height:1.3}.metric-note{color:var(--text-faint);grid-column:2;margin:-35px 0 0;font-size:11px}.stack-strip{flex-wrap:wrap;justify-content:center;gap:8px;padding:20px;display:flex}.stack-strip span{color:var(--text-muted);font:700 11px var(--mono);border:1px solid var(--border);background:var(--surface-soft);border-radius:999px;padding:7px 11px}.site-footer{color:var(--text-faint);border-top:1px solid var(--border-subtle);grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-top:42px;padding:20px 4px 0;font-size:12px;display:grid}.footer-brand{color:var(--text-strong);align-items:center;gap:8px;font-weight:800;display:flex}.footer-brand img{border-radius:7px;width:26px;height:26px}.site-footer p{text-align:center;margin:0}.site-footer a{color:var(--accent);font-weight:700;text-decoration:none}@media (width<=1120px){.app-header{justify-content:center}.brand-button{margin-right:auto}.project-hero{grid-template-columns:1fr;gap:34px}.project-hero-card{max-width:640px}.capability-grid{grid-template-columns:1fr 1fr}.proof-section{grid-template-columns:1fr}.metric-note{grid-column:1;margin:-35px 0 0}}@media (width<=760px){.app{padding:14px 12px 38px}.app-header{grid-template-columns:1fr auto;margin-bottom:20px;padding:10px;display:grid}.brand-button{min-width:0}.brand-mark{width:42px;height:42px}.subtitle{display:none}.site-nav{grid-area:2/1/auto/-1;width:100%}.nav-link{flex:1}.game-toolbar{flex-direction:column;align-items:flex-start}.game-actions{justify-content:flex-start;width:100%}.game-actions .ghost-button{flex:auto;padding-inline:10px}.board-card{border-radius:15px;padding:8px}.project-hero,.project-section{border-radius:18px;padding:24px 18px}.project-hero h2{letter-spacing:-1.6px}.capability-grid,.decision-list{grid-template-columns:1fr}.detail-card{min-height:auto}.detail-number{margin-bottom:24px}.flow-row{grid-template-columns:1fr}.flow-row i{text-align:center;transform:rotate(90deg)}.proof-grid{grid-template-columns:1fr 1fr}.site-footer{grid-template-columns:1fr auto}.site-footer p{display:none}}@media (width<=430px){.app h1{font-size:22px}.header-actions .ghost-button{padding:8px 10px}.player-bar{gap:7px}.captured-row{font-size:15px}.player-clock{padding-inline:8px}.project-hero-card,.proof-grid{grid-template-columns:1fr}}.session-games{flex-direction:column;gap:8px;display:flex}.session-game{border:1px solid var(--border-subtle);background:var(--surface-soft);border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;display:flex}.session-game div{flex-direction:column;min-width:0;display:flex}.session-game strong{color:var(--text-strong);font-size:14px}.session-game span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.session-game button,.replay-controls button,.replay-close,.replay-move{color:var(--text);background:var(--surface-strong);border:1px solid var(--border);cursor:pointer}.session-game button{color:var(--accent);border-radius:8px;flex:none;padding:6px 10px;font-size:12px;font-weight:800}.replay-backdrop{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05070cc7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.replay-dialog{width:min(900px,100%);max-height:calc(100svh - 48px);color:var(--text);border:1px solid var(--border);background:linear-gradient(145deg, var(--surface-strong), color-mix(in srgb, var(--page-bg) 92%, var(--accent) 8%));border-radius:22px;padding:24px;overflow-y:auto;box-shadow:0 36px 100px -30px #000000e6}.replay-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.replay-header h2{color:var(--text-strong);margin:5px 0 3px;font-size:24px}.replay-header p:last-child{color:var(--text-muted);margin:0;font-size:12px}.replay-close{border-radius:10px;place-items:center;width:38px;height:38px;font-size:24px;line-height:1;display:grid}.replay-content{grid-template-columns:minmax(300px,1.15fr) minmax(240px,.85fr);align-items:start;gap:22px;display:grid}.replay-board{border-radius:13px;overflow:hidden;box-shadow:0 22px 60px -24px #000000d9}.replay-summary{border:1px solid var(--border);background:var(--surface-soft);border-radius:14px;flex-direction:column;gap:5px;min-height:100%;padding:16px;display:flex}.replay-summary>strong{color:var(--text-strong);font-size:17px}.replay-summary>span{color:var(--text-muted);font-size:12px}.replay-moves{grid-template-columns:1fr 1fr;gap:5px;max-height:340px;margin-top:12px;display:grid;overflow-y:auto}.replay-move{font:700 12px var(--mono);text-align:left;border-radius:7px;padding:6px 8px}.replay-move-active{color:var(--text-strong);background:var(--accent-soft);border-color:var(--accent-border)}.replay-controls{justify-content:center;gap:8px;margin-top:20px;display:flex}.replay-controls button{border-radius:9px;min-width:42px;padding:8px 12px;font-size:12.5px;font-weight:750}.replay-controls button:disabled{opacity:.38;cursor:not-allowed}.replay-controls .replay-play{color:#0b0d14;background:linear-gradient(135deg,#7c9eff,#b992ff);border-color:#0000;min-width:100px}@media (width<=700px){.replay-backdrop{padding:10px}.replay-dialog{border-radius:17px;max-height:calc(100svh - 20px);padding:16px}.replay-content{grid-template-columns:1fr}.replay-board{width:min(100%,480px);margin:0 auto}.replay-summary{min-height:auto}.replay-moves{max-height:150px}.replay-controls{flex-wrap:wrap}}.app{grid-template-columns:224px minmax(0,1fr);gap:26px;width:100%;max-width:1800px;padding:20px;display:grid;overflow:visible}.app-content{min-width:0;position:relative;overflow:hidden}.side-nav{z-index:10;border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--page-bg) 84%, transparent);height:calc(100svh - 40px);min-height:560px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;flex-direction:column;padding:18px 14px;display:flex;position:sticky;top:20px}.side-nav .brand-button{border-bottom:1px solid var(--border-subtle);gap:11px;width:100%;min-width:0;padding:2px 4px 18px}.side-nav .brand-mark{width:42px;height:42px;box-shadow:none;border-radius:0;flex:0 0 42px}.side-nav .brand-mark img{object-fit:contain}.side-nav h1{letter-spacing:-.55px;font-size:22px}.side-nav .subtitle{margin-top:0;font-size:11.5px}.side-nav .site-nav{background:0 0;border:0;flex-direction:column;align-items:stretch;gap:6px;width:100%;margin-top:24px;padding:0;display:flex}.nav-label{color:var(--text-faint);letter-spacing:1.2px;text-transform:uppercase;padding:0 10px 7px;font-size:9.5px;font-weight:800}.side-nav .nav-link{text-align:left;border:1px solid #0000;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:55px;padding:8px 10px;display:grid}.side-nav .nav-link>span:last-child{min-width:0;color:inherit;flex-direction:column;font-size:13px;display:flex}.side-nav .nav-link small{color:var(--text-faint);margin-top:1px;font-size:10px;font-weight:550}.nav-icon{width:34px;height:34px;color:var(--text-muted);border:1px solid var(--border-subtle);background:var(--surface-soft);border-radius:10px;place-items:center;font-size:16px;display:grid}.side-nav .nav-link-active{color:var(--text-strong);border-color:var(--accent-border);background:linear-gradient(135deg, var(--accent-soft), color-mix(in srgb, var(--accent-2) 9%, transparent));box-shadow:none}.side-nav .nav-link-active .nav-icon{color:var(--accent);border-color:var(--accent-border);background:color-mix(in srgb, var(--accent) 13%, transparent)}.side-nav-footer{border-top:1px solid var(--border-subtle);flex-direction:column;gap:7px;margin-top:auto;padding-top:14px;display:flex}.theme-toggle,.side-nav-footer a{width:100%;min-height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:8px 10px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.theme-toggle:hover,.side-nav-footer a:hover{color:var(--text-strong);border-color:var(--border);background:var(--surface-soft)}.theme-toggle span,.side-nav-footer a span{width:22px;color:var(--accent);place-items:center;display:grid}.app-content>.glow{left:54%}.app-content .game-toolbar{padding-top:8px}@media (width<=980px){.app{padding:12px;display:block}.side-nav{border-radius:16px;flex-direction:row;align-items:center;gap:12px;height:auto;min-height:0;margin-bottom:18px;padding:9px 11px;display:flex;position:sticky;top:8px}.side-nav .brand-button{border:0;width:auto;padding:0}.side-nav .brand-mark{flex-basis:38px;width:38px;height:38px}.side-nav .subtitle,.side-nav .nav-link small,.side-nav .nav-icon,.nav-label,.side-nav-footer a{display:none}.side-nav .site-nav{border:1px solid var(--border-subtle);background:var(--surface-soft);border-radius:11px;flex-direction:row;flex:0 auto;gap:4px;width:auto;margin:0 0 0 auto;padding:4px}.side-nav .nav-link{text-align:center;width:auto;min-height:0;padding:8px 11px;display:block}.side-nav .nav-link>span:last-child{display:block}.side-nav-footer{border:0;margin:0;padding:0}.theme-toggle{color:#0000;border-color:var(--border-subtle);background:var(--surface-soft);justify-content:center;width:40px;min-height:40px;padding:7px;font-size:0}.theme-toggle span{width:auto;font-size:14px}}@media (width<=620px){.side-nav{grid-template-columns:1fr auto;display:grid}.side-nav .site-nav{grid-area:2/1/auto/-1;width:100%;margin:0}.side-nav .nav-link{flex:1}.side-nav h1{font-size:20px}.app-content .game-toolbar{padding-top:0}}