@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-0: #0a0c12;--bg-1: #0e1118;--bg-2: #141824;--ink: #f4f1ea;--ink-dim: #b9b4a8;--ink-faint: #6f6a60;--glass-fill: rgba(28, 32, 44, .55);--glass-fill-2: rgba(40, 45, 60, .4);--glass-stroke: rgba(255, 255, 255, .1);--glass-stroke-strong: rgba(255, 255, 255, .18);--glass-hi: rgba(255, 255, 255, .06);--glass-blur: 22px;--amber: #f0b429;--amber-bright: #ffc94a;--amber-deep: #e0921a;--amber-glow: rgba(240, 180, 41, .45);--green: #3fb950;--blue: #58a6ff;--violet: #a371f7;--red: #f85149;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-ui: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 30px;--r-pill: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 10px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);--board-light: #efe6d2;--board-dark: #b07d52;--board-dark-cool: #6f8aa6;--board-max: 560px;--board-lesson-max: 420px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg-0);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,textarea{font-family:inherit}code{font-family:var(--font-mono);color:var(--amber-bright);font-size:.92em}.display{font-family:var(--font-display)}.mono{font-family:var(--font-mono)}.glass{background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);backdrop-filter:blur(var(--glass-blur)) saturate(140%);border:1px solid var(--glass-stroke);box-shadow:var(--shadow-md),inset 0 1px 0 var(--glass-hi)}.glass-strong{background:var(--glass-fill);-webkit-backdrop-filter:blur(30px) saturate(160%);backdrop-filter:blur(30px) saturate(160%);border:1px solid var(--glass-stroke-strong);box-shadow:var(--shadow-lg),inset 0 1px 0 var(--glass-hi)}.btn{font-family:var(--font-ui);font-weight:600;border:none;cursor:pointer;border-radius:var(--r-pill);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:.88rem;color:var(--ink);transition:transform .12s ease,box-shadow .2s ease,background .2s ease,filter .2s ease,border-color .15s ease;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-amber{background:linear-gradient(180deg,var(--amber-bright),var(--amber-deep));color:#3a2607;box-shadow:0 8px 22px #f0b42959,inset 0 1px #ffffff80}.btn-amber:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 12px 30px #f0b42980,inset 0 1px #ffffff80;transform:translateY(-1px)}.btn-glass{background:var(--glass-fill-2);color:var(--ink);border:1px solid var(--glass-stroke);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-glass:hover:not(:disabled){background:#ffffff1a;border-color:var(--glass-stroke-strong)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:99px}::-webkit-scrollbar-track{background:transparent}.app-bg{min-height:100vh;position:relative}.app-bg:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(125% 80% at 50% -8%,#241c08 0%,#14131d 50%,var(--bg-0) 100%)}.app{max-width:1180px;margin:0 auto;padding:20px 22px 90px}.app.app-wide{max-width:1320px}.app-body{margin-top:20px}.topnav{display:flex;align-items:center;gap:16px;padding:11px 16px 11px 18px;border-radius:var(--r-pill)}.seg{display:flex;gap:2px;padding:3px;border-radius:var(--r-pill);background:#00000040;border:1px solid var(--glass-stroke)}.seg-btn{border:none;background:transparent;color:var(--ink-dim);font-family:var(--font-ui);font-weight:600;font-size:.85rem;padding:7px 14px;border-radius:var(--r-pill);cursor:pointer;transition:color .15s,background .15s;white-space:nowrap}.seg-btn:hover:not(.active){color:var(--ink)}.seg-btn.active{color:#2c1d04;background:linear-gradient(180deg,var(--amber-bright),var(--amber-deep))}.play-split{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;margin-top:20px}.play-split>*{min-width:0}.board-col{display:flex;flex-direction:column;gap:12px;align-items:stretch}.board-wrap{position:relative;width:100%;display:flex;justify-content:center}.thinking-badge{position:absolute;top:10px;left:10px;padding:5px 12px;border-radius:var(--r-pill);background:#08090eb3;font-size:12px;font-weight:600;color:var(--amber-bright);z-index:30}.status{margin:2px 2px 0;font-size:.95rem;font-weight:600;color:var(--ink-dim);min-height:1.2em;text-align:center}.playerbar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--r-md);background:var(--glass-fill);border:1px solid var(--glass-stroke);transition:background .2s,border-color .2s}.playerbar.active{background:#f0b4291f;border-color:#f0b4294d}.pb-face{width:38px;height:38px;border-radius:10px;background:#ffffff0f;border:1px solid var(--glass-stroke);display:grid;place-items:center;font-size:20px;flex-shrink:0}.pb-main{flex:1;min-width:0}.pb-name{font-weight:700;font-size:.95rem;color:var(--ink)}.pb-sub{font-size:.72rem;color:var(--ink-faint);font-weight:500}.pb-caps{display:flex;gap:1px;margin-top:2px;min-height:16px;flex-wrap:wrap}.pb-cap{font-size:14px;line-height:1;font-family:"Noto Sans Symbols 2",DejaVu Sans,Segoe UI Symbol,sans-serif}.pb-cap.white{color:#f7f3ea;-webkit-text-stroke:.5px #555}.pb-cap.black{color:#23262e;-webkit-text-stroke:.5px #333}.pb-clock{font-family:var(--font-mono);font-weight:800;font-size:1.5rem;letter-spacing:.02em;padding:4px 14px;border-radius:10px;color:var(--ink)}.pb-clock.active{background:#00000040;color:var(--amber-bright)}.pb-clock.low{color:var(--red)}.pb-clock.low.active{box-shadow:0 0 16px #f8514980}.board{--size: min(72vmin, var(--board-max));--cell: calc(var(--size) / 8);width:var(--size);height:var(--size);display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border-radius:14px;overflow:hidden;box-shadow:0 18px 50px #00000080,inset 0 0 0 1px #ffffff14;touch-action:none;-webkit-user-select:none;user-select:none}.board.locked{pointer-events:none}.board-placeholder{width:min(72vmin,var(--board-max));aspect-ratio:1;display:grid;place-items:center;border:1px dashed var(--glass-stroke);border-radius:14px;color:var(--ink-faint)}.square{position:relative;display:grid;place-items:center;border:0;padding:0;margin:0;cursor:pointer;font-family:inherit}.square.light{background:var(--board-light)}.square.dark{background:var(--board-dark)}.square.last:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f0b42966;pointer-events:none}.square.selected{box-shadow:inset 0 0 0 100px #5bd96a6b}.square.check:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(248,81,73,.85),transparent 72%);pointer-events:none}.piece{font-size:calc(var(--cell) * .82);line-height:1;position:relative;z-index:1;font-family:"Noto Sans Symbols 2",DejaVu Sans,Segoe UI Symbol,sans-serif;-webkit-user-select:none;user-select:none}.piece.white{color:#f7f3ea;-webkit-text-stroke:calc(var(--cell) * .028) #3a3322;text-shadow:0 2px 4px rgba(0,0,0,.4)}.piece.black{color:#23262e;-webkit-text-stroke:calc(var(--cell) * .024) #0c0d11;text-shadow:0 2px 5px rgba(0,0,0,.5)}.target{position:absolute;width:32%;height:32%;border-radius:50%;background:#3fb9508c;z-index:2;pointer-events:none}.target.capture{width:84%;height:84%;background:transparent;border:calc(var(--cell) * .09) solid rgba(63,185,80,.55)}.coord{position:absolute;font-size:max(9px,calc(var(--cell) * .16));font-weight:700;font-family:var(--font-mono);z-index:2;pointer-events:none}.coord.rank{top:2px;left:3px}.coord.file{bottom:1px;right:4px}.square.light .coord{color:#0000006b}.square.dark .coord{color:#fff9}.side-card{border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;min-height:460px}.side-head{padding:14px 18px;border-bottom:1px solid var(--glass-stroke);display:flex;align-items:center;justify-content:space-between;gap:10px}.side-title{font-weight:700;font-size:.9rem;color:var(--ink)}.side-body{flex:1;overflow-y:auto;padding:8px 10px;max-height:420px}.side-note{padding:0 14px 4px;font-size:.74rem;color:var(--ink-faint)}.side-foot{padding:12px 14px;border-top:1px solid var(--glass-stroke);display:flex;flex-direction:column;gap:10px}.foot-controls{display:flex;gap:8px}.foot-controls .btn{flex:1;padding:10px;font-size:.82rem}.tc-row{display:flex;gap:6px}.tc-chip{flex:1;border:1px solid var(--glass-stroke);background:var(--glass-fill-2);color:var(--ink-dim);font-family:var(--font-mono);font-size:.74rem;font-weight:600;padding:6px 4px;border-radius:var(--r-sm);cursor:pointer;transition:all .15s}.tc-chip:hover:not(.active){color:var(--ink);border-color:var(--glass-stroke-strong)}.tc-chip.active{color:var(--ink);background:#f0b42924;border-color:var(--amber)}.movelist{list-style:none;margin:0;padding:0;font-family:var(--font-mono);font-size:.86rem}.movelist li{display:grid;grid-template-columns:30px 1fr 1fr;gap:6px;padding:5px 8px;border-radius:7px}.movelist li:nth-child(odd){background:#ffffff06}.movenum{color:var(--ink-faint)}.san{color:var(--ink);font-weight:600}.movelist-empty{color:var(--ink-faint);font-size:.85rem;text-align:center;padding:24px 12px;margin:0}.pill{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;padding:5px 11px;border-radius:var(--r-pill);letter-spacing:.02em}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#08090eb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}.result-card{width:380px;max-width:92vw;border-radius:var(--r-xl);padding:32px;text-align:center}.result-emoji{font-size:52px}.result-title{font-family:var(--font-display);font-size:28px;font-weight:800;margin:8px 0 2px;color:var(--ink)}.result-sub{color:var(--ink-dim);font-size:14px;margin:0 0 22px}.result-actions{display:flex;gap:8px}.result-actions .btn{flex:1;padding:12px}.promo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08090e99;display:grid;place-items:center;z-index:120}.promo{border-radius:var(--r-md);padding:18px 20px}.promo-title{margin:0 0 12px;font-size:.85rem;color:var(--ink-dim);text-align:center}.promo-choices{display:flex;gap:8px}.promo-choice{width:64px;height:64px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--glass-stroke);background:var(--board-dark);cursor:pointer;transition:border-color .15s,background .15s}.promo-choice:hover{border-color:var(--amber);background:#f0b42933}.promo-choice .piece{font-size:2.4rem}.diagnostics{margin-top:28px;border-top:1px solid var(--glass-stroke);padding-top:16px}.link-button{border:0;background:none;color:var(--ink-faint);font:inherit;font-size:.85rem;cursor:pointer;padding:0}.link-button:hover{color:var(--amber-bright)}.diag-body{margin-top:14px;max-width:660px;display:flex;flex-direction:column;gap:12px}.diag-fen{display:flex;gap:8px}.fen-input{flex:1;min-width:0;padding:9px 12px;border-radius:var(--r-sm);border:1px solid var(--glass-stroke);background:var(--bg-0);color:var(--ink);font-family:var(--font-mono);font-size:.8rem}.fen-input:focus{outline:none;border-color:var(--amber)}.checklist{list-style:none;padding:0;margin:0;font-family:var(--font-mono);font-size:.82rem;line-height:1.9}.muted{color:var(--ink-dim)}.small{font-size:.8rem}.pass{color:var(--green)}.fail,.error{color:var(--red)}.banner{background:#f8514924;border:1px solid rgba(248,81,73,.5);border-radius:var(--r-sm);padding:10px 14px;font-size:.88rem;margin:16px 0 0}@media(max-width:920px){.play-split{grid-template-columns:1fr}}@media(max-width:560px){.topnav{flex-wrap:wrap;gap:10px}.login-piece{display:none}}@media(prefers-reduced-motion:reduce){.login-piece{animation:none}}.topnav-brand{border:0;background:none;padding:0;cursor:pointer}.navlinks{display:flex;gap:2px;flex:1;justify-content:center}.navlink{border:0;background:transparent;color:var(--ink-dim);font-family:var(--font-ui);font-weight:600;font-size:.88rem;padding:8px 15px;border-radius:var(--r-pill);cursor:pointer;transition:color .15s,background .15s;white-space:nowrap}.navlink:hover:not(.active){color:var(--ink)}.navlink.active{color:#2c1d04;background:linear-gradient(180deg,var(--amber-bright),var(--amber-deep))}.topnav-right{display:flex;align-items:center;gap:12px;margin-left:auto}.avatar{border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;flex-shrink:0}.avatar-menu{position:relative}.avatar-btn{border:0;background:none;padding:0;cursor:pointer}.menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.menu{position:absolute;right:0;top:44px;width:200px;border-radius:var(--r-md);padding:8px;z-index:100}.menu-item{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;text-align:left;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:.88rem;color:var(--ink);font-family:var(--font-ui)}.menu-item:hover{background:#ffffff12}.menu-item.danger{color:var(--red)}.menu-divider{height:1px;background:var(--glass-stroke);margin:6px 4px}.bottomtabs{display:none;position:fixed;left:12px;right:12px;bottom:12px;border-radius:var(--r-lg);padding:8px;z-index:80;justify-content:space-around}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;cursor:pointer;padding:6px 12px;color:var(--ink-dim);font-family:var(--font-ui)}.tab.active{color:var(--amber-bright)}.tab-icon{font-size:18px}.tab-label{font-size:11px;font-weight:600}.card{border-radius:var(--r-md)}.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.9rem;font-weight:700;color:var(--ink);margin-bottom:14px}.card-title-action{font-size:.78rem;font-weight:600;color:var(--ink-dim)}.card-title-action.clickable{cursor:pointer;color:var(--amber-bright)}.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.pagehead-title{font-size:2rem;font-weight:800;letter-spacing:-.025em;margin:0;color:var(--ink)}.pagehead-sub{margin:6px 0 0;color:var(--ink-dim);font-size:.95rem}.beta-tag{display:inline-flex;align-items:center;font-size:.6rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--amber-bright);background:#f0b42924;border:1px solid rgba(240,180,41,.34);border-radius:var(--r-pill);padding:2px 7px;line-height:1;white-space:nowrap}.preview-badge{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:700;letter-spacing:.02em;color:var(--amber-bright);background:#f0b4291f;border:1px solid rgba(240,180,41,.3);border-radius:var(--r-pill);padding:3px 9px;white-space:nowrap}.preview-banner{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--ink-dim);background:#f0b42914;border:1px solid rgba(240,180,41,.22);border-radius:var(--r-sm);padding:10px 14px;margin-bottom:16px}.preview-banner b{color:var(--ink)}.section-label{display:flex;align-items:center;gap:10px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--ink-faint);margin-bottom:12px}.progressbar{flex:1;height:8px;border-radius:99px;background:#ffffff14;overflow:hidden}.progressbar-fill{height:100%;border-radius:99px}.toggle{width:44px;height:26px;border:0;border-radius:99px;background:#ffffff1f;position:relative;cursor:pointer;flex-shrink:0;transition:background .2s}.toggle.on{background:var(--amber)}.toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0000004d;transition:left .2s}.toggle.on .toggle-knob{left:21px}.seg-full{width:100%}.seg.seg-full .seg-btn{flex:1}.lobby-grid,.dash-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dash-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tutor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.analysis-hub-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:18px}.board-mini .board{--size: 220px;box-shadow:0 10px 26px #00000073,inset 0 0 0 1px #ffffff14}.lesson-board .board{--size: min(48vmin, var(--board-lesson-max))}.streak-hero{border-radius:var(--r-lg);padding:26px;background:linear-gradient(120deg,#f0b42942,#ff7a1a0f);display:flex;align-items:center;gap:28px;flex-wrap:wrap}.streak-flame{display:flex;flex-direction:column;align-items:center;min-width:90px}.streak-emoji{font-size:50px;line-height:1;filter:drop-shadow(0 4px 12px rgba(255,120,20,.5))}.streak-num{font-size:48px;font-weight:800;line-height:1}.streak-label{font-size:11px;color:var(--ink-dim);font-weight:700;letter-spacing:.08em}.streak-body{flex:1;min-width:240px}.streak-title{font-size:1.6rem;font-weight:800;margin:0 0 6px;color:var(--ink)}.week-dots{display:flex;gap:8px;margin-top:12px}.week-day{text-align:center}.week-cell{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:16px;background:#ffffff12;color:var(--ink-faint)}.week-cell.done{background:linear-gradient(180deg,var(--amber-bright),var(--amber-deep));color:#2c1d04}.week-letter{font-size:11px;color:var(--ink-faint);margin-top:4px}.streak-actions{display:flex;flex-direction:column;gap:10px}.quick-action{border:1px solid var(--glass-stroke);border-radius:var(--r-md);padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;cursor:pointer;text-align:left;transition:transform .15s,border-color .15s}.quick-action:hover{transform:translateY(-2px);border-color:var(--glass-stroke-strong)}.quick-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;border:1px solid var(--glass-stroke)}.quick-title{font-weight:700;font-size:.95rem;color:var(--ink)}.quick-sub{font-size:.78rem;color:var(--ink-dim)}.level-row{display:flex;align-items:center;gap:16px}.level-num{font-size:24px;font-weight:800;color:var(--ink)}.level-cap{font-size:9px;color:var(--ink-dim);letter-spacing:.1em}.quest-row{display:flex;align-items:center;gap:12px;padding:9px 0}.quest-row.bordered{border-bottom:1px solid rgba(255,255,255,.06)}.quest-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:15px;background:#ffffff0f}.quest-ic.done{background:#3fb95033}.quest-text{flex:1;font-size:.85rem;color:var(--ink)}.quest-text.done{color:var(--ink-faint);text-decoration:line-through}.quest-xp{font-size:.75rem;color:var(--amber-bright);font-weight:700}.leader-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:.85rem;margin-bottom:3px}.leader-row.you{background:#f0b42929}.leader-rank{width:20px;text-align:center;color:var(--ink-faint);font-weight:700}.leader-name{flex:1;color:var(--ink);font-weight:600}.leader-row.you .leader-name{color:var(--amber-bright);font-weight:700}.leader-gain{color:var(--green);font-weight:700}.recent-games{display:flex;flex-direction:column;gap:8px}.recent-row{display:flex;align-items:center;gap:11px;font-size:.85rem}.game-result{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:12px;flex-shrink:0}.recent-opp{flex:1;color:var(--ink);font-weight:600}.recent-review{border:0;background:none;color:var(--amber-bright);font-weight:600;cursor:pointer;font-family:var(--font-ui);font-size:.85rem}.lobby-note{font-size:.78rem;color:var(--ink-faint);line-height:1.55;margin:14px 0 0}.lobby-note code,.lobby-note b{color:var(--ink-dim)}.tc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.tc-tile{border:1px solid var(--glass-stroke);background:var(--glass-fill-2);border-radius:var(--r-sm);padding:14px 8px;text-align:center;cursor:pointer;transition:all .15s;color:var(--ink)}.tc-tile:hover:not(.active){border-color:var(--glass-stroke-strong)}.tc-tile.active{background:#f0b42924;border-color:var(--amber)}.tc-tile-main{font-size:1.05rem;font-weight:800}.tc-tile-sub{font-size:.68rem;color:var(--ink-dim);margin-top:2px}.bot-list{display:flex;flex-direction:column;gap:8px}.bot-row{display:flex;align-items:center;gap:13px;padding:10px 13px;border-radius:var(--r-sm);border:1px solid var(--glass-stroke);background:var(--glass-fill-2);cursor:pointer;transition:all .15s;text-align:left}.bot-row.active{background:#f0b42924;border-color:var(--amber)}.bot-face{width:40px;height:40px;border-radius:11px;background:#ffffff0f;display:grid;place-items:center;font-size:22px;border:1px solid var(--glass-stroke);flex-shrink:0}.bot-main{flex:1;display:flex;flex-direction:column}.bot-name{font-weight:700;font-size:.92rem;color:var(--ink)}.bot-blurb{font-size:.76rem;color:var(--ink-dim)}.bot-elo{font-size:.82rem;color:var(--amber-bright);font-weight:700}.color-choice{display:flex;gap:10px;margin:16px 0 14px}.color-tile{flex:1;border:1px solid var(--glass-stroke);background:var(--glass-fill-2);border-radius:var(--r-sm);padding:10px;text-align:center;font-size:.82rem;font-weight:600;color:var(--ink);cursor:pointer}.color-tile.active{background:#f0b42924;border-color:var(--amber)}.color-ic{display:block;font-size:20px}.lobby-start{width:100%;padding:14px;font-size:1rem}.side-lobby{width:100%}.puzzle-count{text-align:center}.puzzle-count-num{font-size:1.6rem;font-weight:800;color:var(--amber-bright)}.puzzle-count-label{font-size:.7rem;color:var(--ink-dim)}.puzzle-featured-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.puzzle-featured-body{display:flex;gap:22px;align-items:center}.puzzle-featured-title{font-size:1.4rem;font-weight:800;margin:0 0 4px;color:var(--ink)}.puzzle-featured-rating{font-size:.82rem;color:var(--amber-bright);margin:6px 0 16px}.puzzle-quickstart{display:flex;flex-direction:column;gap:10px;margin-top:14px}.puzzle-quickstart .btn{width:100%;padding:13px}.cat-tile{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--r-md);background:var(--glass-fill);border:1px solid var(--glass-stroke);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;text-align:left;transition:transform .15s,border-color .15s}.cat-tile:hover{transform:translateY(-2px);border-color:var(--glass-stroke-strong)}.cat-ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:22px;flex-shrink:0}.cat-main{display:flex;flex-direction:column}.cat-name{font-weight:700;font-size:.92rem;color:var(--ink)}.cat-desc{font-size:.76rem;color:var(--ink-dim)}.solve-split,.analysis-split,.session-split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.solve-panel{display:flex;flex-direction:column;min-height:520px}.solve-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.solve-title{font-size:1.5rem;font-weight:800;margin:12px 0 4px;color:var(--ink)}.coach{margin-top:18px;padding:16px;border-radius:var(--r-md);background:linear-gradient(135deg,#a371f724,#58a6ff0a);border:1px solid var(--glass-stroke)}.coach-head{font-weight:700;font-size:.8rem;color:var(--ink);margin-bottom:6px}.coach-body{margin:0;font-size:.84rem;color:var(--ink-dim);line-height:1.55}.solve-foot{margin-top:auto;display:flex;gap:10px;padding-top:18px}.solve-foot .btn{flex:1;padding:13px}.wrong-flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;box-shadow:inset 0 0 0 4px var(--red);pointer-events:none}.board-wrap.shake{animation:tgShake .4s}@keyframes tgShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.pgn-input{width:100%;height:90px;padding:12px;border-radius:var(--r-sm);background:var(--bg-0);border:1px solid var(--glass-stroke);color:var(--ink);font-size:.8rem;font-family:var(--font-mono);resize:none;margin-bottom:10px}.pgn-analyze{width:100%;padding:13px;margin-top:6px}.analysis-games-head{display:flex;align-items:center;justify-content:space-between}.filter-row{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 14px}.filter-chip{border:1px solid var(--glass-stroke);background:var(--glass-fill-2);color:var(--ink-dim);font-size:.78rem;font-weight:600;padding:7px 14px;border-radius:var(--r-pill);cursor:pointer}.filter-chip.active{background:#f0b42929;color:var(--amber-bright);border-color:transparent}.game-rows{display:flex;flex-direction:column;gap:2px}.game-row{display:flex;align-items:center;gap:14px;padding:11px 10px;border-radius:10px;cursor:pointer;border:0;background:none;text-align:left;transition:background .15s}.game-row:hover{background:#ffffff0a}.game-main{flex:1;display:flex;flex-direction:column}.game-opp{font-size:.88rem;color:var(--ink);font-weight:600}.game-opening{font-size:.76rem;color:var(--ink-dim)}.game-review{font-size:.82rem;color:var(--amber-bright);font-weight:600}.analysis-nav{display:flex;align-items:center;gap:8px;margin-top:12px}.analysis-nav .btn{padding:8px 14px}.analysis-ply{margin-left:auto;font-size:.82rem}.analysis-side{display:flex;flex-direction:column;gap:16px}.analysis-report-head{margin-bottom:12px}.analysis-report-title{font-size:1.1rem;font-weight:800;color:var(--ink)}.analysis-eval-note{background:linear-gradient(135deg,#58a6ff1a,#58a6ff05)}.analysis-moves-card{overflow:hidden}.analysis-moves-head{padding:14px 18px;border-bottom:1px solid var(--glass-stroke);font-weight:700;font-size:.88rem;color:var(--ink)}.analysis-moves{max-height:240px;overflow-y:auto;padding:8px 10px}.analysis-move-row{display:grid;grid-template-columns:34px 1fr 1fr;gap:4px;align-items:center}.analysis-move{border:0;background:none;text-align:left;cursor:pointer;font-size:.85rem;font-weight:600;padding:5px 8px;border-radius:6px;color:var(--ink)}.analysis-move:hover{background:#ffffff0d}.analysis-move.active{background:#f0b42933;color:var(--amber-bright)}.analysis-moves-foot{padding:12px;border-top:1px solid var(--glass-stroke);display:flex;gap:8px}.analysis-moves-foot .btn{flex:1;padding:10px;font-size:.8rem}.learn-paths{display:flex;flex-direction:column;gap:16px}.learn-row{display:flex;align-items:center;gap:18px}.learn-ic{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;font-size:30px;flex-shrink:0}.learn-main{flex:1;min-width:0}.learn-name-row{display:flex;align-items:center;gap:10px}.learn-name{margin:0;font-size:1.2rem;font-weight:800;color:var(--ink)}.learn-progress{display:flex;align-items:center;gap:10px;margin-top:10px}.opening-list{display:flex;flex-direction:column;gap:10px}.opening-row{display:flex;align-items:center;gap:12px;font-size:.85rem}.opening-eco{width:40px}.opening-name{flex:1;color:var(--ink);font-weight:600}.opening-bar{width:130px;height:7px;border-radius:99px;overflow:hidden;display:flex;background:#ffffff14}.opening-wr{width:38px;text-align:right;color:var(--green);font-weight:700}.lesson-split{display:grid;grid-template-columns:1fr minmax(0,460px);gap:22px;align-items:start}.lesson-card{display:flex;flex-direction:column;min-height:420px}.lesson-steps{display:flex;gap:5px;margin:16px 0}.lesson-step{flex:1;height:6px;border-radius:99px}.lesson-title{font-size:1.5rem;font-weight:800;margin:4px 0 12px;color:var(--ink)}.lesson-note{font-size:1rem;color:var(--ink-dim);line-height:1.6;flex:1}.lesson-foot{display:flex;justify-content:space-between;margin-top:18px}.tutor-head{display:flex;align-items:center;gap:13px;margin-bottom:12px}.tutor-avatar-wrap{position:relative}.tutor-avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:18px;color:#fff}.tutor-online{position:absolute;bottom:1px;right:1px;width:13px;height:13px;border-radius:50%;background:var(--green);border:2px solid var(--bg-2)}.tutor-id{flex:1}.tutor-name-row{display:flex;align-items:center;gap:7px}.tutor-name{font-weight:700;font-size:.95rem;color:var(--ink)}.tutor-specs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.tutor-spec{font-size:.7rem;padding:4px 10px;border-radius:99px;background:#ffffff0f;color:var(--ink-dim);border:1px solid var(--glass-stroke)}.tutor-foot{display:flex;align-items:center;justify-content:space-between}.tutor-price-num{font-size:1.4rem;font-weight:800;color:var(--ink)}.session-side{display:flex;flex-direction:column;gap:14px}.session-video{overflow:hidden}.session-feed{height:160px;display:grid;place-items:center;position:relative}.session-initials{font-size:48px;font-weight:800;color:#ffffffe6}.session-live{position:absolute;top:10px;right:10px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:99px;background:#0006;color:#fff}.session-tutorname{position:absolute;bottom:10px;left:12px;font-size:.82rem;color:#fff;font-weight:700}.session-controls{padding:14px;display:flex;gap:8px}.session-controls .btn{flex:1;padding:10px}.session-messages{display:flex;flex-direction:column;gap:10px;font-size:.85rem}.session-messages p{margin:0}.profile-head{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.profile-id{flex:1}.profile-name-row{display:flex;align-items:center;gap:10px}.profile-name{font-size:1.6rem;font-weight:800;margin:0;color:var(--ink)}.rating-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}.rating-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.rating-label{flex:1;font-size:.88rem;color:var(--ink)}.rating-val{font-size:1.1rem;font-weight:800;color:var(--ink)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stat-num{font-size:1.5rem;font-weight:800;color:var(--ink)}.badge-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.badge{text-align:center}.badge-ic{width:100%;aspect-ratio:1;border-radius:14px;background:#ffffff0f;border:1px solid var(--glass-stroke);display:grid;place-items:center;font-size:26px}.badge-label{font-size:.66rem;margin-top:5px}.heatmap-scroll{overflow-x:auto}.heatmap{display:grid;grid-template-rows:repeat(7,11px);grid-auto-flow:column;gap:3px}.heatmap-cell{width:11px;height:11px;border-radius:3px}.field-label{display:block;font-size:.8rem;color:var(--ink-dim);margin:14px 0 8px}.field-label:first-of-type{margin-top:0}.field-row{display:flex;gap:10px}.text-input{flex:1;padding:11px 13px;border-radius:var(--r-sm);background:var(--bg-0);border:1px solid var(--glass-stroke);color:var(--ink);font-size:.9rem}.text-input:focus{outline:none;border-color:var(--amber)}.theme-row{display:flex;gap:10px}.theme-tile{flex:1;padding:10px;border-radius:10px;text-align:center;background:var(--glass-fill-2);border:1px solid var(--glass-stroke);color:var(--ink);cursor:pointer;font-size:.82rem}.theme-tile.active{background:#f0b42924;border-color:var(--amber)}.theme-swatch{display:block;height:24px;border-radius:6px;margin-bottom:6px}.setting-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid rgba(255,255,255,.06);font-size:.88rem;color:var(--ink)}.linked-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}.linked-name{font-size:.88rem;color:var(--ink);font-weight:600}.login-bg{min-height:100vh;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:24px;background:radial-gradient(135% 100% at 50% -20%,#2a2008 0%,#15131b 52%,var(--bg-0) 100%)}.login-piece{position:absolute;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45));opacity:.9;animation:tgFloat 6s ease-in-out infinite}.login-piece-1{left:8%;top:18%;font-size:60px;color:#f7f3ead9;transform:rotate(-12deg)}.login-piece-2{left:84%;top:12%;font-size:92px;color:var(--amber);animation-delay:1.2s}.login-piece-3{left:12%;top:70%;font-size:74px;color:#a371f7cc;animation-delay:.6s}.login-piece-4{left:86%;top:72%;font-size:66px;color:#f7f3eacc;animation-delay:1.8s}@keyframes tgFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.login-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(240,180,41,.22),transparent 70%);filter:blur(20px)}.login-card{width:440px;max-width:100%;border-radius:34px;padding:48px 40px 36px;text-align:center;position:relative;z-index:2}.login-mark{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:12px;filter:drop-shadow(0 12px 28px rgba(240,150,30,.5))}.login-title{font-size:2rem;font-weight:800;margin:0 0 4px;letter-spacing:-.02em;color:var(--ink)}.login-sub{color:var(--ink-dim);margin:0 0 24px;font-size:.95rem}.login-guest{width:100%;padding:15px;font-size:1rem}.login-divider{display:flex;align-items:center;gap:10px;margin:22px 0 16px;color:var(--ink-faint);font-size:.72rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--glass-stroke)}.login-providers{display:flex;flex-direction:column;gap:8px}.login-provider{width:100%;padding:12px}.login-fineprint{color:var(--ink-faint);font-size:.72rem;margin:20px 0 0}@media(max-width:1024px){.quick-grid,.badge-grid{grid-template-columns:repeat(4,1fr)}.cat-grid,.tutor-grid,.dash-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:920px){.solve-split,.analysis-split,.session-split,.lesson-split{grid-template-columns:1fr}.navlinks{display:none}.glass,.cat-tile{-webkit-backdrop-filter:none;backdrop-filter:none;background:#181b26eb}.glass-strong{-webkit-backdrop-filter:none;backdrop-filter:none;background:#141620f5}.btn-glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:#282d3ce0}.bottomtabs{display:flex;-webkit-backdrop-filter:none;backdrop-filter:none;background:#10121af0}}@media(max-width:720px){.dash-grid-2,.analysis-hub-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.badge-grid{grid-template-columns:repeat(4,1fr)}.cat-grid,.tutor-grid,.dash-grid-3{grid-template-columns:1fr}.puzzle-featured-body{flex-direction:column;align-items:flex-start}.pagehead-title{font-size:1.6rem}}@media(max-width:860px){.lobby-grid{grid-template-columns:1fr}}@media(min-width:1600px){:root{--board-max: 660px;--board-lesson-max: 500px}.app{max-width:1320px}.app.app-wide{max-width:1560px}.play-split{grid-template-columns:minmax(0,1fr) 360px}.solve-split,.analysis-split,.session-split{grid-template-columns:minmax(0,1fr) 380px}.lesson-split{grid-template-columns:1fr minmax(0,540px)}}@media(min-width:2200px){:root{--board-max: 820px;--board-lesson-max: 580px}.app{max-width:1480px}.app.app-wide{max-width:1840px}.play-split{grid-template-columns:minmax(0,1fr) 400px}.solve-split,.analysis-split,.session-split{grid-template-columns:minmax(0,1fr) 420px}.lesson-split{grid-template-columns:1fr minmax(0,620px)}}