@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--bg:#101314;--panel:#191d1e;--panel-raised:#202526;--border:#303637;--text:#ebedf0;--muted:#8c9196;--subtle:#656b71;--green:#c1d7f0;--green-dark:#27313c;--amber:#d5b580;--radius:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.38}button:not(:disabled),a{transition:color .15s,background .15s,border-color .15s,opacity .15s,transform .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:3px}::selection{color:#fff;background:#506174}svg{flex-shrink:0}button svg{vertical-align:middle}h1,h2,h3,p{margin:0}button:hover:not(:disabled){color:var(--green)}.app-shell{min-height:100vh;display:flex}.rail{z-index:10;background:#131718;border-right:1px solid #292c2f;flex-direction:column;align-items:center;width:82px;display:flex;position:fixed;inset:0 auto 0 0}.brand-symbol{background:var(--green);color:#171f29;border-radius:13px;place-items:center;width:43px;height:43px;margin:23px 0 37px;display:grid}.rail-links{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.rail-link{color:#80868d;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:58px;min-height:60px;display:flex;position:relative}.rail-link span{font-size:10px;font-weight:500}.rail-link.active{color:var(--green);background:#252d36}.rail-link.active:before{content:"";background:var(--green);border-radius:2px;width:3px;height:21px;position:absolute;left:-12px}.rail-link.selected{color:var(--green)}.rail-link:hover{background:#202327}.rail-bottom{flex-direction:column;align-items:center;gap:2px;margin-top:auto;padding-bottom:22px;display:flex}.rail-bottom .rail-link{min-height:43px}.rail-avatar{color:#ced3d8;background:#30353b;border:1px solid #464c53;border-radius:50%;place-items:center;width:32px;height:32px;margin-top:17px;font-size:12px;display:grid}.main-shell{width:calc(100% - 82px);margin-left:82px}.topbar{border-bottom:1px solid #25282c;justify-content:space-between;align-items:center;gap:20px;height:83px;padding:0 40px;display:flex}.wordmark{letter-spacing:-1px;align-items:center;font-family:Manrope,sans-serif;font-size:23px;font-weight:650;display:flex}.wordmark>span{color:#a1a6ab;font-weight:400}.wordmark>i{letter-spacing:1.3px;color:#9ca2a9;border:1px solid #3d4146;border-radius:4px;margin-left:12px;padding:4px 5px;font:9px DM Sans,sans-serif}.topbar-center{color:#7f848a;letter-spacing:.1px;align-items:center;gap:8px;font-size:11px;display:flex}.tiny-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.topbar-center .tiny-dot{color:#788594}.header-actions{align-items:center;gap:17px;display:flex}.icon-button{color:#9aa0a6;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-width:32px;height:32px;padding:0 7px;display:inline-flex}.icon-button:hover:not(:disabled){background:#ffffff08}.icon-button.active{color:var(--green)}.account-button{color:#d5d9dd;border:1px solid #3c4248;border-radius:7px;align-items:center;gap:12px;height:35px;padding:0 13px;font-size:11px;display:flex}.tiny-avatar{width:20px;height:20px;color:var(--green);background:#333e4b;border-radius:50%;place-items:center;font-size:10px;display:grid}main{max-width:1600px;margin:auto;padding:36px 40px 0}.page-intro{justify-content:space-between;align-items:center;gap:24px;margin-bottom:29px;display:flex}.eyebrow{letter-spacing:2.2px;color:#afbac6;align-items:center;gap:7px;margin-bottom:11px;font-size:9px;font-weight:650;display:flex}.eyebrow .tiny-dot{color:var(--green);width:4px;height:4px}h1{letter-spacing:-1.05px;font-family:Manrope,sans-serif;font-size:29px;font-weight:650;line-height:1.35}h1>span{color:#898e94;font-weight:450}.page-intro p{color:#878d93;margin-top:8px;font-size:12px;line-height:1.7}.button{white-space:nowrap;background:#24282c;border:1px solid #3a3f44;border-radius:8px;justify-content:center;align-items:center;gap:9px;height:42px;padding:0 17px;font-size:12px;font-weight:600;display:inline-flex}.button.primary{background:var(--green);color:#1f2832;border-color:var(--green)}.button.primary:hover:not(:disabled){color:#181f28;background:#d3e6fb}.new-game{margin-top:10px}.play-layout{grid-template-columns:minmax(450px,1fr) 355px;align-items:start;gap:25px;display:grid}.game-column{min-width:0}.board-card{background:var(--panel);border-radius:var(--radius);border:1px solid #344749;overflow:hidden;box-shadow:0 24px 70px #0004,0 0 0 1px #85b2e504,inset 0 1px #b2d1f50a}.board-toolbar{border-bottom:1px solid #2d3034;justify-content:space-between;align-items:center;gap:12px;height:57px;padding:0 20px;display:flex}.segmented{background:#131619;border:1px solid #2c3136;border-radius:7px;align-items:center;gap:2px;padding:3px;display:flex}.segmented button{color:#8d949c;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:6px 11px;font-size:10px;display:flex}.segmented button.active{color:#d7dfe9;background:#30363d;box-shadow:0 1px 4px #0002}.board-toolbar-right{align-items:center;gap:11px;display:flex}.untimed{color:#888d93;align-items:center;gap:5px;font-size:10px;display:flex}.player-strip{z-index:1;align-items:center;gap:11px;min-height:79px;padding:18px 25px;display:flex;position:relative}.opponent{padding-bottom:10px}.human{padding-top:8px;padding-bottom:17px}.player-avatar{border-radius:9px;place-items:center;width:37px;height:37px;font-size:15px;font-weight:600;display:grid}.engine-avatar{color:#b7cce4;background:#2c3238;border:1px solid #495562}.human-avatar{color:#ccd3da;background:#35393d;border:1px solid #4e555d}.player-info{flex-direction:column;gap:5px;min-width:0;display:flex}.player-info>strong{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:9px;font-size:13px;font-weight:550;display:flex;overflow:hidden}.player-info>span{color:#858c94;white-space:nowrap;text-overflow:ellipsis;max-width:330px;font-size:10px;line-height:1.3;overflow:hidden}.small-badge{letter-spacing:1px;color:#aab4bf;background:#35393e;border:1px solid #40464c;border-radius:3px;padding:3px 4px;font-size:7px;font-weight:500}.turn-pill{color:#a3a8ad;background:#22262a;border:1px solid #33383d;border-radius:5px;align-items:center;gap:7px;margin-left:auto;padding:6px 9px;font-size:10px;display:flex}.piece-side{background:#34373b;border:1px solid #6e7680;border-radius:50%;width:8px;height:8px;display:inline-block}.turn-pill.thinking{color:var(--green)}.thinking-dots{align-items:center;gap:3px;display:flex}.thinking-dots i{background:var(--green);border-radius:50%;width:3px;height:3px;animation:1s infinite pulse}.thinking-dots i:nth-child(2){animation-delay:.2s}.thinking-dots i:nth-child(3){animation-delay:.4s}.board-stage{isolation:isolate;background:radial-gradient(at 50% 46%,#173a43 0%,#0c202c 43%,#08131e 75%,#07121b 100%);border-top:1px solid #5cbdbe14;border-bottom:1px solid #5cbdbe1c;width:100%;height:520px;position:relative;overflow:hidden;container-type:size}.board-stage>div:has(>canvas){z-index:1}.board-stage canvas{touch-action:none;display:block}.ambient-orbit{pointer-events:none;z-index:0;border:1px solid #8cb7e913;border-radius:50%;width:92%;height:82%;position:absolute;top:21%;left:4%;transform:rotateX(64deg);box-shadow:0 0 0 30px #75a6df04,0 0 0 64px #75a6df03,0 0 70px #44d2d208}.board-view-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:4;background:#0a1925d9;border:1px solid #39585e;border-radius:7px;align-items:center;padding:3px;display:flex;position:absolute;bottom:14px;right:18px;box-shadow:0 4px 16px #0003}.board-view-controls>button{color:#8eaeb0;border-radius:4px;min-width:28px;padding:5px 7px;font-size:9px}.board-view-controls>button.active{color:#c3dbf6;background:#244b4e;box-shadow:inset 0 0 0 1px #9bbfe912}.board-view-controls .icon-button{border-left:1px solid #365054;border-radius:0;min-width:24px;height:23px;margin-left:4px;padding:0 4px}.return-live{color:#c8eaff;z-index:5;background:#243848ed;border:1px solid #79a3bc;border-radius:20px;align-items:center;gap:6px;padding:8px 12px;font-size:10px;display:flex;position:absolute;bottom:52px;left:50%;transform:translate(-50%)}.preview-active{background:radial-gradient(at 50% 46%,#204453 0%,#102a3c 43%,#091725 75%,#07121c 100%)}.board-loading{color:#a1aab4;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;font-size:11px;display:flex}.you-label{color:#8e959e;border:1px solid #363d44;border-radius:4px;padding:3px 6px;font-size:9px;font-weight:400}.turn-indicator{color:#727a84;white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-size:10px;display:flex}.turn-indicator.your-turn{color:#c5d6ea}.turn-indicator .tiny-dot{width:4px;height:4px}.board-footer{border-top:1px solid #2b3035;justify-content:space-between;align-items:center;gap:10px;height:47px;padding:0 19px;display:flex}.board-footer>div{align-items:center;gap:7px;display:flex}.quiet-button{color:#9299a0;align-items:center;gap:6px;padding:6px;font-size:10px;display:inline-flex}.footer-divider{background:#373c41;width:1px;height:15px;margin:0 4px}.moves-panel{background:#17191c;border:1px solid #303438;border-radius:10px;margin-top:16px;padding:14px 18px}.section-label{letter-spacing:1.45px;color:#848d98;justify-content:space-between;align-items:center;gap:12px;font-size:8px;font-weight:650;display:flex}.section-label>span{letter-spacing:0;color:#78818b;font-size:9px;font-weight:400}.move-scroll{scrollbar-width:thin;scrollbar-color:#39414b transparent;align-items:center;gap:17px;min-height:33px;margin-top:8px;display:flex;overflow:auto}.empty-moves{color:#67717c;padding:5px 0;font-size:11px}.move-pair{flex-shrink:0;align-items:center;gap:6px;font-size:11px;display:flex}.move-pair>span{color:#68727d;min-width:16px}.move-pair>b{color:#b9c0c8;min-width:30px;padding:5px 7px;font-weight:450}.move-pair>b.latest{color:#c6d7eb;background:#343f4c;border:1px solid #546272;border-radius:4px}.under-board{color:#6d757f;align-items:center;gap:6px;margin-top:13px;font-size:9px;display:flex}.keyboard-tip{color:#555e69;margin-left:auto}.history-column{border:1px solid var(--border);border-radius:var(--radius);background:#191b1e;flex-direction:column;min-height:718px;max-height:calc(100vh - 210px);display:flex;overflow:hidden}.history-heading{align-items:center;gap:10px;padding:23px 20px 21px;display:flex}.history-symbol{color:#b7cadf;background:#30373e;border:1px solid #434d58;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.history-heading h2{letter-spacing:-.4px;font-family:Manrope,sans-serif;font-size:15px;font-weight:600}.history-heading p{color:#899099;margin-top:5px;font-size:10px}.live-badge{color:#a6bcd6;letter-spacing:.8px;border:1px solid #475462;border-radius:4px;align-items:center;gap:5px;margin-left:auto;padding:4px 5px;font-size:7px;display:flex}.live-badge .tiny-dot{width:3px;height:3px}.history-tabs{border-bottom:1px solid #30363c;flex-shrink:0;align-items:center;gap:20px;height:40px;padding:0 19px;display:flex}.history-tabs>button{color:#858c94;white-space:nowrap;align-items:center;gap:6px;height:100%;font-size:10px;display:flex;position:relative}.history-tabs>button.active{color:#cfdded}.history-tabs>button.active:after{content:"";background:#aec3dc;height:2px;position:absolute;bottom:-1px;left:0;right:0}.history-tabs>button:last-child{margin-left:auto}.history-tabs>button>span{color:#aac0d9;background:#303943;border-radius:3px;padding:2px 4px;font-size:8px}.history-content{scrollbar-width:thin;scrollbar-color:#373e46 transparent;flex:1;min-height:0;overflow:auto}.history-waiting{text-align:center;padding:26px 14px 27px}.echo-illustration{color:#b0bdcb;place-items:center;width:120px;height:106px;margin:0 auto 12px;display:grid;position:relative}.echo-ring{border:1px solid #6d7b8b33;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-one{background:#5c687513;width:53px;height:53px}.ring-two{border-style:dashed;border-color:#66778a40;width:82px;height:82px}.ring-three{border-color:#63718029;width:106px;height:106px}.orbit-dot{background:#adc1d8;border-radius:50%;width:5px;height:5px;position:absolute;top:36px;right:17px;box-shadow:0 0 12px #95adc988}.history-waiting h3{letter-spacing:-.3px;font-family:Manrope,sans-serif;font-size:15px;font-weight:600}.history-waiting p{color:#848d97;margin-top:9px;font-size:10px;line-height:1.8}.opening-progress{justify-content:center;align-items:center;gap:6px;margin:19px auto 9px;display:flex}.opening-progress>span{color:#8fa6c0;background:#262c33;border:1px solid #3c4550;border-radius:4px;place-items:center;width:15px;height:15px;display:grid}.opening-progress>span.done{color:#192430;background:#97b1cf;border-color:#97b1cf}.progress-caption{color:#66727f;letter-spacing:.3px;font-size:8px}.library-section{border-top:1px solid #30353b;padding:19px 17px 18px}.library-section>.section-label{margin:0 2px 15px}.library-card{background:#1d2125;border:1px solid #2f3741;border-radius:8px;align-items:stretch;gap:11px;min-height:92px;margin-bottom:9px;padding:13px 12px;display:flex;position:relative}.library-year{border-right:1px solid #343d48;flex-direction:column;align-items:center;gap:6px;min-width:40px;padding-top:2px;padding-right:11px;display:flex}.library-year>span:first-child{color:#b4c1cf;letter-spacing:-.5px;font-family:Manrope,sans-serif;font-size:15px;font-weight:600}.library-year>span:last-child{color:#738192;letter-spacing:1px;font-size:6px}.library-card-body{flex:1;min-width:0}.library-card h3{color:#c7d1dd;padding-right:8px;font-size:10px;font-weight:550;line-height:1.7}.library-card h3>span{color:#697583;margin:0 2px}.library-card p{color:#7b8896;white-space:nowrap;text-overflow:ellipsis;max-width:195px;margin-top:3px;font-size:8px;line-height:1.6;overflow:hidden}.library-card-bottom{justify-content:space-between;align-items:center;gap:8px;margin-top:9px;font-size:8px;display:flex}.library-card-bottom>span{color:#6c7b8c;white-space:nowrap;align-items:center;gap:5px;display:flex}.library-card-bottom i{background:#445262;border-radius:50%;width:3px;height:3px}.library-card-bottom>button{color:#aec0d4;white-space:nowrap;align-items:center;gap:4px;padding:0;font-size:8px;display:flex}.bookmark-mini{color:#5e6f82;opacity:.55;padding:3px;position:absolute;top:6px;right:7px}.bookmark-mini:hover,.bookmark-mini.active{opacity:1;color:#b5cae2}.bookmark-mini.active svg{fill:#b3c6dc33}.browse-library{color:#9eadbf;border:1px solid #35404d;border-radius:6px;justify-content:center;align-items:center;gap:9px;width:100%;height:31px;margin-top:14px;font-size:9px;display:flex}.archive-footer{color:#707e8e;background:#181c20;border-top:1px solid #2f353b;flex-shrink:0;align-items:center;gap:6px;padding:14px 19px;font-size:8px;display:flex}.archive-footer button{color:#67798d;margin-left:auto;padding:0}.page-footer{color:#535f6d;justify-content:space-between;align-items:center;padding:24px 1px 25px;font-size:9px;display:flex}.page-footer button{color:#7e8a97;align-items:center;gap:5px;font-size:9px;display:flex}.search-box{color:#7d8793;background:#13171b;border:1px solid #323c48;border-radius:7px;flex-shrink:0;align-items:center;gap:8px;margin:16px 17px 0;padding:10px 11px;display:flex}.search-box input{color:#c8d3e0;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:10px}.search-box input::placeholder{color:#6a7684}.search-box+.history-content .library-section{border:0}.search-box button{color:#78889a;padding:0}.match-summary{color:#97acc3;align-items:center;gap:6px;padding:16px 19px;font-size:9px;display:flex}.match-summary>.tiny-dot{width:4px;height:4px}.match-summary>svg{margin-left:auto}.history-card{background:#1e2328;border:1px solid #333c47;border-radius:9px;margin:0 16px 11px;overflow:hidden}.history-card.selected{background:#222b35;border-color:#6a7f96;box-shadow:0 0 0 1px #99b8dc10}.history-card-main{text-align:left;width:100%;padding:14px 14px 12px;display:block}.card-kicker{color:#808fa1;justify-content:space-between;align-items:center;font-size:9px;display:flex}.match-tag{letter-spacing:.65px;color:#a4bbd5;align-items:center;gap:4px;font-size:7px;display:flex}.match-tag .tiny-dot{width:3px;height:3px}.match-tag.transposition{color:#b9cdd1}.history-card h3{color:#d7e0ea;flex-wrap:wrap;align-items:baseline;gap:5px;margin-top:10px;font-size:12px;font-weight:550;line-height:1.65;display:flex}.history-card h3>span{color:#738395;font-size:9px;font-weight:400}.history-card-main>p{color:#78899c;margin-top:4px;font-size:9px;line-height:1.5}.card-meta{color:#76879a;align-items:center;gap:10px;margin-top:11px;font-size:8px;display:flex}.card-meta>span+span:before{content:"·";color:#495a6e;margin-right:10px}.card-meta svg{color:#98adc5;margin-left:auto}.continuation-panel{padding:1px 13px 14px}.continuation-heading{letter-spacing:.7px;color:#8ba2bc;border-top:1px solid #3f5064;justify-content:space-between;align-items:center;gap:6px;padding-top:5px;font-size:7px;display:flex}.continuation-heading .icon-button{min-width:24px;height:27px}.continuation-moves{flex-wrap:wrap;gap:3px;margin:7px 0 9px;display:flex}.continuation-moves button{color:#b4c9e1;background:#151c24;border:1px solid #344456;border-radius:4px;align-items:center;gap:4px;padding:6px 7px;font-size:11px;display:flex}.continuation-moves button small{color:#6e849e;font-size:8px}.continuation-moves button:hover,.continuation-moves button.active{color:#e8f3ff;background:#384d65;border-color:#91a9c5}.preview-actions{align-items:center;gap:4px;display:flex}.preview-actions>button:first-child{color:#aabfd7;align-items:center;gap:6px;margin-right:auto;font-size:9px;display:flex}.preview-actions .icon-button{min-width:22px;height:24px;padding:0}.historical-note{color:#6b819b;margin:9px 0 12px;font-size:8px;line-height:1.6}.coach-button{color:#b8cde4;background:#263445;border:1px solid #3f5671;border-radius:5px;align-items:center;gap:6px;width:100%;height:33px;padding:0 9px;font-size:9px;display:flex}.coach-button>span{color:#7590ae;letter-spacing:.2px;margin-left:auto;font-size:6px}.coach-message{color:#9fb2c7;margin-top:9px;font-size:10px;line-height:1.7}.coach-explanation{color:#bacadd;padding:13px 0 5px;font-size:11px;line-height:1.7}.coach-explanation>span{letter-spacing:1px;color:#7892b0;margin-bottom:6px;font-size:7px;display:block}.coach-explanation strong{font-weight:600}.coach-explanation p{margin-top:7px}.coach-explanation .caution{color:#c2b789}.source-link{color:#738ba6;align-items:center;gap:5px;margin-top:11px;font-size:8px;line-height:1.5;display:inline-flex}.load-more{color:#96abc3;border:1px solid #303f51;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:calc(100% - 32px);margin:0 16px 16px;padding:10px;font-size:10px;display:flex}.no-matches{text-align:center;color:#aab9ca;padding:30px 23px}.no-matches svg{color:#849ab4}.no-matches h3{margin:15px 0 9px;font-size:15px}.no-matches p{color:#788a9f;font-size:11px;line-height:1.8}.text-button{color:#a8bfda;align-items:center;gap:6px;margin-top:14px;font-size:10px;display:inline-flex}.error-strip,.check-strip{color:#ddc48e;background:#3a301e;border-top:1px solid #715d35;justify-content:space-between;align-items:center;gap:8px;padding:10px 23px;font-size:11px;line-height:1.6;display:flex}.check-strip{color:#e8c692;justify-content:flex-start}.error-strip button{white-space:nowrap;text-decoration:underline}.historical-ending{background:#222a33;border-top:1px solid #334150;padding:16px 23px}.historical-ending>strong{color:#a9c0da;font-size:12px}.historical-ending p{color:#8095ad;margin-top:5px;font-size:10px;line-height:1.7}.notice{color:#b8c7d8;background:#202933;border:1px solid #374658;border-radius:7px;margin:14px 16px;padding:12px;font-size:11px;line-height:1.7}.inline-notice{align-items:center;gap:13px;margin:0 0 18px;padding:8px 13px;display:flex}.inline-notice>button:not(.icon-button){color:#b8cde6;align-items:center;gap:7px;margin-left:auto;font-size:11px;display:flex}.inline-notice .icon-button{min-width:24px;height:24px}.toast{z-index:60;color:#c7d9ed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#202a36f5;border:1px solid #687e97;border-radius:9px;align-items:center;gap:10px;max-width:calc(100% - 30px);padding:13px 15px;font-size:12px;line-height:1.6;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0007}.toast>svg{color:var(--green)}.toast>button{color:#90a6c0;margin-left:5px;padding:0}.modal{color:#dee6ef;background:#1b2127;border:1px solid #404f60;border-radius:17px;width:min(460px,100vw - 30px);max-height:85vh;padding:25px;overflow:auto;box-shadow:0 30px 100px #0008}.modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05090eb3}.modal-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:8px;display:flex}.modal-header h2{letter-spacing:-.5px;font-family:Manrope,sans-serif;font-size:20px;font-weight:600}.modal-copy{color:#8a9cb0;margin:12px 0 23px;font-size:12px;line-height:1.8}.form-label{letter-spacing:1.1px;color:#93a8c0;justify-content:space-between;align-items:center;gap:7px;margin:22px 0 10px;font-size:8px;font-weight:600;display:flex}.form-label>b{letter-spacing:0;color:#bdd1e8;font-size:10px;font-weight:450}.side-options{gap:10px;display:flex}.side-options>button{color:#b1c2d5;background:#131b25;border:1px solid #36485d;border-radius:9px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:13px 10px;font-size:12px;display:flex}.side-options>button.selected{color:#d2e4f9;background:#25384d;border-color:#9fbcde}.side-options>button>span{font-family:Georgia,serif;font-size:39px;line-height:1.2}.side-options small{color:#798da4;font-size:8px}.level-slider{width:100%;accent-color:var(--green)}.slider-labels{color:#73879d;justify-content:space-between;margin-top:6px;font-size:8px;display:flex}.small-copy{color:#73879e;margin:17px 0;font-size:10px;line-height:1.8;display:block}.small-copy>svg{vertical-align:middle;margin-right:6px}.full-width{width:100%;margin-top:12px}.setting-row{border-bottom:1px solid #2e3d4f;justify-content:space-between;align-items:center;gap:20px;padding:19px 0;display:flex}.setting-row:last-child{border-bottom:0}.setting-row strong{color:#c7d7e9;font-size:12px;font-weight:550}.setting-row p{color:#73869c;margin-top:6px;font-size:10px;line-height:1.6}.setting-row input{accent-color:var(--green);width:17px;height:17px}.setting-row select{color:#b9cade;background:#1d2835;border:1px solid #415367;border-radius:6px;max-width:160px;padding:8px;font-size:10px}.setting-row .segmented{flex-shrink:0}.text-input{color:#c7d7e9;background:#0f1720;border:1px solid #405267;border-radius:7px;width:100%;padding:12px 13px;font-size:12px}.text-input::placeholder{color:#5b6f86}.google-button{background:#233141;border-color:#3a4f66}.or-divider{text-align:center;color:#7f90a3;margin:20px 0;font-size:10px;position:relative}.or-divider:before,.or-divider:after{content:"";background:#314052;width:27%;height:1px;position:absolute;top:50%}.or-divider:before{left:0}.or-divider:after{right:0}.feature-icon{color:#a8c4e3;background:#263546;border:1px solid #3d526a;border-radius:13px;place-items:center;width:53px;height:53px;margin-top:22px;display:grid}.promotion-options{gap:8px;display:flex}.promotion-options button{background:#1e2d3f;border:1px solid #3d5774;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:13px 6px;font-size:11px;display:flex}.promotion-options span{color:#c1d4ea;font-size:39px}.saved-list{flex-direction:column;gap:9px;display:flex}.saved-list>button{text-align:left;color:#92adcc;border:1px solid #33485f;border-radius:8px;align-items:center;gap:12px;padding:13px;display:flex}.saved-list>button>div{flex-direction:column;flex:1;gap:5px;display:flex}.saved-list strong{color:#bdcfe4;font-size:12px;font-weight:500}.saved-list span{color:#70869f;font-size:9px}.empty-saves{text-align:center;color:#879fbb;padding:30px 10px}.empty-saves p{margin-top:16px;font-size:14px}.empty-saves span{color:#70859d;margin-top:8px;font-size:11px;display:block}.about-stat{background:#1e2c3c;border:1px solid #3e546e;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:20px;display:flex}.about-stat>strong{letter-spacing:-1px;color:#c5d7eb;font-family:Manrope,sans-serif;font-size:32px}.about-stat>span{color:#8299b4;font-size:10px}.about-link{color:#a7bfdb;border-bottom:1px solid #2e3f52;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;font-size:10px;display:flex}.spin{animation:1s linear infinite spin}.two-dimensional{justify-content:center;align-items:center;padding:21px 0 32px;display:flex}.two-dimensional [role=grid]{aspect-ratio:1;max-width:410px;height:100%}.two-dimensional button{font-family:Georgia,Times New Roman,serif}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.board-stage:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(110deg,#0000 32%,#8cb8ea05 50%,#0000 66%),radial-gradient(at 50% 88%,#31d2c516,#0000 58%);position:absolute;inset:0}.board-stage:after{content:"";pointer-events:none;z-index:2;position:absolute;inset:0;box-shadow:inset 0 28px 38px -34px #000b,inset 0 -25px 35px -31px #000c,inset 0 0 80px #020a171a}.opponent{background:linear-gradient(#1b2425,#162125);border-bottom:1px solid #67b5b109}.human{background:linear-gradient(#142025,#1b2525);border-top:1px solid #67b5b10d}.board-camera-controls{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#081725ba;border:1px solid #3b626557;border-radius:8px;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;top:12px;right:16px;box-shadow:0 5px 20px #0002}.board-camera-controls button{color:#87a6ac;border-radius:5px;justify-content:center;align-items:center;gap:5px;min-height:27px;padding:5px 9px;font-size:9px;line-height:1.25;display:inline-flex}.board-camera-controls button:hover:not(:disabled){color:#c2d8f2;background:#244349}.board-camera-controls button.active,.board-camera-controls button[aria-pressed=true]{color:#c4dcf8;background:#294c51;box-shadow:inset 0 0 0 1px #94bae621,0 1px 5px #0003}.board-camera-controls svg{width:12px;height:12px}.board-orbit-hint{z-index:3;color:#76999e;letter-spacing:.35px;text-align:center;pointer-events:none;text-shadow:0 1px 6px #030c16;align-items:center;gap:5px;width:max-content;max-width:calc(100% - 30px);font-size:8px;display:flex;position:absolute;bottom:58px;left:50%;transform:translate(-50%)}.board-orbit-hint svg{width:11px;height:11px}.chess-keyboard-controls{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#8faeb1;background:#091924d4;border:1px solid #39585e80;border-radius:7px;align-items:center;gap:4px;max-width:calc(100% - 148px);padding:3px;font-size:8px;display:flex;position:absolute;bottom:14px;left:17px;box-shadow:0 4px 16px #0002}.chess-keyboard-controls button{color:#9ebdbe;border-radius:4px;justify-content:center;align-items:center;gap:4px;min-width:25px;min-height:27px;padding:4px 6px;font-size:8px;line-height:1.3;display:inline-flex}.chess-keyboard-controls button:hover:not(:disabled){color:#cfe4fc;background:#24484b}.chess-keyboard-controls button[aria-pressed=true]{color:#c4dcf8;background:#284d50}.chess-keyboard-controls svg{width:12px;height:12px}.chess-keyboard-controls span{padding:0 4px;line-height:1.4}.preview-active .board-orbit-hint{visibility:hidden}.two-dimensional:after{box-shadow:inset 0 0 70px #020a1715}@media (max-width:980px) and (min-width:781px){.board-camera-controls{gap:0;right:10px}.board-camera-controls button{padding:5px 6px;font-size:8px}.board-camera-controls svg{display:none}.board-orbit-hint{font-size:7px}.chess-keyboard-controls{left:10px}.board-view-controls{right:10px}}@media (min-width:1450px){main{padding:41px 54px 0}.play-layout{grid-template-columns:minmax(600px,1fr) 385px;gap:29px}.board-stage{height:590px}.history-column{min-height:773px}.history-waiting{padding-top:32px;padding-bottom:34px}.history-heading{padding:25px 22px}.history-tabs{gap:27px}h1{font-size:33px}.library-card{min-height:99px;padding:15px}.library-card h3{font-size:11px}}@media (max-width:1190px){main{padding:28px 25px 0}.topbar{padding:0 25px}.play-layout{grid-template-columns:minmax(380px,1fr) 320px;gap:18px}h1{font-size:25px}.board-stage{height:460px}.history-column{min-height:681px}.history-tabs{gap:13px;padding:0 15px}.history-heading{padding:20px 16px}.history-heading h2{font-size:14px}.history-symbol{width:32px;height:32px}.live-badge{font-size:6px}.history-waiting{padding-top:19px;padding-bottom:22px}.library-card{gap:9px;padding:11px 9px}.library-card h3{font-size:9px}.library-year{padding-right:9px}.board-toolbar{padding:0 15px}.player-strip{padding-left:20px;padding-right:20px}.player-info>span{max-width:220px}.topbar-center,.keyboard-tip{display:none}.library-section{padding:16px 14px}.library-card p{max-width:170px}.history-card{margin-left:13px;margin-right:13px}}@media (max-width:980px){.rail{width:64px}.main-shell{width:calc(100% - 64px);margin-left:64px}.brand-symbol{width:36px;height:36px;margin-top:22px}.rail-link{width:48px;min-height:54px}.rail-link.active:before{left:-8px}.play-layout{grid-template-columns:minmax(330px,1fr) 295px;gap:14px}main{padding:26px 18px 0}.topbar{height:78px;padding:0 20px}h1{font-size:22px}.page-intro p{max-width:350px;font-size:11px}.board-stage{height:420px}.board-toolbar{padding:0 12px}.segmented button{padding:6px 8px;font-size:9px}.untimed{display:none}.player-strip{padding-left:17px;padding-right:17px}.turn-indicator{font-size:9px}.player-info>span{max-width:185px;font-size:9px}.history-heading h2{font-size:13px}.history-heading{gap:8px;padding:20px 13px}.live-badge{padding:4px}.history-tabs{gap:11px;padding:0 12px}.history-tabs>button{font-size:9px}.history-column{min-height:633px;max-height:850px}.history-waiting{padding-top:15px;padding-bottom:18px}.echo-illustration{height:90px;margin-bottom:6px;transform:scale(.8)}.history-waiting h3{font-size:14px}.history-waiting p{font-size:9px}.library-year>span:first-child{font-size:13px}.library-card-bottom{flex-wrap:wrap}.board-footer{padding:0 10px}.quiet-button{gap:4px;padding:4px;font-size:9px}.new-game{padding:0 12px;font-size:10px}.player-avatar{width:32px;height:32px}.small-badge{padding:2px;font-size:6px}.player-info>strong{gap:5px;font-size:12px}}@media (max-width:780px){.rail{display:none}.main-shell{width:100%;margin-left:0}.topbar{height:67px;padding:0 18px}.wordmark{font-size:21px}.header-actions{gap:8px}.account-button{height:32px;font-size:10px}.wordmark>i{margin-left:8px;font-size:7px}main{padding:24px 16px 0}.page-intro{align-items:flex-start;gap:12px;margin-bottom:23px}.eyebrow{letter-spacing:1.7px;margin-bottom:9px;font-size:7px}h1{font-size:24px;line-height:1.35}h1>span{display:block}.page-intro p{max-width:275px;font-size:10px}.new-game{gap:4px;height:35px;margin-top:24px;font-size:10px}.new-game svg{width:15px}.play-layout{flex-direction:column;gap:22px;display:flex}.game-column,.history-column{width:100%}.board-stage{height:460px}.player-strip{padding-left:20px;padding-right:20px}.player-info>span{max-width:none}.history-column{min-height:unset;max-height:none}.history-content{overflow:visible}.history-heading h2{font-size:16px}.history-heading p{font-size:11px}.history-heading{gap:11px;padding:21px}.history-symbol{width:36px;height:36px}.live-badge{font-size:8px}.history-tabs{gap:23px;height:43px;padding:0 21px}.history-tabs>button{font-size:11px}.library-card h3{font-size:12px}.library-card p{max-width:100%;font-size:10px}.library-year>span:first-child{font-size:18px}.library-year{min-width:55px;padding-right:13px}.library-card{gap:14px;padding:15px}.library-card-bottom,.library-card-bottom>button{font-size:10px}.library-card-bottom{margin-top:10px}.history-waiting{padding:27px 15px 29px}.echo-illustration{height:106px;margin-bottom:14px;transform:scale(1)}.history-waiting h3{font-size:16px}.history-waiting p{font-size:11px}.library-section{padding:20px}.archive-footer{padding:15px 21px;font-size:10px}.browse-library{height:36px;font-size:11px}.section-label{font-size:9px}.player-info>strong{font-size:13px}.small-badge{font-size:7px}.turn-indicator{font-size:10px}.board-toolbar{padding:0 17px}.untimed{display:flex}.segmented button{padding:6px 10px;font-size:10px}.history-card h3{font-size:14px}.history-card-main>p{font-size:11px}.card-meta{font-size:10px}.match-tag{font-size:8px}.card-kicker{font-size:10px}.history-card{margin:0 18px 13px}.continuation-heading{font-size:8px}.continuation-moves button{font-size:13px}.coach-button{height:37px;font-size:11px}.coach-button>span{font-size:7px}.historical-note{font-size:9px}.preview-actions>button:first-child{font-size:11px}.source-link{font-size:10px}.match-summary{padding:17px 20px;font-size:11px}.history-card-main{padding:17px}.continuation-panel{padding:0 16px 17px}.board-footer{padding:0 16px}.quiet-button{padding:6px;font-size:10px}.under-board{font-size:9px}.page-footer{gap:10px;font-size:9px}.toast{width:max-content;font-size:11px;bottom:15px}.inline-notice{flex-wrap:wrap;font-size:10px}.inline-notice>button:not(.icon-button){margin-left:0;font-size:10px}}@media (max-width:450px){.board-stage{height:400px}.player-strip{gap:8px;padding-left:15px;padding-right:15px}.board-toolbar{padding:0 13px}.player-info>span{max-width:195px;font-size:9px}.turn-pill{padding:5px 7px;font-size:9px}.return-live{white-space:nowrap;padding:7px 10px;font-size:9px;bottom:54px;left:50%}.two-dimensional{padding:24px 23px 34px}.quiet-button{font-size:9px}.quiet-button svg{width:13px}.board-footer{padding:0 10px}.board-footer>div{gap:2px}.footer-divider{margin:0 1px}.page-footer>span{max-width:190px}.topbar .header-actions>.icon-button{display:none}.new-game{padding:0 10px}h1{font-size:22px}.history-tabs{gap:19px}.history-heading{padding:20px 17px}.small-badge{font-size:6px}.modal{padding:22px}.modal-header h2{font-size:19px}.board-camera-controls{gap:0;top:12px;right:10px}.board-camera-controls button{min-height:27px;padding:5px 7px;font-size:8px}.board-camera-controls svg{display:none}.board-orbit-hint{letter-spacing:0;font-size:7px;bottom:56px}.chess-keyboard-controls{gap:1px;max-width:calc(100% - 129px);left:10px}.chess-keyboard-controls button{padding:4px 5px}.chess-keyboard-controls span{padding:0 2px;font-size:7px}.board-view-controls{right:10px}.board-view-controls>button{min-width:26px;padding:5px 6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.board-navigation{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1d2cde;border:1px solid #38576590;border-radius:7px;align-items:center;gap:1px;padding:3px;display:flex;position:absolute;top:53px;right:16px;box-shadow:0 6px 20px #0003}.board-navigation button{color:#9fbdca;border-radius:4px;place-items:center;width:27px;height:27px;display:grid}.board-navigation button:hover{color:#b8d9ff;background:#23505e}.board-navigation>span{background:#365265;width:1px;height:14px;margin:0 3px}.chess-keyboard-controls label{white-space:nowrap;padding-left:4px}.chess-keyboard-controls select{max-width:120px!important}.chess-keyboard-controls{max-width:calc(100% - 132px)}@media (max-width:450px){.board-navigation{top:47px;right:10px}.board-navigation button{width:24px;height:25px}.chess-keyboard-controls label{display:none}.chess-keyboard-controls select{max-width:115px!important}.board-orbit-hint{font-size:7px}}.board-card.is-expanded{z-index:35;flex-direction:column;max-width:none;height:calc(100dvh - 28px);display:flex;position:fixed;inset:14px;box-shadow:0 0 0 30px #080f18e8,0 20px 80px #000a}.board-card.is-expanded .board-stage{flex:1;height:auto;min-height:250px}.board-card.is-expanded .board-toolbar,.board-card.is-expanded .player-strip,.board-card.is-expanded .board-footer,.board-card.is-expanded .play-instruction{flex-shrink:0}.board-card.is-expanded .player-strip{min-height:60px;padding-top:10px;padding-bottom:10px}@media (max-width:450px){.board-card.is-expanded{height:calc(100dvh - 10px);inset:5px}.board-toolbar-right{gap:5px}.board-toolbar-right .untimed{display:none}}