:root{--bg:#f6f4ee;--surface:#fff;--surface-2:#f3f1ea;--ink:#2c2b28;--ink-2:#6d6a62;--line:#e7e3d9;--green:#81b64c;--green-dark:#5f8c34;--green-soft:#edf5e1;--gold:#f2b33d;--gold-soft:#fdf3dc;--red:#e0645a;--red-soft:#fbe9e7;--blue:#4f8fd6;--blue-soft:#e8f0fb;--shadow:0 1px 2px #2823190f, 0 8px 24px #2823190f;--radius:16px;--rail:228px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font:16px/1.5 Nunito,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.01em;margin:0 0 8px;line-height:1.2}h1{font-size:30px;font-weight:900}h2{margin-top:36px;font-size:21px;font-weight:900}h3{font-size:17px;font-weight:800}p{margin:0 0 10px}.muted{color:var(--ink-2)}.small{font-size:13.5px}.thin{font-weight:600}.grow{flex:1;min-width:0}.row{align-items:center;display:flex}.row.between{justify-content:space-between;gap:12px}.gap{gap:10px}.wrap{flex-wrap:wrap}.app{grid-template-columns:var(--rail) minmax(0, 1fr);min-height:100vh;display:grid}.rail{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:2px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:6px 10px 18px;font-size:18px;font-weight:900;display:flex}.brand-ic{background:var(--green);color:#fff;width:38px;height:38px;box-shadow:0 3px 0 var(--green-dark);border-radius:12px;place-items:center;font-size:24px;display:grid}.nav{color:var(--ink-2);border-radius:12px;align-items:center;gap:12px;padding:9px 12px;font-weight:800;transition:background .15s;display:flex}.nav:hover{background:var(--surface-2);color:var(--ink)}.nav.on{background:var(--green-soft);color:var(--green-dark)}.nav-ic{text-align:center;width:24px;font-size:18px}.rail-foot{gap:6px;margin-top:auto;display:grid}.chip{background:var(--surface-2);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800}.main{min-width:0}.page{max-width:1120px;margin:0 auto;padding:36px 32px 90px}.page.narrow,.page>h1+.muted{max-width:760px}.btn{background:var(--green);color:#fff;cursor:pointer;box-shadow:0 4px 0 var(--green-dark);border:0;border-radius:12px;padding:10px 18px;font-weight:800;transition:transform 80ms,box-shadow 80ms,filter .15s}.btn:hover{filter:brightness(1.05)}.btn:active{box-shadow:0 1px 0 var(--green-dark);transform:translateY(3px)}.btn.ghost{background:var(--surface-2);color:var(--ink);box-shadow:0 3px 0 var(--line)}.btn.ghost:active{box-shadow:0 0 0 var(--line)}.btn.danger{color:var(--red)}.btn:disabled{opacity:.55;cursor:default;filter:none;transform:none}.icon-btn{background:var(--surface-2);cursor:pointer;border:0;border-radius:10px;width:38px;height:38px;font-size:18px;font-weight:900}.icon-btn:hover{background:var(--line)}.seg{background:var(--surface-2);border-radius:12px;gap:4px;margin:6px 0 14px;padding:4px;display:inline-flex}.seg button{cursor:pointer;color:var(--ink-2);background:0 0;border:0;border-radius:9px;padding:8px 14px;font-weight:800}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001a}.seg.big button{padding:10px 20px;font-size:16px}.pill{background:var(--surface-2);color:var(--ink-2);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800}.pill.common{background:var(--blue-soft);color:var(--blue)}.pill.rare{color:#7a62b8;background:#f1ebfa}.stars{color:var(--gold);letter-spacing:1px;font-size:13px}.stars i{color:var(--line);font-style:normal}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--green-dark);font-size:12px;font-weight:900}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.link-card,.op-card,.topic-card,.story-card{transition:transform .15s,box-shadow .15s;display:block}.link-card:hover,.op-card:hover,.topic-card:hover,.story-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #2823191f}.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;display:grid}.grid2{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.op-card{padding:12px}.op-card .mini{margin-bottom:12px}.op-info h3{margin:0;font-size:16px}.op-info p{min-height:2.6em;margin:4px 0 8px}.topic-card h3{margin-top:10px}.topic-ic{font-size:30px;line-height:1}.story-card.done,.op-card.done{outline:2px solid var(--green-soft)}.tipbox{background:var(--gold-soft);border-radius:12px;max-width:820px;padding:12px 16px;font-size:14.5px}.bar{background:var(--surface-2);border-radius:999px;height:10px;margin:8px 0 6px;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--green), #9bcf5f);border-radius:inherit;height:100%;transition:width .4s;display:block}.bar.thin{height:6px;margin:6px 0 0}.ring{color:var(--green-dark);background:radial-gradient(var(--surface) 57%, transparent 59%), conic-gradient(var(--green) calc(var(--p) * 1%), var(--line) 0);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:900;display:inline-grid}.mini{aspect-ratio:1;border-radius:10px;grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.mini>div{aspect-ratio:1;display:grid}.mini svg{width:100%;height:100%}.hero{align-items:center;gap:22px;padding:24px;display:flex}.hero h1{margin:2px 0 6px}.hero-rank{background:linear-gradient(145deg,#fff3d6,#f6d58b);border-radius:26px;flex:none;place-items:center;width:86px;height:86px;font-size:50px;display:grid;box-shadow:0 5px #e2b85d}.hero-stats{gap:22px;display:flex}.stat{color:var(--ink-2);justify-items:center;gap:4px;font-size:13px;font-weight:700;display:grid}.stat b{color:var(--ink);font-size:22px}.quote{border-left:4px solid var(--gold);background:var(--surface);border-radius:0 12px 12px 0;margin:26px 0 0;padding:16px 22px;font-size:17px;font-style:italic}.quote cite{color:var(--ink-2);margin-top:6px;font-size:14px;font-style:normal;font-weight:700;display:block}.journey{margin:18px 0 0;padding:0;list-style:none}.jstage{grid-template-columns:46px minmax(0,1fr);gap:16px;padding-bottom:18px;display:grid;position:relative}.jstage:before{content:"";background:var(--line);border-radius:2px;width:4px;position:absolute;top:46px;bottom:0;left:21px}.jstage:last-child:before{display:none}.stage-num{background:var(--surface);border:4px solid var(--line);z-index:1;border-radius:50%;place-items:center;width:46px;height:46px;font-size:18px;font-weight:900;display:grid;position:relative}.jstage.done .stage-num{background:var(--green);border-color:var(--green-dark);color:#fff}.stage-body h3{margin:0 0 2px}.chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chip-link{background:var(--surface-2);border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:800;transition:background .15s}.chip-link:hover{background:var(--line)}.chip-link.started{background:var(--gold-soft)}.chip-link.done{background:var(--green-soft);color:var(--green-dark)}.badges{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.badge{text-align:center;opacity:.6;justify-items:center;gap:4px;padding:16px 12px;display:grid}.badge.got{opacity:1;background:linear-gradient(180deg, #fff, var(--gold-soft))}.badge-ic{font-size:30px}.settings{gap:18px;display:grid}.themes{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.theme{border:2px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13.5px;font-weight:800;display:flex}.theme span{border-radius:7px;width:26px;height:26px}.theme.on{border-color:var(--green);background:var(--green-soft)}.theme:disabled{cursor:default;opacity:.6}.stage-wrap{min-height:100vh}.stage{grid-template-columns:minmax(0,1fr) minmax(360px,430px);align-items:start;gap:24px;max-width:1440px;margin:0 auto;padding:20px 24px;display:grid}.board-col{justify-content:center;display:flex;position:sticky;top:20px}.board-frame{width:min(100%,100vh - 40px);box-shadow:0 14px 34px #28231933, 0 0 0 6px var(--surface);border-radius:10px;position:relative;overflow:hidden}.panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;height:calc(100vh - 40px);display:flex;position:sticky;top:20px;overflow:hidden}.head{padding:16px 20px 10px}.head h2{margin:6px 0 8px;font-size:22px}.back{color:var(--ink-2);font-size:13px;font-weight:800}.back:hover{color:var(--green-dark)}.tagline{color:var(--ink-2);margin:8px 0 0;font-size:14.5px}.tabs{border-bottom:1px solid var(--line);gap:2px;padding:0 12px;display:flex;overflow-x:auto}.tabs button{cursor:pointer;color:var(--ink-2);white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:10px 12px;font-weight:800}.tabs button.on{color:var(--ink);border-color:var(--green)}.panel-body{flex-direction:column;flex:1;gap:14px;padding:16px 20px 22px;display:flex;overflow-y:auto}.mode-row{justify-content:space-between;align-items:center;display:flex}.mode-row .seg{margin:0}.coach{align-items:flex-start;gap:12px;display:flex}.coach-avatar{background:var(--green);color:#fff;width:44px;height:44px;box-shadow:0 3px 0 var(--green-dark);border-radius:50%;flex:none;place-items:center;font-size:26px;display:grid}.coach.bad .coach-avatar{background:var(--red);box-shadow:0 3px #b8473f}.coach.win .coach-avatar{background:var(--gold);box-shadow:0 3px #c98f1d}.coach-bubble{background:var(--surface-2);border-radius:4px 16px 16px;flex:1;min-height:72px;padding:12px 15px;font-size:16px;line-height:1.6}.coach-bubble p{margin:0}.coach.good .coach-bubble{background:var(--green-soft)}.coach.bad .coach-bubble{background:var(--red-soft)}.coach.win .coach-bubble{background:var(--gold-soft)}.coach-move{color:var(--green-dark);margin-bottom:2px;font-size:13.5px;font-weight:900}.branches{gap:6px;display:grid}.branches-title{color:var(--ink-2);font-size:13px;font-weight:900}.branch{text-align:left;cursor:pointer;border:2px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;transition:border-color .15s,background .15s;display:flex}.branch:hover{border-color:var(--green);background:var(--green-soft)}.branch.trap:hover{border-color:var(--red);background:var(--red-soft)}.branch-move{min-width:64px;font-weight:900}.branch-name{color:var(--ink-2);flex:1;font-size:14px;font-weight:700}.movelist{background:var(--surface-2);border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:2px 4px;max-height:150px;padding:10px 12px;display:flex;overflow-y:auto}.ml-item{align-items:baseline;gap:2px;display:inline-flex}.ml-num{color:var(--ink-2);margin-left:4px;font-size:13px;font-weight:700}.ml-move{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:1px 6px;font-size:14.5px;font-weight:800}.ml-move:hover{background:var(--line)}.ml-move.cur{background:var(--green);color:#fff}.ml-move.future{opacity:.4}.ml-move.free{color:var(--blue)}.controls{gap:8px;margin-top:auto;display:flex}.board-col{flex-direction:column;align-items:center}.board-col .under-board{width:min(100%,620px);display:none}.controls .btn.grow{flex:1}.ctl{background:var(--surface-2);cursor:pointer;width:46px;box-shadow:0 3px 0 var(--line);border:0;border-radius:12px;font-size:15px}.ctl:disabled{opacity:.4;cursor:default}.stepper{flex-wrap:wrap;gap:6px;margin:12px 0 6px;display:flex}.stepper button{border:2px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;min-width:34px;height:34px;font-weight:900}.stepper button.on{border-color:var(--green)}.stepper button.done{background:var(--green-soft);color:var(--green-dark)}.stepper .next{background:var(--green);color:#fff;border-color:var(--green);margin-left:auto;padding:0 12px}.promo{z-index:20;background:#1e1c1873;place-items:center;display:grid;position:absolute;inset:0}.promo-card{background:var(--surface);text-align:center;border-radius:16px;gap:8px;padding:14px;font-weight:800;display:grid}.promo-card div{gap:8px;display:flex}.promo-card button{border:2px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:12px;width:64px;height:64px;padding:4px}.promo-card button:hover{border-color:var(--green)}.tree{font-size:14px}.tv-branch{border-left:3px solid var(--line);margin:8px 0 8px 2px;padding-left:12px}.tv-branch.root{border-color:var(--green)}.tv-branch.trap{border-color:var(--red)}.tv-name{color:var(--ink-2);text-transform:uppercase;letter-spacing:.03em;margin:6px 0 4px;font-size:12px;font-weight:900}.tv-row{flex-wrap:wrap;gap:2px 3px;display:flex}.tv-move{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px 6px;font-weight:700}.tv-move:hover{background:var(--surface-2)}.tv-move.path{background:var(--green-soft);color:var(--green-dark)}.tv-move.cur{background:var(--green);color:#fff}.tv-end{color:var(--line);align-self:center;font-size:10px}.tv-kids{margin-top:2px}.prose{font-size:15.5px}.prose h3{text-transform:uppercase;letter-spacing:.06em;color:var(--green-dark);margin:18px 0 8px;font-size:13px}.prose section:first-child h3,.prose h3:first-child{margin-top:0}.prose p{line-height:1.7}.prose.big{font-size:17.5px}.prose.big p{margin-bottom:16px}.bullets{gap:8px;margin:0 0 10px;padding:0;list-style:none;display:grid}.bullets li{padding-left:22px;line-height:1.6;position:relative}.bullets li:before{content:"";background:var(--green);border-radius:50%;width:8px;height:8px;position:absolute;top:.6em;left:4px}.say{background:var(--blue-soft);border-radius:14px;margin:16px 0;padding:14px 16px}.say h3{color:var(--blue)}.say p{margin-bottom:6px;font-style:italic;font-weight:800}.story-hero{align-items:center;gap:18px;margin:14px 0 24px;display:flex}.story-ic{background:var(--gold-soft);border-radius:28px;flex:none;place-items:center;width:90px;height:90px;font-size:54px;display:grid}.lesson{background:var(--green-soft);box-shadow:none;margin:10px 0 20px}.lesson p{margin:6px 0 0;font-size:17px;font-weight:700}.fide-sec{margin-top:18px}.fide-sec h2{margin-top:0}.checklist{gap:8px;margin:0;padding:0;list-style:none;display:grid}.checklist label{cursor:pointer;align-items:flex-start;gap:10px;line-height:1.55;display:flex}.checklist input{width:20px;height:20px;accent-color:var(--green);flex:none;margin-top:2px}@keyframes hintPulse{0%,to{box-shadow:inset 0 0 0 4px #3478dcf2}50%{box-shadow:inset 0 0 0 10px #3478dc4d}}.confetti{pointer-events:none;z-index:100;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:8px;height:14px;animation:1.5s ease-in forwards fall;position:absolute;top:-12px}@keyframes fall{to{transform:translate(var(--x), 105vh) rotate(600deg);opacity:.8}}.toast{z-index:110;background:var(--gold);color:#3b2a05;border-radius:999px;padding:10px 20px;font-weight:900;animation:2.2s forwards toast;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 4px #c98f1d,0 10px 26px #00000026}@keyframes toast{0%{opacity:0;transform:translate(-50%,-16px)}12%,82%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}@media (width<=1120px){.stage{grid-template-columns:minmax(0,1fr);max-width:680px}.board-col,.panel{position:static}.board-frame{width:min(100%,620px)}.panel{height:auto;overflow:visible}.panel-body{overflow:visible}.panel .controls.nav{display:none}.board-col .under-board{margin-top:12px;display:flex}}@media (width<=860px){.app{grid-template-columns:minmax(0,1fr)}.rail{z-index:50;border-right:0;border-top:1px solid var(--line);flex-direction:row;justify-content:space-around;height:auto;padding:6px 4px;position:fixed;inset:auto 0 0}.brand,.rail-foot,.nav-label{display:none}.nav{padding:8px}.nav-ic{font-size:20px}.main{padding-bottom:64px}.page{padding:22px 16px 90px}.stage{gap:14px;padding:12px 16px}.grid2{grid-template-columns:1fr}.hero{flex-wrap:wrap}.hero-stats{justify-content:space-around;width:100%}}.brand-ic svg,.coach-avatar svg{width:82%;height:82%}.hero-rank svg{width:70%;height:70%}