:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101315;--panel:#191e20;--panel2:#202628;--border:#303739;--text:#f2f3ef;--muted:#899393;--green:#d5f66f;--greenText:#19220c;--white:#e6eadd;--black:#789084}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 50% -15%,#232b27 0,#131718 40%,var(--bg) 73%);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible{outline:3px solid var(--green);outline-offset:3px}::selection{color:#111;background:#d5f66f}.app-shell{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#111516e6;border-bottom:1px solid #293031}.topbar-inner{align-items:center;gap:68px;max-width:1220px;height:77px;margin:auto;padding:0 35px;display:flex}.brand{white-space:nowrap;letter-spacing:-1.15px;align-items:center;gap:11px;font-size:22px;font-weight:800;display:flex}.brand-mark{background:var(--green);color:#19220c;border-radius:12px;place-items:center;width:40px;height:40px;font-size:29px;line-height:1;display:grid}.brand-secondary{color:var(--green)}.brand sup{color:#839088;letter-spacing:1.2px;vertical-align:top;margin-left:4px;font-size:9px;font-weight:800}.desktop-nav{color:#9da9a5;align-items:center;gap:34px;height:100%;font-size:13px;font-weight:650;display:flex}.nav-item{white-space:nowrap;align-items:center;gap:9px;height:100%;display:flex;position:relative}.nav-item.active{color:#f4f5f1}.nav-item.active:after{content:"";background:var(--green);height:2px;position:absolute;bottom:-1px;left:0;right:0}.nav-item.disabled{opacity:.55}.nav-item>span{text-transform:uppercase;color:#798984;letter-spacing:.5px;font-size:8px}.build-badge{color:#b2c2a6;letter-spacing:1px;white-space:nowrap;border:1px solid #455144;border-radius:100px;margin-left:auto;padding:8px 12px;font-size:10px;font-weight:800}.main-wrap{max-width:1220px;margin:0 auto;padding:43px 35px 32px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:37px;display:flex}.eyebrow{color:var(--green);letter-spacing:2px;align-items:center;gap:10px;margin-bottom:13px;font-size:10px;font-weight:800;display:flex}.live-circle{background:var(--green);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 4px #d5f66f19}.page-heading h1{letter-spacing:-2.8px;margin:0;font-size:clamp(38px,5vw,54px);font-weight:800;line-height:1.05}.page-heading p{color:#93a19b;margin:12px 0 0;font-size:14px;line-height:1.6}.heading-right{color:var(--green);letter-spacing:-2px;text-align:right;white-space:nowrap;font-size:33px;font-weight:800}.heading-right span{color:#4d5e54}.heading-right small{color:#788680;letter-spacing:.3px;margin-top:4px;font-size:10px;font-weight:600;display:block}.game-grid{grid-template-columns:minmax(0,660px) minmax(315px,1fr);align-items:start;gap:28px;display:grid}.board-panel{min-width:0}.player-line{align-items:center;gap:13px;height:72px;display:flex}.player-line.is-bottom{margin-top:0}.avatar{border-radius:12px;place-items:center;width:42px;height:42px;font-size:28px;line-height:1;display:grid}.avatar-white{color:#36413c;background:#e5e9e0}.avatar-black{color:#f5f7f0;background:#394441}.player-details{flex-direction:column;gap:4px;min-width:0;display:flex}.player-name{font-size:14px;font-weight:730}.player-subtitle{color:#88948e;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.clock{letter-spacing:1px;font-variant-numeric:tabular-nums;color:#c6d0c6;background:#28312e;border:1px solid #35403b;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-width:126px;margin-left:auto;padding:10px 13px;font-size:22px;font-weight:800;display:flex}.clock-active{background:var(--green);color:var(--greenText);border-color:var(--green)}.clock-low{color:#ffa4a0;border-color:#a64e4c}.clock-active.clock-low{color:#fff;background:#d75f57;border-color:#d75f57}.clock-dot{opacity:.6;background:currentColor;border-radius:100%;flex:none;width:5px;height:5px}.clock-suffix{opacity:.5;font-size:13px}.board-frame{background:#354a3d;border:6px solid #293431;border-radius:15px;width:100%;overflow:hidden;box-shadow:0 17px 60px #05070863,0 1px #53685f22}.board-frame>div{width:100%!important}.board-frame img{-webkit-user-drag:none;max-width:100%}.board-actions{border-top:1px solid #283130;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:15px 0 4px;display:flex}.action{color:#aab8ae;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:8px 10px;font-size:12px;font-weight:650;display:inline-flex}.side-panel{flex-direction:column;gap:19px;display:flex}.game-card{border:1px solid var(--border);background:linear-gradient(150deg,#202728,#191e20 64%);border-radius:18px;padding:24px;box-shadow:0 12px 28px #070a0c22}.card-heading{align-items:center;gap:11px;display:flex}.card-number{width:27px;height:27px;color:var(--green);letter-spacing:.4px;border:1px solid #465348;border-radius:8px;place-items:center;font-size:10px;font-weight:800;display:inline-grid}.card-heading h2{letter-spacing:-.6px;margin:0;font-size:19px;font-weight:750}.card-description{color:#9aa7a3;max-width:350px;margin:17px 0 0;font-size:13px;line-height:1.7}.divider{background:#313a3a;height:1px;margin:23px 0 20px}.section-label{align-items:center;gap:9px;margin-bottom:14px;font-size:12px;font-weight:700;display:flex}.section-label svg{color:var(--green)}.time-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.time-chip{color:#f4f5f0;text-align:left;background:#292f30;border:1px solid #3d4545;border-radius:10px;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:13px 11px;transition:background .15s,border-color .15s;display:flex}.time-chip strong{letter-spacing:-.4px;white-space:nowrap;font-size:16px;font-weight:780}.time-chip small{color:#98a4a1;font-size:10px}.time-chip.time-selected{border-color:var(--green);background:#324025;box-shadow:inset 0 0 0 1px #d5f66f23}.primary-button{background:var(--green);border:1px solid var(--green);color:#15200b;border-radius:11px;align-items:center;gap:11px;width:100%;min-height:52px;margin-top:20px;padding:12px 16px;font-size:14px;font-weight:850;transition:transform .15s,filter .15s;display:flex}.primary-button:hover{filter:brightness(1.07);transform:translateY(-1px)}.primary-button>span{margin-left:auto;font-size:18px}.prototype-note{color:#8f9d96;align-items:flex-start;gap:9px;margin-top:15px;font-size:11px;line-height:1.55;display:flex}.prototype-note>span{color:var(--green);font-size:14px;line-height:1}.moves-card{padding-bottom:17px}.moves-header{justify-content:space-between;align-items:center;gap:5px;display:flex}.moves-count{color:#87978d;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.status-row{margin-top:19px}.status-pill{color:#c0cdc1;background:#343c3a;border:1px solid #45534a;border-radius:100px;padding:7px 10px;font-size:10px;font-weight:700;display:inline-block}.status-pill.playing{color:var(--green);background:#354526;border-color:#65784a}.status-pill.finished{color:#e5c99e;background:#473e2f}.turn-label{color:#9ead9f;margin:13px 0;font-size:12px}.result-banner{border-left:3px solid var(--green);color:#e1e8d7;background:#2c372e;margin:13px 0;padding:11px 12px;font-size:12px;line-height:1.5}.moves-list{scrollbar-color:#48544e transparent;scrollbar-width:thin;background:#151b1c;border:1px solid #2e3838;border-radius:10px;height:153px;padding:6px 8px;overflow-y:auto}.move-pair{border-radius:7px;grid-template-columns:40px 1fr 1fr;align-items:center;gap:8px;padding:9px 10px;font-size:13px;font-weight:650;display:grid}.move-pair:nth-child(2n){background:#ffffff08}.move-no{color:#74857b;font-size:12px;font-weight:700}.empty-moves{color:#718279;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:100%;font-size:12px;display:flex}.empty-icon{color:#a9b8ac;font-size:30px}.moves-footer{grid-template-columns:1fr 1fr;gap:10px;padding-top:14px;display:grid}.secondary-button{color:#d0d8d1;background:#2c3334;border:1px solid #3b4545;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:39px;font-size:11px;font-weight:750;display:inline-flex}.secondary-button:hover:not(:disabled){background:#384340}.below-panel{background:linear-gradient(112deg,#253028,#19211e);border:1px solid #333e38;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-top:38px;padding:31px 33px;display:flex}.small-tag{letter-spacing:1.8px;color:var(--green);font-size:10px;font-weight:800}.below-panel h2{letter-spacing:-.7px;margin:9px 0 8px;font-size:22px}.below-panel p{color:#a1aea2;max-width:520px;margin:0;font-size:12px;line-height:1.65}.roadmap-steps{white-space:nowrap;align-items:center;gap:10px;display:flex}.roadmap-steps span{color:#75867b;border:1px solid #435148;border-radius:100px;padding:10px 12px;font-size:10px;font-weight:700;display:block}.roadmap-steps span.done{background:var(--green);color:#20280f;border-color:var(--green)}.site-footer{color:#67786f;letter-spacing:.2px;text-align:center;justify-content:center;align-items:center;gap:12px;margin-top:28px;font-size:10px;display:flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050809b8;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.promotion-modal{background:#212a27;border:1px solid #55674e;border-radius:18px;width:min(100%,400px);padding:25px;box-shadow:0 40px 70px #03070499}.promotion-modal h2{letter-spacing:-.7px;margin:0;font-size:22px}.promotion-modal p{color:#b1c0b5;margin:10px 0 22px;font-size:13px;line-height:1.6}.promotion-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.promotion-grid button{color:#fff;background:#35453b;border:1px solid #60725e;border-radius:9px;flex-direction:column;align-items:center;gap:7px;padding:12px 3px;display:flex}.promotion-grid button:hover{border-color:var(--green);background:#526a4e}.promotion-grid button span{font-size:41px;line-height:1.1}.promotion-grid button small{font-size:10px}.modal-cancel{color:#b8c6bc;background:0 0;border:0;margin:16px auto 0;display:block}.toast{background:var(--green);color:#17210a;z-index:60;white-space:nowrap;border-radius:10px;padding:13px 18px;font-size:13px;font-weight:800;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #05080677}@media (max-width:1050px){.topbar-inner{gap:36px}.game-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);gap:22px}.game-card{padding:18px}.time-chip{padding:11px 7px}.time-chip strong{font-size:14px}.below-panel{flex-direction:column;align-items:flex-start}.roadmap-steps{flex-wrap:wrap}}@media (max-width:760px){.topbar-inner{gap:8px;height:62px;padding:0 18px}.brand{font-size:20px}.brand-mark{width:35px;height:35px;font-size:26px}.desktop-nav{display:none}.build-badge{padding:7px 9px;font-size:9px}.main-wrap{padding:27px 16px 25px}.page-heading{padding-bottom:23px}.page-heading h1{font-size:40px}.page-heading p{max-width:330px;font-size:12px}.heading-right{font-size:25px}.heading-right small{font-size:9px}.game-grid{grid-template-columns:minmax(0,1fr);gap:20px}.board-panel{width:min(100%,570px);margin:0 auto}.player-line{height:64px}.clock{min-width:120px;font-size:21px}.game-card{padding:20px}.time-chip{padding:13px}.time-chip strong{font-size:17px}.side-panel{grid-template-columns:1fr 1fr;gap:15px;display:grid}.below-panel{margin-top:28px}.site-footer{flex-wrap:wrap}}@media (max-width:580px){.main-wrap{padding:22px 12px 24px}.page-heading{align-items:flex-end;gap:8px}.page-heading h1{font-size:38px}.page-heading p{max-width:270px}.heading-right{font-size:23px}.heading-right small{font-size:8px}.eyebrow{letter-spacing:1.4px;font-size:9px}.player-line{gap:10px;height:61px}.player-name{font-size:13px}.player-subtitle{font-size:10px}.avatar{width:38px;height:38px}.clock{min-width:110px;padding:9px 10px;font-size:19px}.board-frame{border-width:4px;border-radius:11px}.board-actions{padding-top:10px}.action{gap:6px;padding:9px 6px;font-size:11px}.action svg{width:16px;height:16px}.side-panel{flex-direction:column;gap:14px;display:flex}.time-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-card{border-radius:14px;padding:21px}.moves-list{height:142px}.below-panel{border-radius:13px;padding:23px}.below-panel h2{font-size:20px}.roadmap-steps span{padding:8px 9px;font-size:9px}.site-footer{margin-top:23px;font-size:9px;line-height:1.6}.site-footer span{display:none}}@media (max-width:360px){.heading-right{display:none}.clock{min-width:100px;font-size:17px}.action{font-size:10px}.game-card{padding:16px}.time-chip strong{font-size:15px}.brand sup{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.brand-link,.desktop-nav a.nav-item{color:inherit;text-decoration:none}.desktop-nav a.nav-item:hover{color:var(--green)}.online-top-link{white-space:nowrap;color:var(--green);background:#273324;border:1px solid #475c36;border-radius:9px;justify-content:center;align-items:center;margin-left:auto;padding:9px 12px;font-size:12px;font-weight:760;text-decoration:none;display:inline-flex}.online-top-link:hover{background:#34452a}.topbar-inner>.online-top-link+.build-badge{margin-left:0}.online-entry{min-height:46px;color:var(--green);background:#26372b;border:1px solid #4e7045;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.online-entry span:last-child{margin-left:auto}.online-entry:hover{background:#334736}.online-main{padding-top:48px}.lobby-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);align-items:start;gap:24px;display:grid}.lobby-card,.lobby-info{padding:30px}.lobby-card .time-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.lobby-card .card-description{max-width:530px}.lobby-card .primary-button{margin-top:22px}.steps-list{flex-direction:column;gap:20px;margin:24px 0 28px;display:flex}.steps-list>div{align-items:flex-start;gap:14px;display:flex}.steps-list>div>span{width:34px;height:34px;color:var(--green);background:#30412e;border-radius:10px;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.steps-list p{color:#9cac9e;margin:0;font-size:12px;line-height:1.7}.steps-list strong{color:#e5eae3;font-size:13px}.text-link{color:var(--green);margin-top:17px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.text-link:hover{text-decoration:underline}.online-details{color:#98a69a;grid-template-columns:1fr auto;gap:11px 16px;padding:16px 0 2px;font-size:12px;display:grid}.online-details strong{color:#e9efe7}.online-notice,.online-error{color:#ffdfa2;background:#423b2a;border:1px solid #806a3e;border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:12px;line-height:1.5}.online-notice{justify-content:space-between;gap:10px;display:flex}.online-notice button{color:inherit;background:0 0;border:0;font-size:19px;line-height:1}.online-error{margin:15px 0 0}@media (max-width:760px){.online-main{padding-top:27px}.lobby-grid{grid-template-columns:minmax(0,1fr)}.lobby-card,.lobby-info{padding:22px}.lobby-card .time-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.online-top-link{padding:7px 9px;font-size:11px}}@media (max-width:440px){.topbar-inner{gap:7px}.online-top-link{padding:7px 8px;font-size:10px}.lobby-card .time-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.online-main .page-heading h1{font-size:35px}.online-main .heading-right{display:none}.lobby-card,.lobby-info{padding:19px}.brand{font-size:18px}.brand-mark{width:33px;height:33px}}.topbar{display:none}.site-nav{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101719ef;border-bottom:1px solid #293831;position:sticky;top:0}.site-nav-inner{align-items:center;gap:24px;max-width:1220px;min-height:68px;margin:auto;padding:9px 28px;display:flex}.main-logo{color:#edf4e7;letter-spacing:-.8px;white-space:nowrap;align-items:center;font-size:22px;font-weight:900;text-decoration:none;display:flex}.main-logo>span:not(.main-logo-mark){color:#d5f66f}.main-logo-mark{color:#1a2710;background:#d5f66f;border-radius:11px;place-items:center;width:39px;height:39px;margin-right:9px;font-size:28px;display:grid}.main-logo small{letter-spacing:1px;color:#798f7c;margin-left:8px;font-size:10px}.main-links{align-items:center;gap:20px;margin-left:auto;display:flex}.main-links a{color:#afbbaf;white-space:nowrap;font-size:12px;font-weight:740;text-decoration:none}.main-links a:hover{color:#d5f66f}.feature-wrap{max-width:1100px;min-height:calc(100vh - 69px);margin:auto;padding:48px 23px 80px}.feature-heading{margin:0 0 28px}.feature-heading h1{letter-spacing:-1.8px;margin:0 0 15px;font-size:clamp(31px,4vw,55px);line-height:1.1}.feature-heading p{color:#a6b3a8;max-width:690px;margin:0;line-height:1.6}.feature-grid{grid-template-columns:1.25fr .85fr;align-items:start;gap:20px;display:grid}.feature-card{background:#1b2323;border:1px solid #39483e;border-radius:17px;min-width:0;margin-bottom:20px;padding:28px}.feature-card h2{letter-spacing:-.5px;margin:0 0 18px;font-size:21px}.feature-card p{color:#acb9b0;font-size:13px;line-height:1.65}.feature-button{min-height:42px;margin:12px 10px 0 0;padding:12px 17px;font-size:13px;text-decoration:none}.form-stack{gap:16px;display:grid}.form-stack label{color:#bccbc0;gap:8px;font-size:13px;font-weight:650;display:grid}.form-stack input,.form-stack textarea,.form-stack select,.analysis-textarea{color:#ecf2ed;width:100%;font:inherit;background:#101716;border:1px solid #46574b;border-radius:10px;padding:12px 13px;font-size:14px}.form-stack input:focus,.form-stack textarea:focus,.analysis-textarea:focus{outline:2px solid #b9de62}.form-stack .primary-button{justify-content:center}.form-stack textarea{resize:vertical;min-height:90px}.tab-row{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.tab-row button{color:#c8d6ca;background:#29362e;border:1px solid #435744;border-radius:10px;padding:10px 15px}.tab-row button.chosen{color:#15210c;background:#d5f66f;border-color:#d5f66f;font-weight:800}.inline-note{background:#2c3727;border:1px solid #526340;border-radius:9px;padding:12px 14px;color:#e0efcd!important;font-size:13px!important}.feature-card .time-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.stat-card{background:#1b2323;border:1px solid #38483e;border-radius:14px;gap:8px;padding:19px;display:grid}.stat-card small{color:#a8c878;font-weight:900}.stat-card strong{letter-spacing:-1.5px;font-size:32px}.stat-card span{color:#9daf9f;font-size:12px}.responsive-table{overflow:auto}.responsive-table table{border-collapse:collapse;text-align:left;width:100%;min-width:440px;font-size:13px}.responsive-table th,.responsive-table td{border-bottom:1px solid #39463e;padding:13px}.responsive-table th{color:#8ea08f}.responsive-table a,.feature-card a{color:#d5f66f}@media (max-width:900px){.site-nav-inner{flex-wrap:wrap;gap:12px}.main-links{gap:22px;width:100%;margin:0;padding-bottom:7px;overflow:auto}.site-nav-inner{padding:10px 16px}.main-links a{font-size:12px}.feature-grid{grid-template-columns:1fr}.feature-card .time-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.feature-wrap{padding:27px 13px 55px}.feature-card{padding:19px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-heading h1{font-size:36px}.main-logo{font-size:20px}}:root{--darkSquare:#789084;--lightSquare:#e6eadd}:root[data-board=brown]{--darkSquare:#a47b56;--lightSquare:#ead7b5}:root[data-board=blue]{--darkSquare:#6285a3;--lightSquare:#e5edf3}:root[data-theme=light]{--bg:#f1f4ef;--panel:#fff;--panel2:#e8eee8;--border:#c5d3c5;--text:#263329;--muted:#5f7761;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] .feature-card,:root[data-theme=light] .stat-card{color:#263329;background:#fff;border-color:#c3d0c3}:root[data-theme=light] .feature-card p,:root[data-theme=light] .feature-heading p{color:#4e6352}:root[data-theme=light] .feature-card h2,:root[data-theme=light] .stat-card strong{color:#263329}.analysis-grid{grid-template-columns:minmax(0,620px) minmax(280px,1fr);align-items:start;gap:24px;display:grid}.analysis-board-panel{min-width:0}.analysis-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:13px 0;display:flex}.analysis-controls button{padding:8px 13px}.analysis-textarea{resize:vertical;min-height:130px}.text-move{color:#d6eac1;text-align:left;background:0 0;border:0}.text-move:hover{text-decoration:underline}@media (max-width:760px){.analysis-grid{grid-template-columns:minmax(0,1fr)}}:root{--bg:#102b35;--panel:#173b46;--panel2:#214855;--border:#355763;--text:#fff5eb;--muted:#d0dcd8;--green:#ff9874;--greenText:#28201b;--darkSquare:#638d84;--lightSquare:#e4ecd9;--brand-ink:#fff5eb;--card-bg:#183842;--subtle-text:#bac9c8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#fcf4ea;--panel:#fffdf9;--panel2:#f6e8d9;--border:#dcc5b1;--text:#153d4b;--muted:#435b62;--green:#ad4221;--greenText:#fff;--brand-ink:#153d4b;--card-bg:#fffdf9;--subtle-text:#47616a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:var(--text);background:radial-gradient(circle at 40% -5%,#204b57 0,#102b35 62%)}:root[data-theme=light] body{color:var(--text);background:radial-gradient(circle at 30% 0,#fffaf2 0,#fcf4ea 58%)}:root ::selection{color:#143643;background:#ffb58a}:root[data-theme=light] ::selection{color:#173c49;background:#f5ae8b}.site-nav{z-index:45;background:#0e2b36fa;border-bottom:1px solid #31525c}:root[data-theme=light] .site-nav{background:#fff9f1f7;border-bottom-color:#e1cbb8}.site-nav-inner{flex-wrap:nowrap;gap:16px;max-width:1220px;min-height:72px;padding:9px 30px;position:relative}.main-logo{color:var(--brand-ink);letter-spacing:-.9px;gap:0;font-size:24px}.main-logo-type{color:var(--brand-ink);font-weight:900}.main-logo .main-logo-digit{color:#ff9973}.main-logo-mark{color:#143d4b;width:40px;height:40px;box-shadow:none;background:#ff9874;border-radius:10px;margin-right:10px;font-size:30px}.main-logo small{color:#f0c8af;letter-spacing:2px;font-weight:800}:root[data-theme=light] .main-logo small{color:#a75639}.main-links{gap:clamp(11px,1.55vw,22px)}.main-links a{color:#e4e9e5;font-size:12px}.main-links a:hover,.main-links a[aria-current=page]{color:#ffb58e}:root[data-theme=light] .main-links a{color:#334d54}:root[data-theme=light] .main-links a:hover,:root[data-theme=light] .main-links a[aria-current=page]{color:#a63f20}.mobile-navigation{margin-left:auto;display:none;position:relative}.menu-toggle{color:#fff4e9;background:#244955;border:1px solid #6a8186;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-width:98px;min-height:44px;padding:8px 12px;font-size:13px;font-weight:800;display:flex}:root[data-theme=light] .menu-toggle{color:#173c49;background:#fff9f0;border-color:#bca58f}.burger-icon{flex-direction:column;justify-content:space-between;width:20px;height:16px;display:flex}.burger-icon span{background:currentColor;border-radius:5px;width:100%;height:2px;transition:transform .2s,opacity .2s}.menu-toggle.is-open .burger-icon span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle.is-open .burger-icon span:nth-child(2){opacity:0}.menu-toggle.is-open .burger-icon span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu-panel{z-index:70;background:#173c47;border:1px solid #466773;border-radius:15px;gap:2px;min-width:min(330px,100vw - 30px);padding:9px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 45px #0007}.mobile-menu-panel a{color:#f9f0e7;border-radius:8px;justify-content:space-between;align-items:center;gap:15px;padding:13px 12px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.mobile-menu-panel a span{color:#d1a18e}.mobile-menu-panel a:hover,.mobile-menu-panel a[aria-current=page]{color:#ffb69b;background:#305563}:root[data-theme=light] .mobile-menu-panel{background:#fffaf3;border-color:#d5bca6;box-shadow:0 18px 45px #4a2c192b}:root[data-theme=light] .mobile-menu-panel a{color:#153d4b}:root[data-theme=light] .mobile-menu-panel a span{color:#a34727}:root[data-theme=light] .mobile-menu-panel a:hover,:root[data-theme=light] .mobile-menu-panel a[aria-current=page]{color:#9b3b20;background:#f6e6d7}@media (max-width:900px){.site-nav-inner{flex-wrap:nowrap;min-height:64px;padding:8px 14px}.main-links{display:none}.mobile-navigation{display:block}.main-logo{font-size:21px}.main-logo-mark{width:36px;height:36px;font-size:27px}.main-logo small{font-size:9px}}@media (min-width:901px){.mobile-navigation{display:none}}@media (max-width:360px){.main-logo small{display:none}.menu-toggle{min-width:78px}.burger-label{font-size:12px}}.board-with-coordinates{grid-template-columns:16px minmax(0,1fr);align-items:stretch;gap:5px;width:100%;min-width:0;display:grid}.board-with-coordinates .board-column{min-width:0}.board-with-coordinates .board-frame{width:100%;margin:0}.board-rank-labels{grid-template-rows:repeat(8,minmax(0,1fr));align-self:stretch;padding-top:5px;padding-bottom:25px;display:grid}.board-file-labels{grid-template-columns:repeat(8,minmax(0,1fr));align-items:center;height:20px;margin:0 5px;display:grid}.board-file-labels span,.board-rank-labels span{font-variant-numeric:tabular-nums;color:#c3d4d0;-webkit-user-select:none;user-select:none;place-items:center;font-size:11px;font-weight:750;line-height:1;display:grid}:root[data-theme=light] .board-file-labels span,:root[data-theme=light] .board-rank-labels span{color:#49636b}.board-with-coordinates .board-frame{background:#365965;border:4px solid #365965;box-shadow:0 12px 40px #0004}:root[data-theme=light] .board-with-coordinates .board-frame{background:#d2baaa;border-color:#d2baaa;box-shadow:0 10px 25px #51382622}@media (max-width:580px){.board-with-coordinates{grid-template-columns:12px minmax(0,1fr);gap:3px}.board-file-labels span,.board-rank-labels span{font-size:10px}.board-rank-labels{padding-bottom:23px}}.eyebrow,.heading-right,.card-number,.status-pill.playing,.text-link,.online-top-link,.feature-card a,.responsive-table a,.main-links a:hover{color:var(--green)}.eyebrow{letter-spacing:1.6px}.live-circle{background:#f59972;box-shadow:0 0 0 4px #fa947422}.page-heading p,.feature-heading p,.card-description,.feature-card p,.player-subtitle,.turn-label{color:var(--subtle-text)}.game-card,.feature-card,.stat-card{background:var(--card-bg);border-color:var(--border);color:var(--text)}.game-card{background:linear-gradient(155deg,#21444d,#173741 75%)}:root[data-theme=light] .game-card{background:#fffdf9}.card-heading h2,.feature-card h2,.player-name,.page-heading h1,.feature-heading h1{color:var(--text)}.card-number{border-color:#66818a}:root[data-theme=light] .card-number{border-color:#c6a58e}.primary-button{color:#142f3a;background:#ff9874;border-color:#ff9874;font-weight:850;text-decoration:none}:root[data-theme=light] .primary-button{color:#fff;background:#ab4324;border-color:#ab4324}.primary-button:focus-visible,.menu-toggle:focus-visible,.board-preview-choice:focus-visible{outline-offset:3px;outline:3px solid #ef995f}.secondary-button{color:#f6ebe1;background:#234752;border-color:#456571}.secondary-button:hover:not(:disabled){color:#fff;background:#315764}:root[data-theme=light] .secondary-button{color:#23424b;background:#fff5e9;border-color:#c9af9d}:root[data-theme=light] .secondary-button:hover:not(:disabled){color:#153747;background:#f3e3d2}.action{color:#cddbd8}.action:hover:not(:disabled){color:#ffad8b;background:#254652}:root[data-theme=light] .action{color:#36515d}:root[data-theme=light] .action:hover:not(:disabled){color:#a43b1c;background:#f4e6d9}.time-chip{color:#f8f2ea;background:#23414a;border-color:#43606c}.time-chip small{color:#becfd0}.time-chip:hover{border-color:#ffaf90}.time-chip.time-selected{background:#3d4c46;border-color:#ff9874}.time-chip.time-selected strong{color:#ffb696}:root[data-theme=light] .time-chip{color:#23434b;background:#fff8ef;border-color:#cfb8a4}:root[data-theme=light] .time-chip small{color:#4b6770}:root[data-theme=light] .time-chip.time-selected{background:#f6e1d0;border-color:#ad4321;box-shadow:inset 0 0 0 1px #ad432133}:root[data-theme=light] .time-chip.time-selected strong{color:#a0391e}:root[data-theme=light] .tab-row button{color:#274750;background:#fff6ea;border-color:#cbb39d}:root[data-theme=light] .tab-row button.chosen{color:#fff;background:#ab4324;border-color:#ab4324}.tab-row button.chosen{color:#213039;background:#ff9874;border-color:#ff9874}:root[data-theme=light] .inline-note{background:#fff0dc;border-color:#c6aa91;color:#354b4d!important}.inline-note a{color:#ffb38d}:root[data-theme=light] .inline-note a{color:#97371c}:root[data-theme=light] .feature-card a,:root[data-theme=light] .responsive-table a,:root[data-theme=light] .text-link{color:#a64020}:root[data-theme=light] .form-stack label{color:#28444d}:root[data-theme=light] .form-stack input,:root[data-theme=light] .form-stack select,:root[data-theme=light] .form-stack textarea,:root[data-theme=light] .analysis-textarea{color:#213c44;background:#fffaf3;border-color:#c7ac97}:root[data-theme=light] .form-stack input::placeholder,:root[data-theme=light] .form-stack textarea::placeholder{color:#6e7474}:root[data-theme=light] .stat-card small{color:#a6421d}:root[data-theme=light] .stat-card span{color:#4a666f}:root[data-theme=light] .responsive-table th{color:#4f646e}:root[data-theme=light] .responsive-table th,:root[data-theme=light] .responsive-table td{border-color:#e8d2be}:root[data-theme=light] .analysis-controls,.analysis-controls button{color:var(--text)}:root[data-theme=light] .text-move{color:#963a1b}:root[data-theme=light] .online-top-link,:root[data-theme=light] .online-entry{color:#963a1b;background:#fff3e6;border-color:#ccad94}:root[data-theme=light] .online-details{color:#48616a}:root[data-theme=light] .online-details strong{color:#223c46}:root[data-theme=light] .steps-list strong{color:#294650}:root[data-theme=light] .steps-list p{color:#465f69}:root[data-theme=light] .steps-list>div>span{color:#9f4120;background:#f2e2d4}:root[data-theme=light] .online-notice,:root[data-theme=light] .online-error{color:#7f351e;background:#fff0de;border-color:#d6b397}:root[data-theme=light] .game-card .card-description{color:#4c6570}:root[data-theme=light] .clock{color:#294853;background:#f1e8dc;border-color:#ccb6a4}:root[data-theme=light] .clock-active{color:#fff;background:#ad4324;border-color:#ad4324}:root[data-theme=light] .clock-active.clock-low{color:#fff;background:#b52929}:root[data-theme=light] .status-pill{color:#3a555e;background:#f8ede0;border-color:#dbc6b3}:root[data-theme=light] .status-pill.playing{color:#923816;background:#fff0d9;border-color:#dcb6a4}:root[data-theme=light] .status-pill.finished{color:#27533c;background:#ebf1e4;border-color:#bfd0be}:root[data-theme=light] .result-banner{color:#5e3c2b;background:#fdf0e0;border-left-color:#b84725}:root[data-theme=light] .moves-list{color:#2d4851}:root[data-theme=light] .moves-list .move-no{color:#64747a}:root[data-theme=light] .empty-moves{color:#54707b}:root[data-theme=light] .player-subtitle,:root[data-theme=light] .turn-label{color:#4f646c}:root[data-theme=light] .site-footer{color:#536b72}:root[data-theme=light] .modal-backdrop{background:#22343db3}:root[data-theme=light] .promotion-modal{color:#1d3c47;background:#fffaf4;border-color:#dec3a9}:root[data-theme=light] .promotion-modal h2,:root[data-theme=light] .promotion-modal p{color:#234450}:root[data-theme=light] .promotion-grid button{color:#1a3e4a;background:#f8eddf;border-color:#ddc4ae}:root[data-theme=light] .modal-cancel{color:#9f3e21}:root[data-theme=light] .toast{color:#fff;background:#ad4324}:root[data-theme=light] .below-panel{color:#23414c;background:#fff5e9;border-color:#d7baa3}:root[data-theme=light] .below-panel h2{color:#21404b}:root[data-theme=light] .below-panel p{color:#4b646b}:root[data-theme=light] .roadmap-steps span{color:#38545e}:root[data-theme=light] .roadmap-steps .done{color:#853416}.board-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:17px 0 32px;display:grid}.board-preview-choice{color:#fff8ed;background:#22434f;border:2px solid #537281;border-radius:13px;flex-direction:column;align-items:stretch;gap:9px;min-width:0;padding:10px;font-size:13px;font-weight:800;display:flex}.board-preview-choice.selected{background:#375460;border-color:#ffad80}.board-preview-choice>span{text-align:center;padding:3px 0;display:block}:root[data-theme=light] .board-preview-choice{color:#28444d;background:#fff8f0;border-color:#cfb79f}:root[data-theme=light] .board-preview-choice.selected{background:#f9e9db;border-color:#a73e20}.board-swatch{aspect-ratio:1;border-radius:5px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;display:grid;overflow:hidden}.board-swatch-green{--swatch-light:#e4ecd9;--swatch-dark:#638d84}.board-swatch-brown{--swatch-light:#ead7b5;--swatch-dark:#a47b56}.board-swatch-blue{--swatch-light:#e5edf3;--swatch-dark:#6285a3}.board-swatch-cell{place-items:center;min-width:0;font-size:clamp(9px,1.5vw,19px);line-height:1;display:grid}.board-swatch-cell.light{background:var(--swatch-light)}.board-swatch-cell.dark{background:var(--swatch-dark)}.board-swatch .piece-white{color:#fffefa;text-shadow:0 1px 2px #162e38,1px 0 #162e38,-1px 0 #162e38,0 -1px #162e38}.board-swatch .piece-black{color:#233947;text-shadow:0 1px 1px #fdf6e2}.sound-test-button{min-height:41px}@media (max-width:610px){.board-preview-grid{gap:7px}.board-preview-choice{gap:5px;padding:5px;font-size:11px}.board-swatch-cell{font-size:clamp(8px,2.7vw,15px)}}.result-overlay{z-index:85;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#081d24bf;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.result-dialog{color:#153d4b;text-align:center;background:#fff8ed;border:1px solid #f6d6b9;border-radius:22px;width:min(440px,100%);padding:32px 26px 26px;box-shadow:0 28px 75px #061b2090}.result-icon{color:#b44b2e;background:#f4e3d3;border-radius:50%;place-items:center;width:96px;height:96px;margin:0 auto 18px;font-size:58px;line-height:1;display:grid}.result-win .result-icon{color:#b64a24;background:#ffe2c9}.result-loss .result-icon{color:#39515c;background:#e8eaeb}.result-draw .result-icon{color:#2d685a;background:#e4e9e2}.result-caption{letter-spacing:2px;color:#96573b;font-size:10px;font-weight:900}.result-dialog h2{letter-spacing:-1px;color:#163d4a;margin:13px 0;font-size:clamp(28px,6vw,38px);line-height:1.14}.result-dialog p{color:#4e656d;margin:0 0 25px;font-size:15px;line-height:1.6}.result-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.result-buttons .primary-button,.result-buttons .secondary-button{justify-content:center;align-items:center;min-height:48px;margin:0;font-size:12px;text-decoration:none;display:flex}.result-buttons .primary-button{color:#fff;background:#aa4425;border-color:#aa4425}.result-buttons .secondary-button{color:#173e4b;background:#fff7ed;border-color:#c8ae9b}@media (max-width:380px){.result-dialog{padding:25px 16px}.result-buttons{grid-template-columns:1fr}.result-icon{width:80px;height:80px;font-size:50px}}:root .main-logo>.main-logo-type{color:var(--brand-ink)}:root .main-logo .main-logo-digit{color:#ff9973}:root[data-theme=light] .main-logo .main-logo-digit{color:#ac4523}.puzzles-page{max-width:1250px}.puzzles-tabbar{flex-wrap:wrap;align-items:stretch;gap:9px;margin:0 0 25px;display:flex}.puzzles-tabbar button{color:var(--text);background:var(--card-bg);border:1px solid var(--border);white-space:nowrap;border-radius:10px;min-height:42px;padding:10px 14px;font-size:12px;font-weight:750}.puzzles-tabbar button:hover{border-color:var(--green)}.puzzles-tabbar button.is-active{color:var(--greenText);background:var(--green);border-color:var(--green)}.puzzles-layout{grid-template-columns:minmax(0,660px) minmax(295px,1fr);align-items:start;gap:24px;display:grid}.puzzle-board-column{min-width:0}.puzzle-player-strip{min-height:51px;color:var(--text);justify-content:space-between;align-items:center;gap:14px;font-size:13px;font-weight:750;display:flex}.puzzle-player-strip>span{color:var(--muted);font-size:12px}.puzzle-player-strip>div{align-items:center;gap:9px;display:flex}.puzzle-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 18%,transparent);border-radius:50%;display:inline-block}.puzzle-board-surface{width:100%;max-width:690px}.puzzle-board-surface .board-frame{box-shadow:0 12px 34px #07192045}.puzzle-empty-board{aspect-ratio:1;color:#fff5eb;text-align:center;background:linear-gradient(142deg,#1e5358,#17303d);border:1px solid #46757b;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.puzzle-empty-board h2{margin:0 0 9px;font-size:clamp(20px,4vw,30px)}.puzzle-empty-board p{color:#dae5db;margin:0;font-size:14px}.puzzle-empty-icon{color:#ffb18a;margin-bottom:20px;font-size:90px;line-height:1}.puzzle-under-board{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:12px;display:flex}.puzzle-under-board .secondary-button{padding:8px 14px}.puzzle-sidebar{align-content:start;gap:18px;display:grid}.puzzle-sidebar .feature-card{min-width:0}.puzzle-sidebar .feature-card h2{margin:16px 0 12px;font-size:24px;line-height:1.2}.puzzle-sidebar .feature-card p{color:var(--muted);font-size:13px;line-height:1.6}.puzzle-section-title{text-transform:uppercase;letter-spacing:1.6px;color:var(--green);font-size:11px;font-weight:850}.puzzle-theme-control{color:var(--text);flex-direction:column;gap:9px;margin:19px 0 5px;font-size:12px;font-weight:760;display:flex}.puzzle-theme-control select{background:var(--panel2);color:var(--text);border:1px solid var(--border);min-height:46px;font:inherit;border-radius:10px;padding:10px 14px}.puzzle-message{background:color-mix(in srgb,var(--panel2) 70%,var(--bg));color:var(--text);border:1px solid var(--border);border-radius:11px;margin-top:19px;padding:13px 15px;font-size:13px;line-height:1.55}.puzzle-message.is-finished{border-color:var(--green)}.puzzle-tags{flex-wrap:wrap;gap:6px;margin:14px 0;display:flex}.puzzle-tags span{background:color-mix(in srgb,var(--green) 15%,var(--panel));border:1px solid var(--border);color:var(--text);border-radius:15px;padding:6px 8px;font-size:10px;font-weight:750}.puzzle-sidebar .primary-button{margin-top:18px}.puzzle-skip{width:100%;min-height:46px;margin-top:16px}.puzzle-divider{background:var(--border);height:1px;margin:19px 0}.puzzle-note{color:var(--muted);font-size:11px;line-height:1.6;display:block}.puzzle-finish{border:1px solid var(--border);border-left:3px solid var(--green);background:color-mix(in srgb,var(--green) 12%,var(--panel));color:var(--text);border-radius:10px;margin-top:18px;padding:15px}.puzzle-finish strong{font-size:18px;display:block}.puzzle-solution{overflow-wrap:anywhere;padding-top:13px}.puzzle-solution b{font-size:12px}.puzzle-solution p{color:var(--text)!important;font-size:14px!important;line-height:1.65!important}.puzzle-guide .secondary-button{width:100%;margin-top:8px;padding:10px 13px}.puzzles-stats h2,.puzzles-stats h3{color:var(--text)}.puzzle-stats-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 28px;display:grid}.puzzle-stats-cards>div{border:1px solid var(--border);background:var(--panel2);border-radius:13px;flex-direction:column;gap:6px;padding:19px 14px;display:flex}.puzzle-stats-cards strong{letter-spacing:-.6px;color:var(--text);font-size:clamp(20px,3vw,30px)}.puzzle-stats-cards span{color:var(--muted);font-size:11px}.puzzle-history{gap:6px;max-height:460px;margin:12px 0 23px;display:grid;overflow:auto}.puzzle-history>div{border:1px solid var(--border);color:var(--text);border-radius:8px;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:12px;font-size:12px;display:flex}.puzzle-history>div span:nth-child(2),.puzzle-history>p{color:var(--muted)}:root[data-theme=light] .puzzle-empty-board{color:#21404b;background:linear-gradient(135deg,#e8f0ec,#c6ddd9);border-color:#b2c7bd}:root[data-theme=light] .puzzle-empty-board p{color:#39565b}:root[data-theme=light] .puzzle-empty-icon{color:#a64020}:root[data-theme=light] .puzzles-tabbar button:not(.is-active){color:#25444d;background:#fff8f0;border-color:#dbc4b1}:root[data-theme=light] .puzzles-tabbar button.is-active{color:#fff;background:#a74020;border-color:#a74020}:root[data-theme=light] .puzzle-tags span{color:#274751;background:#f8ede1;border-color:#e1c7b1}:root[data-theme=light] .puzzle-theme-control select{color:#234550;background:#fffaf3;border-color:#c6a994}:root[data-theme=light] .puzzle-message{color:#21424a;background:#fff6eb;border-color:#dcc7b7}:root[data-theme=light] .puzzle-message.is-finished{border-color:#b44a28}:root[data-theme=light] .puzzle-finish{color:#23444d;background:#fff1df;border-left-color:#af4524}:root[data-theme=light] .puzzle-stats-cards>div{background:#fff7ec;border-color:#d9bda5}@media (max-width:900px){.puzzles-layout{grid-template-columns:minmax(0,1fr)}.puzzle-board-column{width:100%;max-width:680px;margin-inline:auto}.puzzle-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.puzzles-tabbar{gap:6px}.puzzles-tabbar button{flex:1 0 auto;min-height:40px;padding:9px 10px;font-size:11px}.puzzle-sidebar{grid-template-columns:1fr}.puzzle-player-strip{min-height:44px}.puzzle-stats-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.puzzles-page .feature-heading{margin-bottom:17px}.puzzles-layout{gap:14px}}.puzzle-promotion-backdrop{z-index:500;background:#041b24cc;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.puzzle-promotion-dialog{background:var(--panel);width:min(440px,100%);color:var(--text);border:1px solid var(--border);border-radius:17px;padding:23px;box-shadow:0 20px 80px #0007}.puzzle-promotion-dialog h2{margin:0 0 18px}.puzzle-promotion-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.puzzle-promotion-grid button{border:1px solid var(--border);background:var(--panel2);color:var(--text);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 5px;font-size:40px;line-height:1;display:flex}.puzzle-promotion-grid button span{font-size:11px;font-weight:800}.puzzle-promotion-dialog .secondary-button{width:100%;padding:12px}:root[data-board=classic]{--darkSquare:#b58863;--lightSquare:#f0d9b5}:root[data-board=walnut]{--darkSquare:#77563d;--lightSquare:#dec6a8}:root[data-board=slate]{--darkSquare:#707a82;--lightSquare:#d9dee2}:root[data-board=sand]{--darkSquare:#769656;--lightSquare:#eeeed2}:root[data-board=rose]{--darkSquare:#bf8992;--lightSquare:#f5e1df}:root[data-board=purple]{--darkSquare:#8e7aa8;--lightSquare:#e7ddf2}.board-swatch-classic{--swatch-dark:#b58863;--swatch-light:#f0d9b5}.board-swatch-walnut{--swatch-dark:#77563d;--swatch-light:#dec6a8}.board-swatch-slate{--swatch-dark:#707a82;--swatch-light:#d9dee2}.board-swatch-sand{--swatch-dark:#769656;--swatch-light:#eeeed2}.board-swatch-rose{--swatch-dark:#bf8992;--swatch-light:#f5e1df}.board-swatch-purple{--swatch-dark:#8e7aa8;--swatch-light:#e7ddf2}.board-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.board-swatch-cell{line-height:1;overflow:hidden}.board-swatch-cell .swatch-piece{font-family:DejaVu Sans,Apple Symbols,Segoe UI Symbol,sans-serif;line-height:1;font-size:inherit;font-variant-emoji:text;white-space:nowrap;display:block;transform:scale(.94)}.board-swatch-cell .swatch-white{color:#fffdf5;-webkit-text-stroke:.45px #26343a;text-shadow:0 1px 1px #26343a}.board-swatch-cell .swatch-black{color:#1f323e;-webkit-text-stroke:.15px #1f323e;text-shadow:0 .5px 1px #f1f2e4}.board-swatch-cell:nth-child(n+9):nth-child(-n+16) .swatch-piece{transform:scale(.83)}.header-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.header-signin{color:#fff4eb;white-space:nowrap;border:1px solid #8ba09f;border-radius:10px;justify-content:center;align-items:center;min-height:43px;padding:11px 14px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.header-signin:hover,.header-signin:focus-visible{color:#ffbf9f;border-color:#ffae8d}:root[data-theme=light] .header-signin{color:#183d49;background:#fff9f0;border-color:#bca58f}:root[data-theme=light] .header-signin:hover{color:#a14321;border-color:#ae6547}.main-links{gap:clamp(9px,1vw,18px);min-width:0}.main-links a{white-space:nowrap}@media (max-width:1160px){.main-links{display:none}.mobile-navigation{display:block}.site-nav-inner{min-height:64px;padding:8px 14px}}@media (min-width:1161px){.mobile-navigation{display:none}}@media (max-width:410px){.header-actions{gap:6px}.header-signin{min-height:42px;padding:10px;font-size:12px}.menu-toggle{min-width:49px;padding:10px}.burger-label{display:none}.board-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board-swatch-cell{font-size:clamp(11px,3.7vw,17px)}}.time-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:650px){.time-grid,.feature-card .time-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:350px){.time-grid,.feature-card .time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.bot-level{margin-top:14px}.bot-level .tab-row{margin-top:10px;margin-bottom:14px}.bot-level .tab-row button{padding:9px 11px}:root[data-theme=light] .puzzle-message,:root[data-theme=light] .puzzle-player-strip,:root[data-theme=light] .online-details{color:#173d49}.play-hub{max-width:1040px}.play-hub .feature-card{padding:clamp(18px,4vw,35px)}.play-hub .feature-card h2{margin:13px 0 18px;font-size:clamp(18px,3vw,23px)}.play-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 36px;display:grid}.play-mode-choice{appearance:none;text-align:left;border:1px solid var(--border);background:var(--panel2);color:var(--text);cursor:pointer;border-radius:15px;align-items:center;gap:15px;padding:20px;transition:background .16s,border-color .16s;display:flex}.play-mode-choice.chosen{background:color-mix(in srgb,var(--green) 15%,var(--panel2));border-color:#ffab82;box-shadow:0 0 0 2px #ffab8233}.play-mode-icon{color:var(--text);flex-shrink:0;width:43px;font-size:39px}.play-mode-choice strong,.play-mode-choice small{color:var(--text);display:block}.play-mode-choice small{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.4}.play-start{justify-content:center;align-items:center;gap:12px;max-width:100%;min-height:55px;margin-top:28px;font-size:17px;text-decoration:none;display:flex}.play-extra-link{text-align:center;margin:18px 0 0}.play-extra-link a{color:var(--text)}.piece-theme-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:26px;display:grid}.piece-theme-choice{border:1px solid var(--border);background:var(--panel2);color:var(--text);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:stretch;gap:7px;padding:12px;display:flex}.piece-theme-choice.selected{border-color:#d77a53;outline:2px solid #d77a53}.piece-theme-choice strong{font-size:13px}.piece-theme-choice small{color:var(--muted);font-size:11px;line-height:1.4}.piece-style-preview{background:linear-gradient(135deg,#f1dcb9 50%,#9eac9c 50%);border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:100px;display:flex;overflow:hidden}.piece-style-preview>span{font-family:DejaVu Sans,Apple Symbols,Segoe UI Symbol,serif;font-size:clamp(38px,5vw,54px);line-height:1}.piece-preview-light{color:#fffaf0;-webkit-text-stroke:1px #26323a;filter:drop-shadow(1px 2px 1px #0006)}.piece-preview-dark{color:#25343a;-webkit-text-stroke:.3px #081820}.piece-style-modern>span{filter:contrast(160%);font-family:Arial Unicode MS,DejaVu Sans,serif}.piece-style-wood .piece-preview-light{color:#e7be83;-webkit-text-stroke:1px #553c29}.piece-style-wood .piece-preview-dark{color:#704632;-webkit-text-stroke:1px #32241b}.piece-style-mono .piece-preview-light{color:#fff;-webkit-text-stroke:1.8px #111}.piece-style-mono .piece-preview-dark{color:#111;-webkit-text-stroke:1px #fff}:root[data-theme=light] .play-mode-choice{color:#243f49;background:#fff8ef}:root[data-theme=light] .play-mode-choice.chosen{background:#f9e6d4;border-color:#a44127}:root[data-theme=light] .piece-theme-choice{background:#fff8ef}@media (max-width:720px){.play-mode-grid{grid-template-columns:1fr;gap:9px}.play-mode-choice{padding:14px}.piece-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-hub .feature-card{padding:18px}}@media (max-width:400px){.piece-style-preview{min-height:76px}.piece-style-preview>span{font-size:39px}}.archive-section{flex-direction:column;gap:14px;margin-top:34px;display:flex}.archive-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.archive-title h2{margin:0;font-size:clamp(24px,3vw,30px)}.archive-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.archive-actions .primary-button,.archive-actions .secondary-button{justify-content:center;align-items:center;width:auto;min-height:40px;padding:9px 14px;font-size:14px;text-decoration:none;display:inline-flex}.archive-list{flex-direction:column;gap:9px;display:flex}.archive-item{background:var(--card-bg,#ffffff0a);border:1px solid var(--line,#ffffff26);border-radius:13px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.archive-info{flex-direction:column;gap:3px;min-width:180px;display:flex}.archive-info strong{font-size:16px}.archive-info span,.archive-empty{color:var(--muted,#9baca6);font-size:14px}.resume-banner{border:1px solid var(--line,#ffffff26);background:var(--card-bg,#ffffff0a);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0 auto 18px;padding:12px 16px;display:flex}.resume-banner>span{flex-grow:1;font-weight:600}.resume-banner .primary-button,.resume-banner .secondary-button{width:auto;min-height:40px;margin:0;padding:9px 14px}.bot-level .tab-row button{flex-direction:column;align-items:center;gap:5px;display:flex}.bot-rating{opacity:.82;font-size:12px;font-weight:700}.bot-rating-note{color:var(--muted,#9baca6);margin:2px 0 12px;font-size:12px;line-height:1.5}@media (max-width:580px){.archive-item{align-items:stretch}.archive-item .archive-actions{width:100%}.archive-item .archive-actions>a,.archive-item .archive-actions>button{flex:1}}.brand-logo-wrap{align-items:center;max-width:min(45vw,190px);min-height:42px;line-height:1;display:inline-flex}.brand-logo-image{width:auto;max-width:100%;height:auto;max-height:42px;display:block}.brand-logo-image-light-ui{display:none}:root[data-theme=light] .brand-logo-image-light-ui{display:block}:root[data-theme=light] .brand-logo-image-dark-ui{display:none}.bot-level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0;display:grid}.bot-level-choice{text-align:left;color:#eef4ee;cursor:pointer;background:#253536;border:1px solid #496467;border-radius:11px;flex-direction:column;align-items:flex-start;gap:5px;min-height:62px;padding:12px 13px;transition:border-color .15s,background .15s;display:flex}.bot-level-choice .bot-level-title{font-size:13px;font-weight:750}.bot-level-choice .bot-rating{opacity:.88;font-variant-numeric:tabular-nums;font-size:12px}.bot-level-choice.chosen,.bot-level-choice[aria-pressed=true]{color:#fff;background:#24484a;border:2px solid #ed9368;padding:11px 12px}.bot-level-choice:focus-visible{outline-offset:3px;outline:3px solid #ed9368}.bot-engine-status{color:#eaffea;background:#245149;border-radius:10px;gap:9px;margin:10px 0;padding:11px 13px;font-size:12px;line-height:1.5;display:grid}.bot-engine-error{color:#ffe8dd;background:#573b34}.bot-engine-status button{justify-self:start}:root[data-theme=light] .bot-level-choice{color:#243d40;background:#fff8ef;border-color:#b6c9c5}:root[data-theme=light] .bot-level-choice.chosen{color:#fff;background:#155365;border-color:#e47743}:root[data-theme=light] .bot-engine-status{color:#1b493f;background:#d9f0e4}:root[data-theme=light] .bot-engine-error{color:#743521;background:#ffe4da}@media (max-width:420px){.bot-level-grid{gap:7px}.bot-level-choice{min-height:59px;padding:10px}.bot-level-choice.chosen{padding:9px}.bot-level-choice .bot-level-title{font-size:12px}}@media (max-width:900px){.brand-logo-image{max-width:min(44vw,170px);max-height:34px}}.diagnostics-panel{background:var(--card-bg,#1c3943);border:1px solid var(--border,#41505a);color:var(--text);border-radius:14px;margin-top:20px;padding:15px 20px}.diagnostics-panel summary{cursor:pointer;min-height:28px;font-weight:700}.diagnostics-panel p{color:var(--subtle-text,var(--text));font-size:13px;line-height:1.6}.diagnostics-panel .archive-actions{flex-wrap:wrap;gap:9px;margin-top:12px;display:flex}.play-hub .play-start,.play-hub .play-start:link,.play-hub .play-start:visited,.play-hub .play-start:hover,.play-hub .play-start:focus-visible{color:#152c36!important;-webkit-text-fill-color:#152c36!important;text-shadow:none!important;background:#ff9874!important;border-color:#ff9874!important}:root[data-theme=light] .play-hub .play-start,:root[data-theme=light] .play-hub .play-start:link,:root[data-theme=light] .play-hub .play-start:visited,:root[data-theme=light] .play-hub .play-start:hover,:root[data-theme=light] .play-hub .play-start:focus-visible{color:#fffdf8!important;-webkit-text-fill-color:#fffdf8!important;background:#a33819!important;border-color:#a33819!important}@media (min-width:901px){.board-preview-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.board-preview-choice{gap:6px;padding:7px;font-size:12px}.board-swatch-cell{font-size:clamp(7px,1.05vw,15px)}}.puzzle-replay-actions{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.puzzle-replay-actions button{flex:auto;min-height:38px;padding:8px 11px;font-size:12px}.puzzle-replay-note{color:var(--text);margin:8px 0 0;font-size:12px}.site-nav{--nav-accent:var(--green)}.main-logo{flex-shrink:0}.brand-logo-wrap{width:175px;max-width:none;height:42px;min-height:0;position:relative}.site-nav .main-logo .brand-logo-wrap{transform-origin:0;transition:transform .18s;transform:scale(1)}.site-nav .main-logo:is(:hover,:focus-visible) .brand-logo-wrap{transform:scale(1.03)}@media (prefers-reduced-motion:reduce){.site-nav .main-logo .brand-logo-wrap{transition:none}}.brand-logo-image{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;transition:opacity .2s}.brand-logo-accent{background:var(--nav-accent);opacity:0;transition:opacity .2s;position:absolute;inset:0;-webkit-mask:url(/brand/2chess-logo-light.png) 50%/contain no-repeat;mask:url(/brand/2chess-logo-light.png) 50%/contain no-repeat}.main-logo:is(:hover,:focus-visible) .brand-logo-accent{opacity:1}.main-logo:is(:hover,:focus-visible) .brand-logo-image{opacity:0}.site-nav .main-links a{font-size:18px;transition:color .2s}.site-nav .header-signin{font-size:19.5px;transition:color .2s,border-color .2s}.site-nav .mobile-menu-panel a{font-size:21px;transition:color .2s,background-color .2s}:root .site-nav .main-links a:is(:hover,:focus-visible,[aria-current=page]),:root .site-nav .mobile-menu-panel a:is(:hover,:focus-visible,[aria-current=page]),:root .site-nav .header-signin:is(:hover,:focus-visible){color:var(--nav-accent)}:root .site-nav .header-signin:is(:hover,:focus-visible){border-color:var(--nav-accent)}.piece-style-preview>div{aspect-ratio:1;width:clamp(38px,5vw,64px)}.board-swatch-cell .swatch-svg{width:100%;height:100%;display:block}@media (max-width:1160px){.site-nav .main-links{display:none}.site-nav .mobile-navigation{display:block}}@media (min-width:1161px){.site-nav .main-links{display:flex}.site-nav .mobile-navigation{display:none}}@media (max-width:900px){.brand-logo-wrap{width:clamp(110px,28vw,170px);height:34px}}@media (max-width:410px){.site-nav .header-signin{font-size:18px}.site-nav-inner{gap:8px}}@media (min-width:1161px){.site-nav .main-links{gap:clamp(17px,1.6vw,27px)}.site-nav-inner{gap:clamp(16px,1.7vw,28px);max-width:1480px}}@media (max-width:1160px){.site-nav .header-signin{padding-inline:clamp(8px,1.4vw,14px);font-size:clamp(12px,1.9vw,17px)}}@media (max-width:410px){.site-nav .header-signin{padding:9px 7px;font-size:12px}.site-nav .brand-logo-wrap{width:clamp(88px,25vw,120px)}}.pgn-help{color:var(--muted);margin:8px 0;font-size:13px;line-height:1.5}.play-hub .play-time-category{flex-direction:column;gap:10px;min-width:0;display:flex}.play-hub .play-time-category h3{color:var(--text);margin:0;font-size:clamp(13px,1.4vw,17px);font-weight:750;line-height:1.35}.play-hub .play-time-options{align-content:start;gap:9px;display:grid}.play-hub .play-time-options .time-chip{text-align:center;justify-content:center;align-items:center;width:100%;min-height:45px;padding:10px 9px}.play-hub .play-time-options .time-chip strong{font-size:16px}@media (max-width:580px){.play-hub .play-time-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}}@media (max-width:350px){.play-hub .play-time-categories{gap:14px 9px}}.archive-item .archive-actions{align-self:center;align-items:stretch}.archive-item .archive-actions .primary-button,.archive-item .archive-actions .secondary-button{box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;height:44px;min-height:44px;margin:0;padding:9px 14px;line-height:1.25;display:inline-flex}.play-hub .play-time-categories{grid-template-columns:minmax(0,1fr);gap:9px;margin:10px 0 22px;display:grid}.play-hub .play-time-category{grid-template-columns:minmax(92px,155px) minmax(0,1fr);align-items:center;gap:12px;min-height:48px;display:grid}.play-hub .play-time-category h3{margin:0;font-size:15px}.play-hub .play-time-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.play-hub .play-time-options .time-chip{width:100%;min-height:43px;margin:0}@media (max-width:580px){.play-hub .play-time-categories{grid-template-columns:minmax(0,1fr);gap:9px}.play-hub .play-time-category{grid-template-columns:minmax(70px,24%) minmax(0,1fr);gap:7px}.play-hub .play-time-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.play-hub .play-time-category h3{font-size:clamp(12px,3.6vw,15px)}.play-hub .play-time-options .time-chip{min-height:42px;padding:8px 2px}.play-hub .play-time-options .time-chip strong{font-size:clamp(12px,3.7vw,15px)}}.puzzle-replay-live{border:1px solid var(--border);color:var(--text);background:var(--panel2);font-variant-numeric:tabular-nums;border-radius:8px;margin:12px 0 0;padding:8px 11px;font-size:13px}.play-bot-level{margin-top:22px;margin-bottom:25px}.play-bot-level .bot-level-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.play-bot-level .bot-level-choice{min-height:66px}@media (max-width:750px){.play-bot-level .bot-level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:460px){.play-bot-level .bot-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.analysis-fen-readout{color:var(--muted);overflow-wrap:anywhere;border-top:1px solid var(--border);margin-top:16px;padding-top:12px;font-size:12px;line-height:1.5}.analysis-fen-readout code{color:var(--text);font-family:ui-monospace,monospace}.play-hub .play-time-categories{flex-direction:column;gap:14px;margin:8px 0 22px;display:flex}.play-hub .play-time-category{grid-template-columns:minmax(90px,145px) minmax(0,1fr);align-items:center;gap:15px;display:grid}.play-hub .play-time-category h3{font-size:16px;line-height:1.3}.play-hub .play-time-options{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:10px;display:flex}.play-hub .play-time-options .time-chip{flex:0 104px;width:auto;min-width:82px;min-height:45px}.play-hub .play-bot-options{margin:4px 0 27px}.play-hub .play-bot-options h2{margin-bottom:13px}.play-hub .play-bot-level-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:800px){.play-hub .play-bot-level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:580px){.play-hub .play-time-categories{gap:18px;display:flex}.play-hub .play-time-category{grid-template-columns:1fr;gap:7px}.play-hub .play-time-options .time-chip{flex:70px;min-width:65px}.play-hub .play-bot-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:360px){.play-hub .play-bot-level-grid{grid-template-columns:1fr 1fr}.play-hub .play-time-options .time-chip{min-width:58px}}.analysis-position-note{color:var(--muted);overflow-wrap:anywhere;margin:10px 0;font-size:12px;line-height:1.6}.analysis-position-note code{color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.puzzle-replay-live{color:var(--text);padding:7px 0;font-size:13px;font-weight:700}.analysis-demo-button{margin:10px 0 0 10px;padding:10px 13px}.training-page{max-width:1180px}.training-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.training-layout>section,.training-layout>div{min-width:0}.training-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;display:flex}.training-bar h2{margin:0}.training-badge{border:1px solid var(--border);color:var(--text);border-radius:10px;padding:7px 11px;font-size:12px;font-weight:700}.training-lines{gap:10px;display:grid}.training-line{border:1px solid var(--border);background:var(--panel2);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:13px;display:flex}.training-line.selected{outline:2px solid var(--green)}.training-line strong{color:var(--text);margin-bottom:7px;display:block}.training-line small{color:var(--muted);font-size:12px;line-height:1.5;display:block}.training-line-actions{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.training-line-actions button{min-height:40px;padding:9px 12px}.training-practice .board-with-coordinates{max-width:520px;margin:14px auto}.training-practice .training-bar{margin-top:16px}.training-buttons{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.training-buttons button{min-height:43px}.training-practice .training-disclaimer,.training-disclaimer{color:var(--muted)!important;font-size:12px!important;line-height:1.5!important}.training-movelist{border:1px solid var(--border);color:var(--muted);border-radius:10px;flex-wrap:wrap;gap:7px;min-width:0;margin:17px 0;padding:15px;font-size:13px;line-height:1.8;display:flex}.training-movelist .past-move{color:var(--text)}.training-movelist .next-move{color:var(--green);font-weight:900}.training-form{gap:13px}.training-form label{gap:5px}.training-form textarea{min-height:105px}.training-tabs{flex-wrap:wrap;gap:9px;margin:0 0 23px;display:flex}.training-tabs a{border:1px solid var(--border);color:var(--text);border-radius:12px;min-height:43px;padding:11px 16px;text-decoration:none}.training-tabs .selected{background:var(--green);color:var(--greenText);border-color:var(--green)}.training-stats .stat-card .training-small-number{letter-spacing:0;overflow-wrap:anywhere;font-size:18px;line-height:1.25}.coach-tasks{gap:10px;display:grid}.coach-task{border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:13px;display:flex}.coach-task label{cursor:pointer;align-items:center;gap:12px;min-width:0;display:flex}.coach-task input{width:19px;height:19px;accent-color:var(--green);flex-shrink:0}.coach-task label span{min-width:0}.coach-task strong{color:var(--text);font-size:14px;display:block}.coach-task small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.coach-task a{flex-shrink:0;min-height:41px;padding:10px 12px;text-decoration:none}.training-action{align-items:center;min-height:44px;margin:12px 0 15px;text-decoration:none;display:inline-flex}@media (max-width:840px){.training-layout{grid-template-columns:1fr}.training-practice{order:-1}}@media (max-width:460px){.training-line{flex-direction:column;align-items:flex-start}.training-line-actions{flex-flow:wrap;width:100%}.training-line-actions button{flex:1}.coach-task{flex-wrap:wrap}.coach-task a{margin-left:30px}.training-page .feature-card{padding:16px}.training-page .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.training-tabs a{padding:10px 12px}}@media (min-width:1161px) and (max-width:1450px){.site-nav .main-links{gap:10px}.site-nav .main-links a{font-size:clamp(12px,1.08vw,15px)}.site-nav .header-signin{padding:10px;font-size:14px}}:root:not([data-board]){--darkSquare:#a47b56;--lightSquare:#ead7b5}.profile-photo-preview{object-fit:cover;border:2px solid var(--border);background:var(--panel2);border-radius:50%;display:block}.header-signin{text-overflow:ellipsis;white-space:nowrap;max-width:min(185px,32vw);overflow:hidden}.public-profile-identity{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.public-profile-identity h1{margin:0}.site-nav-inner{min-width:0}.site-nav .header-actions{flex-shrink:1;min-width:0;max-width:100%;margin-left:auto}.site-nav .header-signin{box-sizing:border-box;white-space:normal;text-overflow:clip;overflow-wrap:anywhere;word-break:normal;text-align:center;flex:0 auto;min-width:0;max-width:none;padding:9px 12px;line-height:1.15;overflow:visible}.site-nav .header-signin span{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;min-width:0;display:block}.site-nav .main-logo{flex-shrink:1;min-width:0}.site-nav .brand-logo-wrap{max-width:100%}.site-nav .mobile-navigation{flex:none;margin-left:0}@media (max-width:600px){.site-nav .header-actions{flex:auto;justify-content:flex-end}.site-nav .header-signin{min-height:44px;padding:8px 6px;font-size:clamp(11px,3vw,15px)}.site-nav .brand-logo-wrap{width:clamp(76px,25vw,140px)}.site-nav-inner{gap:6px}}@media (max-width:355px){.site-nav .header-signin{font-size:11px}.site-nav .brand-logo-wrap{width:80px}.site-nav .menu-toggle{min-width:45px;padding-inline:9px}}.desktop-learn-dropdown{align-self:stretch;align-items:center;display:flex;position:relative}.desktop-learn-trigger{align-items:center;gap:5px;display:inline-flex}.desktop-learn-options{z-index:100;background:var(--panel,#173c47);border:1px solid var(--border);border-radius:12px;min-width:210px;padding:8px;display:none;position:absolute;top:100%;left:-18px;box-shadow:0 12px 25px #0004}.desktop-learn-dropdown:hover .desktop-learn-options,.desktop-learn-dropdown:focus-within .desktop-learn-options{gap:2px;display:grid}.site-nav .desktop-learn-options a{white-space:normal;border-radius:7px;padding:12px 14px}.site-nav .desktop-learn-options a:hover,.site-nav .desktop-learn-options a[aria-current=page]{background:var(--panel2)}.mobile-menu-panel .mobile-learn-toggle{text-align:left;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:13px 12px;font-size:21px;font-weight:750;display:flex}.mobile-menu-panel .mobile-learn-toggle:hover,.mobile-menu-panel .mobile-learn-toggle:focus-visible{background:var(--panel2);color:var(--text)}.mobile-learn-options{border-left:2px solid var(--border);gap:2px;padding-left:16px;display:grid}.mobile-menu-panel .mobile-learn-options a{min-height:44px;font-size:18px}:root[data-theme=light] .mobile-menu-panel .mobile-learn-toggle{color:#153d4b}.learn-landing-links{gap:12px;max-width:600px;display:grid}.learn-landing-links a{justify-content:space-between;align-items:center;min-height:54px;padding:14px 18px;text-decoration:none;display:flex}.play-mode-icon svg{width:40px;height:40px;display:block}.leaderboard-embedded{min-width:0;margin-top:18px}.leaderboard-embedded .feature-heading h1{letter-spacing:-.03em;font-size:clamp(24px,3vw,34px)}.learn-landing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px;display:grid}.learn-choice{min-height:120px;color:inherit;border:1px solid var(--line,#49616a);background:var(--panel,#18333b);border-radius:15px;align-items:center;gap:17px;padding:22px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.learn-choice:hover,.learn-choice:focus-visible{border-color:var(--accent,#c6744f);transform:translateY(-2px)}.learn-choice-info{flex:1;gap:9px;min-width:0;display:grid}.learn-choice-info strong{font-size:clamp(17px,2vw,22px)}.learn-choice-info small{opacity:.78;font-size:14px;line-height:1.55}.learn-choice-arrow{align-self:center;font-size:23px}@media (max-width:650px){.learn-landing-grid{grid-template-columns:1fr}.learn-choice{min-height:108px;padding:18px}}.account-public-profile{min-width:0;margin:22px 0 24px}.account-statistics-title{letter-spacing:-.025em;color:var(--text);margin:0 0 18px;font-size:clamp(23px,3vw,31px);line-height:1.2}.account-profile-identity{min-width:0;margin:0 0 20px}.account-profile-identity h3{overflow-wrap:anywhere;margin:0;font-size:clamp(18px,2.5vw,25px)}.account-profile-identity p{color:var(--subtle-text);margin:5px 0 0;font-size:14px}.account-public-profile .stat-grid{margin-bottom:18px}.account-recent-games{margin-bottom:22px}.account-settings-card{max-width:760px;margin-top:0}@media (max-width:640px){.account-public-profile{margin-top:15px}.account-public-profile .stat-card{min-width:0;padding:14px}.account-public-profile .stat-card strong{font-size:clamp(22px,6vw,30px)}.account-public-profile .stat-card small{overflow-wrap:anywhere}}@media (min-width:1161px){.site-nav .main-links{column-gap:clamp(23px,2vw,34px)}}@media (min-width:1161px) and (max-width:1450px){.site-nav .main-links{column-gap:clamp(17px,1.4vw,23px)}}@media (max-width:1160px){.site-nav .mobile-menu-panel a{font-size:19px;line-height:1.35}}.site-nav .desktop-learn-options .desktop-learn-unavailable{min-height:44px;color:var(--subtle-text);opacity:.86;cursor:not-allowed;white-space:normal;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.learn-soon-badge{border:1px solid var(--border);letter-spacing:.035em;color:var(--subtle-text);background:var(--panel2);white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:3px 7px;font-size:10px;font-weight:800;line-height:1.2;display:inline-flex}.learn-choice-unavailable{cursor:not-allowed;color:var(--subtle-text);opacity:.85;-webkit-user-select:none;user-select:none}.learn-choice-unavailable:hover,.learn-choice-unavailable:focus-visible{border-color:var(--line,#49616a);transform:none}.learn-choice-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.learn-choice-unavailable .learn-choice-info strong{color:var(--subtle-text)}@media (max-width:650px){.learn-choice-title{gap:7px}}.board-editor-page .feature-heading{max-width:920px}.editor-layout{grid-template-columns:minmax(0,610px) minmax(320px,1fr);align-items:start;gap:28px;max-width:1180px;margin:0 auto 40px;display:grid}.editor-board-column{min-width:0;max-width:610px}.editor-board{aspect-ratio:1;border:3px solid var(--border);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:100%;display:grid;overflow:hidden}.editor-square{appearance:none;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;outline-offset:-3px;border:0;border-radius:0;justify-content:center;align-items:center;min-width:0;min-height:0;margin:0;padding:0;display:flex;position:relative}.editor-square.light{background:var(--lightSquare,#ead7b5)}.editor-square.dark{background:var(--darkSquare,#a47b56)}.editor-square.is-target:after{content:"";pointer-events:none;border:3px solid #f5a13e;border-radius:3px;position:absolute;inset:4%}.editor-square:hover{filter:brightness(1.055)}.editor-square img{width:92%!important;height:92%!important}.editor-coordinate-rank,.editor-coordinate-file{pointer-events:none;opacity:.8;font-size:clamp(9px,1vw,13px);font-weight:800;line-height:1;position:absolute}.editor-coordinate-rank{top:3px;left:4px}.editor-coordinate-file{bottom:3px;right:4px}.editor-square.dark .editor-coordinate-rank,.editor-square.dark .editor-coordinate-file{color:#fffdf8}.editor-square.light .editor-coordinate-rank,.editor-square.light .editor-coordinate-file{color:#694d34}.editor-palette{background:var(--panel);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:10px 0;padding:8px;display:grid}.editor-palette-piece{aspect-ratio:1;background:var(--panel2);min-height:46px;color:var(--text);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:2px solid #0000;border-radius:7px;justify-content:center;align-items:center;padding:4px;display:flex}.editor-palette-piece:hover,.editor-palette-piece:focus-visible{border-color:var(--subtle-text)}.editor-palette-piece.is-selected,.editor-tool-active{box-shadow:0 0 0 1px var(--green);border-color:var(--green)!important}.editor-eraser{cursor:pointer;font-size:24px}.editor-tools{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.editor-tools .secondary-button,.editor-main-actions a,.editor-main-actions span{text-align:center;white-space:normal;justify-content:center;align-items:center;min-height:42px;text-decoration:none;display:inline-flex}.editor-hint{color:var(--subtle-text);margin:8px 0 16px;font-size:13px;line-height:1.6}.editor-sidebar{gap:20px;min-width:0;display:grid}.editor-section{min-width:0}.editor-section h2{margin-top:0}.editor-fieldset{border:0;border-top:1px solid var(--border);min-width:0;margin:20px 0 0;padding:16px 0 0}.editor-fieldset legend{padding-right:12px;font-weight:750}.editor-radio-row,.editor-castling-grid{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.editor-radio-row label,.editor-castling-grid label{cursor:pointer;align-items:center;gap:7px;min-height:36px;display:inline-flex}.editor-castling-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.editor-castling-grid label:has(input:disabled){opacity:.45;cursor:not-allowed}.editor-advanced{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.editor-advanced .form-stack:first-child{grid-column:1/-1}.editor-advanced input,.editor-advanced select{width:100%;min-width:0;max-width:100%}.editor-section textarea{resize:vertical;overflow-wrap:anywhere;width:100%;min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.editor-position-status{border-left:3px solid var(--green);background:var(--panel2);margin:15px 0;padding:11px 13px;font-size:14px;line-height:1.5}.editor-position-warning{border-left-color:#e18a4c}.editor-main-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:15px;display:grid}.editor-main-actions a:first-child,.editor-main-actions span:first-child{grid-column:1/-1}.editor-action-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.editor-saved-list{gap:7px;margin:16px 0 0;padding:0;list-style:none;display:grid}.editor-saved-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-bottom:6px;display:flex}.editor-saved-list li button{color:var(--text);cursor:pointer;text-align:left;overflow-wrap:anywhere;background:0 0;border:0;padding:9px 6px}.editor-saved-list li .editor-delete-saved{color:var(--subtle-text);flex:none;font-size:19px}.editor-drag-ghost{pointer-events:none;z-index:1000;filter:drop-shadow(0 3px 8px #0008);width:64px;height:64px;position:fixed;transform:translate(-50%,-50%)}@media (max-width:920px){.editor-layout{grid-template-columns:minmax(0,1fr);max-width:650px;margin-inline:auto}.editor-board-column{width:100%;margin-inline:auto}}@media (max-width:480px){.editor-palette{gap:3px;padding:5px}.editor-palette-piece{min-height:38px;padding:2px}.editor-tools{gap:6px}.editor-tools .secondary-button{padding:9px 10px;font-size:13px}.editor-sidebar .feature-card{padding:16px}.editor-castling-grid{grid-template-columns:1fr 1fr}.editor-main-actions{grid-template-columns:1fr}.editor-main-actions a:first-child,.editor-main-actions span:first-child{grid-column:auto}.editor-advanced{grid-template-columns:1fr}}.board-annotations{aspect-ratio:1;isolation:isolate;width:100%;position:relative}.board-annotations-layer{pointer-events:none;z-index:6;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.f6-trainer{max-width:1210px}.f6-kicker{letter-spacing:2px;color:var(--green);margin:0 0 10px;font-size:11px;font-weight:850;display:inline-block}.f6-layout{grid-template-columns:minmax(0,640px) minmax(300px,1fr);align-items:start;gap:28px;display:grid}.f6-board-area{width:100%;min-width:0;max-width:650px}.f6-player-name{min-height:64px;color:var(--text);align-items:center;gap:12px;display:flex}.f6-player-name>div{gap:3px;display:grid}.f6-player-name strong{font-size:14px}.f6-player-name small{color:var(--subtle-text);font-size:11px}.f6-avatar{color:#fff4e9;background:#244a56;border-radius:11px;flex:none;place-items:center;width:41px;height:41px;font-size:18px;font-weight:900;display:grid}.f6-status{color:var(--subtle-text);text-align:right;margin-left:auto;font-size:11px}.f6-board-frame{background:0 0;border-radius:15px}.f6-board-frame .board-frame{border-radius:12px}.f6-controls{flex-wrap:wrap;gap:9px;margin:18px 0 8px;display:flex}.f6-controls button{border:1px solid var(--border);border-radius:9px;min-height:43px;padding:10px 13px;font-size:12px;font-weight:730}.f6-sidebar .feature-card{margin-bottom:15px;padding:23px}.f6-option-label{color:var(--text);margin:14px 0 9px;font-size:13px;font-weight:750}.f6-segments{gap:8px;display:flex}.f6-segments button{border:1px solid var(--border);background:var(--panel2);min-width:0;color:var(--text);border-radius:10px;flex:1;padding:12px 13px;font-size:12px;font-weight:750}.f6-segments button.active{background:var(--green);border-color:var(--green);color:var(--greenText)}.f6-explainer{min-height:37px;margin-bottom:8px;font-size:12px!important}.f6-live{color:var(--text);padding-top:22px;font-size:12px;font-weight:740}.f6-live-dot{background:#65c6a1;border-radius:100%;width:8px;height:8px;margin-right:8px;display:inline-block}.f6-ended strong{margin-top:20px;font-size:16px;display:block}.f6-feedback .f6-big-move{letter-spacing:-1.6px;justify-content:space-between;align-items:center;gap:9px;font-size:35px;font-weight:900;display:flex}.f6-tag-real,.f6-tag-approx{letter-spacing:0;color:#b7f1d0;white-space:nowrap;background:#345b4f;border-radius:25px;padding:6px 9px;font-size:10px;font-weight:750;display:inline-block}.f6-tag-approx{color:#ffd5a3;background:#664735}.f6-stats{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:9px;margin-top:19px;padding-top:17px;display:grid}.f6-stats>div{gap:4px;display:grid}.f6-stats strong{font-size:27px}.f6-stats small{color:var(--subtle-text);font-size:11px}.f6-moves{align-content:start;gap:2px;min-height:70px;max-height:280px;display:grid;overflow:auto}.f6-moves>p{margin:0}.f6-move-row{background:var(--panel2);border-radius:7px;grid-template-columns:40px 1fr 1fr;align-items:center;gap:10px;padding:7px 10px;font-size:13px;display:grid}.f6-move-row>span{color:var(--subtle-text);font-weight:750}.f6-move-row>strong{color:var(--text);font-weight:750}.f6-footnote{margin-top:16px!important;font-size:11px!important}.f6-promotion{background:var(--card-bg);border:1px solid var(--border);border-radius:13px;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0;padding:12px;display:flex}.f6-promotion>strong{width:100%;font-size:12px}.f6-promotion button{color:var(--text);border:1px solid var(--border);background:var(--panel2);border-radius:8px;padding:7px 13px;font-size:26px}.f6-promotion button:last-child{font-size:12px}.f6-error{color:#ffb1a7;margin:12px 0;font-size:12px}.f6-error button{color:inherit;background:0 0;border:0;text-decoration:underline}:root[data-theme=light] .f6-avatar{color:#173c49;background:#f3e2d5}:root[data-theme=light] .f6-tag-real{color:#246647;background:#dceee3}:root[data-theme=light] .f6-tag-approx{color:#925129;background:#ffecd8}@media (max-width:900px){.f6-layout{grid-template-columns:minmax(0,1fr)}.f6-board-area{margin-inline:auto}.f6-sidebar{grid-template-columns:1fr 1fr;gap:12px;display:grid}.f6-sidebar .feature-card:first-child{grid-column:1/-1}}@media (max-width:580px){.f6-trainer{padding-top:28px}.f6-sidebar{display:block}.f6-player-name{min-height:60px}.f6-controls button{white-space:nowrap;flex:1;padding:10px 7px}.f6-feedback .f6-big-move{font-size:29px}}.kerambit-tabs{flex-wrap:wrap;gap:9px;margin:0 0 24px;display:flex}.kerambit-tabs button{border:1px solid var(--border);background:var(--panel2);color:var(--text);cursor:pointer;border-radius:12px;min-height:48px;padding:13px 18px;font-weight:750}.kerambit-tabs button.active{background:var(--green);border-color:var(--green);color:var(--greenText)}.opponent-lookup{max-width:760px;margin:0 0 24px;padding:24px}.opponent-lookup label{margin:0 0 10px;font-weight:750;display:block}.opponent-lookup-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.opponent-lookup-line input{border:1px solid var(--border);min-width:190px;color:var(--text);background:var(--panel2);border-radius:9px;flex:1;padding:12px 15px;font-size:16px}.opponent-lookup small{color:var(--subtle-text);margin:12px 0 0;line-height:1.5;display:block}.opponent-loaded{color:var(--text);margin:0 0 19px;font-size:14px}.f6-style-note{color:var(--subtle-text);font-size:12px;line-height:1.5}.f6-style-hint{color:var(--text);margin:8px 0 0;font-size:12px}@media (max-width:540px){.kerambit-tabs button{flex:1;padding:12px 8px}.opponent-lookup-line input,.opponent-lookup-line button{width:100%}}.kerambit-level{width:100%;color:var(--text);background:var(--panel2);border:1px solid var(--border);border-radius:10px;margin:7px 0 16px;padding:11px 12px;font-size:13px;font-weight:650;display:block}.move-notation{width:100%;min-width:0;color:var(--text);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:4px 6px;font-weight:650;display:block}.move-notation:hover,.move-notation:focus-visible{background:var(--panel2);outline:1px solid var(--green)}.move-notation.is-selected{background:var(--green);color:var(--greenText);font-weight:850}.move-live-control{border:1px solid var(--green);color:var(--green);font:inherit;cursor:pointer;background:0 0;border-radius:7px;margin:8px 0;padding:7px 9px;font-size:12px;font-weight:750;display:block}.move-live-control:hover,.move-live-control:focus-visible{background:var(--panel2)}.f6-move-row>.move-notation{font-size:13px}.opponent-ratings{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.opponent-rating-chip{border:1px solid var(--border);background:var(--panel2);border-radius:8px;padding:5px 9px;font-size:12px}.opponent-loaded>small{color:var(--subtle-text);margin-top:9px;line-height:1.45;display:block}:root{--ui-gap-1:4px;--ui-gap-2:8px;--ui-gap-3:12px;--ui-gap-4:16px;--ui-gap-6:24px;--ui-focus:#ffb48e;--ui-radius:12px;--ui-text-min:13px;--ui-ok:#72d2aa;--ui-danger:#ffb0a6}:root[data-theme=light]{--ui-focus:#8e3b1e;--ui-ok:#116b46;--ui-danger:#a33325}html{scroll-padding-top:80px}:where(a,button,input,textarea,select,[role=tab]):focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}button,input,select,textarea{font-family:inherit}:where(.feature-heading,.page-heading) h1{letter-spacing:-.035em;text-wrap:balance}:where(.feature-card,.game-card,.side-panel) p{line-height:1.55}:where(.f6-style-note,.f6-style-hint,.f6-explainer,.f6-player-name small,.f6-status,.f6-stats small,.f6-feedback p,.opponent-lookup small,.f6-live,.turn-label,.moves-count,.player-subtitle,.card-description,.status-pill,.action){font-size:max(13px,.85em)}:where(.f6-sidebar .feature-card,.game-card){border-radius:var(--ui-radius);box-shadow:none}:where(.f6-sidebar .feature-card,.game-card) h2{letter-spacing:-.02em}:where(.f6-controls button,.f6-segments button,.f6-move-row .move-notation,.secondary-button,.move-live-control){min-height:44px}:where(.f6-controls button,.f6-segments button,.kerambit-tabs button,.secondary-button){font-size:14px}:where(.move-notation,.f6-move-row>.move-notation){min-height:38px;padding:8px 10px;font-size:14px}:where(.move-notation,.kerambit-tabs button,.f6-segments button)[aria-pressed=true]{font-weight:800}.f6-error{background:#5f302d32;border:1px solid #ac655b66;border-radius:10px;padding:12px;font-size:14px;line-height:1.55}.f6-error button{text-underline-offset:3px;min-height:40px;padding:4px 8px;font-size:14px;font-weight:750}.f6-style-hint{background:var(--panel2);border-left:3px solid var(--green);border-radius:7px;padding:10px 12px}.loading-state{color:var(--text);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 0;font-size:14px;line-height:1.5;display:flex}.loading-state .secondary-button{margin-left:auto;padding-inline:15px}.loading-spinner{border:2px solid var(--border);border-top-color:var(--green);border-radius:50%;flex:0 0 19px;width:19px;height:19px;animation:.85s linear infinite ui-spin}@keyframes ui-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-spinner{border-top-width:4px;animation:none}html{scroll-behavior:auto}:where(.primary-button,.secondary-button,.action){transition:none;transform:none}}.feature-wrap.f6-trainer{max-width:1380px;padding-top:20px}.feature-wrap.f6-trainer>.feature-heading{margin-bottom:12px}.feature-wrap.f6-trainer>.feature-heading h1{margin-bottom:4px;font-size:clamp(27px,2.8vw,37px);line-height:1.13}.feature-wrap.f6-trainer>.feature-heading p{max-width:1000px;font-size:14px;line-height:1.4}.kerambit-tabs{gap:8px;margin-bottom:12px}.kerambit-tabs button{min-height:44px;padding:9px 15px}.f6-game-intro{display:none}.f6-layout{grid-template-columns:minmax(0,min(64vw,640px)) minmax(290px,1fr);gap:clamp(16px,2vw,28px)}.f6-player-name{gap:10px;min-height:48px}.f6-avatar{border-radius:9px;width:34px;height:34px;font-size:15px}.f6-player-name small{line-height:1.35}.f6-board-frame .board-frame{box-shadow:0 8px 22px #0003}.f6-controls{margin:10px 0 8px}.f6-sidebar{flex-direction:column;gap:12px;min-width:0;display:flex}.f6-sidebar>.feature-card{margin:0;padding:16px 19px}.f6-sidebar>.feature-card:last-child{order:-3}.f6-sidebar>.feature-card:nth-child(2){order:-2}.f6-sidebar>.feature-card:first-child{order:-1}.f6-sidebar .feature-card h2{margin-bottom:10px;font-size:17px}.f6-sidebar .f6-moves{overscroll-behavior:contain;min-height:110px;max-height:230px}.f6-move-row{grid-template-columns:38px 1fr 1fr;gap:6px;padding:2px 6px}.f6-segments button{min-height:44px}.f6-sidebar .f6-option-label{margin:8px 0 6px}.game-mode-heading{margin-bottom:14px;padding:0}.page-heading.game-mode-heading{padding-bottom:10px}.game-mode-heading h1{letter-spacing:-.04em;margin-bottom:5px;font-size:clamp(26px,2.6vw,36px)}.game-mode-heading p{margin-top:5px;font-size:14px;line-height:1.4}.game-grid{grid-template-columns:minmax(0,min(64vw,650px)) minmax(290px,1fr);gap:clamp(16px,2vw,28px)}.main-wrap:has(.game-grid){max-width:1380px;padding-top:20px}.main-wrap:has(.game-grid) .player-line{height:53px}.main-wrap:has(.game-grid) .avatar{width:36px;height:36px;font-size:22px}.main-wrap:has(.game-grid) .board-frame{box-shadow:0 8px 25px #0003}.main-wrap:has(.game-grid) .side-panel{gap:12px}.main-wrap:has(.game-grid) .game-card{padding:17px 19px}.main-wrap:has(.game-grid) .card-description{margin-top:8px}.main-wrap:has(.game-grid) .side-panel .moves-card{order:-1}.main-wrap:has(.game-grid) .moves-list{overscroll-behavior:contain;height:180px}.main-wrap:has(.game-grid) .board-actions{margin-top:6px;padding-top:8px}.main-wrap:has(.game-grid) .clock{min-width:118px;padding:7px 10px;font-size:20px}@media (min-width:901px){.f6-board-area{max-width:640px}}@media (max-width:1000px){.f6-layout,.game-grid{grid-template-columns:minmax(0,1fr)}.f6-board-area,.board-panel{width:100%;max-width:min(100%,630px);margin-inline:auto}.f6-sidebar{flex-direction:column;display:flex}.side-panel{width:100%;max-width:630px;margin-inline:auto}}@media (max-width:600px){.feature-wrap.f6-trainer{padding:14px 12px 48px}.feature-wrap.f6-trainer>.feature-heading h1{font-size:27px}.feature-wrap.f6-trainer>.feature-heading p{font-size:13px}.f6-player-name{min-height:44px}.f6-controls{gap:5px}.f6-controls button{flex:auto;padding:8px;font-size:13px}.f6-sidebar>.feature-card{padding:15px}.f6-sidebar .f6-moves{max-height:210px}.main-wrap:has(.game-grid){padding:12px 12px 45px}.main-wrap:has(.game-grid) .player-line{height:47px}.main-wrap:has(.game-grid) .clock{min-width:100px;padding:6px 8px;font-size:17px}.main-wrap:has(.game-grid) .game-card{padding:15px}.game-mode-heading h1{font-size:26px}.f6-move-row{grid-template-columns:30px 1fr 1fr}}@media (forced-colors:active){.move-notation.is-selected,.f6-segments button.active,.kerambit-tabs button.active{outline:2px solid highlight}}.training-instructions{color:var(--subtle-text);border-top:1px solid var(--border);margin-top:12px;padding-top:10px;font-size:14px}.training-instructions summary{color:var(--text);cursor:pointer;align-items:center;gap:6px;min-height:40px;font-weight:650;display:flex}.training-instructions summary:before{content:"▸";color:var(--green);font-size:16px}.training-instructions[open] summary:before{content:"▾"}.training-instructions p{margin:6px 0;line-height:1.5}.platform-picker-inline{margin-bottom:20px}.platform-picker-inline .platform-picker-label{margin-bottom:9px}.premove-input-overlay{z-index:5;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));display:grid;position:absolute;inset:0}.premove-input-square{pointer-events:none;min-width:0;min-height:0}.premove-input-square.is-selected{background:#e6b34f66;box-shadow:inset 0 0 0 3px #e6b34f}.premove-drag-ghost{aspect-ratio:1;z-index:10;pointer-events:none;filter:drop-shadow(0 4px 4px #0007);width:11.25%;position:absolute;transform:translate(-50%,-50%)}:root[data-board=ocean]{--darkSquare:#24788a;--lightSquare:#d6f1e9}.board-swatch-ocean{--swatch-light:#d6f1e9;--swatch-dark:#24788a}.editor-diagram-export .form-stack{gap:8px;font-weight:650}.editor-diagram-export .form-stack input{width:100%;min-width:0;max-width:100%;font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:11px 13px}.editor-diagram-options{flex-wrap:wrap;gap:12px 20px;margin:16px 0;display:flex}.editor-diagram-options label{cursor:pointer;align-items:center;gap:8px;min-height:40px;font-size:14px;display:inline-flex}.editor-diagram-options input{accent-color:var(--green);width:18px;height:18px}.editor-diagram-export .editor-tools .primary-button,.editor-diagram-export .editor-tools .secondary-button{justify-content:center;align-items:center;min-height:44px;display:inline-flex}
.profile-menu-shell{flex:0 auto;min-width:0;position:relative}.profile-menu-trigger{border:1px solid var(--border);background:var(--panel2);max-width:min(290px,50vw);min-height:44px;color:var(--text);cursor:pointer;font:inherit;text-align:left;border-radius:11px;align-items:center;gap:9px;padding:9px 12px;font-size:13px;font-weight:750;transition:background .15s,border-color .15s;display:flex}.profile-menu-trigger:hover,.profile-menu-trigger.is-open,.profile-menu-trigger:focus-visible{background:var(--panel);border-color:var(--green);outline-offset:2px}.profile-trigger-label{white-space:normal;overflow-wrap:anywhere;word-break:normal;min-width:0;line-height:1.3;display:block}.profile-trigger-arrow{opacity:.8;flex:none;transition:transform .18s}.profile-menu-trigger.is-open .profile-trigger-arrow{transform:rotate(180deg)}.profile-trigger-avatar,.profile-dropdown-avatar{background:var(--green);width:30px;height:30px;color:var(--greenText);border-radius:50%;flex-shrink:0;place-items:center;font-size:15px;font-weight:900;display:grid;overflow:hidden}.profile-trigger-avatar img,.profile-dropdown-avatar img{object-fit:cover;width:100%;height:100%}.profile-dropdown{z-index:115;background:var(--panel);border:1px solid var(--border);border-radius:13px;gap:2px;width:min(278px,100vw - 22px);padding:8px;display:grid;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 16px 44px #0007}.profile-dropdown>a,.profile-dropdown-logout{min-height:42px;color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;padding:10px 12px;font-size:14px;font-weight:650;text-decoration:none;display:flex}.profile-dropdown>a:hover,.profile-dropdown>a:focus-visible,.profile-dropdown-logout:hover,.profile-dropdown-logout:focus-visible{background:var(--panel2);color:var(--green)}.profile-dropdown-logout{width:100%;color:var(--muted)}.profile-dropdown-logout:disabled{opacity:.5;cursor:wait}.profile-dropdown-divider{background:var(--border);height:1px;margin:6px 2px}.profile-dropdown-identity{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-width:0;margin-bottom:4px;padding:9px 11px 12px;display:flex}.profile-dropdown-avatar{width:40px;height:40px}.profile-dropdown-identity>div{gap:3px;min-width:0;display:grid}.profile-dropdown-identity strong{white-space:normal;overflow-wrap:anywhere;color:var(--text)}.profile-dropdown-identity small{color:var(--muted);letter-spacing:.08em;font-size:10px}@media (max-width:1160px){.header-actions{margin-left:auto}.profile-menu-trigger{max-width:min(225px,53vw)}}@media (max-width:430px){.profile-menu-trigger{gap:5px;max-width:min(182px,48vw);padding:8px 9px;font-size:12px}.profile-trigger-avatar{width:26px;height:26px}.profile-trigger-arrow{width:11px;height:11px}}@media (max-width:340px){.profile-menu-trigger{max-width:135px;font-size:11px}}@media (pointer:coarse){.editor-board,.editor-square,.editor-palette-piece{touch-action:manipulation}}.editor-board-column .editor-hint[role=status]{background:var(--panel);border:1px solid var(--border);border-radius:10px;margin-top:12px;padding:10px 12px}.site-nav .main-links a,.site-nav .desktop-learn-options .desktop-learn-unavailable,.site-nav .mobile-menu-panel a,.site-nav .mobile-menu-panel .mobile-learn-toggle,.site-nav .menu-toggle .burger-label,.site-nav .profile-dropdown>a,.site-nav .profile-dropdown-logout,.site-nav .profile-menu-trigger.is-guest .profile-trigger-label{text-transform:uppercase;letter-spacing:.025em}a.profile-menu-trigger{text-decoration:none}.profile-trigger-label{text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;word-break:normal;min-width:0;max-width:100%;overflow:hidden}.profile-label-compact{display:none}@media (max-width:700px){.site-nav .profile-menu-trigger.is-guest{justify-content:center;gap:6px;width:auto;min-width:0;max-width:none;min-height:44px;padding:8px 11px}.site-nav .profile-menu-trigger.is-guest .profile-trigger-label{white-space:nowrap;font-size:13px;line-height:1.25}.profile-label-full{display:none}.profile-label-compact{display:inline}.site-nav .profile-menu-trigger.is-authenticated{min-width:0;max-width:clamp(95px,27vw,145px)}}@media (max-width:360px){.site-nav .profile-menu-trigger.is-guest{gap:4px;padding:8px}}
.site-nav .guest-auth-preview{cursor:not-allowed;opacity:.8}.site-nav .guest-auth-preview:hover{background:var(--panel2);border-color:var(--border)}.site-nav .guest-auth-preview:focus-visible{outline:2px solid var(--green);outline-offset:2px}.site-nav .guest-auth-notice{z-index:120;background:var(--panel);border:1px solid var(--border);width:max-content;min-width:180px;max-width:calc(100vw - 24px);color:var(--text);text-align:center;border-radius:10px;padding:11px 15px;font-size:13px;font-weight:700;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 14px 32px #0006}.play-hub .play-mode-choice:disabled{opacity:.53;cursor:not-allowed;box-shadow:none}.play-hub .play-mode-choice:disabled:hover{background:var(--panel2);border-color:var(--border)}.hierarchy-landing .guest-choice-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.play-hub .play-mode-choice[aria-disabled=true]{opacity:.68;cursor:not-allowed;position:relative}.play-hub .play-mode-choice[aria-disabled=true]:hover{border-color:var(--border)}.play-hub .guest-online-notice{border:1px solid var(--border);background:var(--panel2);color:var(--text);border-radius:10px;margin:10px 0 0;padding:10px 14px;font-size:13px;font-weight:700}.site-nav .guest-auth-preview{position:relative}:where(.site-nav .guest-auth-preview,.play-hub .play-mode-choice)[data-guest-tooltip]:after{content:attr(data-guest-tooltip);background:var(--panel);border:1px solid var(--border);color:var(--text);text-align:center;z-index:160;opacity:0;visibility:hidden;pointer-events:none;white-space:normal;border-radius:9px;min-width:max-content;max-width:min(260px,90vw);padding:10px 12px;font-size:12px;font-weight:700;line-height:1.35;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 12px 28px #0005}:where(.site-nav .guest-auth-preview,.play-hub .play-mode-choice)[data-guest-tooltip]:is(:hover,:focus-visible):after{opacity:1;visibility:visible}@media (hover:none){:where(.site-nav .guest-auth-preview,.play-hub .play-mode-choice)[data-guest-tooltip]:after{display:none}}