.hero{padding-block:1rem 3.5rem}.hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""station""lead""actions";gap:1.25rem;display:grid}.hero-head{grid-area:title}.hero-lead{grid-area:lead}.hero-station{grid-area:station}.hero-actions{grid-area:actions}.hero-actions .mf-btn{white-space:normal;text-align:center;max-inline-size:100%}@media (width>=64rem){.hero{align-items:center;min-height:min(100svh - 56px,860px);padding-block:2.5rem 4rem;display:grid}.hero-grid{grid-template:"title station"minmax(0,1fr)"lead station""actions station"minmax(0,1fr)/minmax(0,5fr) minmax(0,7fr);gap:0 3.5rem;inline-size:100%}.hero-head{align-self:end}.hero-lead{margin-block-start:1.5rem}.hero-actions{align-self:start;margin-block-start:2.25rem}}[data-cta-back],.hero:has(.station[data-view=welcome]) [data-cta-first]{display:none}.hero:has(.station[data-view=welcome]) [data-cta-back]{display:inline}.hero-title{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(2.25rem,1.35rem + 3.1vw,4.5rem);line-height:1.02}.station{gap:.75rem;padding:1rem;display:grid}.station:focus{outline:none}@media (width>=40rem){.station{gap:.875rem;padding:1.5rem}}.station-plate{justify-content:space-between;align-items:center;gap:1rem;padding-inline:.75rem;display:flex}.station-sound-off{color:var(--color-amber);text-underline-offset:3px;text-decoration:underline}.station-screen{block-size:13.5rem}@media (width<40rem){.station:not([data-view=drill]) .station-screen{block-size:auto;min-block-size:13.5rem}.station:not([data-view=drill]) .screen-foot{display:none}}@media (width>=40rem){.station-screen{aspect-ratio:2;block-size:auto}}.screen-face{z-index:1;grid-template-rows:auto minmax(0,1fr) auto;block-size:100%;padding:.875rem 1.125rem;display:grid;position:relative}@media (width>=40rem){.screen-face{padding:1.125rem 1.5rem}}.screen-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.screen-steps{font-family:var(--font-mono);font-size:var(--text-label);color:var(--color-muted);gap:.875rem;display:flex}.screen-steps li{align-items:center;gap:.375rem;display:flex}.station[data-view=welcome] .screen-steps,.station-heading-back,.station:not([data-view=drill]) .station-heading-first,.station[data-view=welcome] .station-hint{display:none}.station[data-view=done] .station-hint{visibility:hidden}.station:not([data-view=drill]) .station-heading-back{display:inline}.station [data-show]{display:none}.station[data-view=drill] [data-show=drill],.station[data-view=done] [data-show=done],.station[data-view=welcome] [data-show=welcome]{display:flex}.screen-drill{justify-content:center;align-items:center;gap:clamp(1.25rem,5vw,3rem);min-block-size:0}.screen-glyph-wrap{place-items:center;display:grid;position:relative}.screen-glyph{text-align:center;min-inline-size:.7em;font-size:clamp(4.5rem,2.6rem + 6vw,8rem);font-weight:700;line-height:1;display:inline-block}.screen-halo{border:2px solid var(--color-signal);opacity:0;pointer-events:none;border-radius:999px;position:absolute;inset:-12%}.screen-halo.is-lit{animation:mf-halo var(--duration-word) var(--ease-signal) both}.screen-code{gap:.5rem;display:grid}.screen-code-target{align-items:center;gap:.875rem;min-block-size:2.5rem;display:flex}.screen-equals{font-size:1.75rem;line-height:1}.code-els{--u:.875rem;align-items:center;gap:var(--u);display:inline-flex}.code-el{block-size:var(--u);inline-size:var(--u);background:currentColor;border-radius:999px;display:block}.code-el[data-el=dash]{inline-size:calc(var(--u) * 3)}.screen-code-target .code-els{--u:clamp(.75rem, .5rem + .8vw, 1.125rem);color:var(--color-cyan);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--color-cyan) 45%, transparent))}.station[data-phase=detected] .screen-code-target .code-els{color:var(--color-signal);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--color-signal) 45%, transparent))}.screen-code-sent{--u:.5rem;align-items:center;gap:var(--u);min-block-size:1.75rem;color:var(--color-signal-dim);display:flex}.screen-message{flex-direction:column;justify-content:center;align-items:flex-start;gap:.625rem;max-inline-size:34rem}.screen-message .mf-btn{min-height:40px}.screen-tape-word{letter-spacing:.2em;font-size:clamp(2.25rem,1.5rem + 3vw,3.5rem);line-height:1}.screen-foot{align-content:end;gap:.25rem;min-block-size:2.75rem;display:grid}.screen-note{min-block-size:1.25rem;color:var(--color-amber)}.screen-detected{opacity:0;pointer-events:none;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;display:flex;position:absolute;inset-block-end:.875rem;inset-inline:1.125rem}.screen-detected>.font-display{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-size:1rem}.screen-xp{white-space:nowrap;margin-inline-start:auto;font-size:1rem}@media (width>=40rem){.screen-detected>.font-display{letter-spacing:.14em;font-size:1.125rem}.screen-xp{margin-inline-start:0}}.screen-award{flex-basis:100%}.screen-award:empty{display:none}.station[data-phase=detected] .screen-detected{opacity:1;animation:mf-strike .12s var(--ease-signal) both}.station[data-phase=detected] .screen-foot{opacity:0}@media (width>=40rem){.screen-detected{inset-block-end:1.125rem;inset-inline:1.5rem}}.screen-flash{z-index:1;pointer-events:none;opacity:0;position:absolute;inset:0}.station-tape{white-space:nowrap;align-items:center;block-size:3.625rem;font-size:1.375rem;line-height:1.2;display:flex;overflow:hidden}.tape-text{font-family:var(--font-display);letter-spacing:.32em;font-weight:700}.tape-text>span{display:inline-block}.tape-pending{--u:.4375rem;align-items:center;gap:var(--u);color:var(--color-paper-muted);margin-inline-start:.5rem;display:inline-flex}.tape-text:empty+.tape-pending:empty:before{content:"Tape ready";font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.station-fuse{background:color-mix(in srgb, var(--color-line) 80%, transparent);border-radius:2px;block-size:3px;margin-inline:.25rem;overflow:hidden}.station-fuse-bar{background:var(--color-amber);transform-origin:0;block-size:100%;display:block;transform:scaleX(0)}.station-fuse-bar.is-burning{animation:hero-fuse var(--fuse-ms,1.6s) linear both}@keyframes hero-fuse{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) .station-fuse-bar.is-burning{animation:none;transform:none}}html[data-motion=reduce] .station-fuse-bar.is-burning{animation:none;transform:none}.station-key{border-radius:var(--radius-panel);border:1px solid var(--color-line-strong);background:radial-gradient(ellipse 70% 90% at 50% 0%, color-mix(in srgb, var(--color-amber) 7%, transparent), transparent 70%), color-mix(in srgb, var(--color-void) 60%, transparent);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;justify-items:center;gap:.375rem;min-block-size:9.5rem;inline-size:100%;padding:.75rem 1rem .875rem;display:grid;position:relative}.station[data-down=true] .station-key{border-color:var(--color-signal-dim)}.station-key-art{block-size:auto;inline-size:100%;max-inline-size:30rem;overflow:visible}.station-key-plate{align-items:center;block-size:1.75rem;display:flex}.station:not([data-view=drill]) [data-plate-drill],.station[data-view=drill] [data-plate-free],[data-key-plate-focus],[data-key-plate-down],.station[data-down=true] [data-key-plate-idle],.station[data-down=true] [data-key-plate-focus]{display:none}.station[data-down=true] [data-key-plate-down]{display:inline}@media (pointer:fine){.station[data-focused=true]:not([data-down=true]) [data-key-plate-idle]{display:none}.station[data-focused=true]:not([data-down=true]) [data-key-plate-focus]{display:inline}}.station-hint{padding-inline:.25rem}.hk-wood-top{stop-color:var(--color-wood)}.hk-wood-bottom{stop-color:var(--color-wood-deep)}.hk-brass-hi{stop-color:color-mix(in srgb, var(--color-brass) 70%, white)}.hk-brass-mid{stop-color:var(--color-brass)}.hk-brass-lo{stop-color:var(--color-brass-deep)}[data-theme=light] .hk-brass-hi{stop-color:color-mix(in srgb, var(--color-brass-deep) 60%, white)}[data-theme=light] .hk-brass-mid{stop-color:var(--color-brass-deep)}[data-theme=light] .hk-brass-lo{stop-color:var(--color-brass)}.hk-knob-hi{stop-color:color-mix(in srgb, var(--color-paper-ink) 80%, white)}.hk-knob-lo{stop-color:color-mix(in srgb, var(--color-paper-ink) 60%, black)}.hk-spark-core{stop-color:var(--color-amber)}.hk-spark-edge{stop-color:var(--color-amber);stop-opacity:0}.hk-spark{opacity:0}.hk-shadow{fill:#0000004d}.hk-grain{fill:none;stroke:var(--color-brass-deep);stroke-opacity:.3;stroke-width:1.25px}.hk-bevel{fill:#ffffff1f}.hk-screw{fill:var(--color-brass-deep)}.hk-glint{fill:#ffffff59}.hk-knob-glint{fill:none;stroke:#ffffff47;stroke-width:2px;stroke-linecap:round}.hk-pivot{fill:var(--color-brass-deep);stroke:var(--color-brass);stroke-width:1.5px}.hk-lever{transform-box:view-box;transform-origin:116px 64px}.station[data-down=true] .hk-lever{transform:rotate(2deg)}.station[data-down=true] .hk-spark{opacity:1}.network-figure svg{block-size:auto;inline-size:100%;display:block}.nt-edge{fill:none;stroke:var(--color-signal-dim);stroke-width:2.5px;stroke-linecap:round}.nt-edge[data-element=\.]{stroke-dasharray:.5 7}.nt-edge[data-element=\-]{stroke-dasharray:14 8;stroke-linecap:butt}.nt-node circle{fill:var(--color-screen);stroke:var(--color-signal);stroke-width:2px}.nt-node text{fill:var(--color-signal);font-family:var(--font-display);text-anchor:middle;dominant-baseline:central;font-weight:700}.nt-root circle{fill:var(--color-signal);stroke:none}.nt-root-ring{fill:none;stroke:var(--color-signal-dim);stroke-width:1.5px}.nt-lit{transform-box:fill-box;transform-origin:50%}.nt-edge.nt-lit{--nt-anim:nt-fade}@media (prefers-reduced-motion:no-preference){html:not([data-motion=reduce]) .network[data-armed] .nt-lit{opacity:0}html:not([data-motion=reduce]) .network[data-inview] .nt-lit{animation:var(--nt-anim,nt-on) .6s var(--ease-signal) calc(var(--stage,0) * .7s + .2s) both}}html[data-motion=full] .network[data-armed] .nt-lit{opacity:0}html[data-motion=full] .network[data-inview] .nt-lit{animation:var(--nt-anim,nt-on) .6s var(--ease-signal) calc(var(--stage,0) * .7s + .2s) both}@keyframes nt-on{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.nt-power .mf-lamp:after{opacity:1}@media (prefers-reduced-motion:no-preference){html:not([data-motion=reduce]) .network[data-armed] .nt-power .mf-lamp:after{opacity:0}html:not([data-motion=reduce]) .network[data-inview] .nt-power .mf-lamp:after{animation:nt-lamp 1ms linear calc(var(--stage,0) * .7s + .5s) both}}html[data-motion=full] .network[data-armed] .nt-power .mf-lamp:after{opacity:0}html[data-motion=full] .network[data-inview] .nt-power .mf-lamp:after{animation:nt-lamp 1ms linear calc(var(--stage,0) * .7s + .5s) both}@keyframes nt-fade{0%{opacity:0}to{opacity:1}}@keyframes nt-lamp{0%{opacity:0}to{opacity:1}}.closing-code{letter-spacing:var(--tracking-code);font-size:clamp(1.75rem,1rem + 3vw,3rem);line-height:1.2}