:root{--ink:#12141c;--panel:#1a1d29;--panel-2:#212536;--line:#2c3145;--paper:#f3efe6;--good:#3fb27f;--bad:#d9534f;--warn:#e0a83e;--radius:18px;font-size:16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(circle at 20% 0%, #1c2032 0%, var(--ink) 55%);color:var(--paper);min-height:100vh;font-family:Inter,sans-serif}h1,h2,h3,.display{font-family:Fredoka,sans-serif}button{cursor:pointer;font-family:inherit}.screen{min-height:100vh;padding:24px 18px 60px;display:none}.screen.active{display:block}.wrap{max-width:640px;margin:0 auto}#screen-login .wrap{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:calc(100vh - 84px);display:flex}.logo-mark{color:#e8631a;letter-spacing:-1px;font-family:Fredoka,sans-serif;font-size:2.6rem;font-weight:700}.logo-mark span{color:#1e8f86}#screen-login h1{color:var(--paper);margin:0;font-size:1.6rem;font-weight:600}#screen-login p{color:#b7bad0;max-width:440px;margin:0;line-height:1.5}#login-input{border:2px solid var(--line);background:var(--panel);width:100%;max-width:340px;color:var(--paper);text-align:center;border-radius:14px;padding:14px 18px;font-size:1rem}#login-input:focus{border-color:#e8631a;outline:none}.btn{color:#fff;background:#e8631a;border:none;border-radius:14px;padding:14px 28px;font-size:1rem;font-weight:600;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn.accent{background:var(--accent,#e8631a)}.btn.ghost{border:2px solid var(--line);color:var(--paper);background:0 0}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn.small{border-radius:11px;padding:9px 16px;font-size:.85rem}header.topbar{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);background:#12141ceb;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex;position:sticky;top:0}header.topbar .who{align-items:center;gap:10px;display:flex}.avatar{background:linear-gradient(135deg,#e8631a,#1e8f86);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-family:Fredoka,sans-serif;font-weight:700;display:flex}header.topbar .name{font-size:.95rem;font-weight:600}header.topbar .xp{color:#b7bad0;font-size:.78rem}header.topbar .title-mid{font-size:.92rem;font-weight:600}.icon-btn{color:#b7bad0;background:0 0;border:none;border-radius:10px;padding:6px;font-size:1.2rem}.icon-btn:hover{background:var(--panel-2);color:var(--paper)}.intro-note{text-align:center;color:#9396ac;margin:22px 0 8px;font-size:.85rem;line-height:1.6}.module-stair{flex-direction:column;gap:6px;padding:14px 0 40px;display:flex}.stair-item{flex-direction:column;align-items:stretch;display:flex}.stair-arrow{color:#565a72;align-self:flex-end;margin:2px 26px 2px 0;font-size:1.1rem}.module-card{--accent:#e8631a;--accent-deep:#c94e0f;--accent-glow:#e8631a29;background:var(--panel);border:2px solid var(--line);text-align:left;color:inherit;cursor:pointer;border-radius:20px;align-items:flex-start;gap:14px;padding:18px 20px;transition:transform .15s,border-color .15s;display:flex}.module-card:hover{border-color:var(--accent);transform:translateY(-2px)}.module-card .num{background:var(--accent-glow);width:40px;height:40px;color:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:700;display:flex}.module-card .body{flex:1;min-width:0}.module-card .top-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.module-card h3{margin:0;font-size:1.08rem}.module-card .icon{font-size:1.3rem}.module-card p.sub{color:#9396ac;margin:4px 0 10px;font-size:.85rem}.chip-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.chip{background:var(--panel-2);color:#c7cadb;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:.72rem}.module-progress{color:var(--accent);font-size:.76rem;font-weight:600}.module-note{color:#6d7089;margin-top:4px;font-size:.72rem}.stair-item:first-child .module-card{margin-right:16%}.stair-item:nth-child(2) .module-card{margin-left:6%;margin-right:8%}.stair-item:nth-child(3) .module-card{margin-left:12%}.stair-item:nth-child(4) .module-card{margin-left:6%;margin-right:8%}.stair-item:nth-child(5) .module-card{margin-left:16%}.world-title{text-align:center;margin:10px 0 26px}.world-title .badge{letter-spacing:.4px;background:var(--accent-glow,#e8631a29);color:var(--accent,#e8631a);border-radius:999px;margin-bottom:8px;padding:5px 12px;font-size:.72rem;font-weight:600;display:inline-block}.world-title h2{margin:0;font-size:1.35rem}.world-title p{color:#9396ac;margin:6px 0 0;font-size:.85rem}.trail{padding:10px 0 30px;position:relative}.trail:before{content:"";background:repeating-linear-gradient(to bottom, var(--line) 0 10px, transparent 10px 20px);z-index:0;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.node-row{z-index:1;margin:0 0 6px;display:flex;position:relative}.node-row.left{justify-content:flex-start}.node-row.right{justify-content:flex-end}.node-row.center{justify-content:center}.node{width:min(46%,220px);color:inherit;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex}.node .circle{border:3px solid var(--line);background:var(--panel);border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;font-size:1.7rem;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.node:not(.locked):hover .circle{transform:translateY(-3px)}.node .circle.done,.node .circle.available{border-color:var(--accent);box-shadow:0 0 0 5px var(--accent-glow)}.node .circle.done{background:linear-gradient(160deg,var(--accent),var(--accent-deep))}.node .stars{color:var(--warn);height:14px;font-size:.72rem}.node .label{text-align:center;color:var(--paper);font-size:.82rem;font-weight:600;line-height:1.25}.node.milestone .circle{border-radius:26%;width:88px;height:88px;font-size:2.1rem}.footer-note{text-align:center;color:#6d7089;margin-top:20px;font-size:.78rem;line-height:1.6}.play-progress{background:var(--panel-2);border-radius:6px;height:8px;margin:18px 0 26px;overflow:hidden}.play-progress>div{background:var(--accent,#e8631a);height:100%;transition:width .3s}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:22px}.kicker{letter-spacing:.3px;color:var(--accent,#e8631a);margin-bottom:8px;font-size:.72rem;font-weight:600}.scenario-card{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px;padding:20px}.scenario-card .tag{margin-bottom:6px;font-size:1.4rem}.question-text{margin:0 0 20px;font-size:1.12rem;font-weight:600;line-height:1.4}.options{flex-direction:column;gap:10px;display:flex}.option{text-align:left;background:var(--panel-2);border:2px solid var(--line);color:var(--paper);border-radius:14px;padding:14px 16px;font-size:.95rem;line-height:1.4;transition:border-color .15s,background .15s}.option:hover:not(:disabled){border-color:#454a63}.option:disabled{cursor:default}.option.correct{border-color:var(--good);background:#3fb27f1f}.option.incorrect{border-color:var(--bad);background:#d9534f1f}.option.dim{opacity:.45}.feedback{border-radius:14px;margin-top:16px;padding:14px 16px;font-size:.9rem;line-height:1.5}.feedback.good{background:#3fb27f1f;border:1px solid #3fb27f66}.feedback.bad{background:#d9534f1f;border:1px solid #d9534f66}.feedback .fb-title{margin-bottom:4px;font-weight:700}.play-actions{justify-content:flex-end;margin-top:18px;display:flex}.lesson-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;position:relative;overflow:hidden;box-shadow:0 12px 30px -18px #0009}.lesson-card:before{content:"";background:linear-gradient(90deg,var(--accent,#e8631a),transparent);height:4px;position:absolute;top:0;left:0;right:0}.lesson-icon-badge{background:var(--accent-glow,#e8631a29);border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:16px;font-size:1.9rem;display:flex}.lesson-card h3{margin:0 0 12px;font-size:1.22rem}.lesson-card p{color:#cfd1e0;margin:0;font-size:.98rem;line-height:1.65}.lesson-video{background:#000;border-radius:12px;width:100%;margin-top:16px;padding-top:56.25%;position:relative;overflow:hidden}.lesson-video iframe,.lesson-video video{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.tile-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.tile{background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:14px}.tile .tile-icon{margin-bottom:6px;font-size:1.25rem}.tile .tile-label{color:var(--paper);margin-bottom:4px;font-size:.86rem;font-weight:700}.tile .tile-text{color:#a9acc2;font-size:.8rem;line-height:1.4}.compare-list{flex-direction:column;gap:10px;margin-top:16px;display:flex}.compare-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.compare-pair .avoid,.compare-pair .prefer{border-radius:12px;padding:10px 12px;font-size:.82rem;line-height:1.4}.compare-pair .avoid{background:#d9534f1a;border:1px solid #d9534f59}.compare-pair .prefer{background:#3fb27f1a;border:1px solid #3fb27f59}.compare-pair .tag{letter-spacing:.5px;margin-bottom:4px;font-size:.66rem;font-weight:700;display:block}.compare-pair .avoid .tag{color:var(--bad)}.compare-pair .prefer .tag{color:var(--good)}.checklist{flex-direction:column;gap:9px;margin:16px 0 0;padding:0;list-style:none;display:flex}.checklist li{color:#cfd1e0;align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.4;display:flex}.checklist li:before{content:"✓";color:var(--good);flex:none;font-weight:700}.steps-list{flex-direction:column;gap:0;margin-top:16px;display:flex}.step-item{gap:12px;padding:0 0 16px;display:flex;position:relative}.step-item:last-child{padding-bottom:0}.step-item .step-num{background:var(--accent,#e8631a);color:#fff;z-index:1;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.step-item .step-text{color:#cfd1e0;padding-top:4px;font-size:.88rem;line-height:1.4}.step-item:not(:last-child):after{content:"";background:var(--line);width:2px;position:absolute;top:28px;bottom:0;left:13.5px}.lesson-dots{flex-wrap:wrap;justify-content:center;gap:6px;margin:16px 0 0;display:flex}.lesson-dots span{background:var(--line);border-radius:50%;width:7px;height:7px}.lesson-dots span.on{background:var(--accent,#e8631a)}.lesson-intro{text-align:center;color:#9396ac;margin-bottom:14px;font-size:.85rem}.draft-flag{letter-spacing:.3px;color:#12141c;background:var(--warn);border-radius:7px;margin-bottom:10px;padding:3px 8px;font-size:.68rem;font-weight:700;display:inline-block}.course-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;margin-bottom:14px;padding:18px 20px;display:flex}.course-card h3{margin:0;font-size:1.02rem}.course-card p{color:#b7bad0;margin:0;font-size:.88rem;line-height:1.5}.course-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.check-row{color:#cfd1e0;align-items:center;gap:8px;font-size:.85rem;display:flex}.check-row input{width:18px;height:18px;accent-color:var(--accent,#2f7fd1)}.cert-card{background:var(--panel-2);border:1px dashed var(--line);border-radius:var(--radius);margin-top:8px;padding:20px}#screen-result .wrap{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:calc(100vh - 40px);display:flex}.result-emoji{font-size:3.4rem}#screen-result h2{margin:0;font-size:1.4rem}.result-stars{letter-spacing:6px;font-size:1.9rem}#screen-result .pct{color:#b7bad0;font-size:.95rem}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}@media (width<=480px){.node{width:52%}.stair-item:nth-child(n) .module-card{margin-left:0!important;margin-right:0!important}.tile-grid,.compare-pair{grid-template-columns:1fr}}