:root{color-scheme:light;--app-vh: 100vh;--bg: #302e2b;--surface: #f7f6f2;--surface-muted: #eeece7;--surface-soft: #ffffff;--line: #d8d3ca;--line-soft: #e7e1d8;--text: #2f2a24;--muted: #6b6258;--green: #81b64c;--green-dark: #5d9948;--green-soft: #edf7e7;--yellow: #f6c453;--shadow: 0 18px 46px rgba(0, 0, 0, .22);--panel-dark: #24221f;--panel-dark-2: #191816;--panel-line: rgba(255, 255, 255, .11);--panel-text: #f7f6f2;--panel-muted: #c7c2bc}@supports (height: 100dvh){:root{--app-vh: 100dvh}}*{box-sizing:border-box}html{min-height:100%;overflow-y:auto;overflow-x:hidden}body{margin:0;min-height:100%;overflow-x:hidden;font-family:Trebuchet MS,Aptos,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 50% -12%,rgba(129,182,76,.18),transparent 34%),linear-gradient(180deg,#37342f 0%,var(--bg) 38%,#25231f 100%);color:var(--text)}body[data-template=light]{background:radial-gradient(circle at 50% -14%,rgba(129,182,76,.18),transparent 34%),linear-gradient(180deg,#fbfaf7,#f2efe8 48%,#e7e1d8)}body[data-template=forest]{background:radial-gradient(circle at 18% -12%,rgba(34,211,238,.22),transparent 32%),radial-gradient(circle at 82% 8%,rgba(251,191,36,.18),transparent 28%),linear-gradient(180deg,#172033,#0f172a 48%,#111827)}body[data-template=contrast]{background:linear-gradient(135deg,rgba(255,255,255,.08) 0 25%,transparent 25% 50%,rgba(255,255,255,.08) 50% 75%,transparent 75%),linear-gradient(180deg,#050505,#111 52%,#050505);background-size:22px 22px,auto}.page{width:min(1920px,100%);max-width:100%;margin:0 auto;padding:clamp(14px,1.15vw,22px)}.page.template-forest{--surface: #eef7ff;--surface-muted: #dcecff;--surface-soft: #ffffff;--line: #b7d4ef;--line-soft: #cce0f3;--text: #172033;--muted: #53657b;--green: #22d3ee;--green-dark: #0e7490;--green-soft: #d9f7ff;--yellow: #fbbf24;--shadow: 0 22px 50px rgba(3, 13, 30, .3);--panel-dark: #132238;--panel-dark-2: #08111f;--panel-line: rgba(125, 211, 252, .2);--panel-muted: #b7c9de}.page.template-contrast{--surface: #f8f8f5;--surface-muted: #ecece8;--surface-soft: #ffffff;--line: #b9b9b0;--line-soft: #d6d6cf;--text: #181818;--muted: #555;--green: #9be15d;--green-dark: #5aa832;--green-soft: #e8fbda;--yellow: #ffd166;--panel-dark: #111;--panel-dark-2: #050505;--panel-line: rgba(255, 255, 255, .22);--panel-muted: #d6d6d0}.page.template-light{--bg: #f4f0e8;--surface: #fffdf8;--surface-muted: #f2ede3;--surface-soft: #ffffff;--line: #d7cdbf;--line-soft: #e6dccd;--text: #2f2a24;--muted: #71675b;--green: #75a843;--green-dark: #4f8637;--green-soft: #edf7e4;--yellow: #d9a928;--shadow: 0 18px 42px rgba(79, 67, 48, .13);--panel-dark: #fffaf0;--panel-dark-2: #f2eadc;--panel-line: rgba(70, 58, 42, .14);--panel-text: #2f2a24;--panel-muted: #71675b}.page.compactPanels .grid>.leftPanel,.page.compactPanels .grid>.sidePanel{min-height:calc(var(--app-vh) - 104px)}.page.compactPanels .sidePanel details.toolSection{padding:7px;margin-top:7px}.page.compactPanels .grid{--game-column-height: calc(var(--app-vh) - 104px);--desktop-side-column: clamp(215px, 14vw, 295px);grid-template-columns:minmax(215px,var(--desktop-side-column)) minmax(0,1fr) minmax(215px,var(--desktop-side-column));min-height:var(--game-column-height)}.page.compactPanels .panel,.page.compactPanels .boardWrap{padding:10px}.page.compactPanels .boardWrap{--board-vertical-chrome: clamp(96px, 12vh, 128px)}.page.compactPanels .grid>.boardWrap{min-height:var(--game-column-height)}.page.compactPanels .quickInfo{display:none}.page.compactPanels .recentMoveGrid{grid-template-columns:1fr}.page.compactPanels .panelEyebrow,.page.compactPanels .sidePanel p,.page.compactPanels .sidePanel small,.page.compactPanels .leftPanel p{font-size:12px}header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;color:#fff}.brand{display:flex;align-items:center;gap:14px;flex:1 1 390px;min-width:0}.brandMark{position:relative;isolation:isolate;width:58px;height:58px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:linear-gradient(145deg,#f7f6f2,#d8d3ca);color:#2f2a24;font-family:Georgia,Times New Roman,serif;font-size:38px;font-weight:700;letter-spacing:0;line-height:1;box-shadow:0 16px 34px #00000047,inset 0 1px #ffffffb8;animation:chessFloat 4.2s ease-in-out infinite}.brandMark:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:20px;background:radial-gradient(circle,rgba(246,196,83,.28),transparent 62%);opacity:.55;z-index:-1;animation:markGlow 3.6s ease-in-out infinite}.brandText{min-width:0}.brandText span{display:block;margin-bottom:2px;color:#c7c2bc;font-size:12px;font-weight:800;letter-spacing:.01em}.brandText h1{margin:0;font-size:clamp(28px,2.5vw,42px);font-weight:800;letter-spacing:0;text-shadow:0 12px 28px rgba(0,0,0,.3)}@keyframes chessFloat{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5px) rotate(5deg)}}@keyframes markGlow{0%,to{opacity:.38;transform:scale(.95)}50%{opacity:.72;transform:scale(1.04)}}header p{min-width:0;max-width:560px;margin:0;color:#c7c2bc;line-height:1.5;text-align:right}.statusBanner{flex:1 0 100%;width:100%;max-width:none;border:1px solid rgba(129,182,76,.55);border-left:5px solid var(--green);border-radius:8px;background:#f7f6f2;color:var(--text);padding:11px 14px;box-shadow:0 12px 28px #0000003d;font-weight:800;text-align:left;overflow-wrap:anywhere}.statusBanner:before{content:"";display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:999px;background:var(--green);box-shadow:0 0 0 4px #81b64c2e;vertical-align:1px}.mainNav{display:flex;flex:2 1 520px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0}.mainNav a{display:inline-flex;align-items:center;justify-content:center;width:auto;margin:0;padding:9px 11px;border:1px solid rgba(255,255,255,.13);border-radius:999px;border-color:#ffffff21;background:#ffffff12;color:#f7f6f2;box-shadow:none;font-size:12px;text-decoration:none;white-space:nowrap;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.mainNav a:hover:not(:disabled),.mainNav a.active{border-color:#f6c4538c;background:#f6c45324;color:#fff8df;box-shadow:none}.mainNav a:hover:not(:disabled){transform:translateY(-1px)}.mainNav .navGameCta{padding:10px 16px;border-color:#f6c453a6;background:linear-gradient(180deg,#f6c45347,#81b64c29);color:#fff8df;font-size:13px;font-weight:800;box-shadow:0 10px 24px #f6c4531f,inset 0 1px #ffffff38}.mainNav .navGameCta:hover:not(:disabled),.mainNav .navGameCta.active{background:linear-gradient(180deg,#f6c4535c,#81b64c38);color:#fff;box-shadow:0 12px 28px #f6c45329,inset 0 1px #ffffff47}.languageSwitch{display:inline-flex;align-items:center;gap:4px;margin-left:4px;padding:4px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#00000029;box-shadow:inset 0 1px #ffffff14}.languageSwitch button{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;font-weight:800}.languageSwitch button span{font-size:15px;line-height:1}.languageSwitch button.active{border-color:#f6c453c7;background:linear-gradient(180deg,#f6c45352,#ffffff1f)}.grid{display:grid;--game-column-height: calc(var(--app-vh) - 142px);--desktop-side-column: clamp(240px, 16vw, 320px);grid-template-columns:minmax(240px,var(--desktop-side-column)) minmax(0,1fr) minmax(240px,var(--desktop-side-column));gap:14px;align-items:stretch;min-height:var(--game-column-height)}.leftPanel{display:flex;flex-direction:column}.grid>.leftPanel,.grid>.sidePanel{min-height:var(--game-column-height);overflow-y:visible;overflow-x:hidden;border-color:var(--panel-line);background:linear-gradient(180deg,#ffffff0e,#fff0 34%),linear-gradient(180deg,var(--panel-dark),var(--panel-dark-2));color:var(--panel-text);box-shadow:0 22px 58px #00000052,inset 0 1px #ffffff14;animation:sidePanelIn .42s ease both}.grid>.sidePanel{animation-delay:.06s}.leftPanel,.sidePanel{font-size:13px}.leftPanel h2,.sidePanel h2{font-size:16px}.grid>.leftPanel:before,.grid>.sidePanel:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--green),var(--yellow));opacity:.95}.grid>.leftPanel h2,.grid>.sidePanel h2,.grid>.sidePanel h3{color:#fff}.page.template-light header{color:var(--text)}.page.template-light .brandText span,.page.template-light header p{color:var(--muted)}.page.template-light .brandMark{border-color:#463a2a29;background:linear-gradient(145deg,#fff,#eadfcf);box-shadow:0 12px 28px #4f43301f,inset 0 1px #ffffffd1}.page.template-light .statusBanner{background:#fffdf8;color:var(--text);box-shadow:0 12px 28px #4f43301f}.page.template-light .footerBrand span,.page.template-light .footerBrand small,.page.template-light .siteFooter{color:var(--text)}.page.template-light .mainNav a{border-color:var(--line);background:#ffffffb8;color:var(--text)}.page.template-light .mainNav a:hover:not(:disabled),.page.template-light .mainNav a.active{border-color:var(--green);background:var(--green-soft);color:#315f1d}.page.template-light .mainNav .navGameCta{border-color:#5d994873;background:linear-gradient(180deg,#fff7dc,#edf7e7);color:#315f1d}.page.template-light .grid>.leftPanel h2,.page.template-light .grid>.sidePanel h2,.page.template-light .grid>.sidePanel h3,.page.template-light .sidePanel details.toolSection>summary,.page.template-light .leftPanel .quickInfo b,.page.template-light .sidePanel .quickInfo b{color:var(--text)}.page.template-light .leftPanel .actionStack button,.page.template-light .leftPanel .row button,.page.template-light .sidePanel button:not(.linkButton):not(.iconButton),.page.template-light .boardModeRowBelow button{border-color:var(--line);background:linear-gradient(180deg,#fff,#f3eadc);color:var(--text);box-shadow:0 8px 18px #4f433017}.page.template-light .leftPanel .row button.active,.page.template-light .boardModeRowBelow button.active{border-color:var(--green);background:var(--green-soft);color:#315f1d}.page.template-light .sidebarAccountCard{border-color:var(--line-soft);background:#ffffffa8}.page.template-light .sidebarUserButton:hover{border-color:var(--line-soft);background:#fff}.page.template-light .sidebarUserIdentity b{color:var(--text)}.page.template-light .sidebarUserIdentity small,.page.template-light .sidebarUserIdentity em,.page.template-light .sidebarUserChevron{color:var(--muted)}.page.template-light .sidebarLogoutButton{border-color:#a33a243d;background:#fff3ef;color:#8d2f20}.page.template-light .sidePanel details.toolSection,.page.template-light .sidePanel .recentMoveGrid span,.page.template-light .sidePanel .capturedPieces,.page.template-light .sidePanel .capturedScore,.page.template-light .sidePanel .materialAdvantage,.page.template-light .sidePanel .listItem{border-color:var(--line-soft);background:#ffffff9e;color:var(--text)}.page.template-light .sidePanel code,.page.template-light .sidePanel pre,.page.template-light .sidePanel textarea,.page.template-light .sidePanel input,.page.template-light .sidePanel select,.page.template-light .leftPanel textarea,.page.template-light .leftPanel input,.page.template-light .leftPanel select{border-color:var(--line);background:#fffdf8;color:var(--text)}.grid>.leftPanel p,.grid>.sidePanel p,.grid>.sidePanel small{color:var(--panel-muted)}@keyframes sidePanelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.brandMark,.brandMark:after,.mainNav .navGameCta,.grid>.leftPanel,.grid>.sidePanel,.boardShellThinking,.activeClock:after,.gameStatusStrip .thinkingChip,.premiumCtaButton,.move,.analysisResult{animation:none}button,.sidePanel details.toolSection{transition:none}}.actionStack{display:grid;gap:8px}.actionStack button{margin:0}.panelEyebrow{display:block;margin:4px 0 8px;color:var(--panel-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.largeLanguagePanel{display:none}.leftPanel .actionStack button,.leftPanel .row button,.sidePanel button:not(.linkButton):not(.iconButton){padding:9px 10px;border-color:#ffffff1f;background:linear-gradient(180deg,#ffffff14,#fff0),linear-gradient(180deg,#34312c,#191817);color:#f7f6f2;box-shadow:inset 0 1px #ffffff14,0 10px 22px #0000003d}.leftPanel .actionStack a:hover,.leftPanel .row a:hover,.sidePanel button:not(.linkButton):not(.iconButton):hover:not(:disabled){border-color:#f6c4538c;background:linear-gradient(180deg,#f6c45321,#fff0),linear-gradient(180deg,#3b3832,#1b1a18);box-shadow:inset 0 1px #ffffff1a,0 12px 28px #0000004d}.leftPanel .row button.active{border-color:var(--yellow);background:linear-gradient(180deg,#f6c45338,#f6c4530d),linear-gradient(180deg,#3d392f,#1b1a17);color:#fff8df;box-shadow:0 0 0 3px #f6c4531f,inset 0 0 0 1px #f6c45338}.bottomGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}.gameBottomGrid{display:grid}.fullWidthPanel{grid-column:1 / -1}.panel,.boardWrap{background:var(--surface);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:10px;box-shadow:var(--shadow)}.sidePanel{padding-left:0;padding-right:4px}.boardWrap{--board-vertical-chrome: clamp(96px, 11vh, 122px);--board-content-width: min(100%, clamp(280px, calc(var(--game-column-height) - var(--board-vertical-chrome)), 1600px));background:linear-gradient(180deg,#302d29,#201e1b);padding:10px 14px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:stretch}.boardWrapInactive{--board-vertical-chrome: clamp(84px, 11vh, 120px)}.boardWrapInactive .gameStatusStrip{display:none}.boardWrapInactive .boardShell:not(.boardShell3d){max-height:100%}.boardTopBar{display:flex;align-items:center;justify-content:space-between;gap:14px;width:var(--board-content-width);margin-bottom:12px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:linear-gradient(180deg,#3c3933,#2b2824);color:#fff}.boardTopBar span{display:block;color:#c7c2bc;font-size:12px;font-weight:800;text-transform:uppercase}.boardTopBar strong{display:block;margin-top:3px;line-height:1.35}.boardTopMeta{display:flex;flex:0 0 auto;gap:8px}.boardTopMeta span{padding:7px 10px;border-radius:999px;background:#ffffff14;color:#fff;text-transform:none}.grid>.panel,.grid>.boardWrap{min-height:0}.grid>.boardWrap{min-height:var(--game-column-height)}.grid>.panel{overflow-y:visible}.sidePanel{position:sticky;top:22px;max-height:var(--game-column-height);overflow-y:auto;scrollbar-gutter:stable both-edges;align-self:stretch}.grid>.leftPanel::-webkit-scrollbar,.grid>.sidePanel::-webkit-scrollbar{width:12px}.grid>.leftPanel::-webkit-scrollbar-track,.grid>.sidePanel::-webkit-scrollbar-track{background:#ffffff09}.grid>.leftPanel::-webkit-scrollbar-thumb,.grid>.sidePanel::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#c7c2bc5c;background-clip:content-box}.sidePanel h2:first-child,.panel h2:first-child{margin-top:0}h2,h3{margin:18px 0 10px;letter-spacing:0}h2{font-size:18px;font-weight:800}h3{font-size:15px;font-weight:800}p{line-height:1.45}.latestGamesList{display:block}.miniPanel{padding-bottom:10px;border-bottom:1px solid var(--line-soft)}.miniPanel h2{margin:0 0 10px}.sidePanel .miniPanel+.miniPanel{margin-top:10px}.recentMoveGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.recentMoveGrid span{min-width:0;padding:7px 8px;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-soft);color:#4b453d;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidePanel .miniPanel{border-bottom-color:#ffffff1a}.capturedPanel{display:grid;gap:8px}.capturedRow{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:8px}.capturedRow>span{color:#c7c2bc;font-size:12px;font-weight:800;text-transform:uppercase}.capturedPieces{min-height:38px;display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:5px 7px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0e}.capturedPieces b{width:21px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:20px;line-height:1}.capturedPieces small{color:#c7c2bc}.capturedScore{min-width:46px;padding:6px 8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#fff1;color:#f7f6f2;font-size:12px;font-weight:900;text-align:center;white-space:nowrap}.materialAdvantage{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0e;color:#f7f6f2}.materialAdvantage span{color:#c7c2bc;font-size:12px;font-weight:800;text-transform:uppercase}.materialAdvantage strong{font-size:13px;font-weight:900}.capturedPiecesWhite b{color:#fffaf0;text-shadow:0 2px 3px rgba(0,0,0,.68)}.capturedPiecesBlack b{color:#141414;text-shadow:0 1px 2px rgba(255,255,255,.22)}.sidePanel .recentMoveGrid span{border-color:#ffffff1a;background:#ffffff0e;color:#f7f6f2}.board3dFallback{display:grid;width:100%;min-height:min(72vw,640px);place-items:center;border-radius:18px;background:radial-gradient(circle at 30% 18%,rgba(246,196,83,.2),transparent 26%),linear-gradient(135deg,#ffffff1a,#ffffff05);color:var(--panel-text);font-weight:800}.premiumCtaButton{margin:0}.premiumCtaTop{margin-bottom:12px;flex:0 0 auto}.sidebarAccountCard{display:grid;gap:8px;margin-top:12px;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:linear-gradient(145deg,#ffffff17,#ffffff06)}.sidebarUserButton{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;margin:0;padding:8px;border-color:transparent;background:transparent;text-align:left}.sidebarUserButton:hover{border-color:#ffffff29;background:#ffffff12}.sidebarUserAvatar{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--green),var(--green-dark));color:#fff;font-size:19px;font-weight:900;box-shadow:0 6px 18px #00000038}.sidebarUserIdentity{display:grid;min-width:0;gap:2px}.sidebarUserIdentity small,.sidebarUserIdentity em{color:var(--panel-muted);font-size:11px;font-style:normal;font-weight:700}.sidebarUserIdentity b{overflow:hidden;color:var(--panel-text);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.sidebarUserChevron{color:var(--panel-muted);font-size:24px}.sidebarLogoutButton{width:100%;margin:0;padding:8px 10px;border-color:#e5736747;background:#82282026;color:#ffd8d3;font-size:13px}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:18px;background:#00000094}.modalBox{width:min(420px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface);padding:18px;box-shadow:0 24px 70px #00000059}.modalBoxWide{width:min(520px,100%)}.legalBox{width:min(860px,100%)}.legalHeader{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:10px}.legalHeader span{color:var(--muted);font-size:13px;font-weight:800}.legalSection{margin-top:18px;padding-top:14px;border-top:1px solid var(--line-soft)}.legalSection h3{margin-top:0}.iconButton{width:38px;height:38px;margin:0;padding:0;flex:0 0 auto;font-size:24px;line-height:1}.modalBoxError{border-color:#d44f43;border-top:5px solid #d44f43}.modalBoxError h2{color:#9f2f27}.modalBox h2{margin-top:0}.modalBox p{color:var(--muted)}.settingsBox{width:min(640px,100%)}.settingsTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.settingsTabs button{margin:0}.settingsPanel{display:grid;gap:12px;margin:8px 0 16px}.settingsPanel h3{margin:0}.accountSummary{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:8px 12px;padding:12px;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-muted)}.accountSummary span{color:var(--muted);font-size:13px;font-weight:800}.accountSummary b{min-width:0;overflow-wrap:anywhere}.templateGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.templateOption{display:grid;gap:8px;justify-items:start;min-height:96px;margin:0;text-align:left}.templateSwatch{width:100%;height:42px;border:1px solid rgba(0,0,0,.12);border-radius:8px;box-shadow:inset 0 1px #fff6}.templateSwatchClassic{background:linear-gradient(135deg,#302e2b 0,#302e2b 38%,#81b64c 38%,#81b64c 68%,#f7f6f2 68%)}.templateSwatchForest{background:linear-gradient(135deg,#08111f 0,#08111f 38%,#22d3ee 38%,#22d3ee 68%,#fbbf24 68%)}.templateSwatchContrast{background:linear-gradient(135deg,#000 0,#000 42%,#fff 42%,#fff 58%,#facc15 58%)}.templateSwatchLight{background:linear-gradient(135deg,#fbfaf7 0,#fbfaf7 38%,#75a843 38%,#75a843 68%,#fff 68%)}.settingsToggle{display:flex;align-items:center;gap:10px;margin:4px 0 0;color:var(--text)}.settingsToggle input{width:20px;height:20px;flex:0 0 auto}.premiumBox{border-top:5px solid var(--green)}.premiumBenefits{display:grid;gap:9px;margin:14px 0;padding:0;list-style:none}.premiumBenefits li{position:relative;padding:10px 10px 10px 34px;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-soft);color:#3d382f;font-weight:800}.premiumBenefits li:before{content:"✓";position:absolute;left:12px;color:var(--green-dark)}.modalActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.registrationTrap{display:none}.authForm{display:grid;gap:14px}.authBox{width:min(560px,100%);padding:24px;border-top:5px solid var(--green)}.authHeader{display:flex;align-items:center;gap:14px}.authHeader h2,.authHeader p{margin:0}.authHeader p{margin-top:4px;line-height:1.45}.authMark{display:grid;width:54px;height:54px;flex:0 0 auto;place-items:center;border-radius:15px;background:linear-gradient(145deg,var(--green),var(--green-dark));color:#fff;font-size:30px;box-shadow:0 10px 24px #2d5d2d38}.authTabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:11px;background:var(--surface-muted)}.authTabs button{margin:0;border-color:transparent;background:transparent;box-shadow:none}.authTabs button.active{border-color:var(--line-soft);background:var(--surface);color:var(--green-dark);box-shadow:0 3px 10px #00000014}.authFormGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.authForm input,.authForm button{margin:0}.authField{display:grid;gap:6px;color:var(--text);font-size:13px;font-weight:800}.authField>span{display:block}.authField>span small,.authField>small:not(.authHint){color:var(--muted);font-weight:600}.authField input{width:100%}.authPasswordField{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.authPasswordField button{min-width:72px;padding-inline:10px;background:var(--surface-muted);color:var(--text)}.authHint{margin:0;color:#a33a24;font-size:13px;font-weight:800}.socialAuth{display:grid;gap:8px;margin-top:4px;padding-top:12px;border-top:1px solid var(--line-soft)}.socialAuthDivider{display:flex;align-items:center;gap:10px;text-align:center}.socialAuthDivider:before,.socialAuthDivider:after{content:"";height:1px;flex:1;background:var(--line-soft)}.authLegalNote{margin:0;text-align:center;font-size:12px;line-height:1.45}.authCloseButton{width:100%;margin:14px 0 0;background:transparent;color:var(--muted)}.socialAuth span,.socialAuth small{color:var(--muted);font-size:13px;font-weight:800}.socialAuth button{background:linear-gradient(180deg,#fff,#f6f4ee)}.panelDivider{height:1px;margin:16px 0;background:var(--line-soft)}.leftPanel .panelDivider,.sidePanel .panelDivider{background:#ffffff1a}.quickInfo{margin-top:2px;padding:12px;border:1px solid var(--line-soft);border-radius:8px;background:linear-gradient(180deg,#fff,#f4f1ea);color:var(--muted)}.trainingSummary{margin-top:14px;padding:12px;border:1px solid rgba(246,196,83,.22);border-radius:8px;background:linear-gradient(180deg,#f6c4531a,#ffffff09);color:var(--panel-muted)}.trainingSummary span{display:block;margin-bottom:6px;color:#fff8df;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.trainingSummary p{margin:0;color:var(--panel-muted);font-size:12px}.quickInfo p{margin:7px 0}.sessionInfo{display:grid;gap:10px}.sessionInfoTitle{color:#fff8df;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sessionInfoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sessionInfoGrid span{min-width:0;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#00000029}.sessionInfoGrid small{display:block;margin-bottom:3px;color:var(--panel-muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sessionInfoGrid b{display:block;overflow:hidden;color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.sessionInfoGrid .premiumSession{border-color:#f6c4534d;background:#f6c4531a}.sessionInfoGrid .premiumSession b{color:#fff8df}.sessionConnection{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin:0;font-size:12px}.sessionConnection span{color:var(--panel-muted)}.leftPanel .quickInfo,.sidePanel .quickInfo{border-color:#ffffff1a;background:linear-gradient(180deg,#ffffff12,#ffffff09);color:var(--panel-muted);box-shadow:inset 0 1px #ffffff0f}.leftPanel .quickInfo b,.sidePanel .quickInfo b{color:#fff}.modalInfo{margin-bottom:12px}.modalSectionHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 8px}.modalSectionHeader h3{margin:0}.onlineRoomsSection,.onlineChatPanel{display:grid;gap:10px;margin:12px 0}.onlineRoomsList{display:grid;gap:8px;max-height:260px;overflow:auto}.onlineRoomItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-soft)}.onlineRoomItem div{display:grid;gap:3px;min-width:0}.onlineRoomItem b,.onlineRoomItem span,.onlineRoomItem small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onlineRoomItem small{color:var(--muted);font-weight:700}.chatMessages{display:grid;gap:8px;max-height:220px;overflow:auto;padding:8px;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-soft)}.chatMessage{display:grid;gap:4px;padding:8px 10px;border:1px solid rgba(87,70,40,.14);border-radius:8px;background:#ffffffb8}.chatMessage.mine{border-color:#5d994847;background:#81b64c24}.chatMessage span{display:flex;align-items:center;gap:8px}.chatMessage small{color:var(--muted);font-size:11px;font-weight:800}.chatMessage p{margin:0;color:var(--text);overflow-wrap:anywhere}.chatForm{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.chatForm input,.chatForm button{margin:0}.sidePanel .onlineChatPanel .chatMessages{border-color:#ffffff1a;background:#ffffff0b}.sidePanel .onlineChatPanel .chatMessage{border-color:#ffffff14;background:#ffffff12}.sidePanel .onlineChatPanel .chatMessage.mine{border-color:#81b64c57;background:#81b64c1f}.sidePanel .onlineChatPanel .chatMessage p,.sidePanel .onlineChatPanel .chatMessage b{color:var(--panel-text)}.viewTabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:14px}.viewTabs button,.modalActions button,.row button,.boardModeRow button{margin:0}.rankingProfile{border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-soft);padding:12px;margin-bottom:14px}.rankingProfile h3{margin-top:0}.rankingStatsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:10px 0}.rankingStatsGrid span{border-radius:8px;background:var(--surface-muted);padding:9px 10px;font-weight:800}.rankingTable{display:grid;gap:6px}.rankingRow{display:grid;grid-template-columns:50px minmax(120px,1fr) minmax(100px,.7fr) minmax(110px,.8fr) minmax(90px,.6fr) minmax(100px,.7fr);gap:8px;align-items:center;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-soft);padding:9px 10px}.rankingHead{background:#302d28;color:#fff;font-weight:800}.rankingRow small{display:block;color:var(--muted);font-weight:700}.siteFooter{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:14px 4px 2px;color:#c7c2bc}.footerBrand{display:grid;gap:4px}.footerBrand span{color:#f7f6f2;font-weight:800}.footerBrand small{color:#c7c2bc;font-weight:700}a{color:var(--green-dark);font-weight:800}.emailObfuscated:before{content:attr(data-name) "@" attr(data-domain);font-weight:800}a.emailObfuscated{color:inherit;text-decoration:underline;text-underline-offset:3px}a.emailObfuscated:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:4px}.contentPage{display:grid;gap:16px}.contentHero,.contentSection{border:1px solid rgba(255,255,255,.2);border-radius:8px;background:var(--surface);padding:22px;box-shadow:var(--shadow)}.contentHero{position:relative;min-height:340px;overflow:hidden;display:grid;align-content:center;background:linear-gradient(115deg,rgba(255,255,255,.08) 0 12%,transparent 12% 24%,rgba(255,255,255,.05) 24% 36%,transparent 36%),radial-gradient(circle at 86% 20%,rgba(246,196,83,.24),transparent 28%),radial-gradient(circle at 12% 18%,rgba(129,182,76,.22),transparent 24%),linear-gradient(135deg,#15120f,#24221f 46%,#32401f);background-size:auto,auto,auto,100%;color:#fff;perspective:1100px}.contentHero:after{content:"";position:absolute;inset:auto -10% -34% 36%;height:280px;border-radius:999px 999px 0 0;background:linear-gradient(90deg,#ffffff1f 0,#ffffff1f 12.5%,#0000002e 12.5%,#0000002e 25%,#ffffff1f 25%,#ffffff1f 37.5%,#0000002e 37.5%,#0000002e 50%,#ffffff1f 50%,#ffffff1f 62.5%,#0000002e 62.5%,#0000002e 75%,#ffffff1f 75%,#ffffff1f 87.5%,#0000002e 87.5%),#ffffff0f;transform:rotateX(62deg) rotate(-8deg);transform-origin:bottom center;pointer-events:none}.contentHero>span{position:relative;z-index:1;width:fit-content;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff1a;color:#d9f99d;padding:7px 11px;font-size:13px;font-weight:800;letter-spacing:.01em}.heroChessScene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;transform-style:preserve-3d}.heroChessScene span{position:absolute;display:grid;place-items:center;width:clamp(72px,9vw,132px);height:clamp(72px,9vw,132px);border:1px solid rgba(255,255,255,.18);border-radius:8px;background:linear-gradient(145deg,#ffffff3d,#ffffff0f);color:#fffc;font-family:Georgia,Times New Roman,serif;font-size:clamp(46px,6vw,86px);line-height:1;text-shadow:0 18px 30px rgba(0,0,0,.35);box-shadow:0 22px 48px #0000004d,inset 0 1px #ffffff3d;animation:heroPieceFloat 7s ease-in-out infinite}.heroChessScene span:nth-child(1){right:8%;top:18%;transform:rotateX(18deg) rotateY(-24deg) rotate(8deg)}.heroChessScene span:nth-child(2){right:23%;bottom:16%;animation-delay:-2.1s;transform:rotateX(22deg) rotateY(26deg) rotate(-10deg)}.heroChessScene span:nth-child(3){right:3%;bottom:8%;animation-delay:-4.2s;transform:rotateX(16deg) rotateY(-18deg) rotate(14deg)}@keyframes heroPieceFloat{0%,to{translate:0 0}50%{translate:0 -14px}}.contentHero h2{position:relative;z-index:1;max-width:920px;margin:14px 0 8px;color:#fff;font-size:clamp(34px,4vw,64px);line-height:1.05}.contentHero p{position:relative;z-index:1;max-width:760px;color:#d8dee9;font-size:18px}.contentMeta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px}.contentHero .contentMeta span{color:#f8fafc;background:#0f172a80;border-color:#ffffff29;font-size:12px}.contentHero button{position:relative;z-index:1;width:max-content;min-width:180px;border-color:transparent;background:linear-gradient(180deg,#facc15,#eab308);color:#1f2937}.contentSections{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.contentSection h3{margin-top:0;font-size:20px}.contentSection{position:relative;overflow:hidden}.contentSection:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#22d3ee,#84cc16,#facc15)}.contentSections .contentSection:nth-child(2):before{background:linear-gradient(90deg,#f97316,#facc15)}.contentSections .contentSection:nth-child(3):before{background:linear-gradient(90deg,#0ea5e9,#22d3ee)}.contentSection p{color:var(--muted)}.contentSection ul{display:grid;gap:8px;margin:14px 0 0;padding-left:20px;color:var(--text);font-weight:700}.relatedContent{grid-column:1 / -1}.relatedLinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.relatedLinks a{display:inline-flex;align-items:center;margin:0;padding:12px 14px;border:1px solid rgba(87,70,40,.18);border-radius:16px;background:linear-gradient(180deg,#fffdf7,#f5ead5);color:#2f2a24;text-align:left;text-decoration:none;box-shadow:0 10px 24px #2b221814}.relatedLinks a:hover,.relatedLinks a:focus-visible{border-color:#5d99488c;background:linear-gradient(180deg,#f4ffe8,#e4f3d8);color:#254816;outline:none;transform:translateY(-1px)}.siteFooter span{font-weight:800}.siteFooter nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 12px}.linkButton{display:inline-flex;width:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#f7f6f2;box-shadow:none;font-size:13px}.linkButton:hover:not(:disabled){border-color:transparent;background:transparent;box-shadow:none;transform:none;color:#fff;text-decoration:underline}.cookieBanner{position:fixed;right:18px;bottom:18px;z-index:45;width:min(620px,calc(100vw - 36px));display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface);padding:14px;box-shadow:0 22px 60px #00000057}.cookieBanner p{margin:4px 0 0;color:var(--muted)}.cookieActions{display:flex;gap:8px}.cookieActions button{width:auto;margin:0;white-space:nowrap}.cookieOption{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:10px 0;padding:12px;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-soft)}.cookieOption p{margin:4px 0 0}.cookieOption input{width:22px;height:22px}.cookieOption span{color:var(--muted);font-size:13px;font-weight:800}button,input,textarea,select{font:inherit}button{display:block;width:100%;margin:8px 0;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff,#f4f1ea);color:var(--text);cursor:pointer;font-weight:700;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}a:hover{border-color:var(--green);box-shadow:0 8px 18px #5d994829;transform:translateY(-1px)}button.active{background:var(--green-soft);border-color:var(--green);color:#3d6b1f;box-shadow:inset 0 0 0 1px #81b64c59}button:disabled{cursor:not-allowed;opacity:.55}.panel>button:not(.active):not(.listItem),.sidePanel>button:not(.active):not(.listItem){background:linear-gradient(180deg,#8bc45a,var(--green-dark));border-color:var(--green-dark);color:#fff}.panel>button:not(.active):not(.listItem):hover:not(:disabled),.sidePanel>button:not(.active):not(.listItem):hover:not(:disabled){background:var(--green-dark)}.panel>.premiumCtaButton:not(.active):not(.listItem),.panel>.premiumCtaButton:not(.active):not(.listItem):hover:not(:disabled){border-color:#f6c453c7;background:linear-gradient(180deg,#f6c45352,#ffffff1f);color:#fff8df;box-shadow:0 0 0 3px #f6c4531f,0 12px 28px #f6c4532e,inset 0 1px #ffffff2e}.panel>.premiumCtaButton:not(.active):not(.listItem){animation:premiumCtaPulse 2.2s ease-in-out infinite}.panel>.premiumCtaButton:not(.active):not(.listItem):hover:not(:disabled){transform:translateY(-1px) scale(1.01)}@keyframes premiumCtaPulse{0%,to{box-shadow:0 0 0 3px #f6c4531f,0 12px 28px #f6c4532e,inset 0 1px #ffffff2e}50%{box-shadow:0 0 0 6px #f6c45333,0 16px 34px #f6c4534d,inset 0 1px #ffffff3d}}.row,.boardModeRow{display:grid;grid-template-columns:1fr 1fr;gap:8px}.boardModeRow{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:0 0 12px}.boardModeRowBelow{width:var(--board-content-width);margin:8px 0 0;grid-template-columns:minmax(42px,.55fr) minmax(42px,.55fr) minmax(130px,1.45fr) minmax(88px,1fr) minmax(104px,1.1fr);gap:6px}.boardModeRowBelow button{border-color:#ffffff1f;background:linear-gradient(180deg,#ffffff14,#fff0),linear-gradient(180deg,#2f2d29,#151413);color:#f7f6f2;box-shadow:inset 0 1px #ffffff14,0 8px 20px #00000038;min-height:36px;padding:7px 8px;font-size:12px;line-height:1.15;overflow-wrap:anywhere}.boardModeRowBelow a:hover{border-color:#f6c4538f;background:linear-gradient(180deg,#f6c4531c,#fff0),linear-gradient(180deg,#3a3731,#171615);box-shadow:inset 0 1px #ffffff1a,0 10px 24px #00000047}.boardModeRowBelow button.active{border-color:var(--yellow);background:linear-gradient(180deg,#f6c4533d,#f6c4530f),linear-gradient(180deg,#3c382f,#1b1916);color:#fff8df;box-shadow:inset 0 0 0 1px #f6c45340,0 0 0 3px #f6c45321}.listItem{text-align:left;background:var(--surface-soft)}.sidePanel .listItem{border-color:#ffffff1a;background:#ffffff0e;color:#f7f6f2}.sidePanel .listItem:hover:not(:disabled){border-color:#81b64c80;background:#81b64c1f}code,pre{display:block;background:var(--surface-muted);border:1px solid var(--line-soft);border-radius:8px;padding:10px;white-space:pre-wrap;word-break:break-word;color:#4b453d}.sidePanel code,.sidePanel pre{border-color:#ffffff1a;background:#00000038;color:#ede8dc}textarea,input,select{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--surface-soft);color:var(--text)}.sidePanel textarea,.sidePanel input,.sidePanel select,.leftPanel textarea,.leftPanel input,.leftPanel select{border-color:#ffffff1f;background:#00000038;color:#f7f6f2}.sidePanel textarea::placeholder,.sidePanel input::placeholder,.leftPanel textarea::placeholder,.leftPanel input::placeholder{color:#a8a099}label{display:block;margin:12px 0 6px;color:var(--muted);font-weight:700}.leftPanel label,.sidePanel label{color:var(--panel-muted)}.clockRow{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:var(--board-content-width);margin-bottom:8px}.clock{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:radial-gradient(circle at 92% 18%,rgba(255,255,255,.08),transparent 24%),linear-gradient(180deg,#444039,#302d28);color:#fff;padding:8px 12px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.clock span{font-size:13px;color:#c7c2bc}.clock strong{font-size:22px;font-variant-numeric:tabular-nums}.activeClock{position:relative;overflow:hidden;border-color:var(--yellow);background:radial-gradient(circle at 92% 18%,rgba(246,196,83,.18),transparent 26%),linear-gradient(180deg,#4b463e,#37332e);box-shadow:0 0 0 3px #f6c4532e,inset 0 1px #ffffff14;transform:translateY(-1px)}.activeClock:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0 30%,rgba(255,255,255,.16) 45%,transparent 60% 100%);translate:-100% 0;animation:clockSweep 2.4s ease-in-out infinite;pointer-events:none}@keyframes clockSweep{0%,38%{translate:-100% 0}72%,to{translate:100% 0}}.gameStatusStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:var(--board-content-width);margin:0 0 10px}.gameStatusStrip span{min-width:0;padding:7px 9px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0f;color:#f7f6f2;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gameStatusStrip b{display:block;margin-bottom:1px;color:#c7c2bc;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.gameStatusStrip .thinkingChip{grid-column:1 / -1;border-color:#81b64c57;background:linear-gradient(90deg,#81b64c29,#f6c4531f,#81b64c29);background-size:200% 100%;color:#f8ffe7;font-weight:800;animation:thinkingFlow 1.4s linear infinite}.thinkingStrip{width:var(--board-content-width);margin:0 0 8px;padding:8px 10px;border:1px solid rgba(129,182,76,.34);border-radius:8px;background:linear-gradient(90deg,#81b64c29,#f6c4531f,#81b64c29);background-size:200% 100%;color:#f8ffe7;font-size:12px;font-weight:800;animation:thinkingFlow 1.4s linear infinite}@keyframes thinkingFlow{0%{background-position:0 0}to{background-position:200% 0}}.board3d{width:100%;height:100%;min-height:520px;overflow:hidden;border-radius:8px;background:#211f1d;box-shadow:inset 0 0 0 1px #ffffff14;cursor:crosshair}.board3d canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.boardShell{position:relative;display:block;width:var(--board-content-width);max-height:none;aspect-ratio:1 / 1;margin:0 auto;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:none;overflow:hidden;text-align:inherit}.boardShell3d{flex:1 1 auto;width:100%;max-height:none;min-height:0}.boardShell3d>div{height:100%;min-height:0}.boardShellThinking{animation:boardThinkingPulse 1.25s ease-in-out infinite}.boardShellThinking:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border:3px solid rgba(129,182,76,.68);border-radius:8px;pointer-events:none}@keyframes boardThinkingPulse{0%,to{box-shadow:0 0 #81b64c2e}50%{box-shadow:0 0 0 8px #81b64c17}}.boardShell:hover:not(:disabled){border-color:transparent;box-shadow:none;transform:none}.boardShellInactive{cursor:pointer}.boardShellInactive>:not(.boardStartOverlay){filter:grayscale(1) brightness(.72)}.boardShellInactive:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#201e1b6b;pointer-events:none}.boardStartOverlay{position:absolute;left:50%;top:50%;z-index:2;width:min(360px,calc(100% - 32px));transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#f7f6f2f5;color:var(--text);padding:12px 14px;font-weight:800;text-align:center;box-shadow:0 16px 38px #00000047;cursor:pointer;pointer-events:auto}.boardPromotionOverlay{position:absolute;left:50%;top:50%;z-index:4;width:min(360px,calc(100% - 32px));transform:translate(-50%,-50%);display:grid;gap:10px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#f7f6f2fa;color:var(--text);padding:14px;box-shadow:0 18px 46px #00000057;cursor:default}.boardPromotionTitle{display:block;font-weight:800;text-align:center}.boardPromotionActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.boardPromotionActions button,.boardPromotionClose{margin:0}.board3dStatus{width:min(100%,980px);margin-left:auto;margin-right:auto;margin-top:8px;color:#c7c2bc;font-size:13px}@media (min-width: 1201px) and (max-height: 780px){.boardWrap{--board-vertical-chrome: 108px;padding-top:8px;padding-bottom:8px}.clockRow{margin-bottom:6px}.clock{padding:6px 10px}.clock strong{font-size:18px}.boardModeRowBelow{margin-top:6px}.boardModeRowBelow button{min-height:32px;padding:5px 7px;font-size:11px;box-shadow:inset 0 1px #ffffff14,0 5px 14px #0000002e}.board3dStatus{width:var(--board-content-width)}.boardShell3d{width:100%}}@media (min-width: 1500px) and (max-height: 860px){.page{padding-top:10px;padding-bottom:10px}header{margin-bottom:12px}.grid{--game-column-height: calc(var(--app-vh) - 118px)}.boardWrap{--board-vertical-chrome: 96px;padding-top:8px;padding-bottom:8px}.clockRow{margin-bottom:6px}.boardModeRowBelow{margin-top:6px}}.timeControlGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.7fr);gap:10px;align-items:start}.timeControlGrid input,.timeControlGrid select{height:45px;margin-bottom:15px}.timeControlGrid select:only-child{grid-column:1 / -1}.move{padding:8px;border-radius:8px;margin:6px 0;background:#ffffff0b;animation:moveItemIn .22s ease both}.analysisResult{animation:analysisIn .24s ease both}.analysisResult h3{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;padding:8px 10px;border-radius:999px;background:#81b64c24;color:#f7ffe8}.criticalMomentCard{display:grid;gap:10px;margin:12px 0;padding:14px;border:1px solid rgba(246,196,83,.34);border-left:5px solid var(--yellow);border-radius:12px;background:radial-gradient(circle at 100% 0,rgba(246,196,83,.13),transparent 42%),#ffffff0e}.criticalMomentCard.decisive{border-left-color:#ef4444}.criticalMomentCard h4,.criticalMomentCard p{margin:0}.criticalMomentEyebrow{color:var(--yellow);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.criticalMomentStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.criticalMomentStats span{display:grid;gap:3px;padding:8px;border-radius:8px;background:#0003}.criticalMomentStats small{color:var(--panel-muted)}.criticalMomentTask{padding:10px;border-radius:8px;background:#81b64c1f}.criticalMomentTask small{color:var(--panel-muted)}.criticalMomentActions,.mistakeTrainingActions{display:flex;flex-wrap:wrap;gap:8px}.criticalMomentActions button,.mistakeTrainingActions button{width:auto;margin:0}.analysisCalmNote{padding:10px;border-radius:8px;background:#81b64c1a}.mistakeTrainingBar{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-bottom:10px;padding:12px;border:1px solid rgba(246,196,83,.35);border-radius:10px;background:#24221f;color:#f7f6f2}.mistakeTrainingBar.correct{border-color:#81b64ca6;background:#26351f}.mistakeTrainingBar.incorrect{border-color:#ef44448c}.mistakeTrainingBar p{margin:4px 0}.mistakeTrainingBar small{color:#d8d3ca}.analysisList{display:grid;gap:6px}.analysisList .move{margin:0;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff12,#ffffff06);transition:transform .16s ease,border-color .16s ease,background .16s ease}.analysisList .move:hover{transform:translate(3px);border-color:#f6c45342;background:#f6c45314}@keyframes moveItemIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes analysisIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.best{border-left:5px solid #16a34a}.good{border-left:5px solid #65a30d}.inaccuracy{border-left:5px solid #ca8a04}.mistake{border-left:5px solid #ea580c}.blunder{border-left:5px solid #dc2626}details.toolSection{border-top:1px solid var(--line-soft);padding-top:10px;margin-top:10px}.sidePanel details.toolSection{border-top:1px solid rgba(255,255,255,.1);border-radius:8px;padding:9px;background:#ffffff09;transition:background .18s ease,border-color .18s ease,transform .18s ease}.sidePanel details.toolSection[open]{border-color:#f6c45338;background:#ffffff0e}.sidePanel details.toolSection:hover{transform:translateY(-1px)}details.toolSection:first-child{border-top:0;margin-top:0;padding-top:0}details.toolSection>summary{cursor:pointer;font-weight:800;list-style:none;padding:6px 0;font-size:13px}.sidePanel details.toolSection>summary{color:#fff}details.toolSection>summary::-webkit-details-marker{display:none}details.toolSection>summary:after{content:"+";float:right;color:var(--green-dark)}.sidePanel details.toolSection>summary:after{color:var(--yellow)}details.toolSection[open]>summary:after{content:"-"}@media (min-width: 1800px) and (min-height: 1000px){.largeLanguagePanel{display:block}.grid>.leftPanel,.grid>.sidePanel{padding-top:14px;padding-bottom:14px}.leftPanel .quickInfo,.leftPanel .trainingSummary,.sidePanel .miniPanel,.sidePanel details.toolSection{margin-top:14px}.leftPanel .actionStack{gap:10px}.sidePanel details.toolSection{padding:11px}}@media (min-width: 1081px) and (max-width: 1500px),(min-width: 1081px) and (max-height: 840px){.grid{gap:10px}.grid>.leftPanel,.grid>.sidePanel{padding:9px}.leftPanel h2,.sidePanel h2{margin-bottom:8px;font-size:15px}.leftPanel .panelDivider{margin:10px 0}.leftPanel .actionStack{gap:6px}.leftPanel .actionStack button,.leftPanel .row button{min-height:32px;padding:7px 8px;font-size:12px}.leftPanel .quickInfo,.leftPanel .trainingSummary{margin-top:10px;padding:9px}.sessionInfo{gap:8px}.sessionInfoGrid{gap:6px}.sessionInfoGrid span{padding:7px}.sessionOptional{display:none}.sessionConnection{gap:6px;font-size:11px}.trainingSummary span{margin-bottom:4px;font-size:11px}.trainingSummary p{font-size:11px;line-height:1.35}}@media (min-width: 1081px) and (max-height: 760px){.leftPanel .trainingSummary{display:none}}details.bottomPanel>summary{cursor:pointer;font-size:18px;font-weight:800;list-style:none}details.bottomPanel>summary::-webkit-details-marker{display:none}details.bottomPanel>summary:after{content:"+";float:right;color:var(--green-dark)}details.bottomPanel[open]>summary{margin-bottom:12px}details.bottomPanel[open]>summary:after{content:"-"}.bottomPanel h2{margin-top:0;margin-bottom:12px}.bottomPanel{border-color:var(--panel-line);background:linear-gradient(180deg,#ffffff0e,#fff0 34%),linear-gradient(180deg,var(--panel-dark),var(--panel-dark-2));color:var(--panel-text);box-shadow:0 22px 58px #00000042,inset 0 1px #ffffff14}.bottomPanel h2,.bottomPanel h3{color:var(--panel-text)}.bottomPanel p,.bottomPanel small{color:var(--panel-muted)}.bottomPanel textarea,.bottomPanel input,.bottomPanel select{border-color:#ffffff1f;background:#00000038;color:#f7f6f2}.bottomPanel code,.bottomPanel pre,.bottomPanel .rankingProfile,.bottomPanel .rankingRow,.bottomPanel .move,.bottomPanel .listItem,.bottomPanel .rankingStatsGrid span{border-color:#ffffff1a;background:#ffffff0e;color:#f7f6f2}.bottomPanel .rankingHead{background:#00000052}.bottomPanel .viewTabs button,.bottomPanel button:not(.linkButton):not(.iconButton){border-color:#ffffff1f;background:linear-gradient(180deg,#ffffff14,#fff0),linear-gradient(180deg,#34312c,#191817);color:#f7f6f2}.bottomPanel .viewTabs button.active,.bottomPanel button.active{border-color:var(--yellow);background:linear-gradient(180deg,#f6c45338,#f6c4530d),linear-gradient(180deg,#3d392f,#1b1a17);color:#fff8df}.page.template-light .bottomPanel{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.page.template-light .bottomPanel h2,.page.template-light .bottomPanel h3,.page.template-light .bottomPanel .rankingRow,.page.template-light .bottomPanel .move,.page.template-light .bottomPanel .listItem,.page.template-light .bottomPanel .rankingStatsGrid span{color:var(--text)}.page.template-light .bottomPanel p,.page.template-light .bottomPanel small{color:var(--muted)}.page.template-light .bottomPanel textarea,.page.template-light .bottomPanel input,.page.template-light .bottomPanel select,.page.template-light .bottomPanel code,.page.template-light .bottomPanel pre,.page.template-light .bottomPanel .rankingProfile,.page.template-light .bottomPanel .rankingRow,.page.template-light .bottomPanel .move,.page.template-light .bottomPanel .listItem,.page.template-light .bottomPanel .rankingStatsGrid span{border-color:var(--line-soft);background:var(--surface-soft)}.page.template-light .bottomPanel .viewTabs button,.page.template-light .bottomPanel button:not(.linkButton):not(.iconButton){border-color:var(--line);background:linear-gradient(180deg,#fff,#f3eadc);color:var(--text)}.page.template-light .bottomPanel .viewTabs button.active,.page.template-light .bottomPanel button.active{border-color:var(--green);background:var(--green-soft);color:#315f1d}@media (max-width: 1080px){.page{padding:14px}header{display:block}.brand{margin-bottom:10px}.mainNav{justify-content:flex-start;margin:10px 0}.languageSwitch{margin-left:0}header p{margin-top:8px}.boardTopBar,.siteFooter,.cookieBanner{display:block}.boardTopMeta,.siteFooter nav,.cookieActions{margin-top:10px;justify-content:flex-start}.cookieActions{display:flex;flex-wrap:wrap}.grid,.bottomGrid{--game-column-height: auto;grid-template-columns:1fr;min-height:0}.boardWrap{order:-1}.grid>.leftPanel,.grid>.sidePanel,.grid>.boardWrap,.page.compactPanels .grid>.boardWrap,.page.compactPanels .grid>.leftPanel,.page.compactPanels .grid>.sidePanel{height:auto;min-height:0;max-height:none;overflow:visible}.boardWrap,.page.compactPanels .boardWrap{--board-content-width: min(100%, 760px);--board-vertical-chrome: 0px}.boardShell,.board3dStatus{width:min(100%,760px);max-height:none}.boardShell3d,.boardShell3d+.board3dStatus{width:100%}.boardShell3d,.boardShell3d .board3d{min-height:min(72vh,760px)}.sidePanel{position:static;overflow:visible}.boardWrapInactive .boardTopBar,.boardWrapInactive .gameStatusStrip{display:none}}@media (max-width: 760px){.criticalMomentStats,.mistakeTrainingBar{grid-template-columns:1fr}.contentHero{min-height:300px}.heroChessScene span{opacity:.26}.heroChessScene span:nth-child(2),.heroChessScene span:nth-child(3){display:none}.languageSwitch{width:100%;justify-content:space-between}.languageSwitch button{flex:1 1 0;justify-content:center}.boardWrap{padding:8px}.boardWrapInactive .boardModeRow,.boardWrapInactive .clockRow{display:none}.clockRow{gap:6px;margin-bottom:6px}.clock{padding:6px 8px}.clock strong{font-size:18px}.gameStatusStrip{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:6px}.gameStatusStrip span{padding:6px 7px;font-size:11px}.gameStatusStrip b{display:none}.boardModeRowBelow{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.boardModeRowBelow button{min-height:32px;padding:6px 7px;font-size:11px}.boardShell3d,.boardShell3d .board3d{min-height:68vh}}@media (prefers-reduced-motion: reduce){.brandMark,.brandMark:after,.heroChessScene span{animation:none}.mainNav a:hover:not(:disabled){transform:none}}@media (max-width: 560px){.page{padding:10px}.brandText h1{font-size:28px}.brandMark{width:50px;height:50px;border-radius:14px;font-size:33px}.panel{padding:10px 4px 10px 10px}.boardWrap{padding:6px}.boardShell3d,.boardShell3d .board3d{min-height:62vh}.timeControlGrid{grid-template-columns:1fr}.boardModeRowBelow{grid-template-columns:repeat(2,minmax(0,1fr))}.boardModeRowBelow button:nth-child(3),.boardModeRowBelow button:last-child{grid-column:auto}.boardModeRowBelow button{min-height:30px;padding:5px 6px}.authFormGrid{grid-template-columns:1fr}.authBox{padding:18px}.authHeader{align-items:flex-start}.authMark{width:46px;height:46px;border-radius:12px;font-size:25px}.boardStartOverlay{width:min(300px,calc(100% - 24px));padding:10px 12px;font-size:13px}.boardTopMeta,.rankingRow,.recentMoveGrid,.modalActions,.settingsTabs,.templateGrid,.accountSummary,.cookieOption{grid-template-columns:1fr}.cookieActions button{width:100%}}.clock.lowTime{border-color:#e5533d;background:radial-gradient(circle at 92% 18%,rgba(229,83,61,.22),transparent 26%),linear-gradient(180deg,#4a2b25,#331d19)}.clock.lowTime strong{color:#ff9a83;animation:lowTimePulse 1s ease-in-out infinite}.clock.lowTime.activeClock{box-shadow:0 0 0 3px #e5533d3d,inset 0 1px #ffffff0f}@keyframes lowTimePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(1.045)}}.modalBackdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:backdropIn .16s ease-out}.modalBox{animation:modalIn .2s cubic-bezier(.22,1,.36,1)}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.leftPanel .actionStack button:active:not(:disabled),.leftPanel .row button:active:not(:disabled),.sidePanel button:not(.linkButton):not(.iconButton):active:not(:disabled),.modalBox button:active:not(:disabled){transform:translateY(1px)}@media (prefers-reduced-motion: reduce){.clock.lowTime strong,.modalBackdrop,.modalBox{animation:none}}