.board{aspect-ratio:1;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:4px;width:100%;position:relative;overflow:hidden;box-shadow:0 6px 24px #00000059;container-type:inline-size}.board-squares{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0}.sq.light{background:var(--sq-light)}.sq.dark{background:var(--sq-dark)}.board-layer{pointer-events:none;position:absolute;inset:0}.board-layer>div,.board .piece{width:12.5%;height:12.5%;position:absolute;top:0;left:0}.hl{pointer-events:none}.hl-last{background:#ffff336b}.hl-selected{background:#ffff338c}.hl-check{background:radial-gradient(#ff0000f2 0%,#e70000cc 25%,#a9000000 89%)}.hl-hover{box-shadow:inset 0 0 0 4px #ffffffa6}.dest{background:radial-gradient(circle,#141e1447 22%,#0000 23%)}.dest.capture{background:radial-gradient(circle,#0000 72%,#141e144d 73%)}.coords .coord{box-sizing:border-box;padding:3%;font-size:max(9px,2.3cqw);font-weight:700;line-height:1;display:flex}.coord.rank{justify-content:flex-start;align-items:flex-start}.coord.file{justify-content:flex-end;align-items:flex-end}.coord.on-light{color:var(--sq-dark)}.coord.on-dark{color:var(--sq-light)}.board .piece{will-change:transform;pointer-events:none;background-repeat:no-repeat;background-size:cover}.board .piece.ghosted{opacity:.3}.board .piece.moving{z-index:2}.board .drag-ghost{z-index:10;transform-origin:50%;filter:drop-shadow(0 6px 6px #00000059);width:12.5%;height:12.5%;scale:1.08}.board.is-dragging{cursor:grabbing}.board-arrows{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}.marker{z-index:6;justify-content:center;align-items:center;display:flex}.marker .star{fill:#f6c344;stroke:#9a6b00;stroke-width:1px;filter:drop-shadow(0 2px 2px #00000059);width:62%;height:62%;animation:.5s star-pop}@keyframes star-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.marker-badge{justify-content:flex-end!important;align-items:flex-start!important}.badge-dot{color:#fff;letter-spacing:-.04em;border:2px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:42%;height:42%;margin:-4% -4% 0 0;font-size:max(9px,2.6cqw);font-weight:800;display:flex;box-shadow:0 2px 4px #00000073}.target-dot{opacity:.8;border-radius:50%;width:34%;height:34%}.target-ring{box-sizing:border-box;opacity:.85;border:5px solid;border-radius:50%;width:82%;height:82%}.marker .cross{color:#d22;text-shadow:0 2px 3px #0006;font-size:6cqw;font-weight:900}.promo-overlay{z-index:20;background:#0a0c108c;position:absolute;inset:0}.promo-choice{cursor:pointer;background:radial-gradient(circle,#fff 55%,#c9ccd1 100%);border:none;border-radius:50%;width:12.5%;height:12.5%;padding:0;transition:border-radius .15s,background .15s;position:absolute;top:0;left:0}.promo-choice:hover{background:radial-gradient(circle,#fff 60%,#f0a33a 100%);border-radius:8%}.promo-choice .piece-img{background-position:50%;background-repeat:no-repeat;background-size:80%;width:100%;height:100%;display:block}.home{max-width:1120px}.home-hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.streak-badge{background:var(--surface);border:1px solid var(--border);border-radius:99px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;display:flex}.home-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:16px;display:grid}@media (width<=860px){.home-grid{grid-template-columns:1fr}}.continue-card{background:linear-gradient(135deg, var(--surface) 0%, var(--surface-2) 100%);flex-direction:column;justify-content:center;gap:14px;padding:26px;display:flex}.continue-card h2{font-size:26px}.continue-card .btn{align-self:flex-start}.daily-card{cursor:pointer;flex-direction:column;gap:12px;display:flex}.daily-board{pointer-events:none;align-self:center;width:100%;max-width:300px}.daily-board .board{box-shadow:none}.tiles{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.tile{align-items:center;gap:14px;display:flex}.tile .stat .v{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:21px;overflow:hidden}.outcome-mini{color:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;font-weight:900;display:grid}.outcome-mini.win{background:var(--accent)}.outcome-mini.loss{background:var(--danger)}.outcome-mini.draw{background:#888}.steps-guide{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.guide-step{align-items:flex-start;gap:14px;display:flex}.guide-num{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-text);border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:grid}:root{--font:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-chess:"Segoe UI Symbol", "Noto Sans Symbols 2", "DejaVu Sans", var(--font);--radius:14px;--radius-sm:9px;--bg:#14161b;--bg-elev:#191c22;--surface:#1d2027;--surface-2:#252932;--surface-3:#2f3440;--border:#2b3039;--border-strong:#3a414d;--text:#e9ebef;--text-2:#bcc2cc;--muted:#8b94a3;--accent:#5cb46b;--accent-strong:#489a57;--accent-soft:#5cb46b24;--accent-text:#8fd69b;--gold:#e9b949;--gold-soft:#e9b94924;--danger:#e5534b;--danger-soft:#e5534b24;--warning:#f0a33a;--info:#5b9bd5;--info-soft:#5b9bd526;--shadow:0 10px 30px #00000047;--shadow-sm:0 2px 8px #0003;--c-brilliant:#1baca6;--c-great:#5c8bb0;--c-best:#81b64c;--c-excellent:#96bc4b;--c-good:#95af8a;--c-book:#a88865;--c-inaccuracy:#f2c12e;--c-mistake:#ffa459;--c-miss:#ff7769;--c-blunder:#fa412d;--c-forced:#97a0a8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f3f4f7;--bg-elev:#fff;--surface:#fff;--surface-2:#f1f3f6;--surface-3:#e6e9ee;--border:#e1e4ea;--border-strong:#cdd2da;--text:#1b1e24;--text-2:#3f4652;--muted:#6b7482;--accent:#3f9a50;--accent-strong:#33843f;--accent-soft:#3f9a501f;--accent-text:#2e7d3b;--gold-soft:#e9b94933;--shadow:0 10px 30px #141e321a;--shadow-sm:0 2px 8px #141e3214;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:-.015em;margin:0;line-height:1.2}h1{font-size:28px;font-weight:750}h2{font-size:21px;font-weight:700}h3{font-size:16.5px;font-weight:650}p{margin:0}button{font:inherit;color:inherit}::selection{background:var(--accent-soft)}.app{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--bg-elev);border-right:1px solid var(--border);flex-direction:column;gap:4px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:4px 10px 18px;display:flex}.brand-logo{background:linear-gradient(135deg,#6cc47a,#3f8f4c);border-radius:11px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 4px 12px #5cb46b59}.brand-logo img{filter:drop-shadow(0 1px 1px #0000004d);width:30px;height:30px}.brand-name{letter-spacing:-.02em;font-size:17px;font-weight:800}.brand-sub{color:var(--muted);margin-top:-2px;font-size:11.5px}.nav-item{color:var(--text-2);border-radius:10px;align-items:center;gap:12px;padding:9px 12px;font-weight:550;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent-text)}.nav-item svg{flex-shrink:0}.nav-sep{flex:1}.nav-foot{color:var(--muted);padding:8px 12px 0;font-size:11.5px}.main{min-width:0;padding:28px 34px 56px}.mobile-nav{display:none}@media (width<=960px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.main{padding:16px 16px 92px}.mobile-nav{z-index:50;background:var(--bg-elev);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:var(--muted);border-radius:8px;flex-direction:column;align-items:center;gap:2px;min-width:54px;padding:4px 6px;font-size:10.5px;display:flex}.mobile-nav a.active{color:var(--accent-text)}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-head p{color:var(--muted);max-width:720px;margin-top:6px}.crumbs{color:var(--muted);align-items:center;gap:6px;margin-bottom:8px;font-size:13px;display:flex}.crumbs a:hover{color:var(--text)}.section{margin-top:30px}.section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.section-title h2{font-size:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.card.hover{cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.card.hover:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.card-grid.wide{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.card h3{margin-bottom:4px}.card .desc{color:var(--muted);font-size:13.5px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.panel-body{padding:16px}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.col{flex-direction:column;gap:10px;display:flex}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:12px}.strong{font-weight:650}.mono{font-variant-numeric:tabular-nums}.center{text-align:center}.spacer{height:12px}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);height:38px;color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-strong)}.btn-gold{background:var(--gold);border-color:var(--gold);color:#2a2006}.btn-danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn-danger:hover{background:var(--danger-soft)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2)}.btn-sm{height:32px;padding:0 11px;font-size:13px}.btn-lg{height:46px;padding:0 22px;font-size:15.5px}.btn-icon{width:38px;padding:0}.btn-icon.btn-sm{width:32px}.btn-block{width:100%}.input,.textarea,.select{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text);font:inherit;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{resize:vertical;min-height:140px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:13px}label.field{color:var(--text-2);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.segmented{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);gap:2px;padding:3px;display:inline-flex}.segmented button{cursor:pointer;color:var(--text-2);background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600}.segmented button.on{background:var(--surface-3);color:var(--text)}.switch{flex-shrink:0;width:40px;height:23px;position:relative}.switch input{opacity:0;width:0;height:0}.switch span{background:var(--surface-3);cursor:pointer;border-radius:99px;transition:background .2s;position:absolute;inset:0}.switch span:before{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:before{transform:translate(17px)}.chip{background:var(--surface-2);border:1px solid var(--border);height:24px;color:var(--text-2);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.chip.green{background:var(--accent-soft);color:var(--accent-text);border-color:#0000}.chip.gold{background:var(--gold-soft);color:var(--gold);border-color:#0000}.chip.red{background:var(--danger-soft);color:var(--danger);border-color:#0000}.chip.blue{background:var(--info-soft);color:var(--info);border-color:#0000}button.chip{cursor:pointer}button.chip.on{background:var(--accent);color:#fff;border-color:var(--accent)}.tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:4px;margin-bottom:18px;display:flex;overflow:auto hidden}.tabs button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:10px 14px;font-weight:600;display:inline-flex}.tabs button:hover{color:var(--text)}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.progress{background:var(--surface-3);border-radius:99px;height:7px;overflow:hidden}.progress>div{background:var(--accent);border-radius:99px;height:100%;transition:width .3s}.progress.gold>div{background:var(--gold)}.stat{flex-direction:column;gap:2px;display:flex}.stat .v{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:750}.stat .l{color:var(--muted);font-size:12.5px}.notice{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;display:flex}.notice.success{background:var(--accent-soft);border-color:#0000}.notice.error{background:var(--danger-soft);border-color:#0000}.notice.info{background:var(--info-soft);border-color:#0000}.notice.gold{background:var(--gold-soft);border-color:#0000}.notice svg{flex-shrink:0;margin-top:2px}.spinner{border:2.5px solid var(--surface-3);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--muted);padding:36px 20px}.kbd{border:1px solid var(--border-strong);color:var(--text-2);border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-family:ui-monospace,Consolas,monospace;font-size:11.5px;display:inline-block}.san{font-family:var(--font-chess);font-weight:600}.list{flex-direction:column;display:flex}.list-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;padding:11px 14px;transition:background .12s;display:flex}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--surface-2)}.dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.board-page{grid-template-columns:minmax(0,1fr) minmax(320px,400px);align-items:start;gap:22px;max-width:1320px;display:grid}.board-col{flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex}.board-row{gap:8px;width:min(100%,100vh - 150px,780px);display:flex}.board-row .board-holder{flex:1;min-width:0}.board-below{width:min(100%,100vh - 150px,780px)}.side-col{flex-direction:column;gap:14px;min-width:0;display:flex}.player-strip{justify-content:space-between;align-items:center;gap:10px;width:min(100%,100vh - 150px,780px);min-height:36px;padding:2px;display:flex}.player-strip .who{align-items:center;gap:10px;font-weight:650;display:flex}.avatar{background:var(--surface-2);border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:19px;display:grid}.nav-controls{justify-content:center;gap:6px;display:flex}.captured{align-items:center;min-height:17px;display:flex}.captured img{width:17px;height:17px;margin-right:-6px}.captured .tiny{margin-left:10px}.clock{font-variant-numeric:tabular-nums;background:var(--surface-2);text-align:right;border-radius:8px;min-width:78px;padding:4px 12px;font-size:16px;font-weight:700}.clock.active{background:var(--text);color:var(--bg)}@media (width<=1100px){.board-page{grid-template-columns:minmax(0,1fr)}.board-row,.board-below,.player-strip{width:min(100%,640px)}}.movelist{grid-template-columns:42px 1fr 1fr;max-height:360px;font-size:14px;display:grid;overflow-y:auto}.movelist .num{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;background:var(--surface-2);padding:5px 8px}.movelist .mv{cursor:pointer;font-family:var(--font-chess);border-radius:5px;align-items:center;gap:6px;padding:5px 10px;font-weight:600;display:flex}.movelist .mv:hover{background:var(--surface-3)}.movelist .mv.on{background:var(--accent-soft);color:var(--accent-text)}.movelist .mv.empty{cursor:default}.movelist .mv.empty:hover{background:0 0}.cls-icon{color:#fff;letter-spacing:-.05em;width:18px;height:18px;font-size:10px;font-weight:800;font-family:var(--font);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.cls-icon.lg{width:30px;height:30px;font-size:14px}.fade-in{animation:.25s fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.shake{animation:.35s shake}@keyframes shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.modal-backdrop{z-index:100;background:#00000080;place-items:center;padding:16px;animation:.2s fade-in;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border-strong);width:min(440px,100%);box-shadow:var(--shadow);text-align:center;border-radius:18px;padding:26px}.modal h2{margin-bottom:8px}