:root{--gambit-bg:#070709;--gambit-surface-dark:#0d0d12;--gambit-surface:#12121a;--gambit-surface-light:#1b1b26;--gambit-surface-hover:#232331;--gambit-border:#ffffff12;--gambit-border-light:#ffffff26;--gambit-text-primary:#f8fafc;--gambit-text-secondary:#cbd5e1;--gambit-text-muted:#64748b;--gambit-text-dark:#0f172a;--gambit-purple:#8b5cf6;--gambit-purple-rgb:139, 92, 246;--gambit-purple-glow:rgba(var(--gambit-purple-rgb), .3);--gambit-purple-dark:#6d28d9;--gambit-green:#10b981;--gambit-green-glow:#10b98140;--gambit-green-dark:#047857;--gambit-blue:#3b82f6;--gambit-blue-glow:#3b82f640;--gambit-danger:#ef4444;--gambit-danger-glow:#ef444440;--gambit-warning:#f59e0b;--square-light:#2a2a35;--square-dark:#15151e;--square-border:#ffffff08;--square-highlight-from:rgba(var(--gambit-purple-rgb), .25);--square-highlight-to:rgba(var(--gambit-purple-rgb), .45);--square-highlight-check:#ef444466;--square-hint-move:#10b9814d;--square-hint-capture:#ef44444d;--font-main:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--gambit-transition:all .25s cubic-bezier(.4, 0, .2, 1);--gambit-glow:0 0 15px var(--gambit-purple-glow);--gambit-shadow-lg:0 10px 25px -5px #00000080, 0 8px 10px -6px #00000080;--gambit-radius:12px;--gambit-radius-sm:6px;--gambit-radius-lg:20px}html[data-theme=matrix]{--gambit-bg:#000;--gambit-surface-dark:#000;--gambit-surface:#050a05;--gambit-surface-light:#0a1f0a;--gambit-surface-hover:#0f2f0f;--gambit-border:#00cc662e;--gambit-border-light:#00cc6659;--gambit-text-primary:#0f8;--gambit-text-secondary:#0c6;--gambit-text-muted:#00cc6680;--gambit-purple:#0c6;--gambit-purple-rgb:0, 204, 102;--gambit-purple-glow:#00cc664d;--gambit-purple-dark:#007a3d;--gambit-green:#0f8;--gambit-green-glow:#00ff884d;--gambit-green-dark:#00802b;--gambit-warning:#fa0;--gambit-danger:#f44}html[data-theme=linear]{--gambit-bg:#08090a;--gambit-surface-dark:#0c0d0f;--gambit-surface:#131418;--gambit-surface-light:#1c1d22;--gambit-surface-hover:#24262c;--gambit-border:#ffffff0f;--gambit-border-light:#ffffff1f;--gambit-text-primary:#f7f8f8;--gambit-text-secondary:#b1b5c2;--gambit-text-muted:#6c707a;--gambit-purple:#5e6ad2;--gambit-purple-rgb:94, 106, 210;--gambit-purple-glow:#5e6ad240;--gambit-purple-dark:#3d4ca0;--gambit-green:#4cb782;--gambit-green-glow:#4cb78238;--gambit-green-dark:#2e7a55}html[data-theme=slate]{--gambit-bg:#08090c;--gambit-surface-dark:#0d0f13;--gambit-surface:#111419;--gambit-surface-light:#1b2027;--gambit-surface-hover:#232a33;--gambit-border:#d8b46a24;--gambit-border-light:#d8b46a47;--gambit-text-primary:#f6efe3;--gambit-text-secondary:#c8bca6;--gambit-text-muted:#909ba6;--gambit-purple:#d8b46a;--gambit-purple-rgb:216, 180, 106;--gambit-purple-glow:#d8b46a4d;--gambit-purple-dark:#a48134;--gambit-green:#7fb4a8;--gambit-green-glow:#7fb4a840;--gambit-green-dark:#4d8a7d}html[data-theme=nebula]{--gambit-bg:#061015;--gambit-surface-dark:#08151c;--gambit-surface:#0d1a21;--gambit-surface-light:#142632;--gambit-surface-hover:#1c3243;--gambit-border:#53d6cf29;--gambit-border-light:#53d6cf57;--gambit-text-primary:#edf8fb;--gambit-text-secondary:#b7d0d6;--gambit-text-muted:#91a4ae;--gambit-purple:#53d6cf;--gambit-purple-rgb:83, 214, 207;--gambit-purple-glow:#53d6cf4d;--gambit-purple-dark:#2f9a96;--gambit-green:#ffb75d;--gambit-green-glow:#ffb75d40;--gambit-green-dark:#c98735}html[data-theme=parlor]{--gambit-bg:#11130f;--gambit-surface-dark:#161a14;--gambit-surface:#192119;--gambit-surface-light:#253226;--gambit-surface-hover:#2e3d2e;--gambit-border:#e0bd7229;--gambit-border-light:#e0bd7252;--gambit-text-primary:#fff8ea;--gambit-text-secondary:#d8cdb3;--gambit-text-muted:#a9a18f;--gambit-purple:#e0bd72;--gambit-purple-rgb:224, 189, 114;--gambit-purple-glow:#e0bd724d;--gambit-purple-dark:#a98a45;--gambit-green:#6bbf9d;--gambit-green-glow:#6bbf9d40;--gambit-green-dark:#3f8b6e}html[data-theme=blueprint]{--gambit-bg:#071018;--gambit-surface-dark:#091621;--gambit-surface:#0c1721;--gambit-surface-light:#122333;--gambit-surface-hover:#1a2f44;--gambit-border:#6aa8ff29;--gambit-border-light:#6aa8ff57;--gambit-text-primary:#f1f7fb;--gambit-text-secondary:#b7c5d4;--gambit-text-muted:#92a5b8;--gambit-purple:#6aa8ff;--gambit-purple-rgb:106, 168, 255;--gambit-purple-glow:#6aa8ff4d;--gambit-purple-dark:#366fbe;--gambit-green:#f0746e;--gambit-green-glow:#f0746e40;--gambit-green-dark:#b5443f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--gambit-bg);color:var(--gambit-text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gambit-surface-dark)}::-webkit-scrollbar-thumb{background:var(--gambit-surface-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gambit-purple-dark)}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--gambit-border);border-radius:var(--gambit-radius);box-shadow:var(--gambit-shadow-lg);background:#12121ab3}.glass-panel-interactive{-webkit-backdrop-filter:blur(12px);border:1px solid var(--gambit-border);border-radius:var(--gambit-radius);transition:var(--gambit-transition);background:#12121a99}.glass-panel-interactive:hover{border-color:var(--gambit-border-light);box-shadow:0 0 20px rgba(var(--gambit-purple-rgb), .1);background:#1b1b26a6}h1,h2,h3,h4,h5,h6{font-family:var(--font-main);color:var(--gambit-text-primary);letter-spacing:-.02em;font-weight:600}p{color:var(--gambit-text-secondary)}a{color:var(--gambit-purple);transition:var(--gambit-transition);text-decoration:none}a:hover{color:var(--gambit-text-primary);text-shadow:0 0 8px var(--gambit-purple-glow)}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px rgba(var(--gambit-purple-rgb), .2)}50%{box-shadow:0 0 20px rgba(var(--gambit-purple-rgb), .5)}}@keyframes drop-in{0%{opacity:0;transform:scale(.9)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-glow{animation:2s ease-in-out infinite glow-pulse}.animate-drop-in{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards drop-in}.gambit-btn{font-family:var(--font-main);border-radius:var(--gambit-radius-sm);cursor:pointer;transition:var(--gambit-transition);border:1px solid #0000;align-items:center;gap:8px;padding:10px 18px;font-weight:500;display:inline-flex}.gambit-btn-primary{background:var(--gambit-purple);color:#fff;box-shadow:0 4px 12px rgba(var(--gambit-purple-rgb), .25)}.gambit-btn-primary:hover:not(:disabled){background:var(--gambit-purple-dark);box-shadow:0 4px 18px rgba(var(--gambit-purple-rgb), .45);transform:translateY(-1px)}.gambit-btn-secondary{background:var(--gambit-surface-light);color:var(--gambit-text-primary);border:1px solid var(--gambit-border)}.gambit-btn-secondary:hover:not(:disabled){background:var(--gambit-surface-hover);border-color:var(--gambit-border-light);transform:translateY(-1px)}.gambit-btn:disabled{opacity:.5;cursor:not-allowed}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{background-color:var(--gambit-bg);min-height:100vh;color:var(--gambit-text-primary);grid-template-columns:280px 1fr;transition:grid-template-columns .2s;display:grid}.app-container.sidebar-collapsed{grid-template-columns:64px 1fr}.sidebar.collapsed{padding:16px 8px}.sidebar.collapsed .nav-button{padding:12px 8px;font-size:18px}@media (width<=1024px){.app-container{grid-template-rows:auto 1fr;grid-template-columns:1fr}.app-container.sidebar-collapsed{grid-template-columns:1fr}.app-container,.app-container.sidebar-collapsed{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar,.sidebar.collapsed{border-right:none;border-bottom:1px solid var(--gambit-border);z-index:20;background:var(--gambit-surface-dark);flex-flow:row;align-items:center;gap:10px;padding:6px 10px;position:sticky;top:0;overflow:auto hidden}.sidebar>*{flex-shrink:0}.brand-section{flex-direction:row;align-items:center;gap:0}.brand-title{letter-spacing:.08em;text-shadow:none;font-size:14px}.brand-tagline,.brand-section>button{display:none}.nav-section{flex-flow:row;gap:4px;margin-top:0!important}.nav-section-title{display:none}.nav-button{flex:none;min-height:36px;padding:6px 10px;font-size:12px}.nav-button.active{box-shadow:inset 0 -3px 0 var(--gambit-purple);background:0 0}.sidebar-utility{border-top:none;flex-direction:row;align-items:center;gap:6px;margin-top:0;padding:0}.sidebar-play-online{justify-content:center;gap:0;width:36px;height:36px;padding:0;font-size:16px}.sidebar-play-online>span:not(:first-child){display:none}.sidebar-profile-wrap,.sidebar-profile-wrap>*{width:36px}}.app-footer{flex-shrink:0;margin-top:auto}@media (width<=700px){.app-footer{gap:6px!important;padding:6px 10px!important;font-size:10px!important}}.sidebar{border-right:1px solid var(--gambit-border);background:var(--gambit-surface-dark);flex-direction:column;gap:24px;padding:24px;display:flex;overflow-y:auto}.brand-section{flex-direction:column;gap:6px;display:flex}.brand-title{letter-spacing:.1em;color:var(--gambit-text-primary);text-shadow:0 0 10px rgba(var(--gambit-purple-rgb), .4);font-size:28px;font-weight:700}.brand-tagline{text-transform:uppercase;letter-spacing:.2em;color:var(--gambit-green);font-size:11px;font-family:var(--font-mono)}.nav-section{flex-direction:column;gap:8px;display:flex}.nav-section-title{text-transform:uppercase;letter-spacing:.15em;color:var(--gambit-text-muted);margin-bottom:4px;font-size:11px}.nav-button{border-radius:var(--gambit-radius-sm);width:100%;color:var(--gambit-text-secondary);font-family:var(--font-main);text-align:left;cursor:pointer;transition:var(--gambit-transition);background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.nav-button-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.nav-button-label{white-space:nowrap;line-height:1.2}.nav-button-subtitle{color:var(--gambit-text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:10px;font-weight:400;line-height:1.2}.nav-button.active .nav-button-subtitle{color:var(--gambit-text-secondary)}.nav-button--library{color:var(--gambit-text-muted);font-size:13px}.nav-button--library .nav-button-icon{color:var(--gambit-text-muted)}.nav-button--library:hover{color:var(--gambit-text-primary);background:#ffffff05}.nav-button--library.active{border-color:var(--gambit-border);color:var(--gambit-text-secondary);box-shadow:inset 4px 0 0 var(--gambit-text-muted);background:#ffffff08}.nav-button--mobile-library{display:none}.nav-button:hover{color:var(--gambit-text-primary);background:#ffffff08;transform:translate(2px)}.nav-button.active{background:var(--gambit-surface-light);border-color:var(--gambit-border);color:var(--gambit-purple);box-shadow:inset 4px 0 0 var(--gambit-purple)}.nav-section--library{border-top:1px solid var(--gambit-border);margin-top:16px;padding-top:16px}.nav-section-title--library{color:var(--gambit-text-muted);opacity:.75}.nav-badge{font-size:10px;font-family:var(--font-mono);background:var(--gambit-purple-glow);color:var(--gambit-text-primary);border:1px solid rgba(var(--gambit-purple-rgb), .2);border-radius:4px;margin-left:auto;padding:2px 6px}.nav-badge.active-mode{background:var(--gambit-green-glow);color:var(--gambit-green);border-color:#10b98133}.main-content{flex-direction:column;height:100vh;display:flex;overflow:hidden}@media (width<=1024px){.main-content{height:auto;min-height:calc(100vh - 80px)}}@media (width<=700px){.tab-title-strip__title{font-size:15px}.tab-title-strip__subtitle{font-size:11px}.viewport{gap:14px;padding:12px}}.tab-title-strip{border-bottom:1px solid var(--gambit-border);flex-direction:column;gap:2px;margin-bottom:4px;padding:0 0 8px;display:flex}.tab-title-strip__title{letter-spacing:.01em;margin:0;font-size:18px;font-weight:600}.tab-title-strip__subtitle{color:var(--gambit-text-muted);margin:0;font-size:12px}.tab-title-strip--in-panel{border-bottom:1px solid var(--gambit-border);margin-bottom:12px;padding:0 4px 10px}.tab-title-strip--in-panel .tab-title-strip__title{font-size:16px}.clocks-row{border:1px solid var(--gambit-border);border-radius:var(--gambit-radius-sm);background:#ffffff08;justify-content:center;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.clocks-row--top{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.board-with-clocks-row{flex:1;align-items:stretch;gap:12px;min-height:0;display:flex}.board-area{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.board-clocks-rail{flex-direction:column;flex-shrink:0;justify-content:space-between;gap:8px;width:100px;padding:4px 0;display:flex}.board-clocks-rail .clock-display{margin:0}.crazy-side-rail{flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;width:clamp(128px,12vw,160px);padding:4px 0;display:flex}.std-hero{flex-direction:column;align-items:center;gap:8px}.std-hero .board-area{flex:0 auto;align-items:center;width:100%}.board-aux{flex-flow:wrap;justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.crazy-side-rail .reserves-container{justify-content:center;width:100%}.crazy-side-mid{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.crazy-side-status{color:var(--gambit-text-secondary);font-size:13px;font-family:var(--font-mono)}.turn-arrow{flex:none;justify-content:center;align-items:center;width:clamp(40px,5vw,56px);height:clamp(40px,5vw,56px);display:flex}.turn-arrow-glyph{width:100%;height:100%;transition:filter .18s;overflow:visible}.turn-arrow-glyph path{stroke-width:1.5px;stroke-linejoin:round}.turn-arrow--white .turn-arrow-glyph path{fill:#f4f4f4;stroke:#2a2a2a}.turn-arrow--black .turn-arrow-glyph path{fill:#1b1b1b;stroke:#e8e8e8}.turn-arrow--check .turn-arrow-glyph path{fill:var(--gambit-danger,#ef4444);stroke:#fff}.turn-arrow--white .turn-arrow-glyph,.turn-arrow--black .turn-arrow-glyph{filter:drop-shadow(0 0 7px color-mix(in srgb, var(--gambit-green,#10b981) 55%, transparent))}.turn-arrow--check .turn-arrow-glyph{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--gambit-danger,#ef4444) 70%, transparent))}@media (prefers-reduced-motion:reduce){.turn-arrow-glyph{transition:none}}@media (width>=900px){.crazy-hero .mock-board-wrapper{max-width:min(80vh,780px)}}.std-hero .mock-board-wrapper{max-width:min(100%,100vh - 150px);margin:0 auto}.std-hero:has(.board-aux--top) .mock-board-wrapper{max-width:min(100%,100vh - 250px)}@container gsmain (width<=760px){.crazy-hero{flex-direction:column;align-items:center}.crazy-hero .board-area{width:100%}.crazy-side-rail{flex-flow:wrap;justify-content:center;align-items:flex-start;width:100%}}.arena-view{flex-direction:column;gap:16px;display:flex}.arena-header{border:1px solid var(--gambit-border);border-radius:var(--gambit-radius-sm);font-family:var(--font-mono);background:#ffffff08;justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;display:flex}.arena-summary{color:var(--gambit-text-secondary)}.arena-filters{flex-wrap:wrap;gap:12px;display:flex}.arena-filter{font-family:var(--font-mono);color:var(--gambit-text-muted);flex-direction:column;gap:4px;font-size:11px;display:flex}.arena-filter select{border:1px solid var(--gambit-border);color:var(--gambit-text-primary);border-radius:var(--gambit-radius-sm);font-family:var(--font-main);background:#ffffff0d;min-width:160px;padding:6px 8px;font-size:13px}.arena-empty{border:1px dashed var(--gambit-border);border-radius:var(--gambit-radius-sm);color:var(--gambit-text-muted);font-family:var(--font-mono);text-align:center;background:#ffffff05;padding:24px;font-size:13px}.arena-empty--error{border-color:var(--gambit-red,#f87171);color:var(--gambit-red,#f87171)}.arena-groups{flex-direction:column;gap:16px;display:flex}.arena-group{border:1px solid var(--gambit-border);border-radius:var(--gambit-radius-sm);background:#ffffff05;overflow:hidden}.arena-group-header{background:rgba(var(--gambit-purple-rgb), .08);border-bottom:1px solid var(--gambit-border);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.arena-group-title{font-size:13px;font-weight:600}.arena-group-count{font-family:var(--font-mono);color:var(--gambit-text-muted);font-size:11px}.arena-list{margin:0;padding:0;list-style:none}.arena-row{border-bottom:1px solid var(--gambit-border);grid-template-columns:minmax(200px,1fr) minmax(220px,1fr) auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.arena-row:last-child{border-bottom:0}.arena-row--mine{background:rgba(var(--gambit-purple-rgb), .04)}.arena-row-identity{align-items:center;gap:8px;display:flex}.arena-row-glyph{background:rgba(var(--gambit-purple-rgb), .15);border:1px solid var(--gambit-purple-glow);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:inline-flex}.arena-row-handle{font-family:var(--font-mono);color:var(--gambit-text-primary);font-size:12px}.arena-row-badge{text-transform:uppercase;letter-spacing:.08em;background:var(--gambit-purple);color:#fff;border-radius:8px;padding:2px 6px;font-size:9px}.arena-row-meta{font-family:var(--font-mono);color:var(--gambit-text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.arena-row-join{padding:6px 12px;font-size:12px}.arena-footnote{border:1px solid var(--gambit-border);border-radius:var(--gambit-radius-sm);color:var(--gambit-text-muted);background:#ffffff05;padding:14px 16px;font-size:12px;line-height:1.5}@media (width<=700px){.arena-row{grid-template-columns:1fr;gap:6px}.arena-row-join{width:100%;min-height:44px}.arena-filters .gambit-btn{flex-basis:100%;width:100%}}.siamese-status-bar{border:1px solid var(--gambit-border);border-radius:var(--gambit-radius-sm);font-family:var(--font-mono);color:var(--gambit-text-secondary);background:#ffffff08;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;font-size:12px;display:flex}@media (width<=700px){.board-with-clocks-row{flex-direction:column-reverse}.board-clocks-rail{flex-direction:row;justify-content:center;gap:12px;width:100%}}.sidebar-utility{border-top:1px solid var(--gambit-border);flex-direction:column;gap:6px;margin-top:8px;padding:10px 8px;display:flex}@media (width>=1025px){.app-container{height:100vh;overflow:hidden}.sidebar-utility{margin-top:auto}.app-footer{flex-shrink:0;margin-top:auto}}.sidebar.collapsed .sidebar-utility{padding:10px 0}.sidebar-play-online{appearance:none;background:linear-gradient(135deg, rgba(var(--gambit-purple-rgb), .35), rgba(var(--gambit-purple-rgb), .18));border:1px solid rgba(var(--gambit-purple-rgb), .55);color:#fff;border-radius:var(--gambit-radius-sm);font-family:var(--font-main);cursor:pointer;transition:var(--gambit-transition);align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.sidebar-play-online:hover{background:linear-gradient(135deg, rgba(var(--gambit-purple-rgb), .5), rgba(var(--gambit-purple-rgb), .28));border-color:var(--gambit-purple)}.sidebar-play-online.collapsed{justify-content:center;align-items:center;gap:0;width:40px;height:40px;margin:0 auto;padding:0;font-size:18px}.sidebar-profile-wrap{width:100%;display:flex}.sidebar-profile-wrap>*{width:100%}.sidebar-profile-wrap.collapsed>*{width:40px;margin:0 auto}.auth-btn{border-radius:var(--gambit-radius-sm);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-main);transition:var(--gambit-transition);align-items:center;gap:8px;padding:8px 14px;display:flex}.auth-btn-google{color:var(--gambit-text-dark);background:#fff;border:1px solid #e2e8f0}.auth-btn-google:hover{background:#f8fafc;box-shadow:0 4px 12px #ffffff1a}.auth-btn-knomee{background:rgba(var(--gambit-purple-rgb), .15);color:var(--gambit-text-primary);border:1px solid rgba(var(--gambit-purple-rgb), .3)}.auth-btn-knomee:hover{background:rgba(var(--gambit-purple-rgb), .25);border-color:var(--gambit-purple);box-shadow:0 4px 12px rgba(var(--gambit-purple-rgb), .2)}.gambit-play-online-cta{appearance:none;background:linear-gradient(135deg, rgba(var(--gambit-purple-rgb), .35), rgba(var(--gambit-purple-rgb), .18));border:1px solid rgba(var(--gambit-purple-rgb), .55);color:#fff;border-radius:var(--gambit-radius-sm);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-main);letter-spacing:.02em;transition:var(--gambit-transition);box-shadow:0 0 0 0 rgba(var(--gambit-purple-rgb), 0);padding:9px 18px}.gambit-play-online-cta:hover{background:linear-gradient(135deg, rgba(var(--gambit-purple-rgb), .55), rgba(var(--gambit-purple-rgb), .3));border-color:rgba(var(--gambit-purple-rgb), .85);box-shadow:0 0 18px rgba(var(--gambit-purple-rgb), .4)}.gambit-profile-button{border-radius:var(--gambit-radius-sm);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-main);transition:var(--gambit-transition);background:rgba(var(--gambit-purple-rgb), .12);color:var(--gambit-text-primary);border:1px solid rgba(var(--gambit-purple-rgb), .3);align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex}.gambit-profile-button:hover{background:rgba(var(--gambit-purple-rgb), .22);border-color:var(--gambit-purple)}.gambit-profile-button.collapsed{justify-content:center;align-items:center;gap:0;width:40px;height:40px;margin:0 auto;padding:0}.gambit-profile-glyph{background:rgba(var(--gambit-purple-rgb), .35);color:#fff;width:26px;height:26px;font-family:var(--font-mono);letter-spacing:.05em;border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.gambit-profile-label{font-family:var(--font-mono);letter-spacing:.05em;color:var(--gambit-text-secondary);font-size:12px}.gambit-profile-popover{z-index:1000;background:var(--gambit-surface);border:1px solid var(--gambit-border);border-radius:var(--gambit-radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-direction:column;gap:8px;width:320px;padding:12px;display:flex;position:fixed;top:76px;right:24px;box-shadow:0 16px 40px #00000073}.gambit-profile-popover-row{flex-direction:column;gap:4px;padding:6px 8px;display:flex}.gambit-profile-popover-header{border-bottom:1px solid var(--gambit-border);padding-bottom:10px}.gambit-profile-popover-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--gambit-text-muted);font-size:10px}.gambit-profile-popover-handle{font-family:var(--font-mono);color:var(--gambit-text-primary);font-size:14px}.gambit-profile-popover-userid{appearance:none;border:1px solid var(--gambit-border);border-radius:var(--gambit-radius-sm);cursor:pointer;width:100%;font-family:var(--font-mono);color:var(--gambit-text-secondary);transition:var(--gambit-transition);background:#ffffff0a;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:11px;display:flex}.gambit-profile-popover-userid>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gambit-profile-popover-userid:hover{border-color:var(--gambit-purple);color:var(--gambit-text-primary)}.gambit-profile-popover-copy-hint{text-transform:uppercase;letter-spacing:.08em;color:var(--gambit-text-muted);font-size:10px}.gambit-profile-popover-actions{border-top:1px solid var(--gambit-border);flex-direction:column;gap:4px;padding-top:4px;display:flex}.gambit-profile-popover-action{text-align:left;color:var(--gambit-text-primary);border-radius:var(--gambit-radius-sm);cursor:pointer;font-family:var(--font-main);transition:var(--gambit-transition);background:0 0;border:1px solid #0000;padding:8px 10px;font-size:13px}.gambit-profile-popover-action:hover{background:rgba(var(--gambit-purple-rgb), .12);border-color:rgba(var(--gambit-purple-rgb), .3)}.gambit-profile-popover-action-danger{color:var(--gambit-danger,#ef4444)}.gambit-profile-popover-action-danger:hover{background:#ef44441a;border-color:#ef444466}.gambit-profile-popover-error{color:var(--gambit-danger,#ef4444);border-radius:var(--gambit-radius-sm);background:#ef444414;border:1px solid #ef44444d;padding:6px 8px;font-size:12px}@media (width<=700px){.gambit-profile-popover{width:auto;inset:auto 16px 16px}.gambit-profile-label{display:none}}.viewport{flex-direction:column;flex:1;gap:16px;min-height:0;padding:14px 24px 18px;display:flex;overflow-y:auto;container:gsmain/inline-size}.game-layout-siamese{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}@media (width<=1400px){.game-layout-siamese{grid-template-columns:1fr}}.game-layout-siamese .mock-board-wrapper{max-width:min(620px,100vh - 300px)}.game-layout-siamese .board-container{gap:8px}.game-layout-siamese .board-label{gap:7px;font-size:13px;font-weight:600}.game-layout-siamese .board-title-bar{gap:6px}.game-layout-siamese .board-title-bar .gambit-btn{padding:3px 9px;font-size:11px}.game-layout-siamese .board-title-bar .nav-badge{padding:2px 8px;font-size:11px}.siamese-landscape-action{display:none}@media (orientation:landscape) and (height<=520px) and (width<=1024px){.app-container:has(.game-layout-siamese--active){grid-template-rows:44px minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}.app-container:has(.game-layout-siamese--active) .sidebar{min-height:44px;max-height:44px;padding-top:4px;padding-bottom:4px}.app-container:has(.game-layout-siamese--active) .nav-button{min-height:32px;padding-top:3px;padding-bottom:3px}.main-content:has(.game-layout-siamese--active){height:calc(100dvh - 44px);min-height:0;overflow:hidden}.main-content:has(.game-layout-siamese--active) .viewport{gap:4px;min-height:0;padding:4px 6px;overflow:hidden}:is(.main-content:has(.game-layout-siamese--active) .app-footer,.game-layout-siamese--active .siamese-match-inspector,.game-layout-siamese--active .siamese-match-banner){display:none!important}.game-layout-siamese.game-layout-siamese--active{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:6px;width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.game-layout-siamese--active .siamese-landscape-action{z-index:12;opacity:.82;min-height:26px;padding:2px 7px;font-size:9px;display:inline-flex;position:fixed;bottom:5px;right:8px}.game-layout-siamese--active .siamese-board-panel{box-sizing:border-box;grid-template-rows:auto minmax(0,1fr) minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) clamp(76px,23%,94px);align-items:stretch;width:100%;min-width:0;height:100%;min-height:0;max-height:100%;overflow:hidden;gap:2px!important;padding:4px!important;display:grid!important}.game-layout-siamese--active .siamese-board-panel.is-active{outline:2px solid var(--gambit-purple);outline-offset:-2px}.game-layout-siamese--active .siamese-board-box{grid-area:1/1/-1;place-self:center;min-width:96px;width:min(100%,100dvh - 58px)!important;max-width:none!important;margin:0!important}.game-layout-siamese--active .siamese-board-box--capablanca{width:min(100%,125dvh - 72.5px)!important}.game-layout-siamese--active .siamese-board-title{grid-area:1/2;gap:2px;min-width:0;padding:1px 2px;line-height:1.15;overflow:hidden;margin:0!important;font-size:10px!important}.game-layout-siamese--active .siamese-board-title .board-label,.game-layout-siamese--active .siamese-board-title .nav-badge{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;padding:1px 3px;font-size:9px;overflow:hidden}.game-layout-siamese--active .siamese-board-title>div:last-child{flex-wrap:nowrap;min-width:0;gap:2px!important}.game-layout-siamese--active .siamese-board-flip{min-width:24px;min-height:22px;padding:1px 4px!important;font-size:9px!important}.game-layout-siamese--active .siamese-reserve{grid-column:2;min-width:0;min-height:0;overflow:hidden}.game-layout-siamese--active .siamese-reserve--top{grid-row:2}.game-layout-siamese--active .siamese-reserve--bottom{grid-row:3}.game-layout-siamese--active .siamese-reserve .reserves-container{box-sizing:border-box;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:1px;width:100%;min-width:0;height:100%;min-height:0;padding:2px;display:flex;overflow:hidden}.game-layout-siamese--active .siamese-reserve .reserves-container>span:first-child{flex:1 0 100%;line-height:1;min-width:0!important;font-size:8px!important}.game-layout-siamese--active .siamese-reserve .reserve-piece{box-sizing:border-box;width:calc(50% - 1px);min-width:0;min-height:18px;gap:1px!important;padding:0!important}.game-layout-siamese--active .siamese-reserve .reserve-piece>span:first-child{min-width:17px;width:17px!important;height:17px!important}.game-layout-siamese--active .siamese-reserve .reserve-count{font-size:9px}.game-layout-siamese--active .siamese-board-clocks{grid-area:4/2;min-width:0;gap:2px!important}.game-layout-siamese--active .siamese-board-clocks .clock-display{flex:1 1 0;min-width:0!important;padding:1px 2px!important}.game-layout-siamese--active .siamese-board-clocks .clock-display>span:first-child{display:none}.game-layout-siamese--active .siamese-board-clocks .clock-display>span:last-child{font-size:10px!important}}.game-layout-1v1{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);align-items:start;gap:24px;display:grid}.game-layout-1v1.controls-collapsed{grid-template-columns:1fr 48px}.gs-shell{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);grid-template-areas:"command command""stage inspector";align-items:start;gap:24px;display:grid}.gs-shell--controls-collapsed{grid-template-columns:1fr 48px}.gs-shell--star_trek{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}.gs-shell--star_trek.gs-shell--controls-collapsed{grid-template-columns:1fr 48px}.gs-shell:not(:has(.gs-command-bar)){grid-template-areas:"stage inspector"}.gs-command-bar{grid-area:command;justify-content:flex-end;align-items:center;gap:8px;min-height:0;display:flex}.gs-stage{flex-direction:column;grid-area:stage;gap:12px;min-width:0;display:flex}.gs-inspector{flex-direction:column;grid-area:inspector;gap:20px;min-width:0;display:flex}.gs-inspector--rail{gap:0}@container gsmain (width<=760px){.gs-shell,.gs-shell--controls-collapsed{flex-direction:column;align-items:stretch;gap:16px;display:flex}.gs-shell .gs-command-bar{order:-2}.gs-shell--setup .gs-inspector{order:-1}}.controls-rail-stack{flex-direction:column;align-items:stretch;gap:8px;display:flex}.controls-rail-icon-btn{appearance:none;background:var(--gambit-surface-light);border:1px solid var(--gambit-border);color:var(--gambit-text-primary);border-radius:var(--gambit-radius-sm);cursor:pointer;min-height:44px;transition:var(--gambit-transition);padding:10px 6px;font-size:18px;line-height:1}.controls-rail-icon-btn:hover{background:var(--gambit-surface-hover);border-color:var(--gambit-purple)}.controls-rail-icon-btn--danger:hover{border-color:var(--gambit-danger,#ef4444)}@media (width<=900px){.game-layout-1v1,.game-layout-1v1.controls-collapsed{grid-template-columns:1fr}}.controls-rail{background:var(--gambit-surface-light);border:1px solid var(--gambit-border);border-radius:var(--gambit-radius-sm);cursor:pointer;font-family:var(--font-mono);color:var(--gambit-text-secondary);letter-spacing:.15em;writing-mode:vertical-rl;text-orientation:mixed;transition:var(--gambit-transition);justify-content:center;align-items:center;min-height:200px;padding:16px 0;font-size:12px;display:flex}.controls-rail:hover{background:var(--gambit-surface-hover);color:var(--gambit-text-primary);border-color:var(--gambit-purple)}@container gsmain (width<=760px){.controls-rail{display:none}}.hide-controls-btn{border:1px solid var(--gambit-border);color:var(--gambit-text-muted);cursor:pointer;font-family:var(--font-mono);letter-spacing:.08em;transition:var(--gambit-transition);background:0 0;border-radius:4px;min-height:28px;padding:4px 10px;font-size:10px}.hide-controls-btn:hover{color:var(--gambit-text-primary);border-color:var(--gambit-purple)}@media (width<=700px){.hide-controls-btn{display:none}}@container gsmain (width<=760px){.gs-inspector--rail{display:none}}.controls-fab{z-index:1000;border:1px solid var(--gambit-purple,#8b5cf6);background:var(--gambit-surface-light,#14141eeb);min-width:48px;min-height:48px;color:var(--gambit-text-primary,#fff);font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 24px -6px #0009}.controls-fab:hover,.controls-fab:focus-visible{background:var(--gambit-surface-hover,#282837f2);border-color:var(--gambit-purple,#8b5cf6)}@supports (padding:max(0px)){.controls-fab{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom))}}.board-container{flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex}@container gsmain (width<=760px){.gs-stage .board-container{box-shadow:none;background:0 0;border-left-width:0;border-right-width:0;border-radius:0;margin-left:-24px;margin-right:-24px;padding-left:0;padding-right:0}}@media (width<=700px){.terminal-banner{letter-spacing:.04em!important;box-shadow:none!important;padding:8px 12px!important;font-size:12.5px!important}.post-match-record .pmr-verbose{display:none}.post-match-record{gap:5px!important;padding:8px 12px!important}}.board-title-bar{justify-content:space-between;align-items:center;gap:8px;display:flex}.board-title-bar--minimal{justify-content:flex-end;min-height:0}.board-label{align-items:center;gap:10px;min-width:0;font-size:18px;font-weight:600;display:flex}@media (width<=700px){.board-title-bar{flex-wrap:wrap;row-gap:6px}.board-label{flex:100%}.board-title-bar>div:last-child{flex-wrap:wrap;flex:100%;justify-content:flex-start}.board-title-bar>div:last-child>span{text-align:left;max-width:100%;white-space:normal!important}}.status-indicator{background:var(--gambit-text-muted);border-radius:50%;width:8px;height:8px;display:inline-block}.status-indicator.active{background:var(--gambit-green);box-shadow:0 0 8px var(--gambit-green)}.mock-board-wrapper{width:100%;max-width:min(720px,100vh - 180px);margin:0 auto;position:relative}.controls-collapsed .mock-board-wrapper{max-width:min(880px,100vh - 200px)}.mock-board-aspect{width:100%;padding-bottom:100%;position:relative}.mock-board{border:4px solid var(--gambit-surface-light);width:100%;height:100%;box-shadow:var(--gambit-shadow-lg);border-radius:8px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:absolute;top:0;left:0;overflow:hidden}.mock-square{justify-content:center;align-items:center;display:flex;position:relative}.mock-square.light{background-color:var(--square-light)}.mock-square.dark{background-color:var(--square-dark)}.mock-piece{cursor:grab;-webkit-user-select:none;user-select:none;font-size:32px;transition:transform .1s}.mock-piece:hover{transform:scale(1.1)}.mock-piece:active{cursor:grabbing}.reserves-container{border:1px dashed var(--gambit-border);border-radius:var(--gambit-radius-sm);background:#ffffff05;align-items:center;gap:10px;min-height:56px;padding:10px 16px;display:flex}.capablanca-board-container{min-width:0}.capablanca-clock-row{justify-content:flex-end;width:100%;min-width:0;display:flex}.capablanca-side-chrome{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0;display:grid}.pocket-clock,.capablanca-reserve-strip,.turnabout-side-chrome .reserves-container{box-sizing:border-box;height:58px;min-height:58px}.pocket-clock{flex:none}.capablanca-side-chrome--top{margin-bottom:8px}.capablanca-side-chrome--bottom{margin-top:8px}.capablanca-below-board{min-width:0}.capablanca-reserve-strip{flex-wrap:nowrap;justify-content:flex-start;gap:6px 8px;width:100%;min-width:0;overflow-x:auto}.capablanca-reserve-strip>:first-child{flex:0 auto}.turnabout-side-chrome{flex-wrap:nowrap;grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.turnabout-side-chrome .reserves-container{flex-wrap:nowrap;justify-content:flex-start;width:100%;min-width:0;padding:8px 12px;overflow-x:auto}@media (width<=480px){.capablanca-reserve-strip{gap:4px 6px;padding:7px 8px}.capablanca-reserve-strip .reserve-piece{padding-left:4px!important;padding-right:4px!important}.capablanca-clock-row{justify-content:center}.capablanca-side-chrome,.turnabout-side-chrome{gap:8px}}.reserve-piece{cursor:grab;justify-content:center;align-items:center;font-size:24px;display:flex;position:relative}.reserve-count{background:var(--gambit-purple);color:#fff;font-size:9px;font-family:var(--font-mono);border-radius:50%;padding:1px 4px;position:absolute;bottom:-4px;right:-6px}.st-layout{grid-template-columns:1.5fr 1fr;gap:32px;display:grid}.st-layout.controls-collapsed{grid-template-columns:1fr 32px}@media (width<=1200px){.st-layout{grid-template-columns:1fr}.st-layout.controls-collapsed{grid-template-columns:1fr 32px}}@media (width<=900px){.st-layout,.st-layout.controls-collapsed{grid-template-columns:1fr}}.st-command-stage{--st-square:52px;width:100%;max-width:580px;height:calc(var(--st-square) * 13.5);margin:0 auto;position:relative}.st-command-rails{pointer-events:none;z-index:0;opacity:.7;width:100%;height:100%;position:absolute;inset:0}.st-command-board{z-index:2;filter:drop-shadow(0 6px 10px #00000073);flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute}.st-command-board-label{font-family:var(--font-mono);letter-spacing:.12em;color:var(--gambit-text-muted);text-transform:uppercase;font-size:10px}.st-command-board-label-small{letter-spacing:.1em;font-size:9px}.st-command-grid{border:2px solid var(--gambit-border-light);border-radius:6px;display:grid;overflow:hidden;box-shadow:0 8px 18px -10px #0009}.st-command-grid-main{grid-template-columns:repeat(4, var(--st-square));grid-template-rows:repeat(4, var(--st-square))}.st-command-grid-attack{grid-template-columns:repeat(2, calc(var(--st-square) * .78));grid-template-rows:repeat(2, calc(var(--st-square) * .78))}.st-command-main-3{top:0;left:50%;transform:translate(calc(28px - 50%))}.st-command-main-2{top:calc(var(--st-square) * 4.7);left:50%;transform:translate(-50%)}.st-command-main-1{top:calc(var(--st-square) * 9.4);left:50%;transform:translate(calc(-50% - 28px))}.st-command-attack{z-index:3;filter:drop-shadow(0 4px 8px #00000080);flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute}.st-command-attack-bql{top:calc(var(--st-square) * .4);left:0}.st-command-attack-bkr{top:calc(var(--st-square) * .4);right:0}.st-command-attack-wql{bottom:calc(var(--st-square) * .4);left:0}.st-command-attack-wkr{bottom:calc(var(--st-square) * .4);right:0}@media (width<=700px){.st-command-stage{--st-square:38px;max-width:100%}.st-command-main-3,.st-command-main-2,.st-command-main-1{transform:translate(-50%)}.st-command-attack-bql{left:4px}.st-command-attack-bkr{right:4px}.st-command-attack-wql{left:4px}.st-command-attack-wkr{right:4px}}@media (width<=420px){.st-command-stage{--st-square:32px}}.st-isometric-container{border-radius:var(--gambit-radius);border:1px solid var(--gambit-border);background:#0003;flex-direction:column;justify-content:center;align-items:center;min-height:550px;padding:40px;display:flex}.st-stack{width:320px;height:480px;transform-style:preserve-3d;position:relative}.st-level-board{border:2px solid var(--gambit-purple-glow);width:200px;height:200px;box-shadow:0 0 15px rgba(var(--gambit-purple-rgb), .1);transition:var(--gambit-transition);background:#12121a99;border-radius:4px;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);display:grid;position:absolute;left:60px}.st-level-board.level-3{z-index:3;top:40px}.st-level-board.level-2{z-index:2;top:190px}.st-level-board.level-1{z-index:1;top:340px}.st-level-square{border:1px solid #ffffff05}.st-level-square.light{background:#ffffff0d}.st-level-square.dark{background:#0006}.st-level-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--gambit-purple);font-size:11px;position:absolute;top:50%;left:-50px;transform:translateY(-50%)}.st-attack-board{border:2px solid var(--gambit-green-glow);z-index:5;background:#10b98126;border-radius:3px;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);width:60px;height:60px;display:grid;position:absolute}.st-attack-board.peg-1{top:15px;left:35px}.st-attack-board.peg-2{top:15px;left:225px}.st-attack-board.peg-3{top:405px;left:35px}.st-attack-board.peg-4{top:405px;left:225px}.settings-panel{flex-direction:column;gap:20px;display:flex}.settings-card{flex-direction:column;gap:16px;padding:20px;display:flex}.settings-card-title{text-transform:uppercase;letter-spacing:.1em;color:var(--gambit-text-secondary);border-bottom:1px solid var(--gambit-border);padding-bottom:8px;font-size:14px}.settings-option{flex-direction:column;gap:6px;display:flex}.settings-option-label{color:var(--gambit-text-muted);font-size:12px}.settings-select{background:var(--gambit-surface-light);border:1px solid var(--gambit-border);color:var(--gambit-text-primary);border-radius:var(--gambit-radius-sm);font-family:var(--font-main);cursor:pointer;transition:var(--gambit-transition);outline:none;padding:10px}.settings-select:focus{border-color:var(--gambit-purple)}.roadmap-feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.history-view-grid{grid-template-columns:1fr 1.4fr;gap:24px;display:grid}@media (width<=900px){.history-view-grid{grid-template-columns:1fr;gap:16px}}.game-graph-inspector{border:1px solid var(--gambit-border);border-radius:var(--gambit-radius-sm);background:#00000029;flex-direction:column;gap:12px;padding:14px;display:flex}.game-graph-header,.game-graph-controls,.game-graph-detail-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.game-graph-evidence,.game-graph-summary,.game-graph-layer-label{color:var(--gambit-text-muted);font:10px var(--font-mono);text-transform:uppercase;letter-spacing:.04em;margin-top:3px}.game-graph-evidence.verified{color:var(--gambit-green,#4ade80)}.game-graph-evidence.diagnostic{color:#f59e0b}.game-graph-controls>div{gap:4px;display:flex}.game-graph-controls button{border:1px solid var(--gambit-border);background:var(--gambit-surface-light);color:var(--gambit-text-muted);font:10px var(--font-mono);cursor:pointer;border-radius:5px;padding:4px 8px}.game-graph-controls button[aria-pressed=true]{border-color:var(--gambit-purple);color:var(--gambit-text-primary);background:var(--gambit-surface-hover)}.game-graph-warning{color:var(--gambit-text-secondary);background:#f59e0b14;border:1px solid #f59e0b73;border-radius:6px;padding:8px 10px;font-size:11px}.game-graph-timeline{align-items:stretch;gap:7px;padding:4px 2px 8px;display:flex;overflow-x:auto}.game-graph-timeline .game-graph-node:not(:last-child):after{content:"→";color:var(--gambit-text-muted);position:absolute;top:50%;right:-9px;transform:translateY(-50%)}.game-graph-layers{align-items:stretch;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.game-graph-layer{border-left:1px solid var(--gambit-border);flex-direction:column;gap:6px;min-width:132px;padding:8px;display:flex}.game-graph-node{border:1px solid var(--gambit-border);background:var(--gambit-surface-light);min-width:130px;color:var(--gambit-text-secondary);text-align:left;cursor:pointer;border-radius:6px;flex:none;align-items:flex-start;gap:7px;padding:8px;transition:opacity .12s,border-color .12s,background .12s;display:flex;position:relative}.game-graph-node.diagnostic{border-style:dashed;border-color:#f59e0b80}.game-graph-node.selected{border-color:var(--gambit-purple);background:var(--gambit-surface-hover)}.game-graph-node.ancestor{border-color:#4ade8099}.game-graph-node.descendant{border-color:#60a5fab3}.game-graph-node.dimmed{opacity:.38}.game-graph-node.chips{min-width:108px;padding:5px 7px}.game-graph-node.dots{border-radius:50%;width:24px;min-width:0;height:24px;padding:6px}.game-graph-dot{background:var(--gambit-purple);width:8px;height:8px;box-shadow:0 0 8px color-mix(in srgb, var(--gambit-purple) 55%, transparent);border-radius:50%;flex:none;margin-top:3px}.game-graph-node.diagnostic .game-graph-dot{background:#f59e0b}.game-graph-node-copy{min-width:0;font:10px var(--font-mono);flex-direction:column;gap:2px;display:flex}.game-graph-node-copy>span,.game-graph-node-copy>small{max-width:160px;color:var(--gambit-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-graph-detail{border:1px solid var(--gambit-border);background:var(--gambit-surface-light);border-radius:6px;flex-direction:column;gap:10px;padding:10px;display:flex}.game-graph-detail-title>span{color:var(--gambit-text-muted);font:10px var(--font-mono)}.game-graph-detail dl{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 14px;margin:0;display:grid}.game-graph-detail dl>div{min-width:0}.game-graph-detail dt{color:var(--gambit-text-muted);font:9px var(--font-mono);text-transform:uppercase}.game-graph-detail dd{color:var(--gambit-text-secondary);font:11px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;overflow:hidden}.roadmap-card{flex-direction:column;gap:12px;padding:20px;display:flex}.roadmap-phase-tag{font-size:10px;font-family:var(--font-mono);text-transform:uppercase;border-radius:20px;align-self:flex-start;padding:2px 8px;font-weight:500}.roadmap-phase-tag.done{background:var(--gambit-green-glow);color:var(--gambit-green);border:1px solid #10b98133}.roadmap-phase-tag.pending{background:var(--gambit-purple-glow);color:var(--gambit-purple);border:1px solid rgba(var(--gambit-purple-rgb), .2)}.roadmap-phase-tag.future{color:var(--gambit-text-muted);border:1px solid var(--gambit-border);background:#ffffff0d}.focused-level-border{border-color:var(--gambit-purple)!important;box-shadow:0 0 25px var(--gambit-purple-glow)!important;background:rgba(var(--gambit-purple-rgb), .12)!important}.active-board-outline{border-color:var(--gambit-purple)!important;box-shadow:0 0 20px rgba(var(--gambit-purple-rgb), .15)!important}.st-attack-board-dock{border:1px solid var(--gambit-border,#2f2f3a);background:var(--gambit-surface-subtle,#ffffff08);border-radius:8px;flex-direction:column;gap:6px;margin-top:12px;padding:10px 12px;display:flex}.st-attack-board-dock[data-disabled=true]{opacity:.55}.st-attack-board-dock__label{letter-spacing:.05em;text-transform:uppercase;color:var(--gambit-text-muted,#9aa0aa);font-size:11px}.st-attack-board-dock__row{flex-wrap:wrap;gap:10px;display:flex}.st-attack-board-dock__board{border:1px solid var(--gambit-border,#2f2f3a);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.st-attack-board-dock__board[data-owner=white]{border-color:#ffffff4d}.st-attack-board-dock__board[data-owner=black]{background:#0000001f;border-color:#00000073}.st-attack-board-dock__board-id{font-weight:600;font-family:var(--gambit-font-mono,ui-monospace, SFMono-Regular, monospace)}.st-attack-board-dock__board-pos{color:var(--gambit-text-muted,#9aa0aa);font-family:var(--gambit-font-mono,ui-monospace, SFMono-Regular, monospace)}.st-attack-board-dock__board button{border:1px solid var(--gambit-border,#2f2f3a);width:22px;height:22px;color:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:0;font-size:14px;line-height:1}.st-attack-board-dock__board button:hover:enabled{background:var(--gambit-accent,#6d6df0);color:#fff}.st-attack-board-dock__board button:disabled{cursor:not-allowed;opacity:.3}.st-attack-board-dock__hint{color:var(--gambit-text-muted,#9aa0aa);font-size:11px;font-style:italic}@supports (padding:env(safe-area-inset-top)){.app-container{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media (width<=700px){.gambit-btn{min-height:44px;padding:10px 14px;font-size:14px}select,button[type=button]{min-height:40px}.st-attack-board-dock__board button{width:32px;height:32px;font-size:16px}ol[style*=maxHeight]{max-height:30vh}}button,select,input,.gambit-btn,.gs-inspector-tab,.nav-button,.arena-row-join{touch-action:manipulation}.gs-inspector-tabs{padding-bottom:max(4px, env(safe-area-inset-bottom))}@media (width<=480px){.gambit-board-wrap{max-width:100vw;overflow-x:auto}.brand-title{font-size:13px}ol[style*=gridTemplateColumns]{grid-template-columns:1fr!important}.gambit-online-stack-mobile,.gambit-online-stack-mobile>div{flex-direction:column!important;align-items:flex-start!important}}input,select,textarea{font-size:16px}@media (width<=1024px){.app-container,.app-container.sidebar-collapsed{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar,.sidebar.collapsed{border-right:none;border-bottom:1px solid var(--gambit-border);z-index:20;background:var(--gambit-surface-dark);flex-flow:row;align-items:center;gap:8px;min-height:52px;max-height:56px;padding:6px 52px 6px 10px;display:flex;position:sticky;top:0;overflow:auto hidden}.sidebar>*{flex:none}.brand-section{flex-direction:row;align-items:center;gap:0}.brand-section>button{display:none}.brand-title{letter-spacing:.08em;text-shadow:none;font-size:13px}.brand-tagline,.nav-section-title{display:none}.nav-section,.nav-section--play,.sidebar-utility{flex-flow:row;align-items:center;gap:4px;margin-top:0!important}.nav-section--library{display:none}.nav-section--library.mobile-open{background:var(--gambit-surface-dark);border:1px solid var(--gambit-border);z-index:40;border-radius:0 0 6px 6px;flex-direction:column;align-items:stretch;gap:4px;min-width:180px;max-height:calc(100vh - 60px);padding:8px;display:flex;position:fixed;top:48px;right:8px;overflow-y:auto;box-shadow:0 8px 20px -8px #00000080;margin:0!important}.nav-section--library.mobile-open .nav-button{justify-content:flex-start;width:100%}.nav-button--mobile-library{z-index:30;background:var(--gambit-surface-light);border:1px solid var(--gambit-border);display:flex;position:fixed;top:7px;right:8px;box-shadow:0 2px 8px -2px #0009}.nav-button--mobile-library>span:last-child{display:none}.nav-button{flex:none;gap:8px;width:auto;min-height:36px;padding:6px 10px;font-size:12px}.nav-button:hover{transform:none}.nav-button.active{box-shadow:inset 0 -3px 0 var(--gambit-purple);background:0 0}.sidebar-utility{border-top:none;gap:6px;margin-top:0;padding:0}.sidebar-play-online,.sidebar-knomee-connect,.sidebar-knomee-connected,.sidebar-profile-wrap,.sidebar-profile-wrap>*,.sidebar-knomee-wrap,.sidebar-knomee-wrap>*{width:36px!important;height:36px!important;min-height:36px!important}.sidebar-play-online,.sidebar-knomee-connect,.sidebar-knomee-connected{overflow:hidden;justify-content:center!important;gap:0!important;padding:0!important}.sidebar-play-online>span:not(:first-child),.sidebar-knomee-connect>span:not(:first-child),.sidebar-knomee-connected>span:not(:first-child){display:none!important}.gs-command-bar{order:0}}.gs-section{background:var(--gambit-surface-dark);border:1px solid var(--gambit-border);border-radius:var(--gambit-radius-md,12px);flex-direction:column;gap:14px;padding:16px 20px 18px;display:flex;position:relative;overflow:hidden}.gs-section:before{content:"";background:var(--gambit-border);width:3px;position:absolute;top:0;bottom:0;left:0}.gs-section--status:before{background:var(--gambit-purple)}.gs-section--actions:before{background:var(--gambit-green)}.gs-section--moves:before{background:var(--gambit-text-muted)}.gs-section--rules:before{background:var(--gambit-border)}.gs-section-header{border-bottom:1px solid var(--gambit-border);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.gs-section--collapsed .gs-section-header{border-bottom:none;padding-bottom:0}.gs-section-header[role=button]{cursor:pointer}.gs-section-header[role=button]:hover{color:var(--gambit-text-primary)}.gs-section-header-title{align-items:center;gap:8px;min-width:0;display:flex}.gs-section-title{text-transform:uppercase;letter-spacing:.12em;color:var(--gambit-text-secondary);font-size:12px;font-weight:600}.gs-section-badge{text-transform:uppercase;letter-spacing:.08em;background:var(--gambit-surface-light);border:1px solid var(--gambit-border);color:var(--gambit-text-muted);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:10px}.gs-section-header-trailing{color:var(--gambit-text-muted);align-items:center;gap:10px;font-size:11px;display:flex}.gs-section-chevron{color:var(--gambit-text-muted);font-size:11px}.gs-section-body{flex-direction:column;gap:12px;display:flex}.gs-status-row{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.gs-status-row-label{color:var(--gambit-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.gs-status-row-value{color:var(--gambit-text-primary);font-family:var(--font-mono);text-align:right;font-weight:600}.gs-status-row--good .gs-status-row-value{color:var(--gambit-green)}.gs-status-row--warn .gs-status-row-value{color:var(--gambit-warning,#f59e0b)}.gs-status-row--bad .gs-status-row-value{color:var(--gambit-danger,#ef4444)}.gs-status-row--accent .gs-status-row-value{color:var(--gambit-purple)}.gs-inspector-tabs{display:none}.gs-inspector-tab{appearance:none;background:var(--gambit-surface-dark);border:1px solid var(--gambit-border);color:var(--gambit-text-muted);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:var(--gambit-radius-sm) var(--gambit-radius-sm) 0 0;min-height:44px;transition:var(--gambit-transition);text-align:center;border-bottom:2px solid #0000;padding:10px 6px;font-size:12px;font-weight:600}.gs-inspector-tab--active{color:var(--gambit-text-primary);background:var(--gambit-surface-light);border-bottom-color:var(--gambit-purple)}.gs-inspector-tab--status.gs-inspector-tab--active{border-bottom-color:var(--gambit-purple)}.gs-inspector-tab--actions.gs-inspector-tab--active{border-bottom-color:var(--gambit-green)}.gs-inspector-tab--moves.gs-inspector-tab--active{border-bottom-color:var(--gambit-text-muted)}.gs-inspector-tab--rules.gs-inspector-tab--active{border-bottom-color:var(--gambit-border)}.gs-inspector-tab:hover{color:var(--gambit-text-primary)}@container gsmain (width<=760px){.gs-inspector-tabs{z-index:5;background:var(--gambit-bg);grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:4px;padding:4px 0;display:grid;position:sticky;top:0}.gs-inspector .gs-section:not([data-mobile-active=true]){display:none}}