:root{--bg: #0d1017;--bg-panel: #121620;--bg-panel-2: #171c28;--line: #232b3a;--line-soft: #1b2230;--text: #c8d2e0;--text-dim: #7c8798;--text-bright: #eef3fa;--accent: #ffb454;--accent-soft: rgba(255, 180, 84, .14);--cyan: #5ac8fa;--ok: #3ddc84;--err: #ff5f56;--warn: #ffcc33;--radius: 10px;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}:root{color-scheme:dark}*{scrollbar-width:thin;scrollbar-color:#2f3b52 transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2f3b52;border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#435273;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}code{font-family:var(--mono);font-size:.92em;background:#ffb4541a;color:var(--accent);padding:.1em .35em;border-radius:4px;overflow-wrap:anywhere}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:14px;padding:0 16px;height:52px;flex:0 0 auto;background:var(--bg-panel);border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:.02em;color:var(--text-bright);display:flex;align-items:center;gap:9px}.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.crumb{color:var(--text-dim);font-size:13px}.crumb b{color:var(--text);font-weight:600}.spacer{flex:1}.btn{padding:6px 13px;border-radius:7px;border:1px solid var(--line);background:var(--bg-panel-2);color:var(--text);font-size:13px;transition:border-color .12s,background .12s,color .12s;white-space:nowrap}.btn:hover{border-color:#3a4761;background:#1c2231}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1a1206;font-weight:650}.btn.primary:hover{background:#ffc477}.btn.ghost{background:transparent}.btn:disabled{opacity:.4;cursor:not-allowed}.main{flex:1;min-height:0;display:flex}.map{flex:1;overflow-y:auto;padding:34px 40px 70px}.map-head{max-width:780px;margin-bottom:34px}.map-head h1{font-size:30px;margin:0 0 10px;color:var(--text-bright);letter-spacing:-.01em}.map-head p{color:var(--text-dim);margin:0;max-width:60ch}.chapter{margin-bottom:30px;max-width:1100px}.chapter-head{display:flex;align-items:baseline;gap:12px;padding-bottom:9px;margin-bottom:14px;border-bottom:1px solid var(--line-soft)}.chapter-num{font-family:var(--mono);font-size:12px;color:var(--accent);border:1px solid var(--accent-soft);background:var(--accent-soft);padding:1px 7px;border-radius:4px}.chapter-head h2{font-size:17px;margin:0;color:var(--text-bright)}.chapter-head span{color:var(--text-dim);font-size:13px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:12px}.card{text-align:left;border:1px solid var(--line);background:var(--bg-panel);border-radius:var(--radius);padding:13px 15px 14px;display:flex;flex-direction:column;gap:5px;min-height:96px;transition:border-color .12s,transform .12s,background .12s}.card:hover:not(.locked){border-color:#46557a;transform:translateY(-1px)}.card .t{font-weight:640;color:var(--text-bright)}.card .s{font-size:12.5px;color:var(--text-dim)}.card .meta{margin-top:auto;font-family:var(--mono);font-size:11.5px;color:var(--text-dim);display:flex;gap:8px;align-items:center}.workbench{flex:1;display:flex;min-height:0}.side{width:330px;flex:0 0 330px;background:var(--bg-panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.side.right{border-right:none;border-left:1px solid var(--line);width:290px;flex-basis:290px}.tabs{display:flex;border-bottom:1px solid var(--line);flex:0 0 auto}.tab{flex:1;padding:10px 3px;font-size:12px;color:var(--text-dim);border-bottom:2px solid transparent}.tab.on{color:var(--accent);border-bottom-color:var(--accent);background:var(--accent-soft)}.side-body{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:16px 18px 26px;flex:1;min-height:0}.side-body>*{max-width:100%}.prose{margin:0 0 12px;color:var(--text);overflow-wrap:break-word}.prose strong{color:var(--text-bright);font-weight:640}.prose em{color:var(--text-bright);font-style:italic}h3.sec{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim);margin:20px 0 9px;font-weight:650}h3.sec:first-child{margin-top:0}.goal{border-left:2px solid var(--accent);padding:2px 0 2px 12px;color:var(--text-bright);margin-bottom:14px;overflow-wrap:break-word}.io-list{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.pill{font-family:var(--mono);font-size:11.5px;padding:2px 7px;border-radius:4px;border:1px solid var(--line);background:var(--bg-panel-2);color:var(--text)}.pill.in{border-color:#5ac8fa66;color:var(--cyan)}.pill.out{border-color:#ffb45466;color:var(--accent)}.brick{border:1px solid var(--line);border-radius:9px;padding:12px 13px 10px;margin-bottom:11px;background:var(--bg-panel-2)}.brick-head{display:flex;gap:12px;align-items:center;margin-bottom:9px}.brick-head canvas{border-radius:7px;background:var(--bg);border:1px solid var(--line-soft)}.brick-id b{display:block;color:var(--text-bright);font-size:14px}.brick-id span{font-family:var(--mono);font-size:11px;color:var(--accent);border:1px solid var(--accent-soft);background:var(--accent-soft);padding:0 6px;border-radius:4px;display:inline-block;margin-top:3px}.brick .prose{font-size:13px;margin-bottom:8px}ul.pinlist{list-style:none;margin:0;padding:0}ul.pinlist li{font-size:12.5px;color:var(--text-dim);padding:3px 0 3px 11px;border-left:2px solid var(--line);margin-bottom:3px;overflow-wrap:break-word}ul.pinlist li b{color:var(--text);font-family:var(--mono);font-size:12px;font-weight:600}.hint{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-bottom:9px;background:var(--bg-panel-2);font-size:13px;overflow-wrap:anywhere}.hint.hidden{color:var(--text-dim);font-style:italic;cursor:pointer}.canvas-wrap{flex:1;position:relative;min-width:0;display:flex;flex-direction:column}canvas.board{flex:1;display:block;width:100%;height:100%;outline:none;cursor:crosshair}.statusbar{flex:0 0 auto;height:34px;display:flex;align-items:center;gap:14px;padding:0 14px;background:var(--bg-panel);border-top:1px solid var(--line);font-size:12px;color:var(--text-dim);font-family:var(--mono)}.statusbar .issue{color:var(--warn)}.statusbar .issue.err{color:var(--err)}.palette{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:6px}.part{border:1px solid var(--line);background:var(--bg-panel-2);border-radius:8px;padding:9px 8px;text-align:center;font-size:12px;line-height:1.3;transition:border-color .12s,background .12s}.part:hover{border-color:#46557a}.part.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.part{user-select:none}.part b{display:block;font-family:var(--mono);font-size:13px;color:var(--text-bright)}.part.on b{color:var(--accent)}.part small{color:var(--text-dim);font-size:10.5px}.verdict{border-radius:9px;padding:12px 14px;margin-bottom:12px;border:1px solid var(--line);background:var(--bg-panel-2);font-size:13px}.verdict.ok{border-color:#3ddc8473;background:#3ddc8414}.verdict.ko{border-color:#ff5f5673;background:#ff5f5612}.verdict h4{margin:0 0 6px;font-size:14px;color:var(--text-bright)}.verdict{overflow-wrap:break-word}table.tt{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:11.5px}table.tt th,table.tt td{padding:3px 6px;text-align:center;border-bottom:1px solid var(--line-soft)}table.tt th{color:var(--text-dim);font-weight:500}table.tt td.bad{color:var(--err);font-weight:700}table.tt td.good{color:var(--ok)}.course{flex:1;display:flex;flex-direction:column;min-height:0}.course-rail{flex:0 0 auto;display:flex;align-items:center;gap:0;padding:13px 32px;background:var(--bg-panel);border-bottom:1px solid var(--line)}.stop{display:flex;align-items:center;gap:9px;padding:5px 12px 5px 6px;border-radius:999px;color:var(--text-dim);font-size:13px;white-space:nowrap;transition:color .12s,background .12s}.stop:hover:not(:disabled){color:var(--text);background:var(--bg-panel-2)}.stop.on{color:var(--accent);background:var(--accent-soft)}.stop-num{width:23px;height:23px;flex:0 0 23px;border-radius:50%;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;font-weight:700}.stop.on .stop-num{background:var(--accent);border-color:var(--accent);color:#1a1206}.stop-link{flex:1;height:1.5px;background:var(--line);min-width:14px}.stop-link.on{background:var(--line-soft)}.course-main{flex:1;display:flex;min-height:0}.course-text{flex:0 0 clamp(340px,32vw,460px);width:clamp(340px,32vw,460px);display:flex;flex-direction:column;min-height:0;background:var(--bg-panel);border-right:1px solid var(--line)}.narration-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:22px 26px 18px}.narration-foot{flex:0 0 auto;border-top:1px solid var(--line-soft);padding:13px 26px 15px}.course-stage{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;padding:16px 28px 0}.stage-canvas{flex:1;width:100%;min-height:0}.stage-canvas canvas{width:100%;height:100%;display:block}.stage-canvas.split{display:flex;gap:18px}.stage-pane{min-width:0;height:100%}.stage-canvas.split>.stage-pane{flex:2 1 0}.stage-canvas.split>.stage-pane.silicon{flex:3 1 0}.stage-pane.silicon.off{display:none}.course-controls{flex:0 0 auto;width:min(560px,100%);padding:14px 0 6px;min-height:62px}.course-controls.idle{min-height:62px}.control-row{display:flex;gap:8px}.control-row .btn{flex:1}.slider{display:flex;flex-direction:column;gap:5px}input[type=range]{width:100%;accent-color:var(--accent)}.range-label{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--text-dim)}.range-label .range-value{font-family:var(--mono);color:var(--text);font-size:13px}.range-label .lit{color:var(--ok);font-weight:600}.narration-step{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--accent);font-weight:650;margin-bottom:7px}.narration-scroll .prose{font-size:14.5px;line-height:1.68;margin:0 0 13px}.narration-scroll .prose:last-child{margin-bottom:0}.narration-nav{display:flex;align-items:center;gap:10px}.narration-nav .btn{padding:6px 12px}.beats{display:flex;gap:5px}.beat{width:7px;height:7px;border-radius:50%;background:var(--line);transition:background .15s,transform .15s}.beat.past{background:#3a4761}.beat.on{background:var(--accent);transform:scale(1.25)}.def{border-bottom:1px dashed rgba(90,200,250,.55);color:var(--cyan);cursor:help;outline:none}.def:hover,.def:focus-visible{border-bottom-style:solid;background:#5ac8fa1a;border-radius:3px}.tip{position:fixed;z-index:60;max-width:min(340px,82vw);padding:11px 13px;border-radius:9px;background:#0a0d13;border:1px solid #33405c;box-shadow:0 12px 34px #0009;font-size:13px;line-height:1.5;color:var(--text);opacity:0;visibility:hidden;transition:opacity .11s;pointer-events:none}.tip.on{opacity:1;visibility:visible}.tip b{display:block;color:var(--cyan);font-size:11px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.modal-back{position:fixed;inset:0;background:#06090eb8;display:flex;align-items:center;justify-content:center;z-index:40;backdrop-filter:blur(3px)}.modal{background:var(--bg-panel);border:1px solid var(--line);border-radius:14px;padding:26px 28px;width:min(460px,92vw);box-shadow:0 24px 70px #0000008c}.modal h2{margin:0 0 6px;font-size:20px;color:var(--text-bright)}.modal .sub{color:var(--text-dim);margin:0 0 18px}.modal .row{display:flex;gap:9px;justify-content:flex-end;margin-top:20px}.modal input{width:100%;padding:9px 11px;border-radius:7px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-family:var(--mono);font-size:14px}.modal input:focus{outline:none;border-color:var(--accent)}.stat-row{display:flex;gap:20px;margin:14px 0 4px}.stat{flex:1}.stat .v{font-family:var(--mono);font-size:22px;color:var(--accent)}.stat .k{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.07em}.empty{color:var(--text-dim);font-size:13px;font-style:italic}.keys{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;align-items:baseline;margin:14px 0 4px;max-height:58vh;overflow-y:auto}.keys kbd{font-family:var(--mono);font-size:11.5px;white-space:nowrap;color:var(--text-bright);background:var(--bg-panel-2);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:2px 7px}.keys span{font-size:12.5px;color:var(--text-dim);line-height:1.45}.card-wrap{position:relative;display:flex}.card-wrap .card{flex:1}.card-wrap.has-aside .card{padding-bottom:30px}.card-skip{position:absolute;right:12px;bottom:10px;font-size:11.5px;font-family:var(--mono);color:var(--text-dim);background:transparent;border:1px solid var(--line);border-radius:6px;padding:2px 8px;cursor:pointer}.card-skip:hover{color:var(--accent);border-color:var(--accent)}.brief-state{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin-bottom:11px;font-family:var(--mono);font-size:11.5px}.brief-pin{display:inline-flex;gap:6px;border:1px solid var(--line);border-radius:6px;padding:2px 8px;color:var(--text)}.brief-pin b{color:var(--text-dim);font-weight:500}.brief-pin.v0{border-color:#7c879880}.brief-pin.v1{border-color:#ffb4548c;color:var(--accent)}.brief-pin.v2{border-color:#7c87984d;color:var(--text-dim)}.brief-pin.v3{border-color:#ff5f5699;color:var(--err)}.brief-issue{border:1px solid rgba(255,204,51,.45);color:var(--warn);border-radius:6px;padding:2px 8px}.brief-tip{color:var(--text-dim);opacity:.75}.crumb-tail{color:var(--text-dim)}.course-stage.no-controls{padding-bottom:16px}.steps{display:flex;flex-direction:column;gap:7px;margin:13px 0 12px}.step{display:flex;gap:9px;align-items:baseline;border-left:2px solid var(--line);padding:3px 0 3px 10px}.step.relier{border-left-color:#5ac8fa73}.step.poser{border-left-color:#ffb45473}.step-n{font-family:var(--mono);font-size:11px;color:var(--text-dim);min-width:15px;flex:0 0 auto}.step .prose{margin:0;font-size:12.5px;line-height:1.5}.step-count{font-family:var(--mono);font-size:11.5px;color:var(--text-dim);align-self:center}.modal:has(.rom-modal){width:min(860px,94vw)}.isa-table{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;font-size:12.5px;color:var(--text-dim);margin-bottom:14px;max-height:30vh;overflow-y:auto}.isa-table code{justify-self:start;white-space:nowrap}.asm-split{display:flex;gap:14px;align-items:stretch}textarea.asm{flex:1 1 0;min-width:0;resize:vertical;padding:10px 12px;border-radius:7px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-family:var(--mono);font-size:13px;line-height:1.55;tab-size:4}textarea.asm:focus{outline:none;border-color:var(--accent)}.asm-listing{flex:0 0 240px;font-family:var(--mono);font-size:12px;border:1px solid var(--line-soft);border-radius:7px;padding:8px 10px;overflow-y:auto;max-height:46vh;color:var(--text)}.asm-head,.asm-row{display:grid;grid-template-columns:2.2em 3.6em 1fr;gap:8px}.asm-head{color:var(--text-dim);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.asm-row span:first-child{color:var(--text-dim);text-align:right}.asm-row span:nth-child(2){color:var(--accent)}.asm-row.empty{display:block;color:var(--text-dim);font-style:italic;font-family:var(--sans)}.asm-errors{color:var(--err);font-size:12.5px;margin-top:10px;font-family:var(--mono)}.asm-errors:empty{display:none}.asm-tip{font-size:11.5px;color:var(--text-dim);align-self:center}.rom-modal .row{align-items:center}.epilogue{flex:1;overflow-y:auto;padding:34px 40px 80px}.epilogue-inner{max-width:840px}.epilogue h1{font-size:30px;margin:0 0 12px;color:var(--text-bright);letter-spacing:-.01em}.epilogue .prose{font-size:14.5px;line-height:1.65}.epilogue .prose.lead{color:var(--text-dim);font-size:15px}.epilogue h2{font-size:19px;margin:40px 0 14px;padding-bottom:8px;color:var(--text-bright);border-bottom:1px solid var(--line-soft)}.epilogue-list{padding-left:20px;margin:0 0 14px}.epilogue-list li{margin-bottom:8px}.epilogue-list li .prose{margin:0}.scroll-x{overflow-x:auto;margin:6px 0 16px}table.cmp{width:100%;border-collapse:collapse;font-size:13.5px}table.cmp th{text-align:left;color:var(--text-dim);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.07em;padding:6px 10px;border-bottom:1px solid var(--line)}table.cmp td{padding:7px 10px;border-bottom:1px solid var(--line-soft);vertical-align:top}table.cmp td:first-child{color:var(--text-bright);white-space:nowrap}table.cmp .prose{margin:0;font-size:13.5px;line-height:1.5}.listing{display:grid;grid-template-columns:max-content 1fr;gap:0 20px;align-items:baseline;border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:8px 0 16px;background:var(--bg);overflow-x:auto}.listing code.line{background:none;color:var(--text-bright);white-space:pre;font-size:12.5px;padding:3px 0}.listing .note{padding:3px 0}.listing .note .prose{margin:0;font-size:13px;color:var(--text-dim)}.debugbar{flex:0 0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:6px 14px;background:var(--bg-panel);border-top:1px solid var(--line);font-size:12.5px;font-family:var(--mono);color:var(--text)}.debugbar[hidden]{display:none}.dbg-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px}.dbg-cell{display:inline-flex;align-items:baseline;gap:6px;border:1px solid var(--line);border-radius:6px;padding:2px 8px}.dbg-cell b{color:var(--text-dim);font-weight:500}.dbg-cell small{color:var(--text-dim);font-size:10.5px}.dbg-cell.dim{color:var(--text-dim)}.dbg-word{display:inline-flex;gap:4px;margin-left:4px}.dbg-word i{color:var(--text-dim);font-style:normal}.dbg-word.dim{color:var(--text-dim)}.btn.small{padding:3px 10px;font-size:12px}.brief-pin .brief-bit{padding:0 1px}.brief-pin .brief-bit.click{cursor:pointer}.brief-pin .brief-bit.click:hover{text-decoration:underline}.brief-bit.v1{color:var(--accent)}.brief-bit.v2{color:var(--text-dim)}.brief-bit.v3{color:var(--err)}.brief-dec{color:var(--text-dim);margin-left:2px}.brief-seq{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:6px 10px;border:1px dashed var(--line);border-radius:8px;font-size:12.5px}.brief-seq-n{font-family:var(--mono);font-size:11.5px;color:var(--text-dim);white-space:nowrap}.brief-seq-note{color:var(--text)}.brief-seq-note.dim{color:var(--text-dim);font-style:italic}.brief-seq .btn{padding:4px 10px;font-size:12px}