:root{--font:"Inter", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius-sm:8px;--radius:14px;--radius-lg:20px;--blue:#1e5aa8;--blue-2:#3b82f6;--blue-3:#93c5fd;--red:#b3261e;--red-2:#ef4444;--red-3:#fca5a5;--accent:#f5c542;--green:#22c55e;--orange:#f59e0b;--purple:#a855f7;--shadow-sm:0 1px 2px #00000040;--shadow:0 8px 30px #00000059;--board-shadow:0 20px 50px #00000073;--ease:cubic-bezier(.2,.8,.2,1)}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1117;--bg-2:#161b24;--bg-3:#1f2632;--bg-4:#2a3342;--text:#edf1f7;--text-2:#c3cbd8;--muted:#8b95a7;--border:#ffffff14;--border-2:#ffffff29;--glass:#161b24d1;--grad:radial-gradient(1200px 600px at 10% -10%, #1e5aa847, transparent 60%), radial-gradient(900px 500px at 100% 0%, #b3261e38, transparent 55%)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6fa;--bg-2:#fff;--bg-3:#eef2f7;--bg-4:#e2e8f0;--text:#0f172a;--text-2:#334155;--muted:#64748b;--border:#0f172a14;--border-2:#0f172a29;--glass:#ffffffd1;--shadow-sm:0 1px 2px #0f172a14;--shadow:0 8px 30px #0f172a1a;--board-shadow:0 20px 50px #0f172a2e;--grad:radial-gradient(1200px 600px at 10% -10%, #1e5aa829, transparent 60%), radial-gradient(900px 500px at 100% 0%, #b3261e1f, transparent 55%)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;padding:0}body{background:var(--bg);background-image:var(--grad);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-size:16px;line-height:1.5}a{color:var(--blue-2);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit}h1,h2,h3,h4{letter-spacing:-.01em;margin:0 0 .5rem;line-height:1.2}h1{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800}h2{font-size:1.3rem;font-weight:700}h3{font-size:1.05rem;font-weight:700}p{margin:0 0 .75rem}ul{margin:.25rem 0 .75rem;padding-left:1.2rem}.muted{color:var(--muted)}.small{font-size:.85rem}.mono{font-family:var(--mono)}:focus-visible{outline:3px solid var(--blue-3);outline-offset:2px;border-radius:6px}::selection{background:#3b82f659}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--glass);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);z-index:20;align-items:center;gap:1rem;padding:.55rem 1.1rem;display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:.55rem;font-size:1.1rem;font-weight:800;display:inline-flex}.brand:hover{text-decoration:none}.brand-logo{width:30px;height:30px;box-shadow:var(--shadow-sm);border-radius:8px}.brand-blue{color:var(--blue-2)}.brand-red{color:var(--red-2)}.nav{gap:.2rem;margin-left:auto;display:flex}.nav-link{color:var(--muted);border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .75rem;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-link:hover{background:var(--bg-3);color:var(--text);text-decoration:none}.nav-link.active{background:var(--bg-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-2)}.nav-icon{flex:none;width:18px;height:18px}.net{border:1px solid var(--border-2);color:var(--muted);border-radius:999px;align-items:center;gap:.35rem;padding:.18rem .55rem;font-size:.7rem;display:inline-flex}.net:before{content:"";background:var(--green);border-radius:50%;width:7px;height:7px}.net-off{border-color:var(--accent);color:var(--accent)}.net-off:before{background:var(--accent)}.theme-btn{border:1px solid var(--border-2);cursor:pointer;width:36px;height:36px;color:var(--muted);background:0 0;border-radius:999px;place-items:center;display:grid}.theme-btn:hover{color:var(--text);background:var(--bg-3)}.main{width:100%;max-width:1180px;animation:fade-in .25s var(--ease);flex:1;margin:0 auto;padding:1.25rem 1rem 6rem}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.loading{text-align:center;color:var(--muted);padding:4rem}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.page-head p{margin:0}.btn{border:1px solid var(--border-2);background:var(--bg-3);color:var(--text);cursor:pointer;min-height:44px;transition:transform .12s var(--ease), background .15s, box-shadow .15s, filter .15s;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.6rem 1rem;font-weight:600;line-height:1;display:inline-flex}.btn:hover{background:var(--bg-4);text-decoration:none}.btn:active{transform:translateY(1px)scale(.99)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--blue), var(--blue-2));color:#fff;border-color:#0000;box-shadow:0 6px 18px #3b82f659}.btn-primary:hover{filter:brightness(1.08);background:linear-gradient(135deg, var(--blue), var(--blue-2))}.btn-danger{background:linear-gradient(135deg, var(--red), var(--red-2));color:#fff;border-color:#0000}.btn-danger:hover{filter:brightness(1.08);background:linear-gradient(135deg, var(--red), var(--red-2))}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-3)}.btn-sm{min-height:36px;padding:.4rem .75rem;font-size:.88rem}.btn-icon{width:40px;min-height:40px;padding:0}.btn-row{flex-wrap:wrap;gap:.5rem;display:flex}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.1rem}.card-hero{background:linear-gradient(160deg, #1e5aa82e, #b3261e1a), var(--bg-2);border-color:var(--border-2)}.card-title{align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.card-title h3{margin:0}.card-title .ico{width:20px;height:20px;color:var(--blue-2)}.grid{gap:1rem;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stack{flex-direction:column;gap:1rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.spread{justify-content:space-between}.divider{background:var(--border);height:1px;margin:.75rem 0}.stat-tiles{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem;display:grid}.stat-tile{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.7rem .8rem}.stat-tile .label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.stat-tile .value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800;line-height:1.2}.stat{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:800;line-height:1.1}.ring{flex:none;width:96px;height:96px;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring .track{stroke:var(--bg-4)}.ring .bar{stroke:var(--blue-2);stroke-linecap:round;transition:stroke-dashoffset .6s var(--ease)}.ring .txt{font-variant-numeric:tabular-nums;place-items:center;font-size:1.2rem;font-weight:800;display:grid;position:absolute;inset:0}.tag{background:var(--bg-3);border:1px solid var(--border-2);color:var(--text-2);border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.tag-alert{border-color:var(--red-2);color:var(--red-2);background:#ef44441a}.tag-ok{border-color:var(--green);color:var(--green);background:#22c55e1a}.tag-accent{border-color:var(--accent);color:var(--accent);background:#f5c5421f}.pill-status{background:var(--bg-3);border:1px solid var(--border-2);border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .8rem;font-weight:700;display:inline-flex}.pill-status .pulse{background:var(--accent);border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite pulse}.board-wrap{width:100%;max-width:min(92vw,640px);margin:0 auto;position:relative}.board{width:100%;height:auto;box-shadow:var(--board-shadow);border-radius:10px;display:block}.hanging-ring{animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.95}50%{opacity:.3}}.piece-anim{transition:transform .12s var(--ease)}.draw-toggle{color:#fff;cursor:pointer;z-index:4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:.55;background:#141820a6;border:1px solid #ffffff80;border-radius:50%;width:36px;height:36px;font-size:1.1rem;transition:opacity .15s,background .15s;position:absolute;top:6px;right:6px}.draw-toggle:hover{opacity:1}.draw-toggle.on{opacity:1;background:var(--accent);color:#111;border-color:var(--accent)}.promotion-modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5;color:#fff;background:#0009;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;inset:0}.promotion-choices{gap:.5rem;display:flex}.promo-btn{border:2px solid var(--accent);cursor:pointer;background:#fff;border-radius:12px;padding:.25rem;transition:transform .12s}.promo-btn:hover{transform:scale(1.06)}.play-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:1.25rem;display:grid}.side-panel{flex-direction:column;gap:.8rem;display:flex;position:sticky;top:4.2rem}.player-bar{border-radius:var(--radius-sm);background:var(--bg-2);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;max-width:min(92vw,640px);margin:.5rem auto;padding:.5rem .8rem;transition:box-shadow .2s;display:flex}.player-bar.active{box-shadow:0 0 0 2px var(--ring,var(--blue-2))}.player-bar .side{align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.dot{border:2px solid #fff;border-radius:50%;width:14px;height:14px;display:inline-block;box-shadow:0 0 0 1px #0003}.clock{font-family:var(--mono);font-variant-numeric:tabular-nums;background:var(--bg-3);border:1px solid var(--border-2);border-radius:6px;margin-left:.4rem;padding:.1rem .45rem;font-weight:700}.clock.running{border-color:var(--accent)}.clock.low{color:var(--red-2);border-color:var(--red-2);animation:1s ease-in-out infinite pulse}.thinking{color:var(--accent);align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.material{color:var(--muted);align-items:center;gap:.1rem;font-size:.85rem;display:inline-flex}.material svg{width:18px;height:18px}.material .plus{color:var(--text-2);margin-left:.3rem;font-weight:700}.heat-toolbar{background:var(--bg-2);border:1px solid var(--border);border-radius:999px;flex-wrap:wrap;justify-content:center;gap:.25rem;max-width:min(92vw,640px);margin:.6rem auto;padding:.25rem;display:flex}.heat-btn{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;min-height:38px;padding:.4rem .7rem;font-size:.85rem;font-weight:600;transition:background .15s,color .15s}.heat-btn:hover{color:var(--text);background:var(--bg-3)}.heat-btn.active{background:var(--bg-4);color:var(--text);border-color:var(--accent)}.heat-draw{border-color:var(--border-2)}.heat-draw.active{background:var(--accent);color:#111;border-color:var(--accent)}.heat-btn kbd{font-family:var(--mono);opacity:.65;border:1px solid var(--border-2);border-radius:4px;margin-right:.3rem;padding:.05rem .3rem;font-size:.7rem}.review-bar{justify-content:center;align-items:center;gap:.4rem;max-width:min(92vw,640px);margin:.4rem auto;display:flex}.move-list{font-variant-numeric:tabular-nums;max-height:320px;font-size:.95rem;overflow:auto}.move-list table{border-collapse:collapse;width:100%}.move-list td{padding:.12rem .3rem}.move-list td.num{color:var(--muted);width:2.5rem;font-size:.85rem}.move-list tr:nth-child(odd) td{background:#7f7f7f0d}.move-list .mv{cursor:pointer;border-radius:6px;align-items:center;gap:.35rem;padding:.15rem .45rem;font-weight:600;transition:background .12s;display:inline-flex}.move-list .mv:hover{background:var(--bg-3)}.move-list .mv.current{background:var(--bg-4);outline:1px solid var(--accent)}.badge{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.board-row{justify-content:center;align-items:stretch;gap:.5rem;max-width:min(92vw,640px);margin:0 auto;display:flex}.board-row .board-wrap{flex:auto;min-width:0;margin:0}.evalbar{flex-direction:column;flex:none;width:22px;display:flex;position:relative}.evalbar-track{border:1px solid var(--border-2);border-radius:6px;flex:1;position:relative;overflow:hidden}.evalbar-fill{transition:height .4s var(--ease);position:absolute;left:0;right:0}.evalbar-mid{background:#ffffff8c;height:2px;position:absolute;top:50%;left:0;right:0}.evalbar.pending .evalbar-track{opacity:.7}.evalbar-label{font-variant-numeric:tabular-nums;background:var(--bg-2);border:1px solid var(--border-2);white-space:nowrap;border-radius:4px;padding:.05rem .25rem;font-size:.62rem;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.evalbar-label.at-bottom{bottom:4px}.evalbar-label.at-top{top:4px}.eval-bar{background:var(--red);border-radius:6px;width:100%;height:12px;position:relative;overflow:hidden}.eval-bar>div{background:var(--blue-2);height:100%;transition:width .3s var(--ease)}.bot-slider{width:100%;accent-color:var(--blue-2)}.bot-card{border-radius:var(--radius-sm);background:var(--bg-3);border:1px solid var(--border);align-items:center;gap:.85rem;padding:.6rem;display:flex}.bot-avatar{color:#fff;background:linear-gradient(135deg, var(--blue), var(--red));width:52px;height:52px;box-shadow:var(--shadow-sm);border-radius:50%;flex:none;place-items:center;font-size:1.2rem;font-weight:800;display:grid}.bot-ticks{color:var(--muted);justify-content:space-between;font-size:.7rem;display:flex}.tier{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.7rem}.radar{width:100%;max-width:380px;margin:0 auto;display:block}.indicator-list{gap:.4rem;display:grid}.indicator{border-radius:var(--radius-sm);background:var(--bg-3);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .6rem;display:flex}.indicator.alert{border-color:#ef444480}.indicator.clickable{cursor:pointer;transition:background .15s}.indicator.clickable:hover{background:var(--bg-4)}.indicator .val{font-variant-numeric:tabular-nums;font-weight:800}.empty{text-align:center;color:var(--muted);padding:1.5rem 1rem}.empty svg{opacity:.7;width:64px;height:64px;margin-bottom:.5rem}.list-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.6rem;padding:.45rem 0;font-size:.92rem;display:flex}.list-row:last-child{border-bottom:none}.result{color:#fff;text-align:center;border-radius:6px;min-width:26px;padding:.15rem .5rem;font-size:.8rem;font-weight:800;display:inline-block}.result-win{background:#1f8a4c}.result-loss{background:#9b2c2c}.result-draw{background:#5b6372}.eval-chart{background:var(--bg-3);border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);width:100%;height:150px;display:block}.moment-card{border-left:4px solid var(--accent);transition:background .15s, transform .12s var(--ease)}.moment-card:hover{transform:translate(2px)}.moment-card.blunder{border-left-color:#e74c3c}.moment-card.mistake{border-left-color:#e67e22}.moment-card.mate_missed{border-left-color:#9b59b6}.moment-card.inaccuracy{border-left-color:#f1c40f}.moment-card.active{background:var(--bg-3)}.progress{background:var(--bg-3);border-radius:4px;height:8px;overflow:hidden}.progress>div{background:linear-gradient(90deg, var(--blue), var(--blue-2));height:100%;transition:width .25s}.game-row{border-radius:var(--radius-sm);background:var(--bg-2);border:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.7rem .8rem;transition:border-color .15s;display:grid}.game-row:hover{border-color:var(--border-2)}label.field{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 0;display:flex}label.field:last-of-type{border-bottom:none}label.field span{flex:1}input[type=text],input[type=password],input[type=number],select,textarea{background:var(--bg-3);color:var(--text);border:1px solid var(--border-2);border-radius:var(--radius-sm);font:inherit;min-height:42px;padding:.5rem .7rem}input[type=range]{width:170px;accent-color:var(--blue-2)}input[type=checkbox]{width:20px;height:20px;accent-color:var(--blue-2)}textarea{width:100%;min-height:120px}.switch{flex:none;width:44px;height:26px;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch .knob{background:var(--bg-4);border:1px solid var(--border-2);border-radius:999px;transition:background .15s;position:absolute;inset:0}.switch .knob:after{content:"";width:18px;height:18px;transition:transform .15s var(--ease);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.knob{background:var(--blue-2);border-color:var(--blue-2)}.switch input:checked+.knob:after{transform:translate(18px)}.switch input:focus-visible+.knob{outline:3px solid var(--blue-3)}.segmented{background:var(--bg-3);border:1px solid var(--border);border-radius:999px;gap:.15rem;padding:.2rem;display:inline-flex}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;min-height:36px;padding:.4rem .8rem;font-weight:600}.segmented button.active{background:var(--bg-2);color:var(--text);box-shadow:var(--shadow-sm)}.update-banner{background:var(--bg-2);border:1px solid var(--accent);border-radius:var(--radius);z-index:50;max-width:calc(100vw - 2rem);box-shadow:var(--shadow);animation:fade-in .3s var(--ease);align-items:center;gap:.6rem;padding:.6rem .9rem;display:flex;position:fixed;top:3.9rem;right:1rem}.toast{background:var(--bg-2);border:1px solid var(--border-2);box-shadow:var(--shadow);z-index:45;animation:fade-in .25s var(--ease);border-radius:999px;padding:.55rem 1rem;font-weight:600;position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#05080e99;justify-content:center;align-items:center;padding:1rem;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--radius-lg);width:100%;max-width:540px;max-height:92vh;box-shadow:var(--shadow);padding:1.4rem;overflow:auto}.onboarding-step{text-align:center}.onboarding-step .big{font-size:3rem}.steps{justify-content:center;gap:.4rem;margin-bottom:.8rem;display:flex}.steps span{background:var(--bg-4);border-radius:2px;width:28px;height:4px}.steps span.on{background:var(--blue-2)}.tabs{flex-wrap:wrap;gap:.3rem;display:flex}.tab{border:1px solid var(--border-2);background:var(--bg-2);color:var(--muted);cursor:pointer;border-radius:999px;padding:.45rem .8rem;font-weight:600}.tab.active{color:var(--text);border-color:var(--accent);background:var(--bg-3)}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.8rem;font-size:.82rem;display:flex}.legend i{vertical-align:-2px;border-radius:3px;width:14px;height:14px;margin-right:.3rem;display:inline-block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:900px){.play-layout{grid-template-columns:1fr}.side-panel{position:static}.nav-label{display:none}.nav{background:var(--glass);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:.3rem 0 calc(.3rem + env(safe-area-inset-bottom));z-index:20;justify-content:space-around;margin:0;position:fixed;bottom:0;left:0;right:0}.nav-link{border-radius:12px;flex-direction:column;gap:.15rem;min-width:60px;padding:.35rem .5rem;font-size:.68rem}.nav-link.active{box-shadow:none;color:var(--blue-2);background:0 0}.nav-icon{width:22px;height:22px}.net,.theme-btn,.draw-toggle{display:none}.board-wrap{max-width:100%}.board-row{gap:.3rem;max-width:100%}.evalbar{width:16px}.evalbar-label{font-size:.55rem}.main{padding:.75rem .75rem 6rem}.move-list{max-height:200px}.stat{font-size:2.1rem}.heat-toolbar{border-radius:var(--radius)}.side-panel{gap:.6rem}}