:root{--paper: #f8f5ee;--paper-shadow: #e7dcc6;--ink: #1d1a16;--muted: #6b6257;--accent: #e54b38;--accent-soft: #ffe1db;--green: #2d8d57;--green-soft: #e0f2e8;--line: #1f1a14;--panel: rgba(255, 255, 255, .78)}*{box-sizing:border-box}body{margin:0;height:100vh;overflow:hidden;color:var(--ink);background:radial-gradient(circle at top left,rgba(229,75,56,.08),transparent 30%),radial-gradient(circle at bottom right,rgba(45,141,87,.12),transparent 28%),linear-gradient(180deg,#fbfaf6,#efe6d7);font-family:Trebuchet MS,Segoe UI,sans-serif}body.dragging{user-select:none;cursor:crosshair}button,input{font:inherit}.page-shell{width:min(1400px,calc(100vw - 32px));margin:0 auto;height:100vh;padding:12px 0 16px}.hero,.card{border:3px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:0 12px 0 var(--paper-shadow)}.eyebrow,.section-kicker{margin:0 0 6px;color:var(--accent);font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h2,h3{margin:0;font-family:Comic Sans MS,Trebuchet MS,cursive;letter-spacing:.01em}h2{font-size:clamp(1.6rem,3vw,2.4rem)}h3{font-size:1.4rem}.muted{color:var(--muted)}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.mode-toggle{display:inline-flex;gap:10px;align-items:center;padding:10px 14px;border:2px solid var(--line);border-radius:999px;background:#fffdf8;font-weight:700}.game-layout{display:grid;gap:12px;height:100%}.card{padding:14px 16px}.board-layout{display:grid;gap:14px;grid-template-columns:minmax(0,1.35fr) minmax(320px,.78fr);min-height:0}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.section-heading.compact{margin-bottom:8px}.level-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}.level-meta.compact{grid-template-columns:1.3fr 1fr .85fr;gap:8px;margin-top:0;align-items:stretch}.top-strip{display:grid;gap:8px;margin-top:6px}.level-inline-description{margin:0;font-size:.92rem;line-height:1.25}.chapter-description{margin:4px 0 0;font-size:.84rem;line-height:1.25}.info-box{border:2px solid var(--line);border-radius:20px;padding:10px 12px;background:#ffffffbf}.info-box.compact{padding:7px 9px;border-radius:16px}.info-label{display:inline-block;margin-bottom:8px;font-weight:800}.info-box.compact .info-label{margin-bottom:4px;font-size:.8rem}.goal-row,.state-row,.output-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:4px 0;border-bottom:1px dashed rgba(29,26,22,.12)}.info-box.compact .goal-row,.info-box.compact .state-row,.info-box.compact .output-row{gap:8px;padding:2px 0;font-size:.84rem}.goal-row:last-child,.state-row:last-child,.output-row:last-child{border-bottom:0}.goal-icon{color:var(--green);font-weight:800}.goal-actual{color:var(--muted);font-size:.88rem}.info-box.compact .goal-actual{font-size:.78rem}.path-stage{min-height:0;height:min(64vh,700px)}#path-svg{width:100%;height:100%;display:block}.legend{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:.92rem}.legend i{display:inline-block;vertical-align:middle;margin-right:6px}.dot{width:10px;height:10px;border:2px solid var(--line);border-radius:50%}.slot-mark{width:22px;height:12px;border:2px dashed var(--accent);border-radius:6px}.line-mark{width:24px;border-top:3px solid var(--accent)}.direct-draw-help{margin:0 0 10px;line-height:1.35;font-size:.94rem}.controls,.level-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.controls{margin-top:10px}.side-trace{margin-top:12px;border-top:2px dashed rgba(29,26,22,.16);padding-top:10px;min-height:0}.button,.status-banner{border:2px solid var(--line);border-radius:18px}.button{padding:8px 11px;background:#fffdf8;cursor:pointer;font-weight:700}.button:hover,.button:focus-visible{transform:translateY(-1px);box-shadow:0 6px #1d1a161a}.button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.button-accent{background:var(--accent);color:#fff}.status-banner{margin-top:10px;padding:9px 11px;background:#fffdf8;font-weight:700}.status-banner.success{background:var(--green-soft);border-color:var(--green)}.status-banner.failure{background:var(--accent-soft);border-color:var(--accent)}.status-banner.running{background:#fff2d6}.status-banner.hint{background:#edf1ff}.execution-log,.goal-row,.state-row{font-family:Courier New,monospace}.execution-log{margin:0;padding-left:18px;line-height:1.3;font-size:.9rem;max-height:20vh;overflow:auto}.execution-log li+li{margin-top:4px}.path-line,.path-node,.svg-gadget,.svg-data,.actor circle,.actor line,.svg-slot-anchor,.svg-slot-hitbox{fill:none;stroke:var(--line);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.path-node{fill:#fffdf8}.detour-rope{fill:none;stroke:#d8b485;stroke-width:12;stroke-linecap:round;filter:drop-shadow(0 3px 0 rgba(29,26,22,.12))}.detour-rope.draft{stroke:#ebc796}.detour-line{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:10 10}.detour-line.draft{stroke-dasharray:14 10}.svg-slot-anchor{cursor:crosshair}.svg-slot-anchor.empty{fill:#fffdf8;stroke:var(--accent)}.svg-slot-anchor.connected{fill:var(--accent);stroke:#fff}.svg-slot-anchor.selected{stroke:#1f1a1473;stroke-width:4}.svg-slot-anchor.hovered{stroke:var(--line);stroke-width:6;filter:drop-shadow(0 0 10px rgba(229,75,56,.42))}.svg-slot-anchor.active,.svg-slot-anchor.dragging{fill:#ffb8ae}.svg-slot-hitbox{fill:transparent;stroke:transparent;cursor:crosshair}.detour-line.hovered,.detour-rope.hovered{filter:drop-shadow(0 0 12px rgba(229,75,56,.52))}.detour-rope.hovered{stroke:#e2ae6a}.detour-line.hovered{stroke-width:4}.svg-gadget,.svg-data{fill:#fffdf8d6;cursor:pointer}.svg-gadget.selected{stroke:#e54b388c;fill:#fff6e8e0}.svg-gadget.active,.svg-gadget.hovered,.svg-gadget.linked-hover{stroke:var(--accent);fill:var(--accent-soft);stroke-width:5;filter:drop-shadow(0 0 12px rgba(229,75,56,.24))}.svg-gadget.visited{fill:#fff6e8db}.svg-data{fill:#f6f1ffc7;stroke:#5261a8;stroke-dasharray:12 8}.svg-data.selected{fill:#efe9ffd6;stroke:#4151a099}.svg-data.active,.svg-data.hovered,.svg-data.linked-hover{fill:#ece5ff;stroke:#4151a0;stroke-width:5;filter:drop-shadow(0 0 12px rgba(82,97,168,.28))}.svg-data.consumed{fill:#fff3a6;stroke:#d98a00;stroke-width:6;stroke-dasharray:none;filter:drop-shadow(0 0 16px rgba(217,138,0,.34))}.svg-data.visited{fill:#efe9ffd1}.svg-heading,.svg-label,.svg-small-label,.svg-stack-note,.svg-slot-label,.svg-gadget-label,.svg-gadget-ret,.svg-gadget-address,.svg-return-text{fill:var(--ink);font-family:Comic Sans MS,Trebuchet MS,cursive}.svg-heading{font-size:28px}.svg-label{font-size:24px}.svg-small-label{font-size:16px;fill:var(--muted)}.svg-stack-note{font-size:15px;fill:var(--muted)}.svg-slot-label{font-size:18px}.svg-gadget-address{font-size:12px;fill:var(--muted)}.svg-gadget-label{font-size:18px}.svg-gadget-ret{font-size:14px}.svg-return-badge{fill:var(--accent);stroke:var(--accent);stroke-width:2}.svg-return-text{font-size:18px;fill:var(--accent);font-weight:700}.svg-goal-flag line,.svg-goal-flag path{stroke:var(--line);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;fill:#fffdf8}.svg-goal-flag .flag-light,.svg-goal-flag .flag-dark{stroke:none}.svg-goal-flag .flag-light{fill:#fffdf8}.svg-goal-flag .flag-dark{fill:var(--line)}.actor circle,.actor line{filter:drop-shadow(0 0 5px rgba(255,253,248,.95))}.actor circle{fill:#fffdf8;stroke-width:3}.actor line{stroke-width:3.5}.modal.hidden{display:none}.modal{position:fixed;inset:0;z-index:40}.modal-backdrop{position:absolute;inset:0;background:#1d1a1670}.modal-card{position:relative;width:min(760px,calc(100vw - 28px));max-height:calc(100vh - 32px);overflow:auto;margin:16px auto;padding:16px;border:3px solid var(--line);border-radius:24px;background:#fffbf4fa;box-shadow:0 12px 0 var(--paper-shadow)}.modal-content{display:grid;gap:12px}.syscall-doc{border:2px solid var(--line);border-radius:18px;padding:10px 12px;background:#fffc}.syscall-doc h4{margin:0 0 6px;font-size:1rem;font-family:Comic Sans MS,Trebuchet MS,cursive}.syscall-doc p{margin:0;color:var(--muted);line-height:1.35}.syscall-doc code{font-family:Courier New,monospace}.chapter-picker{border:2px solid var(--line);border-radius:18px;padding:10px 12px;background:#ffffffd1}.chapter-picker.locked{opacity:.7}.chapter-picker-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.chapter-picker-header h4{margin:0 0 4px;font-size:1rem;font-family:Comic Sans MS,Trebuchet MS,cursive}.chapter-picker-header p,.chapter-picker-unlock{margin:0;color:var(--muted);line-height:1.35}.chapter-picker-meta{white-space:nowrap;font-weight:800;color:var(--accent)}.chapter-picker-unlock{margin-top:8px;font-size:.88rem}.chapter-picker-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.chapter-level-button{text-align:left;min-height:46px}.chapter-level-button.solved{background:var(--green-soft);border-color:var(--green)}.chapter-level-button.current{background:var(--accent-soft);border-color:var(--accent)}.chapter-level-button.locked{opacity:.65}@media(max-width:1100px){.board-layout{grid-template-columns:1fr}.path-stage{height:min(52vh,620px)}}@media(max-width:760px){.page-shell{width:min(100vw - 20px,100%);padding-top:16px}.card{border-radius:22px;box-shadow:0 8px 0 var(--paper-shadow)}.section-heading{flex-direction:column}.level-meta,.level-meta.compact,.chapter-picker-levels{grid-template-columns:1fr}.path-stage{height:min(46vh,540px)}}