:root{--surface:#12151a;--surface-raised:#1a1f26;--surface-sunken:#0e1116;--surface-border:#29313c;--text:#e7ecf2;--text-muted:#94a2b5;--accent:#7fb069;--accent-strong:#9ad47a;--gold:#e9c46a;--danger:#e05263;--warning:#e0a458;--square-light:#ebecd0;--square-dark:#739552;--square-selected:#f6d55c;--square-highlight:#f6d55c6b;--radius:12px;--radius-sm:8px;--board-chrome:11.5rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 15% -10%, #7fb0691f, transparent 60%), radial-gradient(900px 500px at 110% 0%, #e9c46a14, transparent 55%), var(--surface);color:var(--text);margin:0;font-family:Segoe UI,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer}kbd{opacity:.6;border:1px solid;border-radius:4px;margin-left:.3rem;padding:0 .25rem;font-family:inherit;font-size:.65rem}h1{letter-spacing:.02em;margin:0;font-size:1.15rem}h2{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .75rem;font-size:.78rem}.workbench{max-width:1680px;margin:0 auto;padding:1rem 1.25rem 2.5rem}.workbench-header{z-index:5;background:linear-gradient(var(--surface) 70%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 0;display:flex;position:sticky;top:0}.header-tools{align-items:center;gap:.6rem;margin-left:auto;display:flex}.workbench-body{grid-template-columns:minmax(270px,330px) minmax(340px,1fr) minmax(290px,370px);align-items:start;gap:1.1rem;display:grid}.column-board{width:100%;max-width:min(100%, calc(100vh - var(--board-chrome)));justify-self:center;align-items:stretch}.column{flex-direction:column;gap:.9rem;min-width:0;display:flex}.panel{background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:var(--radius);padding:.9rem}.empty{color:var(--text-muted);font-size:.85rem}.primary-button,.ghost-button,.hints button,.actions button{border-radius:var(--radius-sm);border:1px solid var(--surface-border);background:var(--surface-sunken);padding:.45rem .75rem;font-size:.82rem;transition:border-color .12s,background .12s,transform .12s}.primary-button{background:linear-gradient(180deg, var(--accent-strong), var(--accent));color:#0f1a0c;border-color:#0000;font-weight:600}.primary-button:hover:enabled{transform:translateY(-1px)}.ghost-button:hover:enabled,.hints button:hover,.actions button:hover:enabled{border-color:var(--accent)}.primary-button:disabled,.actions button:disabled{opacity:.45;cursor:default}.switch{color:var(--text-muted);cursor:pointer;align-items:center;gap:.4rem;font-size:.78rem;display:flex}.switch input{accent-color:var(--accent)}.filters{gap:.5rem;margin-bottom:.6rem;display:flex}.filters input,.filters select{background:var(--surface-sunken);min-width:0;color:var(--text);border:1px solid var(--surface-border);border-radius:var(--radius-sm);font:inherit;flex:1;padding:.4rem .5rem;font-size:.82rem}.filters input:focus,.filters select:focus{border-color:var(--accent);outline:none}.engine-badge{border:1px solid var(--surface-border);color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:.3rem .65rem;font-size:.72rem}.engine-badge-ready{color:var(--accent);border-color:#7fb06980}.engine-badge-failed{color:var(--danger);border-color:var(--danger)}.sound-toggle{background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:999px;width:2.2rem;height:2.2rem;font-size:1rem;line-height:1}.sound-toggle:hover{border-color:var(--accent)}@media (width<=1180px){.workbench-body{grid-template-columns:1fr}}.side-banner{border-radius:var(--radius);border:1px solid var(--surface-border);background:var(--surface-raised);border-left-width:5px;align-items:center;gap:.6rem;padding:.5rem .8rem;display:flex}.side-banner-white{border-left-color:var(--square-light)}.side-banner-black{border-left-color:#05070a}.side-banner-piece{border:1px solid var(--surface-border);border-radius:50%;width:2.2rem;height:2.2rem;padding:.25rem}.side-banner-white .side-banner-piece{background:var(--square-light)}.side-banner-black .side-banner-piece{background:#05070a;border-color:#e7ecf28c}.side-banner-side{color:var(--text-muted);margin:0;font-size:.9rem}.side-banner-side strong{color:var(--text)}.side-banner-turn{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.4rem;margin:0 0 0 auto;font-size:.78rem;display:flex}.side-banner-turn:before{content:"";background:currentColor;border-radius:50%;width:.5rem;height:.5rem}.side-banner-awaiting-move .side-banner-turn{color:var(--accent-strong);font-weight:600}.side-banner-awaiting-move .side-banner-turn:before{animation:1.6s ease-in-out infinite side-banner-pulse}.side-banner-solved .side-banner-turn{color:var(--accent)}.side-banner-refuted .side-banner-turn,.side-banner-failed .side-banner-turn{color:var(--danger)}@keyframes side-banner-pulse{0%,to{box-shadow:0 0 #9ad47a80}50%{box-shadow:0 0 0 5px #9ad47a00}}.board-frame{width:100%;position:relative}.board{aspect-ratio:1;border-radius:var(--radius);border:1px solid var(--surface-border);grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden;box-shadow:0 18px 40px #00000073}.board-frame-white .board{box-shadow:0 0 0 3px #ebecd0cc,0 18px 40px #00000073}.board-frame-black .board{box-shadow:0 0 0 3px #12161c,0 0 0 4px #94a2b58c,0 18px 40px #00000073}.square{border:none;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:0;line-height:1;display:flex;position:relative}.square-light{background:var(--square-light)}.square-dark{background:var(--square-dark)}.square-selected{box-shadow:inset 0 0 0 4px var(--square-selected)}.square-highlighted:after{content:"";background:var(--square-highlight);position:absolute;inset:0}.square-destination:before{content:"";background:#14141452;border-radius:50%;width:28%;height:28%;position:absolute}.square-capture:before{content:"";border:5px solid #14141452;border-radius:50%;position:absolute;inset:6%}.piece{z-index:1;cursor:grab;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 3px #00000052);width:92%;height:92%;transition:transform 90ms;position:relative}.piece:active{cursor:grabbing;transform:scale(1.06)}.coordinate{color:#14141480;font-size:.6rem;font-weight:700;position:absolute}.coordinate-file{bottom:2px;right:4px}.coordinate-rank{top:2px;left:4px}.promotion-overlay{background:#0a0c0fbf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.promotion-dialog{background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:var(--radius);text-align:center;padding:1rem}.promotion-title{color:var(--text-muted);margin:0 0 .75rem;font-size:.85rem}.promotion-choices{gap:.5rem;display:flex}.promotion-choice{background:var(--square-light);border:1px solid var(--surface-border);border-radius:var(--radius-sm);place-items:center;width:3.4rem;height:3.4rem;padding:.3rem;display:grid}.promotion-choice:hover{border-color:var(--accent)}.promotion-choice img{width:100%;height:100%}.library .switch{margin-bottom:.6rem}.folder-tree,.folder-children,.folder-puzzles{margin:0;padding:0;list-style:none}.folder-tree{max-height:46vh;padding-right:.25rem;overflow-y:auto}.folder-tree::-webkit-scrollbar{width:8px}.move-list ol::-webkit-scrollbar{width:8px}.folder-tree::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:999px}.move-list ol::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:999px}.folder{margin-bottom:.4rem}.folder-depth-1{margin-left:.7rem}.folder-head{text-align:left;background:var(--surface-sunken);border:1px solid var(--surface-border);border-radius:var(--radius-sm);align-items:center;gap:.5rem;width:100%;padding:.45rem .55rem;display:flex}.folder-head:hover{border-color:var(--accent)}.folder-head-complete{border-color:#e9c46a73}.folder-caret{color:var(--text-muted);font-size:.7rem}.folder-icon{font-size:.95rem}.folder-text{flex-direction:column;flex:1;min-width:0;display:flex}.folder-label{font-size:.85rem;font-weight:600}.folder-caption{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.folder-count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.72rem}.folder>.progress-bar{margin:.25rem 0 .35rem}.folder-puzzles{border-left:1px solid var(--surface-border);flex-direction:column;gap:.15rem;margin-left:.7rem;padding-left:.4rem;display:flex}.puzzle-row{text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.5rem;width:100%;padding:.3rem .45rem;display:flex}.puzzle-row:hover{background:var(--surface-sunken)}.puzzle-row-active{background:var(--surface-sunken);border-color:var(--accent)}.puzzle-row-mark{text-align:center;width:1.35rem;color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.72rem}.puzzle-row-solved .puzzle-row-mark{color:var(--accent-strong)}.puzzle-row-retry .puzzle-row-mark{color:var(--warning)}.puzzle-row-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8rem;overflow:hidden}.puzzle-row-solved .puzzle-row-name,.puzzle-row-perfect .puzzle-row-name{color:var(--text-muted)}.puzzle-row-level{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);opacity:.85;font-size:.62rem}.level-beginner{color:#7ec8e3}.level-intermediate{color:var(--accent)}.level-advanced{color:var(--warning)}.level-expert{color:var(--danger)}.progress-bar{background:var(--surface-sunken);border:1px solid var(--surface-border);border-radius:999px;height:6px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-strong));border-radius:999px;height:100%;transition:width .4s;display:block}.progress-bar-gold .progress-bar-fill{background:linear-gradient(90deg, #d8a640, var(--gold))}.player-identity{align-items:center;gap:.7rem;margin-bottom:.6rem;display:flex}.player-level{color:#1a1405;background:radial-gradient(circle at 30% 25%, #f6dfa2, var(--gold));border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;font-size:1.1rem;font-weight:700;display:grid;box-shadow:0 0 0 3px #e9c46a2e}.player-title{margin:0;font-size:.92rem;font-weight:600}.player-xp{color:var(--text-muted);font-variant-numeric:tabular-nums;margin:.1rem 0 0;font-size:.72rem}.player-stats{grid-template-columns:repeat(3,1fr);gap:.5rem .4rem;margin:.8rem 0 .7rem;display:grid}.player-stats div{background:var(--surface-sunken);border:1px solid var(--surface-border);border-radius:var(--radius-sm);text-align:center;padding:.4rem .35rem}.player-stats dt{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.62rem}.player-stats dd{font-variant-numeric:tabular-nums;margin:.15rem 0 0;font-size:.9rem;font-weight:600}.player-streak{color:var(--warning)}.player .ghost-button{width:100%;color:var(--text-muted);font-size:.75rem}.header-stats{flex-wrap:wrap;gap:.45rem;display:flex}.chip{border:1px solid var(--surface-border);background:var(--surface-raised);color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;padding:.28rem .6rem;font-size:.72rem}.chip-level{color:var(--gold);border-color:#e9c46a66}.chip-streak{color:var(--warning)}.badge-shelf ul{grid-template-columns:repeat(5,1fr);gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.badge{border-radius:var(--radius-sm);border:1px solid var(--surface-border);background:var(--surface-sunken);opacity:.35;filter:grayscale();cursor:help;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .2rem;display:flex}.badge-earned{opacity:1;filter:none;border-color:#e9c46a73}.badge-icon{font-size:1.1rem;line-height:1}.badge-label{text-align:center;color:var(--text-muted);font-size:.55rem;line-height:1.2}.celebration{z-index:20;border-radius:var(--radius);background:linear-gradient(160deg,#232a20,#171b21);border:1px solid #e9c46a80;min-width:220px;padding:.85rem 1rem;animation:.26s ease-out celebration-in;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 18px 40px #00000080}.celebration p{margin:0}.celebration-xp{color:var(--gold);font-size:1.15rem;font-weight:700}.celebration-perfect{color:var(--accent-strong);margin-left:.35rem;font-size:.72rem;font-weight:500}.celebration-level{color:var(--accent-strong);font-size:.85rem;margin-top:.25rem!important}.celebration-badge{color:var(--text-muted);font-size:.78rem;margin-top:.25rem!important}@keyframes celebration-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}.chain-card{flex-direction:column;gap:.6rem;transition:border-color .2s,box-shadow .2s;display:flex}.chain-card-solved{border-color:var(--accent);box-shadow:0 0 0 1px #7fb06959,0 12px 30px #7fb0691f}.chain-card-refuted,.chain-card-failed{border-color:#e0526399}.chain-scope{flex-direction:column;gap:.1rem;min-width:0;display:flex}.chain-folder{white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:600;overflow:hidden}.chain-remaining{color:var(--text-muted);font-size:.74rem}.chain-button{white-space:nowrap;width:100%;padding:.7rem .6rem;font-size:.9rem}.chain-secondary{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.source{color:var(--text-muted);margin:-.4rem 0 .7rem;font-size:.76rem}.briefing h2{text-transform:none;letter-spacing:0;color:var(--text);margin-bottom:.4rem;font-size:.98rem}.tags{flex-wrap:wrap;gap:.3rem;margin:0 0 .7rem;padding:0;list-style:none;display:flex}.tag{border:1px solid var(--surface-border);color:var(--text-muted);border-radius:999px;padding:.18rem .5rem;font-size:.66rem}.tag-goal{color:var(--accent-strong);border-color:#7fb06980}.briefing-text,.explanation,.hint{margin:0 0 .7rem;font-size:.86rem;line-height:1.5}.explanation{border-left:3px solid var(--accent);color:var(--text-muted);padding-left:.7rem}.hint{color:var(--warning)}.actions{gap:.5rem;margin-top:.7rem;display:flex}.judgement h2{text-transform:none;letter-spacing:0;color:var(--text);font-size:.92rem}.judgement-details{flex-direction:column;gap:.4rem;margin:0;font-size:.82rem;display:flex}.judgement-details div{justify-content:space-between;gap:1rem;display:flex}.judgement-details dt{color:var(--text-muted)}.judgement-details dd{text-align:right;margin:0}.judgement-solved{border-color:#7fb06999}.judgement-solved h2{color:var(--accent-strong)}.judgement-refuted,.judgement-failed{border-color:#e0526380}.judgement-refuted h2,.judgement-failed h2{color:var(--danger)}.quality-solution{color:var(--accent-strong)}.quality-inaccuracy{color:var(--warning)}.quality-mistake,.quality-blunder{color:var(--danger)}.engine-failure{color:var(--danger);font-size:.78rem}.move-list ol{flex-wrap:wrap;gap:.3rem;max-height:9rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.move{background:var(--surface-sunken);border:1px solid var(--surface-border);border-radius:6px;align-items:baseline;gap:.25rem;padding:.18rem .45rem;font-size:.82rem;display:flex}.move-opponent{color:var(--text-muted)}.move-tag{color:var(--text-muted);font-size:.62rem}