:root{color-scheme:dark;--void:#080a18;--ink:#f7f4e9;--signal:#50f5d0;--hot:#ff4f87;--violet:#7871ff;--amber:#ffd166;--panel:#141936;--quiet:#b6bad2;--line:#38436e;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--ui:system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--void);color:var(--ink);font:16px/1.55 var(--ui);background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:32px 32px}a{color:var(--signal);text-underline-offset:3px}a:hover{color:#fff}button,input{font:inherit}button{cursor:pointer}.skip-link{position:fixed;z-index:20;left:12px;top:-60px;background:var(--amber);color:#101329;padding:10px 14px;font-weight:800}.skip-link:focus{top:12px}.site-header,footer{max-width:1240px;margin:auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-header{border-bottom:1px solid #ffffff1a}.wordmark{font:800 15px/1 var(--mono);letter-spacing:.09em;text-decoration:none;color:var(--ink);white-space:nowrap}.wordmark span{color:var(--signal);font-size:21px}nav{display:flex;gap:20px;align-items:center}nav a{font:700 14px var(--mono);text-decoration:none}nav a[aria-current]{color:var(--amber);text-decoration:underline}main{max-width:1240px;margin:auto;padding:0 28px 68px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--mono);letter-spacing:-.045em;line-height:1.05}h1{font-size:clamp(2.35rem,6.2vw,5.35rem);max-width:10ch;margin-bottom:20px}h2{font-size:clamp(1.65rem,3vw,2.45rem);max-width:22ch;margin-bottom:14px}p{max-width:68ch}.eyebrow{color:var(--signal);font:800 12px/1.3 var(--mono);letter-spacing:.14em;margin-bottom:16px}.lead{font-size:clamp(1.08rem,2vw,1.35rem);color:var(--quiet);line-height:1.5}.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(310px,.98fr);gap:42px;padding:72px 0 84px;align-items:center}.hero-copy:before{content:"";position:absolute;width:48px;height:5px;top:-20px;background:var(--hot);box-shadow:12px 8px 0 var(--amber)}.hero-copy{position:relative}.hero-art{margin:0;transform:rotate(1.3deg);border:2px solid var(--signal);box-shadow:12px 12px 0 var(--hot);overflow:hidden;background:#0d1630}.hero-art img{display:block;width:100%;height:auto;aspect-ratio:900/506;object-fit:cover;filter:saturate(1.1)}.hero-art figcaption{font:700 10px var(--mono);letter-spacing:.06em;padding:8px 11px;background:#111a36}.hero-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:30px 0}.hero-actions span{font-size:14px;color:var(--quiet);max-width:20ch}.button{min-height:46px;border:2px solid var(--signal);padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;font:800 14px var(--mono);text-decoration:none}.button.primary{background:var(--signal);color:#081126;box-shadow:5px 5px 0 var(--hot)}.button.primary:hover{background:#90ffe9;color:#081126}.button.quiet{color:var(--ink);background:transparent;border-color:var(--line)}.facts{border-left:2px solid var(--line);padding-left:16px;display:grid;gap:8px}.facts p{margin:0;color:var(--quiet);font-size:14px}.facts span{color:var(--amber);font:800 12px var(--mono);margin-right:8px}.entry-panel{border:1px solid var(--line);border-top:4px solid var(--violet);background:var(--panel);padding:28px;display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center}.entry-panel h2{margin-bottom:8px}.entry-panel p{color:var(--quiet);margin-bottom:0}.entry-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:end}.status{min-height:1.4em;color:var(--amber);font-size:14px}.how{padding:108px 0 78px;content-visibility:auto}.how ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0 0}.how li{border-top:2px solid var(--signal);padding:18px 4px}.how b{display:block;font:800 17px var(--mono);margin-bottom:8px}.how span{color:var(--quiet)}.privacy-note{border-left:7px solid var(--hot);background:#291731;padding:28px;content-visibility:auto}.privacy-note h2{font-size:1.65rem}.privacy-note p{color:#e2c7d4;margin-bottom:0}.demo-banner{max-width:1240px;margin:18px auto 20px;padding:11px 14px;border:1px solid var(--amber);background:#282318;display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:13px}.demo-banner strong{font:800 12px var(--mono);letter-spacing:.05em;color:var(--amber)}.demo-banner span{color:#e5dabc;margin-right:auto}.demo-banner button{color:var(--ink);background:transparent;border:1px solid var(--amber);min-height:34px;padding:4px 10px;font:700 12px var(--mono)}.instrument{padding-top:38px}.instrument-top{display:flex;justify-content:space-between;gap:24px;margin-bottom:28px}.instrument-top h1{max-width:13ch;font-size:clamp(2.25rem,5.4vw,4.4rem)}.instrument-help{color:var(--quiet);margin-bottom:0}.back-link{font:800 13px var(--mono);white-space:nowrap}.stage-shell{padding:10px;background:linear-gradient(90deg,var(--signal) 2px,transparent 2px) 0 0/12px 12px,linear-gradient(var(--signal) 2px,transparent 2px) 0 0/12px 12px;border:2px solid var(--signal);box-shadow:12px 12px #242a60}.stage{position:relative;overflow:hidden;background:#071020;aspect-ratio:16/9;transform-origin:center}.stage canvas{display:block;width:100%;height:100%;object-fit:cover}.scanlines{pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000030 3px 4px);mix-blend-mode:multiply}.stage-readout{position:absolute;inset:0;padding:13px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;font:800 12px var(--mono);letter-spacing:.08em;text-shadow:1px 1px #000}.stage-readout span{background:#080a18d9;border:1px solid var(--line);padding:5px 7px}.stage-readout #cue-readout{color:var(--signal)}.laser-overlay{pointer-events:none;position:absolute;inset:0;opacity:0;transition:opacity .12s}.laser-overlay i{position:absolute;width:68%;height:3px;background:var(--signal);left:50%;top:45%;transform-origin:left;transform:rotate(-11deg);box-shadow:0 0 8px 4px #50f5d099}.laser-overlay i+i{top:54%;transform:rotate(12deg)}.stage.is-laser .laser-overlay{opacity:1}.stage.is-zoom{animation:zoom .42s cubic-bezier(.1,.8,.2,1)}.stage.is-shake{animation:shake .48s linear}@keyframes zoom{0%,to{transform:scale(1)}45%{transform:scale(1.1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px,4px)}40%{transform:translate(8px,-3px)}60%{transform:translate(-6px,3px)}80%{transform:translate(5px,-2px)}}.cue-panel{margin-top:42px;display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:start}.cue-panel h2{font-size:1.7rem}.cue-panel p{color:var(--quiet);font-size:14px}.cue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cue{min-height:92px;border:1px solid var(--line);background:#101633;color:var(--ink);text-align:left;padding:12px;display:flex;align-items:center;gap:11px}.cue:hover,.cue.active{border-color:var(--signal);background:#1b2b4b}.cue.active{box-shadow:inset 4px 0 var(--signal)}.cue-key{display:grid;place-items:center;flex:0 0 38px;height:38px;background:#273357;color:var(--amber);font:800 18px var(--mono)}.cue b,.cue small{display:block}.cue b{font:800 14px var(--mono)}.cue small{color:var(--quiet);margin-top:4px;font-size:12px}.preset-panel{margin-top:72px;border-top:2px solid var(--line);padding-top:28px;display:grid;grid-template-columns:1fr 1.1fr;gap:26px}.preset-panel h2{font-size:1.65rem}.preset-panel p{color:var(--quiet)}label{display:block;font:700 13px var(--mono);margin-bottom:7px}.preset-row{display:flex;gap:10px}.preset-row input{min-height:46px;min-width:0;width:100%;border:1px solid var(--line);background:#0b1025;color:var(--ink);padding:10px 11px}.preset-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.preset{display:flex;border:1px solid var(--line);background:#101633}.preset>button:first-child{color:var(--ink);background:transparent;border:0;padding:10px;text-align:left;flex:1}.preset b,.preset span{display:block}.preset b{font:800 13px var(--mono)}.preset span{font-size:12px;color:var(--quiet)}.remove-preset{min-width:44px;background:transparent;color:var(--hot);border:0;font-size:24px}.empty{font-size:14px}.error-panel{margin-top:38px;border:2px solid var(--hot);background:#2a1426;padding:24px}.error-panel h2{font-size:1.6rem}.error-panel p{color:#eed2df}.legal{padding:80px 0;max-width:720px}.legal h1{max-width:13ch}.legal h2{font-size:1.45rem;margin-top:40px}.legal p{color:var(--quiet)}.missing{min-height:60vh}footer{border-top:1px solid #ffffff1a;align-items:flex-start;color:var(--quiet);font-size:13px}footer p{margin:0}footer p:last-child{display:flex;gap:12px;flex-wrap:wrap}footer a{font-weight:700}*:focus-visible{outline:3px solid var(--amber);outline-offset:3px}@media(max-width:760px){.site-header,footer{padding:16px 18px}.site-header{align-items:flex-start}.site-header nav{gap:12px;flex-wrap:wrap;justify-content:end}.wordmark{font-size:13px}main{padding:0 18px 50px}.hero{grid-template-columns:1fr;padding:50px 0 64px;gap:38px}.hero-art{order:-1;box-shadow:7px 7px 0 var(--hot)}.entry-panel{grid-template-columns:1fr;padding:21px}.entry-actions{justify-content:start}.how{padding:74px 0 58px}.how ol{grid-template-columns:1fr;gap:4px}.instrument{padding-top:24px}.instrument-top{display:block}.instrument-top .back-link{display:inline-block;margin-top:18px}.cue-panel{grid-template-columns:1fr;gap:6px}.cue-grid{grid-template-columns:repeat(2,1fr)}.preset-panel{grid-template-columns:1fr;margin-top:52px}.demo-banner{margin:12px 18px 16px}.demo-banner span{flex-basis:100%}.stage-shell{padding:6px;box-shadow:7px 7px #242a60}.stage-readout{padding:7px;font-size:10px}.hero-actions .button{width:100%}.legal{padding:54px 0}.preset-row{flex-direction:column}.preset-row .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage.is-zoom,.stage.is-shake{animation:none}.laser-overlay{transition:none}.hero-art{transform:none}}.wordmark{min-height:44px;padding:8px 0;display:inline-flex;align-items:center}nav{gap:12px}nav a{min-width:44px;min-height:44px;padding:10px 6px;display:inline-flex;align-items:center;justify-content:center}.safety-note{grid-column:1/-1;border-left:5px solid var(--amber);background:#2b2415;padding:16px 18px}.safety-note h2,.safety-note h3{margin-bottom:6px;color:var(--amber);font:800 16px/1.3 var(--mono);letter-spacing:0}.safety-note p{margin:0;color:#f5e5b8}.instrument-warning{margin-bottom:24px}.demo-banner{padding:8px 14px;gap:12px}.demo-banner button{min-height:44px;padding:8px 12px}.back-link{min-height:44px;padding:10px 0;display:inline-flex;align-items:center}.preset>button:first-child,.remove-preset{min-height:44px}footer p:last-child{gap:8px;align-items:center}footer a{min-width:44px;min-height:44px;padding:10px 0;display:inline-flex;align-items:center;justify-content:center}@media(max-width:760px){.site-header,footer{padding-block:12px}.site-header nav{gap:4px}.instrument-top .back-link{display:inline-flex}}.how,.privacy-note{content-visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.offline-notice{max-width:1240px;margin:12px auto 0;padding:10px 28px;background:#382d12;color:#ffd166;border:1px solid #ffd166;font:700 13px ui-monospace,SFMono-Regular,Consolas,monospace}