@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/fonts/dmsans.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/manrope.ttf)format("truetype")}:root{color:#f1e6d6;font-synthesis:none;--bg:#191716;--sidebar:#151312;--panel:#292221;--panel-soft:#231d1d;--text:#f1e6d6;--muted:#bcaa9d;--accent:#c2a878;--accent-ink:#241b12;--border:#493738;--input:#1c1817;--board-dark:#734;--board-light:#c2a878;--danger:#ed9c88;background:#191716;font-family:DM Sans,Arial,sans-serif;line-height:1.5}:root[data-theme=midnight]{--bg:#25252b;--sidebar:#1d1e23;--panel:#303239;--panel-soft:#2b2d34;--text:#d9e7e8;--muted:#a7bec3;--accent:#86bbc5;--accent-ink:#172e35;--border:#454c56;--input:#23262d;--board-dark:#528a9a;--board-light:#d9e7e8;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{color:inherit}input,select,textarea{border:1px solid var(--border);background:var(--input);color:var(--text);border-radius:7px;min-width:0;max-width:100%;padding:12px 13px}input[type=checkbox]{accent-color:var(--accent);flex-shrink:0;width:16px;height:16px;padding:0}select{cursor:pointer;padding-right:22px}textarea{resize:vertical;width:100%}label{color:var(--muted);flex-direction:column;gap:8px;margin-bottom:16px;font-size:13px;display:flex}label input,label select,label textarea{color:var(--text);font-size:14px}p{color:var(--muted);margin:0 0 16px}h1,h2,h3{letter-spacing:-.035em;color:var(--text);font-family:Manrope,Arial,sans-serif;line-height:1.25}h1{margin:9px 0 13px;font-size:38px;font-weight:800}h2{margin:8px 0 18px;font-size:25px;font-weight:700}h3{margin:10px 0 12px;font-size:18px;font-weight:700}small{font-size:11px}button svg,a svg{flex-shrink:0}pre{white-space:pre-wrap;word-break:break-word}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);z-index:30;flex-direction:column;width:228px;padding:29px 18px 18px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{letter-spacing:-1.4px;align-items:center;gap:8px;font:800 29px Manrope,sans-serif;display:flex}.brand-mark{color:var(--accent);font-family:Georgia,serif;font-size:37px;line-height:1}.brand-dot{color:var(--accent);margin-left:-8px}.side-caption{color:var(--muted);letter-spacing:1.35px;margin:11px 0 38px 6px;font-size:8px}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar nav a,.side-bottom>a:not(.guest){color:var(--muted);border-radius:7px;align-items:center;gap:12px;padding:12px 13px;font-size:13px;font-weight:500;display:flex;position:relative}.sidebar nav a:hover,.sidebar nav a.active{color:var(--accent);background:var(--panel)}.sidebar nav a.active:before{content:"";background:var(--accent);border-radius:2px;width:3px;position:absolute;top:14px;bottom:14px;left:-18px}.nav-chevron{margin-left:auto}.side-bottom{margin-top:auto;padding-top:32px}.streak-mini{color:var(--accent);align-items:center;gap:11px;margin:0 8px 25px;display:flex}.streak-mini b{color:var(--text);font-size:13px;display:block}.streak-mini small{color:var(--muted);display:block}.streak-mini>span{margin-left:auto}.guest{border-top:1px solid var(--border);align-items:center;gap:9px;margin-top:18px;padding:19px 0 0;display:flex}.guest b{font-size:12px;display:block}.guest small{color:var(--muted);font-size:9px;display:block}.guest>svg{margin-left:auto}.avatar{background:var(--panel);border:1px solid var(--border);width:36px;height:36px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar.small{width:25px;height:25px;font-size:15px}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-avatar{object-fit:cover;border-radius:50%;width:96px;height:96px;margin-bottom:20px}.app{flex-direction:column;min-height:100vh;margin-left:228px;display:flex}header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;height:78px;padding:0 42px;display:flex}.header-note{color:var(--muted);font-size:11px}.header-actions{align-items:center;gap:23px;display:flex}.free-badge{letter-spacing:1px;color:var(--accent);font-size:8px;font-weight:700}.language{background:0 0;border:0;gap:7px;font-size:11px;display:flex}.language span{color:var(--muted)}.content{flex:1;width:100%;max-width:1440px;margin:auto;padding:30px 46px 70px}.mobile-toggle,.mobile-brand{display:none}.button{white-space:normal;text-align:center;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-size:13px;font-weight:700;line-height:1.4;display:inline-flex}.button.primary{background:var(--accent);color:var(--accent-ink)}.button.outline{border-color:var(--border);color:var(--text);background:0 0}.button.outline:hover,.chip:hover{border-color:var(--accent)}.button.primary:hover{filter:brightness(1.06)}.button.small{padding:9px 13px;font-size:11px}.button.danger{color:#ffe2d9;background:#663b32;margin:16px 0}.icon-button{color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;padding:6px;display:inline-flex}.mobile-toggle{display:none}.text-button{color:var(--muted);background:0 0;border:0;padding:5px;font-size:11px;text-decoration:underline}.text-link{color:var(--accent);align-items:center;gap:10px;font-size:12px;display:inline-flex}.muted{color:var(--muted)}.grow{flex:1;min-width:0}.micro{color:var(--muted);margin-top:13px;font-size:10px;line-height:1.7}.eyebrow{letter-spacing:1.7px;color:var(--accent);font-size:9px;font-weight:700}.tag{border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:5px;padding:4px 8px;font-size:10px;display:inline-block}.pill{border:1px solid var(--border);color:var(--accent);background:var(--panel-soft);border-radius:20px;align-items:center;gap:7px;padding:6px 11px;font-size:10px;display:inline-flex}.home-kicker{letter-spacing:1.6px;color:var(--muted);align-items:center;gap:9px;font-size:8px;display:flex}.home-kicker>span:last-child{letter-spacing:1.5px;opacity:.6;margin-left:auto;font-size:8px}.live-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;display:block}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:52px;padding:42px 0 58px;display:grid}.hero-copy h1{letter-spacing:-3px;margin:22px 0 24px;font-size:clamp(42px,4.5vw,70px);font-weight:700;line-height:1.11}.hero-copy h1 em{color:var(--accent);font-style:normal}.hero-copy>p{max-width:390px;font-size:13px;line-height:1.9}.hero-facts{gap:21px;margin-top:24px;display:flex}.hero-facts span{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.hero-facts svg{color:var(--accent)}.hero-board{background:var(--panel-soft);border:1px solid var(--border);border-radius:10px;width:100%;max-width:430px;margin-left:auto;padding:0 10px;position:relative;box-shadow:0 22px 70px #0002}.board-top{min-height:46px;color:var(--text);justify-content:space-between;align-items:center;font-size:11px;display:flex}.board-top>span:first-child{align-items:center;gap:8px;display:flex}.example-caption{color:var(--muted);align-items:center;gap:9px;padding:14px 2px;font-size:9px;display:flex}.example-caption>a{color:var(--accent);margin-left:auto}.floating-note{background:var(--panel);border:1px solid var(--border);border-radius:8px;gap:11px;max-width:380px;padding:14px 18px;display:flex;position:absolute;bottom:-27px;left:-37px;box-shadow:0 10px 25px #0002}.floating-note b{color:var(--text);font-size:10px}.floating-note p{margin:3px 0 0;font-size:9px;line-height:1.6}.coach-icon{background:var(--accent);color:var(--accent-ink);vertical-align:middle;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-right:7px;font-family:Georgia,serif;font-size:24px;display:inline-flex}.start-panel{border:1px solid var(--border);background:var(--panel);border-radius:10px;margin-top:7px;padding:25px 28px}.start-panel h2{margin:7px 0 23px;font-size:21px}.import-form{align-items:flex-end;gap:12px;display:flex}.import-form label{margin:0}.import-form button{min-height:46px}.input-icon{align-items:center;display:flex;position:relative}.input-icon>svg{color:var(--muted);pointer-events:none;position:absolute;left:13px}.input-icon input{width:100%;padding-left:40px}.section{margin-top:55px}.section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:21px;display:flex}.section-heading h2{margin-bottom:0}.section-heading>.muted{font-size:10px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.feature{border:1px solid var(--border);background:var(--panel-soft);border-radius:9px;padding:23px;display:block}.feature:hover,.catalog-card:hover{border-color:var(--accent)}.feature-top{color:var(--accent);justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.feature-top small{color:var(--muted);font-family:monospace;font-size:10px}.feature h3{font-size:16px}.feature p{min-height:60px;font-size:11px;line-height:1.85}.feature>svg{color:var(--accent)}.opening-preview{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.opening-preview>a{border:1px solid var(--border);background:var(--panel-soft);border-radius:9px;padding:18px;position:relative;overflow:hidden}.opening-art{height:105px;color:var(--accent);background:repeating-conic-gradient(var(--panel) 0% 25%, var(--panel-soft) 0% 50%) 50%/50px 50px;justify-content:center;align-items:center;margin:-18px -18px 16px;font-size:75px;line-height:1;display:flex}.opening-preview h3{font-size:15px}.opening-preview p{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:10px;overflow:hidden}.opening-preview>a>svg{color:var(--accent);position:absolute;bottom:19px;right:16px}.sample-section{border-block:1px solid var(--border);justify-content:space-between;align-items:center;gap:30px;margin-top:53px;padding:29px 0;display:flex}.sample-section h2{margin-bottom:12px;font-size:22px}.sample-section p{max-width:480px;margin:0;font-size:11px}.faq{max-width:800px}.faq details{border-bottom:1px solid var(--border);padding:18px 0}.faq summary{cursor:pointer;justify-content:space-between;font-size:13px;list-style:none;display:flex}.faq summary span{color:var(--accent)}.faq details p{margin:0;padding-top:14px;font-size:12px;line-height:1.9}footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:18px;padding:23px 46px;font-size:9px;display:flex}footer>div{gap:20px;display:flex}.board-wrap{-webkit-user-select:none;user-select:none;width:100%;position:relative}.evaluated-board{grid-template-columns:26px minmax(0,1fr);align-items:stretch;gap:10px;display:grid}.evaluation-bar{color:#fff;background:#303030;border:1px solid #7775;border-radius:5px;flex:0 0 26px;width:26px;height:100%;min-height:38px;position:relative;overflow:hidden}.evaluation-white{background:#faf9f6;width:100%;transition:height .3s;position:absolute;bottom:0}.evaluation-bar.flipped .evaluation-white{top:0;bottom:auto}.evaluation-number{text-align:center;color:#fff;background:#303030bb;width:100%;padding:3px 0;font:700 10px/1.1 DM Sans,sans-serif;position:absolute;bottom:5px;left:0}.evaluation-number.on-white{color:#202020;background:#faf9f6c9}.evaluation-bar.flipped .evaluation-number{top:5px;bottom:auto}.evaluation-bar.unknown{opacity:.65}.player-strip{align-items:center;gap:10px;min-height:60px;padding:8px 0 8px 36px;font-size:13px;display:flex}.player-strip small{color:var(--muted);font-size:11px;display:block}.player-avatar{background:var(--panel-soft);border:1px solid var(--border);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid;overflow:hidden}.player-avatar img{object-fit:cover;width:100%;height:100%}.player-rating{color:var(--muted)}.classic-piece{overflow:visible}.grade-badge{--grade:#a2a2a2;background:var(--grade);color:#fff;vertical-align:middle;text-shadow:0 1px 1px #0002;border-radius:50%;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;font:700 12px/1 sans-serif;display:inline-flex;position:relative}.grade-badge[data-book=true]:after{content:"▤";color:#fff;background:#ae937a;border-radius:3px;width:11px;height:11px;font-size:8px;line-height:11px;position:absolute;bottom:-3px;right:-3px}.grade-brilliant{--grade:#20b9b4}.grade-good{--grade:#829d63}.grade-forced{--grade:#8e9eae}.square-badge{z-index:2;pointer-events:none;position:absolute;top:1px;right:1px}.square-badge .grade-badge{width:clamp(17px,2vw,29px);min-width:0;height:clamp(17px,2vw,29px);font-size:clamp(10px,1.2vw,16px);box-shadow:0 1px 3px #0004}.move-list .move{justify-content:flex-start;gap:7px}.move-list .move .grade-badge{flex-shrink:0}.move-quality{text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:9px;overflow:hidden}.area-chart{background:#303030;min-height:65px;padding:0;position:relative;overflow:hidden}.area-chart svg{touch-action:pan-y;min-height:65px}.chart-dot{fill:var(--grade,#8d9c8c)}.chart-tooltip{color:#222;pointer-events:none;background:#fbfbfbeb;border-radius:3px;padding:2px 6px;font-size:10px;position:absolute;bottom:5px;left:8px}.variation-row{border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;align-items:center;gap:12px;width:100%;padding:13px 8px;display:flex}.variation-row:hover,.variation-row.active{background:var(--panel-soft)}.variation-row small{color:var(--muted);font-size:11px;display:block}.variation-row .evaluation-bar{border-radius:3px;flex-basis:17px;width:17px;height:44px}.variation-row .evaluation-number{display:none}.variation-row .grow{overflow-wrap:anywhere;min-width:0}.variation-list{margin-top:15px}.playground-delta{font-size:32px;font-weight:700}.playground-delta small{color:var(--muted);font-size:12px;font-weight:400;display:block}.catalog-board{margin-bottom:24px}@media (max-width:600px){.evaluated-board{grid-template-columns:21px minmax(0,1fr);gap:6px}.evaluation-bar{width:21px}.evaluation-number{font-size:8px}.player-strip{min-height:52px;padding-left:27px}.move-quality{display:none}.move-list .move{gap:4px;padding:7px 4px}.move-list .grade-badge{width:18px;min-width:18px;height:18px;font-size:10px}}.piece-palette{flex-wrap:wrap;gap:5px;margin-bottom:12px;display:flex}.piece-palette button{width:36px;height:36px;padding:0}.piece-palette svg{width:34px;height:32px}.board{aspect-ratio:1;touch-action:manipulation;border-radius:3px;grid-template-columns:repeat(8,1fr);display:grid;position:relative;overflow:hidden}.square{aspect-ratio:1;touch-action:manipulation;border:0;border-radius:0;justify-content:center;align-items:center;min-width:0;padding:0;display:flex;position:relative}.square.light{background:var(--board-light)}.square.dark{background:var(--board-dark)}.square svg{filter:drop-shadow(0 2px 1px #0002);pointer-events:none;width:94%;height:94%}.square.selected{background:color-mix(in srgb, var(--accent) 70%, var(--board-light))}.square.last{box-shadow:inset 0 0 0 3px var(--accent)}.rank-label,.file-label{color:#25252b;z-index:1;font-size:9px;font-weight:700;line-height:1;position:absolute}.rank-label{top:4px;left:4px}.file-label{bottom:3px;right:4px}.square.dark .rank-label,.square.dark .file-label{color:#eef1df}.board-arrows{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.legal-dot{pointer-events:none;background:#19171655;border-radius:50%;width:24%;height:24%;position:absolute}.promotion{z-index:5;background:var(--panel);border:2px solid var(--accent);border-radius:10px;display:flex;position:absolute;top:35%;left:10%;right:10%;box-shadow:0 10px 30px #0007}.promotion button{background:0 0;border:0;width:22%;padding:5px}.promotion svg{width:100%}.page-title{justify-content:space-between;align-items:center;gap:20px;margin:16px 0 32px;display:flex}.page-title p{max-width:720px;margin:0;font-size:12px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;margin-bottom:20px;padding:24px}.tabs{border-bottom:1px solid var(--border);gap:26px;margin:0 0 24px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 0;font-size:13px}.tabs button.active{color:var(--accent);border-color:var(--accent)}.mode-row{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:24px;display:flex}.mode-row b{margin-right:18px;font-size:12px}.chip{background:var(--panel-soft);border:1px solid var(--border);border-radius:5px;align-items:center;gap:6px;padding:7px 11px;font-size:11px;display:inline-flex}.chip.active{color:var(--accent);border-color:var(--accent)}.two-col{grid-template-columns:1fr 1fr;gap:25px;display:grid}.notice{border:1px solid var(--border);background:var(--panel-soft);overflow-wrap:anywhere;border-radius:7px;flex-wrap:wrap;align-items:center;gap:16px;margin:15px 0;padding:15px;font-size:12px;display:flex}.notice.error{color:var(--danger);border-color:#a66c58}.empty{text-align:center;border:1px dashed var(--border);border-radius:10px;margin:25px 0;padding:60px 20px}.empty>span{color:var(--muted);margin-bottom:10px;font-size:45px;display:block}.empty p{font-size:13px}.empty a{color:var(--accent)}.empty .button{color:var(--accent-ink);margin-top:14px}.filters{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.filters select{padding:9px;font-size:11px}.game-row{border:1px solid var(--border);background:var(--panel-soft);border-radius:8px;align-items:center;gap:16px;margin-bottom:10px;padding:18px;font-size:12px;display:flex}.game-row b{font-size:12px}.game-row small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.game-icon{color:var(--accent);font-size:26px}.analysis-progress{align-items:center;gap:12px;margin-bottom:22px;display:flex}progress{accent-color:var(--accent);flex:1;height:7px}.review-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:26px;display:grid}.board-controls{border:1px solid var(--border);background:var(--panel);border-radius:0 0 7px 7px;justify-content:space-between;align-items:center;min-height:49px;display:flex}.board-controls button{background:0 0;border:0;justify-content:center;align-items:center;min-width:42px;min-height:42px;font-size:13px;display:flex}.board-controls span{color:var(--muted);font-size:11px}.accuracy-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:17px;display:grid}.accuracy-grid>div{border:1px solid var(--border);background:var(--panel-soft);border-radius:8px;padding:17px}.accuracy-grid span,.accuracy-grid small{color:var(--muted);font-size:10px;display:block}.accuracy-grid strong{font-family:Manrope,sans-serif;font-size:32px;line-height:1.8}.coach-panel .section-heading{margin-bottom:18px}.coach-panel .section-heading b{font-size:12px}.coach-panel select{max-width:180px;padding:7px;font-size:10px}.coach-text{color:var(--text);margin:15px 0;font-size:13px;line-height:1.95}.inline{flex-direction:row;align-items:center;gap:9px;font-size:11px;display:flex}.category{color:var(--accent);background:var(--panel-soft);border-radius:5px;padding:5px 9px;font-size:11px}.category.blunder,.category.mistake{color:var(--danger)}.evidence-line{border-top:1px solid var(--border);justify-content:space-between;padding-top:13px;font-size:12px;display:flex}.evidence-line span{color:var(--muted);font-size:9px}.coach-panel>.button{margin-top:15px}.moves-panel{padding:18px}.moves-panel>b{font-size:12px}.move-list{grid-template-columns:1fr 1fr;gap:2px;max-height:200px;margin-top:12px;display:grid;overflow:auto}.move{text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;padding:9px;font-size:11px;display:flex}.move b{font-size:12px}.move small{color:var(--muted);min-width:15px}.move span{color:var(--muted);margin-left:auto;font-size:8px}.move.active{background:var(--accent);color:var(--accent-ink)}.move.active small,.move.active span{color:inherit}.move.blunder:not(.active){background:#c86d4922}.opening-link{border:1px solid var(--border);color:var(--accent);border-radius:8px;align-items:center;gap:14px;padding:16px;display:flex}.opening-link span{flex:1}.opening-link b,.opening-link small{font-size:11px;display:block}.opening-link small{color:var(--muted);margin-bottom:5px;font-size:9px}.eval-chart{border:1px solid var(--border);border-radius:8px;margin-top:15px;padding:14px}.eval-chart>span{color:var(--muted);font-size:9px}.eval-chart svg{width:100%;display:block}.review-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0;display:flex}.takeaways{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.takeaways>button{background:var(--panel);border:1px solid var(--border);text-align:left;border-radius:8px;padding:20px}.takeaways span{color:var(--muted);margin-bottom:9px;font-size:10px;display:block}.takeaways b{color:var(--accent);font-size:12px}.takeaways p{margin:12px 0 0;font-size:11px;line-height:1.8}.catalog-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.catalog-toolbar select{font-size:11px}.catalog-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.catalog-card{border:1px solid var(--border);background:var(--panel-soft);border-radius:8px;min-width:0;padding:20px;display:block}.catalog-card>div:first-child{justify-content:space-between;align-items:center;font-size:10px;display:flex}.catalog-card h3{min-height:37px;font-size:15px;line-height:1.5}.catalog-card p{overflow-wrap:anywhere;max-height:60px;font-size:10px;line-height:1.8;overflow:auto}.card-bottom{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;padding-top:13px;font-size:9px;display:flex}.card-bottom svg{color:var(--accent)}.pagination{justify-content:center;align-items:center;gap:18px;margin-top:30px;font-size:11px;display:flex}.board-search{grid-template-columns:minmax(0,300px) 1fr;gap:30px;margin-top:25px;display:grid}.line-moves{flex-wrap:wrap;gap:5px;display:flex}.line-moves button{background:var(--panel-soft);border:1px solid var(--border);border-radius:4px;padding:6px 8px;font-size:11px}.line-moves button.active{background:var(--accent);color:var(--accent-ink)}.explorer-row{border:1px solid var(--border);background:var(--panel-soft);justify-content:space-between;align-items:center;width:100%;padding:14px 18px;font-size:12px;display:flex}.explorer-list{margin-bottom:20px}.section>.text-link{margin:10px 0;display:flex}.form-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}.note-text{white-space:pre-wrap}.stats-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.stats-grid>div{border:1px solid var(--border);background:var(--panel);border-radius:9px;padding:22px}.stats-grid span,.stats-grid small{color:var(--muted);font-size:11px;display:block}.stats-grid strong{margin-top:10px;font-family:Manrope,sans-serif;font-size:35px;display:block}.stats-grid small{font-size:9px}.daily-plan{border:1px solid var(--accent);background:var(--panel);border-radius:8px;align-items:center;gap:20px;margin:25px 0;padding:20px;display:flex}.daily-plan>svg{color:var(--accent)}.daily-plan>svg:last-child{margin-left:auto}.daily-plan b{font-size:14px}.daily-plan p{margin:6px 0 0;font-size:11px}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.prose{max-width:900px}.prose p{font-size:13px;line-height:2}.prose a{color:var(--accent);text-decoration:underline}.prose h2{margin-top:32px}.auth-card{max-width:500px;margin:40px auto}.auth-card h1{font-size:29px}.auth-card p{font-size:12px;line-height:1.9}.auth-card form>a{color:var(--accent);margin-left:16px;font-size:11px;display:inline-block}.inline-form{align-items:center;gap:15px;display:flex}.inline-form input{flex:1}.rank{min-width:40px;color:var(--accent);font-size:22px!important}.share-page{max-width:1080px;margin:auto;padding:40px}.share-page .brand{color:var(--accent);margin-bottom:30px}.comment{border:1px solid var(--border);background:var(--panel-soft);border-radius:6px;margin-bottom:12px;padding:14px;font-size:12px}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;font-size:12px}.comment.reply{margin-left:24px}.admin-json{max-height:350px;font-size:12px;overflow:auto}.comparison-table{overflow:auto}.comparison-table table{border-collapse:collapse;width:100%;font-size:12px}.comparison-table th,.comparison-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px}.source-prose{max-height:400px;margin-top:22px;font-size:12px;line-height:1.9;overflow:auto}.loading{color:var(--accent);padding:80px}.ad-slot{border:1px solid var(--border);border-radius:8px;margin-top:30px;padding:20px;display:block}.ad-slot img{max-width:100%;max-height:160px}.ad-slot small{color:var(--muted)}@media (min-width:1600px){.content{padding-inline:70px}.hero{gap:80px}.hero-board{max-width:500px}.hero-copy h1{font-size:78px}}@media (max-width:1200px){.sidebar{width:200px;padding-inline:14px}.app{margin-left:200px}.content{padding:28px 30px 55px}header{padding-inline:30px}.hero{gap:28px}.hero-copy h1{letter-spacing:-2px;font-size:48px}.hero-copy>p{font-size:12px}.header-note{font-size:9px}.header-actions{gap:15px}.free-badge{display:none}.floating-note{max-width:330px;left:-18px}.import-form .button{padding:13px}.catalog-grid{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:1fr 1fr;gap:20px}.coach-panel{padding:18px}.coach-panel .section-heading{flex-wrap:wrap}.feature{padding:18px}.feature h3{font-size:14px}.feature p{font-size:10px}.hero-facts{gap:12px}.hero-facts span{font-size:9px}}@media (max-width:900px){.sidebar{width:185px}.app{margin-left:185px}.content{padding-inline:23px}.hero{grid-template-columns:1fr;gap:30px;padding-top:28px}.hero-copy h1{font-size:55px}.hero-copy>p{max-width:500px}.hero-board{width:85%;max-width:440px;margin:0 auto 15px}.floating-note{left:-24px}.feature-grid{gap:10px}.feature{padding:14px}.feature-top{margin-bottom:16px}.feature p{min-height:85px}.opening-preview{gap:10px}.opening-preview>a{padding:13px}.opening-art{margin:-13px -13px 13px}.opening-preview h3{font-size:12px}.import-form{flex-wrap:wrap}.import-form>label:first-child{flex:1}.import-form>label.grow{flex:2}.import-form>.button{width:100%}.review-grid{grid-template-columns:1fr}.review-grid>div:first-child{width:100%;max-width:520px;margin:auto}.accuracy-grid{margin-top:8px}.stats-grid{grid-template-columns:1fr 1fr}.takeaways{grid-template-columns:1fr}.board-search{grid-template-columns:1fr 1fr}.board-search h3{font-size:15px}.board-search p{font-size:11px}.sample-section{flex-direction:column;align-items:flex-start}.start-panel{padding:22px}.section-heading>.muted{display:none}h1{font-size:31px}h2{font-size:22px}}@media (max-width:700px){.sidebar{width:235px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:0 0 0 100vmax #0008}.app{margin-left:0}.mobile-toggle,.mobile-brand{display:flex}.mobile-toggle{z-index:40}.mobile-brand{letter-spacing:-1px;color:var(--accent);font-size:22px;font-weight:800}header{justify-content:flex-start;height:65px;padding:0 18px}.header-actions{gap:16px;margin-left:auto}.header-note,.header-actions>.button{display:none}.content{padding:25px 19px 45px}.home-kicker{letter-spacing:1px;font-size:7px}.home-kicker>span:last-child{letter-spacing:.7px;font-size:6px}.hero{gap:32px;padding-top:27px}.hero-copy h1{letter-spacing:-2px;margin:18px 0 22px;font-size:52px}.hero-copy>p{font-size:13px;line-height:1.85}.hero-facts span{font-size:10px}.hero-facts{gap:20px}.hero-board{width:calc(100% - 16px);margin-bottom:20px}.floating-note{max-width:calc(100% + 18px);padding:11px 12px;bottom:-27px;left:-9px}.floating-note b{font-size:10px}.floating-note p{font-size:8px}.start-panel{padding:20px}.start-panel h2{margin-bottom:20px;font-size:21px}.import-form{gap:14px}.import-form>label:first-child,.import-form label.grow{flex-basis:100%}.import-form .button{font-size:13px}.micro{font-size:10px}.section{margin-top:38px}.section-heading{align-items:flex-end;gap:14px}.section-heading h2{font-size:22px}.section-heading>.text-link{white-space:nowrap;font-size:10px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature{grid-template-columns:40px 1fr 20px;align-items:center;column-gap:13px;padding:20px;display:grid}.feature-top{grid-area:1/1/3;align-self:start;margin:0}.feature-top small{display:none}.feature h3{grid-column:2;margin:0 0 8px;font-size:16px}.feature p{grid-column:2;min-height:0;margin:0;font-size:11px}.feature>svg{grid-area:1/3/3}.opening-preview{grid-template-columns:1fr;gap:12px}.opening-preview>a{grid-template-columns:70px 1fr;gap:3px 16px;padding:17px;display:grid}.opening-art{background-size:30px 30px;border-radius:6px;grid-row:1/4;width:70px;height:80px;margin:0;font-size:45px}.opening-preview .tag{grid-column:2;justify-self:start;padding:2px 6px;font-size:8px}.opening-preview h3{margin:4px 0;font-size:14px}.opening-preview p{grid-column:2;max-width:90%;font-size:9px}.sample-section{gap:22px;margin-top:35px;padding:25px 0}.sample-section h2{font-size:23px}.sample-section .button{width:100%}.faq details{padding:17px 0}.faq summary{font-size:12px}footer{flex-direction:column;gap:13px;padding:20px;font-size:8px}.page-title{align-items:flex-start;margin-top:7px}.page-title h1{font-size:29px}.page-title p{font-size:11px}.panel{padding:19px}.mode-row b{width:100%;margin:0}.two-col{grid-template-columns:1fr}.game-row{flex-wrap:wrap;gap:9px;padding:13px;font-size:10px}.game-row .grow{flex-basis:55%}.game-row .button{margin-left:auto;padding:7px 10px;font-size:10px}.game-row b{font-size:11px}.game-row small{font-size:9px}.game-icon{font-size:23px}.catalog-toolbar{gap:8px}.catalog-toolbar>.grow{flex-basis:100%;margin-bottom:6px}.catalog-toolbar>select{flex:1;font-size:10px}.catalog-toolbar>.button{padding:11px;font-size:10px}.catalog-grid{grid-template-columns:1fr}.catalog-card{padding:19px}.catalog-card h3{min-height:0;font-size:17px}.board-search{grid-template-columns:1fr}.board-search .board-wrap{max-width:330px;margin:auto}.settings-grid,.form-grid{grid-template-columns:1fr}.settings-grid{gap:0}.stats-grid{gap:10px}.stats-grid>div{padding:17px}.stats-grid span{font-size:10px}.stats-grid strong{font-size:29px}.board-controls{min-height:50px}.square small{font-size:8px}.coach-panel{padding:20px}.accuracy-grid strong{font-size:28px}.review-actions .button{padding:10px 13px;font-size:10px}.move-list{max-height:235px}.review-grid{gap:15px}.eval-chart{margin-bottom:10px}.review-actions{gap:8px}.auth-card{margin:10px auto}.auth-card h1{font-size:28px}.inline-form{flex-direction:column;align-items:stretch}.share-page{padding:22px 18px}.share-page .two-col{grid-template-columns:1fr}.share-page h1{font-size:27px}.notice{font-size:11px}.daily-plan{gap:12px;padding:15px}.daily-plan p{font-size:10px}.daily-plan b{font-size:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--chart-dark:#734;--chart-light:#c2a878;--backdrop-line:#c2a878}:root[data-theme=midnight]{--chart-dark:#344d58;--chart-light:#d9e7e8;--backdrop-line:#528a9a}.area-chart{background:var(--chart-dark)}.chart-tooltip{background:var(--panel);color:var(--text);border:1px solid var(--border)}.grade-badge[data-book=true]:after{display:none}.grade-splendid{--grade:#12bbb3}.grade-perfect{--grade:#299ef0}.grade-best{--grade:#24b43c}.grade-excellent{--grade:#42af3b}.grade-okay,.grade-good{--grade:#88b653}.grade-book{--grade:#ad8d69}.grade-inaccuracy{--grade:#f0c400}.grade-mistake{--grade:#eda600}.grade-blunder{--grade:#f34d57}.square-piece{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.piece-in-flight{visibility:hidden}.moving-piece{z-index:4;pointer-events:none;justify-content:center;align-items:center;width:12.5%;height:12.5%;animation:.2s cubic-bezier(.2,.7,.2,1) both piece-slide;display:flex;position:absolute}.moving-piece svg{filter:drop-shadow(0 3px 2px #0005);width:94%;height:94%}.square-badge{z-index:6}.square-badge .grade-badge svg{filter:none;width:13px;height:13px}@keyframes piece-slide{0%{transform:translate(0)}to{transform:translate(calc(var(--dx) * 100%), calc(var(--dy) * 100%))}}.app{isolation:isolate;position:relative}.content,header,footer{z-index:1;position:relative}.ambient-background{z-index:0;pointer-events:none;contain:strict;color:var(--backdrop-line);position:fixed;inset:0;overflow:hidden}.ambient-ripple{opacity:.09;width:1px;height:1px;position:absolute;top:35%;right:4%}.ambient-ripple i{border:1px solid;border-radius:50%;animation:15s ease-in-out infinite ambient-ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ambient-grid,.ambient-dots,:root[data-theme=midnight] .ambient-ripple{display:none}:root[data-theme=midnight] .ambient-grid{opacity:.055;background-image:linear-gradient(90deg,currentColor 1px,#0000 1px),linear-gradient(currentColor 1px,#0000 1px);background-size:70px 70px;animation:24s linear infinite ambient-grid;display:block;position:absolute;inset:10% -30% -70%;transform:perspective(700px)rotateX(55deg);-webkit-mask-image:linear-gradient(#0000,#000 25% 75%,#0000);mask-image:linear-gradient(#0000,#000 25% 75%,#0000)}@keyframes ambient-ripple{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(.9)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.07)}}@keyframes ambient-grid{to{background-position:0 70px}}@keyframes ambient-dots{to{background-position:28px 28px}}@media (prefers-reduced-motion:reduce){.moving-piece,.ambient-background *{animation:none!important}.ambient-background{opacity:.5}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.daily-nav{position:relative}.daily-menu{background:var(--panel);border:1px solid var(--border);z-index:40;border-radius:12px;min-width:250px;padding:10px;display:none;position:absolute;top:0;left:calc(100% - 8px);box-shadow:0 15px 50px #0005}.daily-nav:hover .daily-menu,.daily-nav:focus-within .daily-menu{gap:4px;display:grid}.daily-menu a{white-space:normal}.daily-layout{margin-top:24px}.daily-layout .panel{gap:14px;display:grid}.daily-layout .panel h2,.daily-layout .panel p{margin:0}.notation-guide{border:1px solid var(--border);border-radius:10px;padding:12px}.notation-guide summary{cursor:pointer;color:var(--accent)}.notation-guide p{line-height:1.6;margin-top:12px!important}.training-feedback{border:1px solid var(--border);background:var(--bg);border-radius:12px;padding:18px}.training-feedback p{margin:10px 0!important}.personal-level{margin-bottom:28px}.personal-level>progress{width:100%;height:14px;accent-color:var(--accent);margin-top:16px;display:block}.personal-level label{max-width:400px;margin-top:22px;display:block}.site-ranking>label{max-width:360px;margin-bottom:24px;display:block}.xp-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.xp-row small{color:var(--muted);margin-top:5px;display:block}button.streak-mini{border:1px solid var(--border);text-align:left;width:calc(100% - 16px);color:var(--text);cursor:pointer;font:inherit;background:0 0;border-radius:10px;padding:12px}button.streak-mini:hover{background:var(--panel);border-color:var(--accent)}.daily-layout .button:not(.outline),.personal-level .button:not(.outline){background:var(--accent);color:var(--accent-ink)}.streak-mini .grow{gap:4px;display:grid}.streak-dialog{background:var(--panel);width:min(520px,100vw - 32px);max-height:85vh;color:var(--text);border:1px solid var(--border);border-radius:20px;padding:28px;overflow:auto;box-shadow:0 25px 90px #0008}.streak-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009}.dialog-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.dialog-heading h2{margin:0}.streak-number{margin:22px 0;font-size:32px;display:block}.streak-calendar{grid-template-columns:repeat(7,1fr);gap:7px;margin:20px 0;display:grid}.streak-calendar span{aspect-ratio:1;background:var(--bg);border:1px solid var(--border);color:var(--muted);border-radius:8px;place-items:center;display:grid}.streak-calendar .done{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:800}@media (max-width:768px){.daily-menu{min-width:210px;top:100%;left:18px}.daily-nav{z-index:10}.daily-layout{display:block}.daily-layout .stack{margin-top:20px}}.check-rays{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.check-rays line{stroke:#ff6259;stroke-width:1px;stroke-linecap:round;stroke-dasharray:1.2 1.4;filter:drop-shadow(0 0 1.5px #ff541b);opacity:.9;animation:.6s ease-out check-ray-breathe}.square.check-ray:after{content:"";pointer-events:none;background:#ff51402e;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ff68577d}.square.checked-king:after{background:radial-gradient(#ff42296b,#0000 75%);box-shadow:inset 0 0 0 3px #ff824acc}.board-event{z-index:5;pointer-events:none;width:0;height:0;position:absolute}.mate-wave{background:radial-gradient(circle,#0000 43%,#ffd79888 46%,#fffbeee6 48%,#ff9f37b0 49%,#0000 54%);border-radius:50%;width:900px;height:900px;animation:.75s cubic-bezier(.15,.6,.3,1) both mate-shockwave;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.03)}.mate-wave.echo{opacity:.5;animation-delay:.16s}.mate-fallen{animation:mate-fall .42s cubic-bezier(.3, .1, .8, .3) var(--fall-delay,.25s) forwards;transform-origin:50% 85%}.diamond-burst{color:#a2fff3;text-shadow:0 0 16px #00d9ca,0 0 35px #3effde;font:100px/1 Georgia,serif;animation:.65s ease-out both diamond-reveal;position:absolute;top:0;left:0}.move-spark,.blunder-crack{width:6px;height:6px;transform:rotate(var(--spark-angle)) translateX(0);background:#b7fff2;border-radius:50%;animation:.8s ease-out both move-spark;position:absolute;top:0;left:0;box-shadow:0 0 12px #19cbb8}.blunder-ring{border:4px solid #ff5357;border-radius:50%;width:110px;height:110px;animation:.6s ease-out both blunder-burst;position:absolute;top:0;left:0;box-shadow:0 0 30px #fd4f5355}.blunder-crack{background:#ff6569;border-radius:1px;width:35px;height:3px;animation:.65s ease-out both crack-burst;box-shadow:0 0 9px #f44}.blunder-impact{animation:.24s ease-in-out 2 board-impact}@keyframes check-ray-breathe{50%{opacity:.55}}@keyframes mate-shockwave{0%{opacity:1;transform:translate(-50%,-50%)scale(.03)}to{opacity:0;transform:translate(-50%,-50%)scale(2.1)}}@keyframes mate-fall{0%{transform:rotate(0)}24%{filter:drop-shadow(0 0 7px #ffb76a);transform:translateY(-7%)rotate(-14deg)}to{opacity:1;filter:drop-shadow(3px 4px 2px #0007);transform:translate(9%,10%)rotate(78deg)scale(.94)}}@keyframes diamond-reveal{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-25deg)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.1)rotate(0)}to{opacity:0;transform:translate(-50%,-80%)scale(.8)}}@keyframes move-spark{to{opacity:0;transform:rotate(var(--spark-angle)) translateX(110px) scale(.2)}}@keyframes blunder-burst{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}@keyframes crack-burst{0%{transform:rotate(var(--spark-angle)) translateX(10px);opacity:1}to{transform:rotate(var(--spark-angle)) translateX(95px);opacity:0}}@keyframes board-impact{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.check-rays line,.board-event *,.blunder-impact,.mate-fallen{animation:none!important}.board-event{display:none}.mate-fallen{opacity:1;filter:none;transform:none}}.wave-shaken{transform-origin:50% 82%;animation:wave-shake .32s ease-out var(--fall-delay,80ms) both}.mate-impact{animation:.22s ease-out board-impact}.impact-flash{mix-blend-mode:screen;background:radial-gradient(circle,#fff9ddc0 0%,#ffbb674d 20%,#0000 65%);border-radius:50%;width:220px;height:220px;animation:.34s ease-out both impact-flash;position:absolute;top:0;left:0}.event-blunder .impact-flash{background:radial-gradient(circle,#fff5 0%,#ff355e88 20%,#0000 65%)}.effect-piece-splendid{filter:drop-shadow(0 0 8px #24edd9)}.effect-piece-blunder{animation:.38s ease-out piece-recoil}.energy-halo{background:radial-gradient(circle,#fff9 0%,#40ffe575 13%,#23d9cd33 35%,#0000 65%);border-radius:50%;width:190px;height:190px;animation:.7s ease-out both impact-flash;position:absolute;top:0;left:0}.energy-orbit{border:2px solid #0000;border-color:#0000 #9affec;border-radius:50%;width:125px;height:125px;animation:.7s ease-out both energy-orbit;position:absolute;box-shadow:0 0 16px #22e5ce}@keyframes wave-shake{20%{transform:translateY(-8%)rotate(-5deg)}45%{transform:translateY(2%)rotate(4deg)}70%{transform:rotate(-2deg)}to{transform:none}}@keyframes impact-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.15)}22%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.45)}}@keyframes energy-orbit{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)scale(.2)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)rotate(120deg)scale(1.15)}}@keyframes piece-recoil{25%{transform:translateY(-9%)rotate(-7deg)}60%{transform:rotate(5deg)}to{transform:none}}@media (prefers-reduced-motion:reduce){.wave-shaken,.mate-impact,.effect-piece{filter:none;animation:none!important}}:root{--bloom-body:#734;--bloom-core:#c2a878;--bloom-opacity:.46;--chess-field:#c2a878}:root[data-theme=midnight]{--bloom-body:#528a9a;--bloom-core:#d9e7e8;--bloom-opacity:.5;--chess-field:#528a9a}.bloom-background{background:var(--bg);isolation:isolate}.bloom-light{background:radial-gradient(ellipse at 50% 104%, var(--bloom-core) 0%, var(--bloom-body) 17%, transparent 62%);opacity:var(--bloom-opacity);will-change:transform, opacity;animation:22s ease-in-out infinite bloom-breathe;position:absolute;inset:-5% -15% -15%}.bloom-shafts{background:linear-gradient(90deg, transparent 0%, var(--bloom-body) 9%, transparent 12%, var(--bloom-core) 18%, transparent 22%, var(--bloom-body) 27%, transparent 31%, var(--bloom-core) 36%, transparent 39%, var(--bloom-body) 47%, transparent 51%, var(--bloom-core) 57%, transparent 62%, var(--bloom-body) 68%, transparent 72%, var(--bloom-core) 78%, transparent 83%, var(--bloom-body) 91%, transparent 100%);opacity:calc(var(--bloom-opacity) * .33);filter:blur(18px);will-change:transform;animation:32s ease-in-out infinite alternate bloom-shafts-drift;position:absolute;inset:0 -10% -8%;-webkit-mask-image:linear-gradient(#0000 15%,#000 90%);mask-image:linear-gradient(#0000 15%,#000 90%)}.chess-horizon{background-image:conic-gradient(from 90deg, var(--chess-field) 25%, transparent 0 50%, var(--chess-field) 0 75%, transparent 0);opacity:.038;background-size:150px 150px;position:absolute;inset:48% -35% -70%;transform:perspective(700px)rotateX(63deg);-webkit-mask-image:linear-gradient(#0000 0%,#000 37% 70%,#0000 95%);mask-image:linear-gradient(#0000 0%,#000 37% 70%,#0000 95%)}.bloom-vignette{background:radial-gradient(ellipse at 50% 70%, transparent 35%, var(--bg) 94%);opacity:.65;position:absolute;inset:0}@keyframes bloom-breathe{0%,to{opacity:var(--bloom-opacity);transform:scale(1)}50%{opacity:calc(var(--bloom-opacity) * .77);transform:scale(1.07)translateY(-1.5%)}}@keyframes bloom-shafts-drift{to{transform:translate(3%)scaleX(1.04)}}@media (max-width:600px){.bloom-shafts{filter:blur(12px);opacity:calc(var(--bloom-opacity) * .22)}.chess-horizon{opacity:.027;background-size:100px 100px}.bloom-light{animation-duration:30s;inset:0 -30% -10%}}@media (prefers-reduced-motion:reduce){.bloom-background *{will-change:auto!important;animation:none!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.training-studio{width:min(100%,680px);min-width:0;margin:0 auto;padding-bottom:20px}.training-heading{justify-content:space-between;align-items:center;gap:20px;min-height:76px;margin-bottom:20px;display:flex}.training-heading>div{min-width:0}.training-heading h1{overflow-wrap:anywhere;margin:9px 0 0;font:750 clamp(23px,3vw,32px)/1.2 Manrope,sans-serif}.training-heading .eyebrow{letter-spacing:.16em;font-size:9px}.training-points{border:1px solid var(--border);background:var(--panel);color:var(--accent);white-space:nowrap;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:12px 15px;font-size:13px;display:flex}.training-opening-picker{margin-bottom:14px;display:block}.training-opening-picker select{text-overflow:ellipsis;width:100%;height:46px}.training-meta{color:var(--muted);align-items:center;gap:10px;min-height:24px;margin:0 0 12px;font-size:12px;display:flex}.training-meta>span:not(.side-to-move){align-items:center;gap:4px;display:inline-flex}.training-meta>b{color:var(--accent)}.side-to-move{border:1px solid #7778;border-radius:50%;flex-shrink:0;width:13px;height:13px}.side-w{background:#fff8ea}.side-b{background:#242424}.training-board{aspect-ratio:1;border-radius:8px;width:100%;max-width:680px;position:relative;box-shadow:0 15px 60px #0002}.training-board .board-wrap{width:100%}.training-board .board{aspect-ratio:1;width:100%}.training-answer{align-items:stretch;gap:10px;width:100%;margin-top:16px;display:flex}.training-answer label{flex:1;min-width:0}.training-answer input{letter-spacing:.025em;width:100%;height:52px;margin:0;font-size:18px;font-weight:600}.training-answer button{min-width:120px;height:52px}.training-status{border:1px solid var(--border);background:var(--panel);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;min-height:62px;margin-top:12px;padding:14px 17px;font-size:13px;display:flex}.training-status>span{color:var(--muted);flex:1}.training-status.correct{color:#8fcd80;border-color:#71aa65}.training-status.incorrect{color:var(--text);border-color:#d9a957}.training-status .chip{align-items:center;gap:5px;display:flex}.training-studio .notation-guide{margin-top:12px;padding:14px;font-size:13px}.training-studio .notation-guide p{line-height:1.7}.training-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;font-size:11px;display:flex}.training-footer a{color:var(--accent)}.training-complete{z-index:10;text-align:center;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border:1px solid var(--border);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:25px;display:flex;position:absolute;inset:0}.training-complete>svg{color:var(--accent)}.training-complete h2,.training-complete p{margin:0}@media (max-width:600px){.training-studio{width:100%;max-width:600px}.training-heading{gap:10px;min-height:67px;margin-bottom:15px}.training-heading h1{font-size:24px}.training-points{gap:5px;padding:10px;font-size:12px}.training-points svg{width:16px}.training-meta{gap:7px;font-size:11px}.training-meta>span:nth-last-child(2){font-size:10px}.training-answer{gap:8px;margin-top:12px}.training-answer input{height:50px;padding:12px;font-size:17px}.training-answer button{min-width:95px;height:50px;padding:10px 12px}.training-status{gap:9px;padding:12px;font-size:12px}.training-status>span{min-width:120px}.training-complete h2{font-size:23px}input,select,textarea{font-size:16px!important}button,.button,.chip{touch-action:manipulation}.icon-button{min-width:44px;min-height:44px}.sidebar.open{overscroll-behavior:contain;overflow-y:auto}.language{min-width:44px;min-height:44px}.content{min-width:0;padding-left:14px!important;padding-right:14px!important}.review-grid,.two-col,.form-grid,.board-search,.review-grid>div{min-width:0}.page-title{flex-wrap:wrap;gap:14px}.page-title h1,.page-title p{overflow-wrap:anywhere}.review-actions{grid-template-columns:1fr 1fr;display:grid}.review-actions .button{min-height:44px;padding:10px;font-size:11px}.board-controls button{min-width:38px;min-height:44px}.inline-form>input{width:100%;min-width:0}.game-row{min-width:0}.game-row .grow{overflow-wrap:anywhere;min-width:0}.player-strip{min-width:0;max-width:100%}.player-strip>span:last-child{overflow-wrap:anywhere;min-width:0}.filters{flex-wrap:wrap;gap:8px}.filters>*{max-width:100%}.personal-level,.site-ranking{padding:18px!important}.xp-row{align-items:flex-start}.xp-row>span{overflow-wrap:anywhere;min-width:0}.xp-row>b{white-space:nowrap}.line-moves button{min-width:32px;min-height:38px}.side-bottom{padding-top:10px}.sidebar nav{gap:2px}.sidebar nav a{padding-top:11px;padding-bottom:11px}.sidebar .side-caption{margin-bottom:20px}.daily-menu a{min-height:44px}.streak-dialog{width:calc(100vw - 24px);padding:22px}}@media (max-width:370px){.training-heading h1{font-size:21px}.training-meta>span:nth-last-child(2){display:none}.training-points{padding:8px}.review-actions{grid-template-columns:1fr}}@media (max-width:900px) and (orientation:landscape){.sidebar{overflow-y:auto}.streak-dialog{max-height:90dvh}.training-studio{max-width:min(680px,100%)}.training-heading{min-height:48px}.training-board{max-width:680px}}@supports (padding:max(0px)){@media (max-width:600px){.content{padding-bottom:max(30px, env(safe-area-inset-bottom))!important}header{padding-left:max(14px, env(safe-area-inset-left))!important;padding-right:max(14px, env(safe-area-inset-right))!important}}}