:root{--bg:#0a0e17;--surface:#111827;--surface-2:#172034;--border:#253149;--text:#dfe6f5;--muted:#8a97b2;--accent:#4fd1ff;--action:#4fd1ff;--action-ink:#04121a;--disk:var(--accent);--ram:var(--accent);--cpu:var(--accent);--gpu:var(--accent);--screen:var(--accent);--good:#4ef0a0;--bad:#ff6b81;--warn:#ffcf6b;--trace:#2f3d5c;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);color:var(--text);font-family:var(--sans);margin:0;line-height:1.45}h1,h2,h3,p{margin:0}code{font-family:var(--mono);color:var(--ram);background:#4fd1ff1a;border-radius:4px;padding:.05em .35em;font-size:.9em}a{color:var(--ram)}button,.button{font:inherit;cursor:pointer}.ghost,.button{color:var(--text);border:1px solid var(--border);background:0 0;border-radius:6px;padding:.35rem .8rem;text-decoration:none;display:inline-block}.ghost:hover:not(:disabled),.button:hover{background:var(--surface-2)}.ghost:disabled{opacity:.4;cursor:default}.primary,.button.primary{background:var(--ram);color:#04121a;border:none;border-radius:6px;padding:.55rem 1.2rem;font-weight:650;text-decoration:none}.primary:hover,.button.primary:hover{background:var(--ram);filter:brightness(1.1)}:focus-visible{outline:2px solid var(--ram);outline-offset:2px}.eyebrow{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.tag{font-size:.7rem;font-family:var(--mono);white-space:nowrap;border:1px solid;border-radius:999px;padding:0 .45rem}.track{background:#ffffff12;border-radius:99px;height:5px;overflow:hidden}.track .fill{border-radius:inherit;background:currentColor;width:0;height:100%}.hub{max-width:780px;margin:0 auto;padding:3rem 16px 4rem}.hub h1{color:var(--text);margin:.3rem 0 .6rem;font-size:clamp(2.2rem,7vw,3.4rem);line-height:1.1}.lead{color:var(--muted);margin-bottom:2rem;font-size:1.1rem}.levels{gap:.6rem;margin:0 0 3rem;padding:0;list-style:none;display:grid}.level-card{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.9rem 1.1rem;text-decoration:none;display:grid}a.level-card:hover{border-color:var(--ram)}.level-card .num{font-family:var(--mono);color:var(--ram);font-size:1.3rem}.level-card h3{font-size:1.1rem}.level-card .parts,.level-card .goal{color:var(--muted);font-size:.85rem}.level-card .status{font-family:var(--mono);color:var(--ram);white-space:nowrap;font-size:.85rem}.level-card.complete .status,.level-card.complete .num{color:var(--good)}.level-card.planned{opacity:.5;border-style:dashed;grid-template-columns:1fr auto}.level-card.planned .num,.level-card.planned .tag{color:var(--muted)}.scale h2{margin-bottom:.4rem;font-size:1.3rem}.scale table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.92rem}.scale th,.scale td{text-align:left;border-bottom:1px solid var(--border);padding:.45rem .6rem}.scale th{color:var(--muted);font-weight:500}.scale td:last-child{color:var(--accent);font-weight:650}.scale .note{color:var(--muted);font-size:.85rem}.play-page{min-height:100vh}.topbar{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.6rem 16px;display:flex}.back{text-decoration:none}.crumb{font-weight:650}.stats{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;gap:.4rem 1rem;margin-left:auto;font-size:.85rem;display:flex}.stat.bad{color:var(--bad)}.play{grid-template-columns:290px minmax(0,1fr);gap:1rem;max-width:1500px;margin:0 auto;padding:1rem 16px 2rem;display:grid}.jobs h2,.jobs .hint{color:var(--muted);margin:.2rem 0 .8rem;font-size:.85rem}.job-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.job{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:.45rem;padding:.7rem .8rem;display:grid}.job.on-cpu{border-color:var(--cpu)}.job.on-gpu{border-color:var(--gpu)}.job-head{align-items:center;gap:.5rem;display:flex}.job-icon{font-size:1.4rem}.job h3{font-size:.98rem}.needs{flex-wrap:wrap;gap:.35rem;display:flex}.need{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:6px;align-items:center;gap:.4rem;padding:.2rem .5rem;font-size:.8rem;display:inline-flex}.need .mark{font-family:var(--mono);font-size:.72rem}.need.disk{border-color:var(--disk)}.need.disk .mark{color:var(--disk)}.need.ready{border-color:var(--ram)}.need.ready .mark{color:var(--ram)}.need.missing{color:var(--muted);border-style:dashed}.work{color:var(--muted);font-size:.8rem}.run{border:1px solid;border-radius:6px;flex:1;padding:.4rem .5rem;font-size:.85rem;font-weight:650}.run.cpu,.run.gpu{background:var(--action);border-color:var(--action);color:var(--action-ink)}.run:hover{filter:brightness(1.12)}.machine{align-content:start;gap:.8rem;display:grid}@keyframes throb{50%{background:#ff6b8140}}.board{border:1px solid var(--border);background:linear-gradient(90deg,#2f3d5c40 1px,#0000 1px) 0 0/28px 28px,linear-gradient(#2f3d5c40 1px,#0000 1px) 0 0/28px 28px,#0d1320;border-radius:14px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1.15fr) 22px minmax(0,.85fr);align-items:stretch;padding:1rem;transition:filter .3s;display:grid;position:relative}.board.blackout{animation:.6s steps(2,end) 2 blackout}@keyframes blackout{50%{filter:brightness(.1)}}.bus{background:var(--trace);border-radius:3px;align-self:center;height:6px}.bus.active{background:repeating-linear-gradient(90deg, var(--trace) 0 6px, var(--ram) 6px 12px) 0 0 / 24px 100%;animation:.5s linear infinite flow}.bus.active.reverse{animation-direction:reverse}.bus.pulse{animation:.6s ease-out pulse}@keyframes flow{to{background-position:24px 0}}@keyframes pulse{30%{background:var(--screen);box-shadow:0 0 12px var(--screen)}}.part{--accent:var(--muted);background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:10px;flex-direction:column;gap:.6rem;min-width:0;padding:.7rem;display:flex}.disk{--accent:var(--disk)}.ram{--accent:var(--ram)}.cpu{--accent:var(--cpu)}.gpu{--accent:var(--gpu)}.screen{--accent:var(--screen)}.part-head{flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;display:flex}.part-head h2{color:var(--accent);font-size:1rem}.part-head .role{color:var(--muted);flex-basis:100%;font-size:.78rem}.idle{color:var(--muted);font-size:.85rem;font-style:italic}.activity{color:var(--disk);grid-template-columns:auto 1fr;align-items:center;gap:.6rem;font-size:.8rem;display:grid}.activity p{overflow-wrap:anywhere;margin-bottom:.25rem}.platter{border:2px solid var(--disk);background:radial-gradient(circle, var(--disk) 0 3px, transparent 4px), conic-gradient(#4fd1ff80 0 25%, transparent 25% 100%);opacity:.6;border-radius:50%;width:30px;height:30px}.platter.spin{opacity:1;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.files{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.file{text-align:left;width:100%;color:var(--text);background:#4fd1ff0f;border:1px solid #4fd1ff59;border-radius:6px;justify-content:space-between;align-items:center;gap:.4rem;padding:.35rem .5rem;font-size:.82rem;display:flex}.file:hover{background:#4fd1ff29}.file .tag{color:var(--ram)}.slots{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.slot{border:1px solid var(--ram);color:var(--ram);background:#4fd1ff14;border-radius:8px;gap:.3rem;padding:.45rem .55rem;display:grid}.slot.empty{border-style:dashed;border-color:var(--border);color:var(--muted);text-align:center;background:0 0;padding:.75rem;font-size:.8rem}.slot.loading{border-style:dashed}.slot.unsaved{border-color:var(--warn);color:var(--warn);background:#ffcf6b14}.slot.pop{animation:.45s ease-out pop}.slot-file{color:var(--text);overflow-wrap:anywhere;font-size:.85rem;font-weight:600}.slot .status{font-size:.74rem}.slot-actions{flex-wrap:wrap;gap:.3rem;display:flex}.slot-actions button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:5px;padding:.15rem .5rem;font-size:.75rem}.slot-actions button:hover{border-color:var(--muted)}.slot-actions .save{border-color:var(--action);background:var(--action);color:var(--action-ink);font-weight:700}.slot-actions .eject{border-color:var(--action);color:var(--action);background:0 0}.slot-actions button:hover{filter:brightness(1.12)}@keyframes pop{0%{transform:scale(.85);box-shadow:0 0 0 4px}}.procs{align-content:start;gap:.8rem;display:grid}.cores{gap:4px;display:grid}.cores.cpu{grid-template-columns:repeat(4,26px)}.cores.gpu{grid-template-columns:repeat(16,9px);gap:3px}.core{aspect-ratio:1;border:1px solid var(--accent);opacity:.35;border-radius:3px}.cores.gpu .core{border-radius:2px}.core.on{opacity:1;background:var(--accent);box-shadow:0 0 8px var(--accent)}.current{color:var(--accent);gap:.35rem;display:grid}.job-title{color:var(--text);font-size:.85rem;font-weight:600}.units{font-family:var(--mono);font-size:.75rem}.picture{grid-template-columns:repeat(8,1fr);gap:2px;width:min(100%,120px);display:grid}.px{aspect-ratio:1;background:#ffffff0f;border-radius:2px}.px.lit{background:var(--c)}.px.now{background:#ffffff59;animation:.25s ease-in-out infinite alternate working}.chain{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.step{border:2px solid var(--accent);opacity:.4;border-radius:50%;width:14px;height:14px;position:relative}.step:not(:last-child):after{content:"";background:var(--accent);width:6px;height:2px;position:absolute;top:4px;left:12px}.step.lit{opacity:1;background:var(--accent)}.step.now{opacity:1;animation:.25s ease-in-out infinite alternate working}@keyframes working{to{opacity:.5}}.display{text-align:center;background:#05070c;border:6px solid #1c2434;border-radius:8px;flex:1;place-items:center;min-height:110px;padding:.6rem;display:grid}.display.pop{animation:.6s ease-out glow}@keyframes glow{0%{box-shadow:0 0 24px #f0f3ff80}}.out{justify-items:center;gap:.3rem;font-size:.82rem;display:grid}.out .big{font-size:2.2rem}.out .done{color:var(--good);font-family:var(--mono);font-size:.75rem}.out .picture{width:90px}.backdrop{z-index:10;background:#04060cbf;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:.8rem;width:min(560px,100%);padding:1.5rem;animation:.3s ease-out arrive;display:grid}.dialog h2{font-size:1.6rem}.dialog h3{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;font-size:.85rem}.dialog ul{gap:.3rem;margin:0;padding-left:1.2rem;display:grid}.meet,.lessons{background:var(--surface-2);border-radius:8px;padding:.8rem 1rem}.goal{font-weight:600}.dialog-actions{flex-wrap:wrap;gap:.6rem;margin-top:.4rem;display:flex}@media (width<=1150px){.play{grid-template-columns:minmax(0,1fr)}.job-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (width<=860px){.board{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.8rem}.bus{display:none}}@media (width<=520px){.board{grid-template-columns:minmax(0,1fr);padding:.6rem}.stats{flex-basis:100%;margin-left:0}.level-card{grid-template-columns:auto 1fr}.level-card .status,.level-card .tag{grid-column:2}}.chapter{margin-bottom:2.2rem}.chapter-title{align-items:center;gap:.6rem;margin-bottom:.2rem;font-size:1.25rem;display:flex}.chapter-title .num{background:var(--surface-2);border:1px solid var(--border);width:1.8rem;height:1.8rem;font-family:var(--mono);color:var(--ram);border-radius:50%;place-items:center;font-size:.9rem;display:inline-grid}.chapter-summary{color:var(--muted);margin-bottom:.8rem}.chapter .levels{margin-bottom:0}.goal-chip{color:var(--text);font-size:.85rem}.queue{gap:.5rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.queue .job.done{opacity:.45;padding:.45rem .8rem}.queue .job.now{border-color:var(--ram);box-shadow:0 0 0 1px var(--ram), 0 0 18px #4fd1ff2e}.queue .job.later{opacity:.8}.now-tag,.done-tag{font-family:var(--mono);margin-left:auto;font-size:.72rem}.now-tag{background:var(--ram);color:var(--bg);border-radius:999px;padding:.1rem .45rem;font-weight:700}.done-tag{color:var(--good)}.q-cut{border:1px dashed var(--warn);color:var(--warn);border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .8rem;font-size:.85rem;display:flex}.q-cut.done{opacity:.45}.track.timed .fill{width:0;transition:width var(--ms,0s) linear}.track.timed .fill.go{width:100%}.file .tag.load{background:var(--action);color:var(--action-ink);border:none;border-radius:999px;padding:.1rem .5rem;font-weight:700}.file:hover .tag.load{filter:brightness(1.12)}.proc .run{width:100%;margin-top:.6rem;padding:.6rem;font-size:.9rem;display:block}.proc .run.dim{color:var(--action);opacity:.55;background:0 0}.coach{min-height:3.2rem;margin-bottom:.8rem}.coach-msg{border:1px solid var(--border);border-left:4px solid var(--ram);background:var(--surface);border-radius:8px;padding:.7rem .9rem}.coach-msg p{margin:0}.coach-msg.tip{border-left-color:var(--warn)}.coach-msg.good{border-left-color:var(--good)}.coach-msg.bad{border-left-color:var(--bad)}.coach-msg.pop{animation:.3s ease-out coach-in}@keyframes coach-in{0%{opacity:0;transform:translateY(-4px)}}.race{gap:.35rem;margin-top:.6rem;display:grid}.race-row{font-family:var(--mono);color:var(--muted);grid-template-columns:3rem 1fr auto;align-items:center;gap:.6rem;font-size:.8rem;display:grid}.race-row.chosen{color:var(--text);font-weight:700}.race-track{background:var(--surface-2);border-radius:999px;height:.6rem;overflow:hidden}.race-fill{background:var(--muted);border-radius:999px;height:100%}.race-row.chosen .race-fill{background:var(--accent)}.calm{color:var(--muted);font-size:.9rem}@media (prefers-reduced-motion:reduce){.track.timed .fill{transition:none}.coach-msg.pop{animation:none}}.win{color:#1c2333;text-align:left;background:#f4f6fb;border-radius:8px;width:100%;max-width:220px;font-size:.8rem;animation:.25s ease-out win-open;overflow:hidden;box-shadow:0 6px 18px #00000059}@keyframes win-open{0%{opacity:0;transform:scale(.94)}}.win-bar{color:#4a5368;background:#dfe3ee;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.72rem;font-weight:650;display:flex}.win-body{gap:.3rem;padding:.55rem .6rem .7rem;display:grid}.win-body p{margin:0}.win-notes .win-body{background:#fff7c7}.note-title,.doc-title,.page-heading{font-weight:700}.album{color:#fff;background:linear-gradient(135deg,#4fd1ff,#2a6f9a);border-radius:6px;place-items:center;height:3.6rem;font-size:1.6rem;display:grid}.song{font-weight:700}.artist{color:#6a7388}.player{align-items:center;gap:.4rem;display:flex}.scrub{background:#cfd5e3;border-radius:999px;flex:1;height:4px}.scrub-fill{background:#2a6f9a;border-radius:999px;width:35%;height:100%}.bubble{border-radius:10px;max-width:85%;padding:.3rem .55rem}.bubble.them{background:#e2e6f0;justify-self:start}.bubble.me{color:#fff;background:#2a6f9a;justify-self:end}.url{color:#6a7388;font-family:var(--mono);background:#e2e6f0;border-radius:999px;padding:.15rem .45rem;font-size:.7rem}.page-line{background:#dde2ec;border-radius:999px;height:.4rem}.page-line.w0{width:95%}.page-line.w1{width:80%}.page-line.w2{width:60%}.doc-line{color:#4a5368}.map{color:#4fd1ff;background:#2b3a4f;border-radius:6px}.map svg{width:100%;display:block}.pin-start{fill:#fff}.pin-end{fill:#ff6b81}.route{font-weight:650}.scores{border-collapse:collapse;width:100%}.scores td{border-bottom:1px solid #dde2ec;padding:.15rem 0}.scores td:last-child{text-align:right;font-family:var(--mono)}.scores .total td{border-bottom:none;font-weight:750}.game-score{font-family:var(--mono);font-weight:700}.game-scene{background:#0d1424;border-radius:6px;justify-content:space-between;padding:.6rem .8rem;font-size:1.3rem;display:flex}.canvas{background:linear-gradient(#bfe6ff,#eaf6ff);border-radius:6px;height:5.5rem;position:relative;overflow:hidden}.canvas .sun{background:#ffd23f;border-radius:50%;width:1.3rem;height:1.3rem;position:absolute;top:.6rem;right:.8rem}.canvas .hill{background:#5cb85c;border-radius:50%;width:120%;height:4rem;position:absolute;bottom:-2.2rem;left:-10%}.canvas .house{background:#d9534f;width:1.8rem;height:1.4rem;position:absolute;bottom:1rem;left:30%}.handed-in{color:#2b8a3e;text-align:center;padding:.6rem .4rem;font-weight:750}@media (prefers-reduced-motion:reduce){.win{animation:none}}.play.closed{grid-template-columns:minmax(0,420px);justify-content:center}.machine:not([hidden]){animation:.3s ease-out machine-in}@keyframes machine-in{0%{opacity:0;transform:translate(12px)}}button.job{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer}button.job:hover{border-color:var(--action)}.queue .job.now:not(.selected){animation:1.6s ease-in-out infinite invite}@keyframes invite{50%{box-shadow:0 0 0 1px var(--ram), 0 0 26px #4fd1ff59}}.queue .job.selected{background:var(--surface-2)}.part{transition:opacity .25s ease-out}.part.dim{opacity:.45}@media (prefers-reduced-motion:reduce){.machine:not([hidden]),.queue .job.now:not(.selected){animation:none}}.part-head h2{align-items:center;gap:.45rem;display:flex}.part-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.15em;height:1.15em}.coach-msg.complete{border-color:var(--good);border-left-color:var(--good);align-items:flex-start;gap:.8rem;animation:1.2s ease-out complete-flash;display:flex}.complete-check{background:var(--good);width:2.2rem;height:2.2rem;color:var(--bg);border-radius:50%;flex:none;place-items:center;font-size:1.3rem;font-weight:800;animation:.5s cubic-bezier(.3,1.6,.5,1) complete-pop;display:grid}.complete-title{color:var(--good);font-size:1.05rem;font-weight:800}@keyframes complete-flash{0%{background:#4ef0a059;box-shadow:0 0 #4ef0a099}40%{box-shadow:0 0 0 10px #4ef0a000}to{background:var(--surface)}}@keyframes complete-pop{0%{opacity:0;transform:scale(.2)rotate(-25deg)}}.queue .job.just-done{animation:1.2s ease-out done-flash}@keyframes done-flash{0%{border-color:var(--good);opacity:1;background:#4ef0a040}}@media (prefers-reduced-motion:reduce){.coach-msg.complete,.complete-check,.queue .job.just-done{animation:none}}.board.review .part:not(.screen){opacity:.45;pointer-events:none}.coach-msg.complete,.coach-msg.tip{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.complete-body{flex:1;gap:.3rem;min-width:14rem;display:grid}.complete-body .note{margin-top:.2rem}.complete-body .note.bad{color:var(--bad)}.next-task{white-space:nowrap;margin-left:auto}.queue .job.done{border-left:3px solid var(--good)}.done-tag{color:var(--good);background:#4ef0a026;border-radius:999px;padding:.1rem .5rem;font-weight:700}.queue .job.done.selected{opacity:1;border-color:var(--good);background:var(--surface-2);border-left-width:3px}.queue .job.up-next{border-style:dashed}