:root{--bg: #07080a;--bg2: #0b0d10;--panel: #0e1114;--panel2: #13171b;--line: #1f252c;--line2: #2b333c;--text: #e6e8eb;--dim: #8b929b;--faint: #5a6068;--blue: #5b9bff;--blue-d: rgba(91, 155, 255, .14);--red: #ff5263;--red-d: rgba(255, 82, 99, .13);--amber: #d9b45a;--mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;--sans: "Inter", system-ui, "Segoe UI", sans-serif;--board-max: 640px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--blue)}::selection{background:var(--blue-d)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line2)}::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-columns:196px minmax(0,1fr) 340px;height:100vh}.app.no-mentor{grid-template-columns:196px minmax(0,1fr)}.app.focus{grid-template-columns:minmax(0,1fr)}.nav{border-right:1px solid var(--line);background:#07080aeb;display:flex;flex-direction:column;overflow-y:auto}.brand{padding:20px 18px 18px;border-bottom:1px solid var(--line)}.brand .t1{font-family:var(--mono);font-weight:600;letter-spacing:.32em;font-size:13px}.brand .t2{font-family:var(--mono);font-size:10px;color:var(--faint);letter-spacing:.2em;margin-top:4px}.nav button.nav-item{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;text-align:left;padding:9px 18px;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;color:var(--dim);cursor:pointer;border-left:2px solid transparent}.nav button.nav-item:hover{color:var(--text);background:var(--panel)}.nav button.nav-item.active{color:var(--text);border-left-color:var(--blue);background:var(--panel)}.nav .nav-idx{color:var(--faint);font-size:10px;width:16px}.nav .nav-foot{margin-top:auto;padding:14px 18px;border-top:1px solid var(--line);font-family:var(--mono);font-size:10.5px;color:var(--faint)}.main{overflow-y:auto;overflow-x:hidden;min-width:0}.page{padding:26px 30px 60px;max-width:1180px;margin:0 auto}.mentor-col{border-left:1px solid var(--line);background:#090b0df2;display:flex;flex-direction:column;min-height:0}.mobile-bar{display:none}@media (max-width: 1180px){.app{grid-template-columns:170px minmax(0,1fr) 300px}}@media (max-width: 960px){.app,.app.no-mentor,.app.focus{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:100dvh}.nav{display:none}.nav.open{display:flex;position:fixed;top:48px;right:0;bottom:0;left:0;z-index:50;border:0}.mobile-bar{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:40}.mobile-bar .t1{font-family:var(--mono);font-size:12px;letter-spacing:.3em}.mentor-col{border-left:0;border-top:1px solid var(--line);max-height:46dvh}.mentor-col.collapsed{max-height:52px;overflow:hidden}.page{padding:16px 16px 40px}}h1,h2,h3{font-weight:500;margin:0;letter-spacing:.01em}h1{font-size:22px}h2{font-size:16px}h3{font-size:13px}.label{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}.mono{font-family:var(--mono)}.dim{color:var(--dim)}.faint{color:var(--faint)}.blue{color:var(--blue)}.red{color:var(--red)}.amber{color:var(--amber)}.small{font-size:12px}.center{text-align:center}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.col{display:flex;flex-direction:column;gap:12px}.grow{flex:1}.gap-s{gap:6px}.mt{margin-top:16px}.mt-s{margin-top:8px}.mb{margin-bottom:16px}.hr{height:1px;background:var(--line);margin:16px 0;border:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head .kicker{font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;color:var(--blue);margin-bottom:6px}.page-head h1{font-family:var(--mono);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:20px}.page-head p{margin:6px 0 0;color:var(--dim);max-width:640px}.panel{background:var(--panel);border:1px solid var(--line);padding:16px;position:relative}.panel.tight{padding:12px}.panel.accent{border-left:2px solid var(--blue)}.panel.danger{border-left:2px solid var(--red)}.panel-title{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--faint);text-transform:uppercase;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.grid{display:grid;gap:14px}.grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 860px){.grid.c3,.grid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.grid.c2,.grid.c3,.grid.c4{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--panel2);border:1px solid var(--line2);color:var(--text);padding:8px 14px;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:border-color .12s,background .12s}.btn:hover:not(:disabled){border-color:var(--dim)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.btn.primary:hover:not(:disabled){background:#fff}.btn.blue{border-color:var(--blue);color:var(--blue);background:var(--blue-d)}.btn.red{border-color:var(--red);color:var(--red);background:var(--red-d)}.btn.ghost{background:transparent}.btn.sm{padding:5px 9px;font-size:10.5px}.btn.lg{padding:12px 22px;font-size:13px;letter-spacing:.2em}.btn.block{width:100%}.btn.active{border-color:var(--blue);color:var(--blue)}input.inp,select.inp,textarea.inp{background:var(--bg2);border:1px solid var(--line2);padding:8px 10px;outline:none;width:100%}input.inp:focus,select.inp:focus,textarea.inp:focus{border-color:var(--blue)}textarea.inp{resize:vertical;min-height:64px}.seg{display:inline-flex;border:1px solid var(--line2)}.seg button{background:none;border:0;padding:6px 11px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--dim);cursor:pointer;border-right:1px solid var(--line2)}.seg button:last-child{border-right:0}.seg button.on{background:var(--text);color:var(--bg)}.chip{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;padding:2px 7px;border:1px solid var(--line2);color:var(--dim)}.chip.blue{border-color:var(--blue);color:var(--blue)}.chip.red{border-color:var(--red);color:var(--red)}.chip.amber{border-color:var(--amber);color:var(--amber)}.check-row{display:flex;align-items:center;gap:8px;cursor:pointer}.check-row input{accent-color:var(--blue)}.stat{display:flex;flex-direction:column;gap:2px}.stat .v{font-family:var(--mono);font-size:24px;font-weight:500;letter-spacing:.02em}.stat .v.xl{font-size:44px;font-weight:400}.stat .k{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--faint);text-transform:uppercase}.bar{height:4px;background:var(--line);position:relative;overflow:hidden}.bar>i{position:absolute;left:0;top:0;bottom:0;background:var(--text)}.bar.blue>i{background:var(--blue)}.bar.red>i{background:var(--red)}.meter-row{display:grid;grid-template-columns:170px 1fr 44px;align-items:center;gap:12px;font-size:12.5px;padding:5px 0}.meter-row .n{font-family:var(--mono);text-align:right}@media (max-width: 560px){.meter-row{grid-template-columns:120px 1fr 36px}}table.tbl{width:100%;border-collapse:collapse;font-size:12.5px}table.tbl th{text-align:left;font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:.16em;color:var(--faint);text-transform:uppercase;padding:6px 8px;border-bottom:1px solid var(--line)}table.tbl td{padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}table.tbl tr.click{cursor:pointer}table.tbl tr.click:hover td{background:var(--panel2)}.protocol-line{font-family:var(--mono);font-size:12px;letter-spacing:.24em;color:var(--blue)}.protocol-line.red{color:var(--red)}.banner{font-family:var(--mono);letter-spacing:.26em;font-size:12px;padding:10px 14px;border:1px solid var(--line2);background:var(--panel);display:flex;align-items:center;gap:12px}.banner.red{border-color:var(--red);color:var(--red);background:var(--red-d)}.banner.blue{border-color:var(--blue);color:var(--blue);background:var(--blue-d)}.blink{animation:blink 1.4s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.fade-in{animation:fadeIn .35s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.board-wrap{width:100%;max-width:var(--board-max);user-select:none;-webkit-user-select:none;touch-action:none}.board{position:relative;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);aspect-ratio:1;width:100%;border:1px solid var(--line2);container-type:inline-size}.board.theme-lab{--light: #aab1ba;--dark: #58606a}.board.theme-steel{--light: #a8b8cc;--dark: #465a72}.board.theme-bone{--light: #d8d3c6;--dark: #8a8476}.sq{position:relative;display:flex;align-items:center;justify-content:center;cursor:default;min-width:0;min-height:0;overflow:hidden}.sq.light{background:var(--light)}.sq.dark{background:var(--dark)}.sq.last:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#5b9bff47;pointer-events:none}.sq.sel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff3d;pointer-events:none}.sq.check{background:radial-gradient(circle,rgba(255,82,99,.95) 0%,rgba(255,82,99,.5) 45%,transparent 75%),var(--dark)}.sq.hl-blue:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#5b9bff73;pointer-events:none}.sq.hl-red:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ff526373;pointer-events:none}.sq.hl-ok:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 3px var(--blue);pointer-events:none}.sq.hl-bad:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 3px var(--red);pointer-events:none}.sq.hl-dim:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;pointer-events:none}.coord{position:absolute;font-family:var(--mono);font-size:max(8px,1.7cqw);font-weight:600;pointer-events:none;opacity:.8}.sq.light .coord{color:var(--dark)}.sq.dark .coord{color:var(--light)}.coord.rank{top:2px;left:3px}.coord.file{bottom:1px;right:4px}.piece{font-family:Segoe UI Symbol,"Noto Sans Symbols 2",DejaVu Sans,Apple Symbols,serif;font-size:9.2cqw;line-height:1;position:relative;z-index:2;pointer-events:none;font-variant-emoji:text}.board .piece{font-size:9.4cqw}.piece-w{color:#f7f8f9;text-shadow:0 0 1px #000,0 0 1px #000,1px 1px 0 #0b0c0e,-1px -1px 0 #0b0c0e,1px -1px 0 #0b0c0e,-1px 1px 0 #0b0c0e}.piece-b{color:#0c0d0f;text-shadow:0 0 1px rgba(255,255,255,.55),1px 1px 0 rgba(255,255,255,.22),-1px -1px 0 rgba(255,255,255,.22)}.sq.hasp{cursor:grab}.target{position:absolute;width:28%;height:28%;border-radius:50%;background:#0a0c1073;z-index:3;pointer-events:none}.target.capture{width:88%;height:88%;background:transparent;border:5px solid rgba(10,12,16,.45)}.drag-ghost{position:fixed;z-index:1000;pointer-events:none;display:flex;align-items:center;justify-content:center}.drag-ghost .piece{font-size:calc(var(--gs, 1) * 60px)}.arrows{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.arrow{stroke-width:.16;stroke-linecap:round;opacity:.85}.arrow.blue{stroke:var(--blue)}.ah.blue{fill:var(--blue)}.arrow.red{stroke:var(--red)}.ah.red{fill:var(--red)}.arrow.green{stroke:#6fd3a8}.ah.green{fill:#6fd3a8}.arrow.gray{stroke:#d6d9dd}.ah.gray{fill:#d6d9dd}.promo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:10}.promo-box{position:absolute;top:0;width:12.5%;display:flex;flex-direction:column;background:var(--panel2);border:1px solid var(--blue)}.promo-box button{aspect-ratio:1;background:none;border:0;border-bottom:1px solid var(--line);cursor:pointer;display:flex;align-items:center;justify-content:center}.promo-box button:hover{background:var(--blue-d)}.promo-box .piece{font-size:8cqw}.board-hidden{position:relative}.board-hidden .board:before{content:"BOARD REMOVED";position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;align-items:center;justify-content:center;font-family:var(--mono);letter-spacing:.4em;color:var(--dim);background:repeating-linear-gradient(45deg,#0a0c0f,#0a0c0f 10px,#0c0f12 10px,#0c0f12 20px)}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.play-layout .board-area{display:flex;flex-direction:column;gap:10px;min-width:0}@media (max-width: 1100px){.play-layout{grid-template-columns:1fr}}.player-strip{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:12px;padding:6px 2px}.clock{font-family:var(--mono);font-size:20px;padding:3px 10px;border:1px solid var(--line2);min-width:92px;text-align:center;background:var(--bg2)}.clock.active{border-color:var(--text)}.clock.low{color:var(--red);border-color:var(--red)}.evalbar{width:14px;background:#2a2f36;position:relative;border:1px solid var(--line2)}.evalbar>i{position:absolute;left:0;right:0;bottom:0;background:#e8eaed;transition:height .3s}.board-with-eval{display:flex;gap:8px;align-items:stretch}.moves{font-family:var(--mono);font-size:12.5px;max-height:320px;overflow-y:auto;display:grid;grid-template-columns:34px 1fr 1fr;align-content:start}.moves .n{color:var(--faint);padding:3px 4px}.moves .m{padding:3px 6px;cursor:pointer;white-space:nowrap}.moves .m:hover{background:var(--panel2)}.moves .m.cur{background:var(--blue-d);color:var(--blue)}.moves .m.blunder{color:var(--red)}.moves .m.mistake{color:#ff8a5b}.moves .m.inaccuracy{color:var(--amber)}.engine-lines{font-family:var(--mono);font-size:12px}.engine-lines .el{display:flex;gap:10px;padding:4px 0;border-bottom:1px solid var(--line)}.engine-lines .el .sc{min-width:54px;color:var(--text)}.engine-lines .el .pv{color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mentor{display:flex;flex-direction:column;height:100%;min-height:0}.mentor-head{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center;cursor:default}.avatar{width:64px;height:64px;flex:none;border:1px solid var(--line2);background:#0a0c0e;position:relative;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) contrast(1.05)}.avatar.big{width:100%;height:auto;aspect-ratio:1;max-width:220px}.avatar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .3s}.avatar.st-warning:after,.avatar.st-mistake:after{box-shadow:inset 0 0 0 2px var(--red)}.avatar.st-correct:after,.avatar.st-complete:after{box-shadow:inset 0 0 0 2px var(--blue)}.avatar.st-analyzing:after{box-shadow:inset 0 0 0 1px var(--blue)}.avatar.st-challenge:after{box-shadow:inset 0 0 0 2px var(--amber)}.avatar .scan{position:absolute;left:0;right:0;height:1px;background:#5b9bff99;top:0;animation:scan 2.4s linear infinite}@keyframes scan{0%{top:0}to{top:100%}}.mentor-name{font-family:var(--mono);letter-spacing:.3em;font-size:12.5px}.mentor-state{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--faint);margin-top:3px}.mentor-state.st-warning,.mentor-state.st-mistake{color:var(--red)}.mentor-state.st-correct,.mentor-state.st-complete,.mentor-state.st-analyzing{color:var(--blue)}.mentor-state.st-challenge{color:var(--amber)}.mentor-msg{padding:14px 16px;font-size:13.5px;line-height:1.6;border-bottom:1px solid var(--line);white-space:pre-wrap}.mentor-chat{flex:1;overflow-y:auto;padding:10px 16px;display:flex;flex-direction:column;gap:10px;min-height:60px}.chat-msg{font-size:12.5px;line-height:1.55;white-space:pre-wrap}.chat-msg.user{color:var(--dim);border-left:2px solid var(--line2);padding-left:8px}.chat-msg.mentor{color:var(--text)}.chat-msg .src{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--faint);margin-right:6px}.mentor-input{display:flex;gap:6px;padding:10px 12px;border-top:1px solid var(--line)}.mentor-input input{flex:1}.mentor-tools{display:flex;gap:6px;padding:0 12px 10px;flex-wrap:wrap}.typing:after{content:"▍";animation:blink 1s steps(2,start) infinite;margin-left:2px}.hero{padding:40px 0 26px;border-bottom:1px solid var(--line);margin-bottom:22px}.hero .wr{font-family:var(--mono);font-size:42px;letter-spacing:.4em;font-weight:500}.hero .quote{color:var(--dim);font-size:15px;margin-top:16px;max-width:560px;line-height:1.7}@media (max-width: 560px){.hero .wr{font-size:26px;letter-spacing:.3em}}.rank-badge{font-family:var(--mono);font-size:44px;width:86px;height:86px;display:flex;align-items:center;justify-content:center;border:1px solid var(--text)}.rank-badge.sm{font-size:18px;width:38px;height:38px}.card-btn{text-align:left;background:var(--panel);border:1px solid var(--line);padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:border-color .12s}.card-btn:hover{border-color:var(--dim)}.card-btn .ct{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.card-btn .cd{color:var(--dim);font-size:12.5px}.card-btn.disabled{opacity:.45;cursor:not-allowed}.option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.opt{background:var(--panel2);border:1px solid var(--line2);padding:12px;cursor:pointer;font-family:var(--mono);font-size:13px;text-align:center}.opt:hover:not(:disabled){border-color:var(--dim)}.opt.ok{border-color:var(--blue);color:var(--blue);background:var(--blue-d)}.opt.bad{border-color:var(--red);color:var(--red);background:var(--red-d)}.opt.sel{border-color:var(--text)}.big-number{font-family:var(--mono);font-size:56px;letter-spacing:.06em;text-align:center;padding:20px 0}.timer-bar{height:3px;background:var(--line);margin:8px 0}.timer-bar>i{display:block;height:100%;background:var(--text);transition:width .1s linear}.timer-bar.low>i{background:var(--red)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--panel);border:1px solid var(--line2);max-width:620px;width:100%;max-height:90vh;overflow-y:auto;padding:22px}.phase-list{display:flex;flex-direction:column;gap:4px}.phase{display:flex;gap:10px;font-family:var(--mono);font-size:11.5px;padding:6px 8px;border:1px solid transparent;color:var(--faint)}.phase.on{border-color:var(--blue);color:var(--text);background:var(--blue-d)}.phase.done{color:var(--dim)}.spark{display:block}.distractor{position:fixed;pointer-events:none;z-index:300;font-family:var(--mono);color:#ffffff4d;font-size:22px;transition:opacity .4s}.session-screen{max-width:620px;margin:40px auto}.session-screen .title{font-family:var(--mono);letter-spacing:.3em;font-size:15px;margin-bottom:20px}.kv{display:grid;grid-template-columns:minmax(84px,32%) 1fr;gap:8px 16px;font-size:13px}.kv .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--faint);text-transform:uppercase;padding-top:2px}.lesson-body p{color:#c9ccd1;line-height:1.7;margin:0 0 10px}.tag-list{display:flex;gap:6px;flex-wrap:wrap}.empty{padding:30px;text-align:center;color:var(--faint);font-family:var(--mono);font-size:12px;letter-spacing:.12em;border:1px dashed var(--line2)}.focus-exit{position:fixed;top:10px;left:10px;z-index:60}.piece-palette{display:flex;gap:4px;flex-wrap:wrap}.piece-palette button{width:44px;height:44px;background:var(--panel2);border:1px solid var(--line2);cursor:pointer;display:flex;align-items:center;justify-content:center;container-type:inline-size}.piece-palette button .piece{font-size:30px}.piece-palette button.on{border-color:var(--blue);background:var(--blue-d)}@media (max-width: 640px){.grid.swipe{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;-webkit-overflow-scrolling:touch}.grid.swipe>*{flex:0 0 78%;scroll-snap-align:start}}.piece-img{width:90%;height:90%;position:relative;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.drag-ghost .piece-img{width:100%;height:100%;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}.promo-box .piece-img,.piece-palette .piece-img{width:82%;height:82%}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:radial-gradient(circle at 30% 40%,#121821,#050608 70%);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:40px;padding:40px 6vw;cursor:pointer}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px}.stage-portrait{display:flex;justify-content:center;position:relative}.stage-portrait .avatar.big{width:min(460px,38vw);max-width:none;border-color:var(--line2)}.stage-dialog{position:relative;background:#0c0f13eb;border:1px solid var(--line2);border-left:2px solid var(--blue);padding:26px 28px;cursor:default}.stage-name{font-family:var(--mono);letter-spacing:.4em;font-size:12px;color:var(--blue);margin-bottom:12px}.stage-text{font-size:18px;line-height:1.75;min-height:130px;white-space:pre-wrap}@media (max-width: 860px){.stage{grid-template-columns:1fr;gap:16px;padding:20px 16px;align-content:center}.stage-portrait .avatar.big{width:min(240px,60vw)}.stage-text{font-size:15.5px;min-height:110px}}.mentor-float{position:fixed;right:16px;bottom:16px;width:320px;max-height:70vh;z-index:90;background:#090b0df7;border:1px solid var(--line2);display:flex;flex-direction:column;box-shadow:0 10px 30px #00000080}.mentor-float.mini{height:auto}.mentor-float .mentor{max-height:70vh}@media (max-width: 640px){.mentor-float{left:12px;right:12px;width:auto}}.unit-card{position:relative}.unit-card .num{font-family:var(--mono);font-size:11px;color:var(--faint)}.unit-card.locked{opacity:.4}.stars{font-family:var(--mono);letter-spacing:2px;color:var(--amber)}.sq.hl-target:after{content:"";position:absolute;top:22%;right:22%;bottom:22%;left:22%;border:2px solid rgba(91,155,255,.8);border-radius:50%;pointer-events:none}.sq.hl-move:after{content:"";position:absolute;width:26%;height:26%;border-radius:50%;background:#5b9bff8c;pointer-events:none}.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (max-width: 560px){.fact-grid{grid-template-columns:1fr}}.avatar img.mentor-photo{filter:saturate(.85) contrast(1.03);transition:filter .4s,transform .4s}.avatar img.mentor-photo.face{object-position:50% 22%;transform:scale(1.7);transform-origin:50% 24%}.avatar .avatar-tint{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:background .4s}.avatar.st-warning .avatar-tint,.avatar.st-mistake .avatar-tint{background:#ff3c5024}.avatar.st-analyzing .avatar-tint{background:#3c82ff1a}.avatar.st-challenge .avatar-tint{background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 55%)}.avatar.st-complete .avatar-tint,.avatar.st-correct .avatar-tint{background:#78aaff0f}.avatar.st-challenge img.mentor-photo,.avatar.st-mistake img.mentor-photo{filter:saturate(.7) contrast(1.1) brightness(.92)}.guide-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}.guide-toc{position:sticky;top:12px;max-height:calc(100vh - 40px);overflow-y:auto;padding-right:6px}.guide-link{display:block;width:100%;text-align:left;background:none;border:0;border-left:2px solid transparent;padding:5px 10px;color:var(--dim);cursor:pointer;font-size:13px}.guide-link:hover{color:var(--text);background:var(--panel)}.guide-link.on{color:var(--text);border-left-color:var(--blue);background:var(--panel)}.guide-body{background:var(--panel);border:1px solid var(--line);padding:24px 28px;max-width:860px}.guide-body p{line-height:1.75;color:#cfd2d6}.guide-h{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:8px}.guide-steps{padding-left:22px;margin:6px 0}.guide-steps li{margin:6px 0;line-height:1.65}.guide-table td:first-child{width:34%}.guide-tips{margin-top:10px;padding:10px 14px;border-left:2px solid var(--amber);background:#d9b45a0f;font-size:13px;line-height:1.7}@media (max-width: 860px){.guide-layout{grid-template-columns:1fr}.guide-toc{position:static;max-height:none}.guide-body{padding:16px}.guide-table td:first-child{width:40%}}.main{container-type:inline-size;container-name:main}@container main (max-width: 820px){.guide-layout{grid-template-columns:1fr}.guide-toc{position:static;max-height:260px;border:1px solid var(--line);padding:10px}.guide-body{padding:16px}}