@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=JetBrains+Mono:wght@400;500;700;800&display=swap";.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}:root{color-scheme:dark;--abyss: #04101f;--deep: #071a2e;--panel: #0b2236;--panel-2: #0e2a42;--line: #16405f;--line-soft: #112f47;--ink: #d6e8f7;--muted: #7fa0bc;--dim: #557a96;--blue: #2496ed;--blue-bright: #5ab6ff;--teal: #2ed9c3;--amber: #ffd23f;--red: #ff6b6b;--violet: #a682ff;--green: #4ce0a3;--pixel: "Press Start 2P", ui-monospace, monospace;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--hard: 3px 3px 0 rgba(0, 0, 0, .45);--hard-lg: 4px 4px 0 rgba(0, 0, 0, .55);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;font-family:var(--mono);color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% -10%,rgba(36,150,237,.16),transparent 40%),radial-gradient(circle at 90% 0%,rgba(46,217,195,.1),transparent 35%),linear-gradient(180deg,var(--deep),var(--abyss));background-attachment:fixed;color:var(--ink);-webkit-text-size-adjust:100%}button,input,textarea{font:inherit;color:inherit;touch-action:manipulation}button{cursor:pointer}:focus-visible{outline:2px solid var(--blue-bright);outline-offset:1px}::selection{background:#2496ed66}kbd{padding:1px 6px;border:1px solid var(--line);border-bottom-width:2px;background:var(--abyss);color:var(--muted);font-size:.66rem}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;opacity:.5;animation:flicker 5s steps(60) infinite}@keyframes flicker{0%,96%,to{opacity:.5}97%{opacity:.38}98%{opacity:.55}}.app{width:min(1840px,100%);margin:0 auto;padding:var(--s4)}.topbar{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s4);padding:var(--s3) var(--s4);border:2px solid var(--line);background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:var(--hard)}.topbar .atlas-toggle{display:none}.brand{display:flex;align-items:center;gap:var(--s3);margin-right:auto}.pixel-whale{image-rendering:pixelated;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.5));animation:bob 2.4s steps(4) infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.brand h1{margin:0;font-family:var(--pixel);font-size:1.05rem;letter-spacing:1px;color:var(--blue-bright);text-shadow:2px 2px 0 rgba(0,0,0,.6)}.tagline{display:block;margin-top:5px;color:var(--muted);font-size:.7rem;letter-spacing:.5px}.progress{display:flex;align-items:center;gap:var(--s3);height:38px;padding:0 var(--s3);border:2px solid var(--line);background:var(--abyss)}.progress-points{display:flex;align-items:center;gap:5px;color:var(--amber)}.progress-points strong{font-family:var(--pixel);font-size:.66rem;display:inline-block;animation:pop .4s steps(4)}.progress-points em{font-style:normal;color:var(--muted);font-size:.72rem}.progress-track{position:relative;width:110px;height:10px;border:1px solid var(--line);background:repeating-linear-gradient(90deg,rgba(22,64,95,.5) 0 6px,transparent 6px 8px);overflow:hidden}.progress-fill{position:absolute;top:0;bottom:0;left:0;right:auto;background:linear-gradient(90deg,var(--blue),var(--teal));transition:width .48s steps(12)}.progress-pct{font-family:var(--pixel);font-size:.56rem;color:var(--ink)}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.5);color:var(--teal)}to{transform:scale(1)}}.topbar-actions{display:flex;align-items:center;gap:var(--s2)}.icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;border:2px solid var(--line);background:var(--panel-2);color:var(--ink);transition:transform .12s steps(2),background .12s,border-color .12s}.icon-btn.sm{width:30px;height:30px}.icon-btn:hover:not(:disabled){transform:translate(-1px,-1px);border-color:var(--blue);background:var(--panel)}.icon-btn:active:not(:disabled){transform:translate(1px,1px)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn.danger:hover:not(:disabled){border-color:var(--red);color:var(--red)}.locale-btn{height:38px;padding:0 var(--s3);border:2px solid var(--line);background:var(--abyss);color:var(--teal);font-weight:800;font-size:.78rem;letter-spacing:1px;transition:transform .12s steps(2),border-color .12s}.locale-btn:hover{transform:translate(-1px,-1px);border-color:var(--teal)}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr) 340px;gap:var(--s4);align-items:start}.stage{display:grid;gap:var(--s4);min-width:0}.atlas-pane{min-width:0}.atlas-backdrop{display:none}.sidebar,.mission-brief,.mission-learn,.workbench,.cheatsheet,.panel-block{border:2px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--deep));box-shadow:var(--hard)}.rail-head,.panel-bar{display:flex;align-items:center;gap:var(--s2);padding:10px var(--s3);border-bottom:2px solid var(--line-soft);color:var(--blue-bright);font-family:var(--pixel);font-size:.58rem;letter-spacing:.5px;text-transform:uppercase}.rail-head h2{margin:0;font:inherit}.sidebar{padding-bottom:var(--s3)}.chapter{padding:var(--s1) var(--s3)}.chapter-head{display:flex;align-items:center;gap:var(--s2);margin:var(--s3) 0 var(--s2)}.chapter-numeral{flex-shrink:0;display:grid;place-items:center;width:24px;height:24px;border:2px solid var(--line);background:var(--abyss);color:var(--teal);font-family:var(--pixel);font-size:.5rem}.chapter-head h3{margin:0;flex:1;color:var(--teal);font-size:.7rem;letter-spacing:1px;text-transform:uppercase}.chapter-count{color:var(--dim);font-size:.66rem;font-weight:700}.chapter-count.full{color:var(--green)}.lesson{display:flex;align-items:center;gap:var(--s2);width:100%;text-align:left;margin-bottom:6px;padding:8px 9px;border:2px solid var(--line-soft);background:var(--abyss);color:var(--ink);transition:transform .12s steps(2),border-color .12s,background .12s}.lesson:hover:not(:disabled){transform:translate(-1px,-1px);border-color:var(--blue)}.lesson.active{border-color:var(--blue);background:#2496ed1f;box-shadow:inset 0 0 0 1px #2496ed66}.lesson.locked{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.lesson-state{flex-shrink:0;display:grid;place-items:center;width:18px;height:18px;border:2px solid var(--line);background:var(--deep);color:var(--dim)}.lesson-state.done{border-color:var(--green);color:var(--green);background:#4ce0a31f}.lesson-dot{width:4px;height:4px;background:var(--blue-bright)}.lesson.active .lesson-dot{animation:blink 1s steps(2) infinite}.lesson-body{display:grid;gap:2px;min-width:0}.lesson-body strong{font-size:.8rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-body small{color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.4px}.lesson.done .lesson-body small{color:var(--green)}.cheatsheet{margin-top:var(--s4);padding-bottom:var(--s2)}.cheat-row{display:flex;align-items:center;gap:var(--s2);padding:7px var(--s3);border-top:1px solid var(--line-soft)}.cheat-text{display:grid;gap:1px;min-width:0;flex:1}.cheat-text code{color:var(--amber);font-size:.72rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cheat-text span{color:var(--muted);font-size:.7rem}.cheat-run{flex-shrink:0;display:grid;place-items:center;width:26px;height:26px;border:2px solid var(--line);background:var(--deep);color:var(--teal);transition:transform .12s steps(2),border-color .12s}.cheat-run:hover{transform:translate(-1px,-1px);border-color:var(--teal)}.mission-brief{padding:var(--s4)}.brief-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3)}.brief-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:2px solid var(--line-soft);background:var(--abyss);color:var(--muted);font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.chip-index{font-family:var(--pixel);font-size:.52rem;color:var(--violet);border-color:#a682ff59}.chip-topic{color:var(--blue-bright);border-color:#2496ed66}.chip-points{color:var(--amber);border-color:#ffd23f59}.chip-done{color:var(--green);border-color:#4ce0a380;background:#4ce0a31a;animation:pop .4s steps(4)}.stepper{display:flex;gap:6px;flex-shrink:0}.brief-title{margin:var(--s3) 0 0;font-size:1.45rem;line-height:1.1;color:var(--blue-bright);text-shadow:2px 2px 0 rgba(0,0,0,.4)}.brief-goal{margin:var(--s2) 0 var(--s3);color:var(--muted);font-size:.92rem;line-height:1.5}.task{padding:var(--s3);border:2px solid var(--blue);background:#2496ed14;box-shadow:inset 0 0 0 1px #2496ed33}.task-head{display:flex;align-items:center;gap:7px;color:var(--blue-bright);font-family:var(--pixel);font-size:.58rem;text-transform:uppercase;margin-bottom:var(--s2)}.task-text{margin:0 0 var(--s2);font-size:.92rem;line-height:1.5}.focus-hint{display:inline-block;margin:0 0 var(--s3);padding:5px 10px;border-left:3px solid var(--amber);background:#ffd23f1a;color:var(--amber);font-size:.78rem;font-weight:700}.checklist{list-style:none;margin:0;padding:0;display:grid;gap:7px}.checklist li{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:.84rem;line-height:1.4;transition:color .16s}.checklist li.checked{color:var(--green)}.check-box{flex-shrink:0;display:grid;place-items:center;width:18px;height:18px;margin-top:1px;border:2px solid var(--line);background:var(--abyss);color:var(--green)}.checklist li.checked .check-box{border-color:var(--green);background:#4ce0a326;animation:pop .4s steps(4)}.task-next{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s3);padding-top:var(--s3);border-top:2px dashed rgba(76,224,163,.4)}.task-next>span{display:flex;align-items:center;gap:7px;color:var(--green);font-size:.84rem;font-weight:700}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:2px solid var(--line);background:var(--panel-2);color:var(--ink);font-size:.8rem;font-weight:700;transition:transform .12s steps(2),background .12s}.btn:hover{transform:translate(-1px,-1px)}.btn:active{transform:translate(1px,1px)}.btn.primary{border-color:var(--blue);background:var(--blue);color:#042038;box-shadow:var(--hard)}.btn.pulse{animation:nextPulse 1.6s steps(8) infinite}@keyframes nextPulse{0%,to{box-shadow:var(--hard),0 0 #2496ed80}50%{box-shadow:var(--hard),0 0 0 5px #2496ed00}}.mission-learn{padding:var(--s2);display:grid;gap:var(--s2)}.learn-section{border:2px solid var(--line-soft);background:var(--abyss)}.learn-toggle{display:flex;align-items:center;gap:var(--s2);width:100%;padding:10px var(--s3);border:0;background:transparent;color:var(--teal);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;text-align:left}.learn-toggle:hover{color:var(--blue-bright)}.learn-toggle span{flex:1}.learn-chevron{transition:transform .16s steps(3);color:var(--dim)}.learn-section.open .learn-chevron{transform:rotate(180deg)}.learn-body{padding:0 var(--s3) var(--s3);animation:sectionIn .18s steps(4)}@keyframes sectionIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.learn-body p{margin:0 0 var(--s2);color:var(--muted);font-size:.85rem;line-height:1.55}.learn-body p:last-child{margin-bottom:0}.learn-why{padding-left:var(--s3);border-left:3px solid var(--teal);color:var(--ink)!important}.notes{margin:0;padding-left:18px;display:grid;gap:5px}.notes li{color:var(--muted);font-size:.8rem;line-height:1.5}.compare{border:2px solid var(--line-soft);background:var(--abyss)}.compare-scroll{overflow-x:auto}.compare table{width:100%;border-collapse:collapse}.compare th,.compare td{padding:9px 11px;text-align:left;font-size:.8rem;border-bottom:1px solid var(--line-soft);vertical-align:top}.compare thead th{color:var(--amber);font-family:var(--pixel);font-size:.56rem;text-transform:uppercase}.compare tbody th{color:var(--muted);font-weight:700;width:32%}.compare td:nth-child(2){color:var(--teal)}.compare td:nth-child(3){color:var(--blue-bright)}.verdict{margin:0;padding:10px 11px;font-size:.82rem;line-height:1.5;color:var(--muted);border-top:1px dashed var(--line)}.verdict strong{color:var(--amber)}.example-row{display:flex;align-items:stretch;gap:var(--s2);border:2px solid var(--line-soft);background:var(--abyss);padding:var(--s2)}.example-label{display:flex;align-items:center;gap:5px;flex-shrink:0;padding:0 var(--s1);color:var(--violet);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.example-snippet{flex:1;margin:0;padding:7px 10px;border:1px solid var(--line-soft);background:#02080f;color:var(--teal);font-size:.8rem;line-height:1.5;white-space:pre-wrap;overflow-x:auto;min-width:0}.run-example{display:flex;align-items:center;gap:6px;padding:0 var(--s3);border:2px solid var(--teal);background:#2ed9c31f;color:var(--teal);font-size:.76rem;font-weight:700;white-space:nowrap;transition:transform .12s steps(2),background .12s}.run-example:hover{transform:translate(-1px,-1px);background:#2ed9c338}.workbench{display:flex;flex-direction:column;overflow:hidden}.work-tabs{display:flex;border-bottom:2px solid var(--line);background:var(--abyss)}.work-tabs button{display:flex;align-items:center;gap:6px;padding:11px 14px;border:0;border-right:2px solid var(--line-soft);background:transparent;color:var(--muted);font-size:.78rem;font-weight:700;transition:color .12s,background .12s}.work-tabs button:hover{color:var(--ink)}.work-tabs button.active{color:var(--blue-bright);background:#2496ed1a;box-shadow:inset 0 -2px 0 var(--blue)}.tab-dot{width:7px;height:7px;margin-left:2px}.tab-dot.err{background:var(--red);animation:blink 1.2s steps(2) infinite}.tab-dot.warn{background:var(--amber)}.work-tabs .action-btn{display:flex;align-items:center;gap:6px;margin-left:auto;border-right:0;border-left:2px solid var(--line-soft);color:var(--amber);font-weight:800}.work-tabs .action-btn:hover{background:#ffd23f1f;color:var(--amber)}.work-body{display:flex;min-height:380px}.work-body>*{flex:1;min-width:0}.editor-pane{display:flex;flex-direction:column}.editor-wrap{position:relative;flex:1;min-height:280px;background:var(--abyss)}.code-overlay,.code-input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:var(--s3) var(--s4);border:0;font-family:var(--mono);font-size:.86rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:break-word;-moz-tab-size:2;tab-size:2}.code-overlay{pointer-events:none;color:var(--ink);overflow:hidden;z-index:1}.code-input{width:100%;height:100%;resize:none;outline:none;background:transparent;color:transparent;caret-color:var(--teal);z-index:2}.code-input:focus{box-shadow:inset 0 0 0 2px #2496ed73}.tok-instruction{color:var(--amber);font-weight:800}.tok-string{color:var(--teal)}.tok-flag{color:var(--violet)}.tok-var{color:var(--blue-bright)}.tok-number{color:#ffa657}.tok-op{color:var(--muted)}.tok-comment{color:#4d6f8c;font-style:italic}.tok-key{color:var(--blue-bright);font-weight:700}.tok-value{color:var(--ink)}.lint-strip{border-top:2px solid var(--line);background:#02080f;padding:var(--s2) var(--s3);font-size:.76rem}.lint-strip.ok{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);color:var(--green)}.lint-strip.has-errors{border-top-color:#ff6b6b99}.lint-strip.has-warnings{border-top-color:#ffd23f80}.lint-summary{display:flex;align-items:center;gap:6px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;font-size:.68rem}.has-errors .lint-summary{color:var(--red)}.has-warnings .lint-summary{color:var(--amber)}.editor-kbd{color:var(--dim)}.lint-list{list-style:none;margin:var(--s2) 0 0;padding:0;display:grid;gap:4px;max-height:132px;overflow-y:auto}.lint-item{display:flex;gap:var(--s2);align-items:baseline;animation:sectionIn .16s steps(3)}.lint-loc{flex-shrink:0;min-width:52px;color:var(--dim);font-weight:700;font-size:.7rem}.lint-item.error .lint-loc{color:var(--red)}.lint-item.warning .lint-loc{color:var(--amber)}.lint-msg{color:var(--muted);line-height:1.45}.lint-item.error .lint-msg{color:var(--ink)}.lint-hint{color:var(--teal);font-style:normal}.lint-item.more{color:var(--dim)}.terminal-panel{display:flex;flex-direction:column;overflow:hidden}.term-out{flex:1;min-height:0;overflow-y:auto;padding:var(--s3) var(--s4);background:#02080f;font-size:.82rem;line-height:1.55;cursor:text}.term-line{white-space:pre-wrap;word-break:break-word;color:var(--ink);animation:termIn .18s steps(3) both}@keyframes termIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.tone-cmd{color:var(--blue-bright);font-weight:700}.tone-ok{color:var(--green)}.tone-err{color:var(--red)}.tone-dim{color:var(--muted)}.tone-accent,.tone-warn{color:var(--amber)}.term-input-row{display:flex;align-items:center;gap:9px;padding:10px var(--s4);border-top:2px solid var(--line);background:var(--abyss)}.term-prompt{color:var(--teal);font-weight:700;font-size:.84rem;white-space:nowrap}.term-input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--ink);font-size:.84rem}.term-input::placeholder{color:#45617c}.term-hint{flex-shrink:0;color:var(--dim);font-size:.66rem;white-space:nowrap}.engine-panel{display:grid;gap:var(--s3);align-content:start;min-width:0}.panel-bar{border:2px solid var(--line);border-bottom-width:2px;background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:var(--hard)}.daemon-status{margin-left:auto;display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.7rem;letter-spacing:0;text-transform:none;color:var(--muted)}.daemon-status i{width:8px;height:8px;background:#4a6076}.daemon-status.live{color:var(--green)}.daemon-status.live i{background:var(--green);box-shadow:0 0 6px var(--green);animation:blink 1s steps(2) infinite}.panel-block{padding-bottom:var(--s3)}.panel-block h3{display:flex;align-items:center;gap:6px;margin:0;padding:10px var(--s3);border-bottom:1px solid var(--line-soft);color:var(--teal);font-size:.68rem;letter-spacing:.5px;text-transform:uppercase}.empty{margin:0;padding:var(--s3);color:var(--dim);font-size:.76rem;line-height:1.5}.crate-grid,.ctr-grid{display:grid;gap:var(--s2);padding:var(--s3) var(--s3) 0}.img-card,.ctr-card{display:flex;align-items:center;gap:10px;padding:9px;border:2px solid var(--line-soft);background:var(--abyss);animation:cardIn .22s steps(4)}@keyframes cardIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.img-card.dangling{opacity:.55;border-style:dashed}.img-icon{width:26px;height:26px;flex-shrink:0;image-rendering:pixelated;background:linear-gradient(90deg,transparent 47%,rgba(0,0,0,.4) 47% 53%,transparent 53%),linear-gradient(0deg,transparent 47%,rgba(0,0,0,.4) 47% 53%,transparent 53%),linear-gradient(135deg,var(--blue),var(--blue-bright));border:2px solid #0a3a63}.img-meta,.ctr-meta{display:grid;gap:2px;min-width:0;flex:1}.img-meta strong,.ctr-meta strong{font-size:.8rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.img-meta span,.ctr-meta small{color:var(--muted);font-size:.68rem}.ctr-meta span{color:var(--blue-bright);font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctr-card.running{border-color:#4ce0a373}.ctr-light{width:12px;height:12px;flex-shrink:0;image-rendering:pixelated;border:2px solid #00000060}.ctr-light.running{background:var(--green);box-shadow:0 0 6px var(--green);animation:blink 1s steps(2) infinite}.ctr-light.exited{background:#4a6076}@keyframes blink{0%,60%{opacity:1}61%,to{opacity:.3}}.ctr-actions{display:flex;gap:4px;flex-shrink:0}.quick-btn{display:grid;place-items:center;width:24px;height:24px;border:2px solid var(--line-soft);background:var(--deep);color:var(--muted);transition:transform .12s steps(2),border-color .12s,color .12s}.quick-btn:hover{transform:translate(-1px,-1px);border-color:var(--blue);color:var(--blue-bright)}.quick-btn.danger:hover{border-color:var(--red);color:var(--red)}.layers-block h3{color:var(--amber)}.layers{display:grid;gap:5px;padding:11px var(--s3) 4px}.layer-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);min-width:64px;padding:5px 9px;border:2px solid var(--line);background:linear-gradient(90deg,#2496ed40,#2496ed0d);transform-origin:left;animation:layerIn .32s steps(6) both}.layer-bar.cached{background:repeating-linear-gradient(45deg,rgba(127,160,188,.12) 0 4px,transparent 4px 8px);border-style:dashed}.layer-bar.fresh{border-color:var(--teal);background:linear-gradient(90deg,#2ed9c34d,#2ed9c30d)}@keyframes layerIn{0%{opacity:0;transform:scaleX(.2) translate(-10px)}to{opacity:1;transform:scaleX(1) translate(0)}}.layer-bar b{font-size:.68rem;color:var(--ink);letter-spacing:.5px}.layer-bar span{font-size:.64rem;color:var(--muted);white-space:nowrap}.panel-split{display:grid;grid-template-columns:1fr 1fr}.panel-split>div:first-child{border-right:1px solid var(--line-soft)}.pill-list{list-style:none;margin:0;padding:var(--s2) var(--s3);display:flex;flex-wrap:wrap;gap:5px}.pill-list li{padding:3px 8px;border:1px solid var(--line);background:var(--abyss);color:var(--muted);font-size:.68rem;animation:cardIn .2s steps(4)}.pill-list li.custom{color:var(--teal);border-color:#2ed9c366}.celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;pointer-events:none;overflow:hidden}.sparks{position:absolute;top:0;right:0;bottom:0;left:0}.spark{position:absolute;top:-12px;width:8px;height:8px;image-rendering:pixelated;opacity:0;animation-name:sparkFall;animation-duration:1.7s;animation-timing-function:steps(14);animation-fill-mode:forwards}@keyframes sparkFall{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--drift, 0),102vh) rotate(360deg)}}.celebrate-toast{position:absolute;left:50%;top:22%;transform:translate(-50%);display:flex;align-items:center;gap:var(--s3);padding:14px 18px;border:2px solid var(--teal);background:var(--panel);box-shadow:var(--hard-lg);animation:toastIn .3s steps(5)}.celebrate-toast svg{color:var(--amber)}.celebrate-toast strong{display:block;font-family:var(--pixel);font-size:.7rem;color:var(--blue-bright)}.celebrate-toast span{color:var(--green);font-size:.8rem;font-weight:700}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%)}}.driver-popover.dy-tour{background:var(--panel);color:var(--ink);border:2px solid var(--blue);border-radius:0;box-shadow:4px 4px #0009;font-family:var(--mono);max-width:320px}.driver-popover.dy-tour .driver-popover-title{font-family:var(--pixel);font-size:.72rem;line-height:1.5;color:var(--blue-bright)}.driver-popover.dy-tour .driver-popover-description{color:var(--muted);font-size:.82rem;line-height:1.5}.driver-popover.dy-tour .driver-popover-progress-text{color:var(--muted);font-size:.7rem}.driver-popover.dy-tour button{text-shadow:none;border:2px solid var(--line);border-radius:0;background:var(--panel-2);color:var(--ink);font-family:var(--mono);font-size:.78rem}.driver-popover.dy-tour .driver-popover-next-btn{background:var(--blue);color:#042038;border-color:var(--blue)}.driver-popover.dy-tour .driver-popover-arrow-side-left.driver-popover-arrow{border-left-color:var(--blue)}.driver-popover.dy-tour .driver-popover-arrow-side-right.driver-popover-arrow{border-right-color:var(--blue)}.driver-popover.dy-tour .driver-popover-arrow-side-top.driver-popover-arrow{border-top-color:var(--blue)}.driver-popover.dy-tour .driver-popover-arrow-side-bottom.driver-popover-arrow{border-bottom-color:var(--blue)}@media(max-width:1240px){.workspace{grid-template-columns:232px minmax(0,1fr) 300px;gap:var(--s3)}}@media(max-width:980px){.workspace{grid-template-columns:1fr}.stage{order:1}.engine-panel{order:2}.topbar .atlas-toggle{display:inline-grid}.atlas-pane{position:fixed;top:0;left:0;bottom:0;width:min(320px,88vw);z-index:110;overflow-y:auto;background:var(--deep);border-right:2px solid var(--line);box-shadow:8px 0 30px #0009;transform:translate(calc(-100% - 12px));transition:transform .24s steps(6)}.atlas-pane.open{transform:none}.atlas-pane .sidebar,.atlas-pane .cheatsheet{border:0;box-shadow:none}.atlas-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:105;background:#040b16a8;animation:sectionIn .18s steps(3)}.editor-wrap{min-height:240px}.work-body{min-height:320px}.term-out{max-height:300px}.term-input,.code-input,.code-overlay{font-size:16px}.progress-track,.progress-pct,.tagline{display:none}}@media(max-width:560px){.app{padding:10px}.topbar{padding:10px;gap:var(--s2)}.brand h1{font-size:.9rem}.brief-title{font-size:1.2rem}.term-hint{display:none}.panel-split{grid-template-columns:1fr}.panel-split>div:first-child{border-right:0;border-bottom:1px solid var(--line-soft)}.example-row{flex-wrap:wrap}.example-label{width:100%;padding-top:4px}.run-example{padding:8px var(--s3)}.lesson-body strong{white-space:normal}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important}.scanlines{display:none}}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}