:root{color:#f1eee5;font-synthesis:none;--signal:#d7ff3f;--muted:#85867e;--line:#f1eee526;background:#11120f;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 55% 46%,#73d7c714,#0000 34%),linear-gradient(#ffffff05 1px,#0000 1px) 0 0/100% 5px,#11120f;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit}.console-shell{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);max-width:100%;min-height:100vh;padding:28px 34px 20px;display:grid}.masthead,footer{justify-content:space-between;align-items:flex-end;gap:24px;max-width:100%;display:flex}.masthead{border-bottom:1px solid var(--line);padding-bottom:16px}.view-nav{align-self:center;gap:26px;margin-left:auto;display:flex}.view-nav a{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;padding:10px 0;font-size:10px;text-decoration:none;transition:color .16s;position:relative}.view-nav a:after{content:"";background:var(--signal);transform-origin:0;height:1px;transition:transform .16s;position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0)}.view-nav a:hover,.view-nav a[aria-current=page]{color:#f1eee5}.view-nav a[aria-current=page]:after{transform:scaleX(1)}.eyebrow,.section-heading span,footer,legend,.signal-note span,.transport-readout{text-transform:uppercase;letter-spacing:.15em;font-size:10px}.eyebrow{color:var(--muted);margin:0 0 6px}h1{letter-spacing:-.035em;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(42px,5vw,78px);font-weight:800;line-height:1}h1 span{color:#0000;-webkit-text-stroke:1px #f1eee5}.start-button{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.11em;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:10px;min-width:172px;min-height:44px;padding:8px 14px;font-size:11px;transition:background .18s,color .18s,border-color .18s;display:flex}.masthead-controls{align-items:center;gap:16px;margin-left:24px;display:flex}.volume-control{color:var(--muted);letter-spacing:.12em;align-items:center;gap:8px;font-size:10px;display:flex}.volume-control input[type=range]{width:80px;height:44px;accent-color:var(--signal);cursor:pointer}.volume-readout{min-width:3ch}.start-button:hover,.start-button.is-running{color:#11120f;background:var(--signal);border-color:var(--signal)}.start-button:disabled{cursor:wait;opacity:.72}.section-step{border:1px solid var(--line);width:40px;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;place-items:center;font-size:12px;line-height:1;transition:background .14s,color .14s,border-color .14s;display:grid}.section-step:hover:not(:disabled),.section-step:focus-visible{color:#11120f;background:var(--signal);border-color:var(--signal)}.section-step:disabled{opacity:.35;cursor:default}.start-light{background:#ef3f50;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #ef3f50}.is-running .start-light{box-shadow:none;background:#11120f}.start-button{max-width:172px;position:relative;overflow:hidden}.engine-copy{flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:1.1em;padding-top:1px;line-height:1;display:flex;position:relative;overflow:hidden}.engine-label{text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:inherit;letter-spacing:inherit;transition:transform .16s cubic-bezier(.2,0,0,1),opacity .16s;display:block;position:absolute;inset:0;overflow:hidden}.engine-label--from{opacity:1;transform:translateY(0)}.engine-label--to{opacity:0;transform:translateY(3px)}.start-button:not([data-engine-state=crossing]) .engine-label{opacity:1;text-align:left;min-width:0;display:inline;position:static;transform:none}.start-button:not([data-engine-state=crossing]) .engine-label--to{display:none}.start-button[data-engine-state=waiting] .engine-label--to{opacity:.6;white-space:nowrap;margin-left:6px;font-size:.78em;display:inline}.start-button[data-engine-state=waiting] .engine-copy{justify-content:flex-start}.engine-stop{letter-spacing:.06em;opacity:.9;white-space:nowrap;align-items:center;gap:2px;margin-left:6px;font-size:8px;display:flex}.stop-glyph{font-size:7px;line-height:1}.engine-progress{pointer-events:none;z-index:0;position:absolute;inset:0}.start-button[data-engine-state=offline] .engine-stop,.start-button[data-engine-state=offline] .engine-progress,.start-button[data-engine-state=offline] .engine-label--to{display:none}.start-button.is-running .engine-label,.start-button[data-engine-state=playing] .engine-stop{color:#11120f}.start-button[data-engine-state=waiting] .engine-copy{animation:1.4s ease-in-out infinite engine-wait-pulse}@keyframes engine-wait-pulse{0%,to{opacity:1}50%{opacity:.65}}.start-button[data-engine-state=crossing]{background:linear-gradient(90deg, var(--from-color,var(--signal)) 0%, var(--from-color,var(--signal)) calc(var(--cross-progress,0) * 100%), var(--to-color,var(--signal)) calc(var(--cross-progress,0) * 100%), var(--to-color,var(--signal)) 100%);border-color:color-mix(in srgb, var(--from-color,#d7ff3f), var(--to-color,#d7ff3f) 50%);color:#11120f;box-shadow:0 0 6px color-mix(in srgb, var(--from-color,var(--signal)), transparent 72%);transition:background 80ms linear,border-color 80ms linear,box-shadow .12s}.engine-arrow{font-size:.95em;position:relative;top:-.07em}.start-button[data-engine-state=crossing] .engine-label{color:#f1eee5;text-shadow:0 1px 1px #00000080;letter-spacing:.04em;font-size:10px}.start-button[data-engine-state=crossing] .stop-word{display:none}.start-button[data-engine-state=crossing] .engine-label--from{opacity:1;transform:none}.start-button[data-engine-state=crossing] .engine-label--to{display:none}.start-button[data-engine-state=crossing] .engine-stop{color:#f1eee5;opacity:.95}@media (prefers-reduced-motion:reduce){.start-button .engine-label,.start-button[data-engine-state=waiting] .engine-copy{transition:none;animation:none}.start-button[data-engine-state=crossing]{transition:none}}.workspace{grid-template-columns:minmax(210px,.72fr) minmax(420px,1.55fr) minmax(270px,.83fr);max-width:100%;min-height:540px;display:grid}.view[hidden]{display:none}.console-shell:not([data-view=lab]) .start-button{visibility:hidden}.race-state,.mix-state{box-sizing:border-box;max-width:100%;padding:20px 20px 16px}.race-state{border-right:1px solid var(--line);padding-left:0}.mix-state{border-left:1px solid var(--line);padding-right:0}.section-heading{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.section-heading span{color:var(--signal)}h2{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:14px}fieldset{border:0;margin:0 0 12px;padding:0}.sound-world-control,.generator-control{margin-bottom:12px}.seed-control{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:0;font-size:11px;display:block}.seed-editor{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;margin-top:8px;display:grid}.seed-editor input,.seed-editor button{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#f1eee5;min-width:0;font:inherit;text-transform:none;background:0 0;border-radius:0}.seed-editor input{outline:none;padding:8px 10px;font-size:12px}.seed-editor input:focus{box-shadow:inset 0 -2px var(--signal)}.seed-editor button{min-height:36px;color:var(--signal);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;padding:8px 10px;font-size:10px}.generation-traits{grid-template-columns:1fr 1fr;gap:16px 12px;margin-top:12px;display:grid}.generation-traits label{min-width:0;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;grid-template-columns:1fr auto;gap:8px;font-size:11px;display:grid}.generation-traits output{color:var(--signal);font-variant-numeric:tabular-nums}.generation-traits input{grid-column:1/-1}.generator-summary{color:var(--muted);text-wrap:pretty;margin-top:12px;font-size:11px;line-height:1.4;display:block}legend{color:var(--muted);margin-bottom:8px;font-size:11px}.phase-buttons{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.phase-buttons:has(>button:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.audition-buttons{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.score-buttons{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.score-buttons button{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;color:var(--muted);text-align:left;cursor:pointer;background:0 0;padding:10px}.score-buttons strong,.score-buttons span{text-overflow:ellipsis;display:block;overflow:hidden}.score-buttons strong{color:#f1eee5;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.score-buttons span{margin-top:3px;font-size:9px}.score-buttons button[aria-pressed=true]{background:var(--signal);color:#11120fb8}.score-buttons button[aria-pressed=true] strong{color:#11120f}.stage-setup .recipe-select{position:relative}.recipe-select-trigger{border:1px solid var(--line);width:100%;min-height:62px;color:var(--signal);text-align:left;cursor:pointer;font:inherit;background:linear-gradient(#f1eee50a,#00000029);justify-content:space-between;align-items:center;gap:12px;padding:8px 14px 8px 16px;transition:border-color .14s,background .14s;display:flex;position:relative}.recipe-select-trigger:before{content:"";background:var(--signal);width:4px;position:absolute;top:0;bottom:0;left:0}.recipe-select-trigger:hover,.recipe-select-trigger[aria-expanded=true]{border-color:var(--signal);background:linear-gradient(#d7ff3f17,#00000029)}.recipe-select-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.recipe-select-copy strong{letter-spacing:.03em;text-transform:uppercase;color:var(--signal);font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:24px;line-height:1}.recipe-select-copy small{letter-spacing:.06em;color:var(--muted);font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:9px;line-height:1.25}.recipe-select-chevron{width:10px;height:10px;color:var(--signal);border-bottom:2px solid;border-right:2px solid;flex:none;transition:transform .16s;transform:rotate(45deg)}.recipe-select-trigger[aria-expanded=true] .recipe-select-chevron{transform:rotate(225deg)}.recipe-select-menu{z-index:40;border:1px solid var(--signal);background:#14150f;flex-direction:column;max-height:320px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 40px #0000008c}.recipe-select-menu[hidden]{display:none}.recipe-select-menu button{border:0;border-bottom:1px solid var(--line);color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;flex-direction:column;gap:3px;padding:10px 14px 10px 16px;display:flex}.recipe-select-menu button:last-child{border-bottom:0}.recipe-select-menu button strong{letter-spacing:.03em;text-transform:uppercase;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:18px;line-height:1}.recipe-select-menu button small{letter-spacing:.05em;color:var(--muted);font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:9px;line-height:1.25}.recipe-select-menu button:hover,.recipe-select-menu button:focus-visible{background:#d7ff3f1a;outline:none}.recipe-select-menu button[aria-selected=true]{background:var(--signal);color:#11120f;box-shadow:inset 4px 0 #11120f}.recipe-select-menu button[aria-selected=true] small{color:#11120fb3}.piece-control,.version-control{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line);width:100%;min-height:36px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;white-space:nowrap;background:0 0;justify-content:space-between;gap:10px;padding:8px 10px;font-size:11px;display:flex}.piece-control:hover,.version-control:hover{color:var(--signal)}.piece-control output,.version-control output{text-overflow:ellipsis;font-variant-numeric:tabular-nums;min-width:0;max-width:62%;overflow:hidden}.generator-control .piece-control{margin-top:0}.phase-buttons button,.audition-buttons button{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:36px;color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;padding:8px 6px;font-size:9px}.audition-buttons button{white-space:nowrap}.phase-buttons button[aria-pressed=true],.audition-buttons button[aria-pressed=true]{color:#11120f;background:var(--signal)}.meter-control{text-transform:uppercase;letter-spacing:.1em;grid-template-columns:1fr auto;gap:8px 12px;margin-bottom:12px;font-size:11px;display:grid}.meter-control output{color:var(--signal);font-variant-numeric:tabular-nums}input[type=range]{appearance:none;background:var(--line);width:100%;height:2px;accent-color:var(--signal);grid-column:1/-1}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--signal);cursor:ew-resize;border:0;border-radius:0;width:10px;height:18px}.toggle-control{color:var(--muted);cursor:pointer;grid-template-columns:1fr 36px;align-items:start;gap:12px;padding-top:12px;font-size:11px;line-height:1.4;display:grid;position:relative}.toggle-control strong{color:#f1eee5;text-transform:uppercase;letter-spacing:.1em;display:block}.toggle-control input{opacity:0;position:absolute}.toggle-control i{border:1px solid var(--line);width:36px;height:18px;margin-top:1px;position:relative}.toggle-control i:after{content:"";background:var(--muted);width:10px;transition:transform .16s,background .16s;position:absolute;inset:3px auto 3px 3px}.toggle-control input:checked+i:after{background:var(--signal);transform:translate(18px)}.music-stage{--mood-color:#dbc89a;flex-direction:column;gap:16px;min-width:0;max-width:100%;min-height:560px;padding:24px 0 16px;display:flex;position:relative;overflow:hidden;container:music-workspace/inline-size}.stage-grid{opacity:.25;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);pointer-events:none;background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 68%);mask-image:radial-gradient(circle,#000,#0000 68%)}.stage-setup{z-index:2;border-bottom:1px solid var(--line);flex:none;grid-template-columns:1fr 1fr;gap:12px;width:100%;padding:0 18px 14px;display:grid;position:relative}.stage-setup fieldset{min-width:0;margin:0}.stage-setup legend{margin-bottom:8px;font-size:11px}.stage-setup .generator-summary{grid-column:1/-1;min-height:14px;margin:0;font-size:10px;line-height:1.35}.stage-setup>[hidden]{display:none}.stage-setup .score-buttons button{padding:8px 6px}.stage-setup .score-buttons strong{letter-spacing:.04em;font-size:11px}.stage-setup .score-buttons span{font-size:10px}.console-shell[data-recipe=suspense] .stage-setup #score-buttons,.console-shell[data-recipe=adventure] .stage-setup #score-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-setup>fieldset:first-child,.console-shell[data-recipe=racing] .stage-setup>fieldset:nth-child(2),.console-shell[data-recipe=racing] .stage-setup>fieldset:nth-child(3),.console-shell[data-recipe=adventure] .stage-setup>fieldset:nth-child(2){grid-column:1/-1}.console-shell[data-recipe=suspense] .stage-setup>fieldset:nth-child(2){grid-column:1}.console-shell[data-recipe=suspense] .stage-setup>fieldset:nth-child(3){grid-column:2}.player-surface{flex:1 0 auto;grid-template-rows:auto minmax(min-content,1fr) auto;place-items:center;gap:18px;width:100%;min-width:0;min-height:320px;padding:0 14px;display:grid;position:relative}.orbit{--orbit-scale:1;--orbit-glow-opacity:.3;--orbit-glow-scale:.94;--playhead-opacity:.82;--playhead-rotation:0turn;aspect-ratio:1;width:min(62vw,410px);transform:scale(var(--orbit-scale));will-change:transform;grid-row:2;place-items:center;transition:transform .14s ease-out;display:grid;position:relative}.orbit:after{content:"";box-shadow:0 0 38px color-mix(in srgb, var(--mood-color), transparent 84%);pointer-events:none;border-radius:50%;position:absolute;inset:4%}.orbit:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--mood-color), transparent 86%) 0, transparent 68%);opacity:var(--orbit-glow-opacity);transform:scale(var(--orbit-glow-scale));pointer-events:none;border-radius:50%;transition:opacity .13s linear,transform .18s ease-out;position:absolute;inset:9%}.playhead{border-top:2px solid var(--signal);opacity:var(--playhead-opacity);transform:rotate(var(--playhead-rotation));will-change:transform;border-radius:50%;transition:opacity .12s linear,transform .12s linear;position:absolute;inset:6%}.orbit:not(.is-running),.orbit:not(.is-running):before,.orbit:not(.is-running) .playhead,.orbit:not(.is-running) .orbit-part{transition:none}.playhead:before{content:"";background:var(--signal);width:7px;height:7px;box-shadow:0 0 18px var(--signal);border-radius:50%;position:absolute;top:18px;right:32px}.orbit-part{border:1px solid var(--part-color,color-mix(in srgb, var(--mood-color), transparent 25%));opacity:var(--part-opacity,.7);transform:rotate(var(--part-rotation,0turn)) scale(var(--part-scale,1));will-change:transform;inset:var(--part-inset,12%);border-radius:50%;transition:transform 90ms linear,opacity 90ms linear;position:absolute}.orbit-part[data-part=melody]{border-style:solid}.orbit-part[data-part=harmony]{border-style:dashed}.orbit-part[data-part=bass]{border-width:2px}.orbit-part[data-part=kit],.orbit-part[data-part=drums]{border-style:dotted}@media (prefers-reduced-motion:reduce){.orbit-part{transition:none}}.center-play{z-index:3;color:#d7ff3f;cursor:pointer;background:#11120f;border:3px solid #d7ff3f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:86px;height:86px;font-family:inherit;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #d7ff3f1f}.center-play:focus-visible{outline-offset:7px;outline:2px solid #f1eee5}.center-play:disabled{cursor:wait;opacity:.72}.center-play .center-glyph{font-size:28px;line-height:1}.center-play .center-label{letter-spacing:.12em;text-transform:uppercase;opacity:.9;padding-top:6px;font-size:9px}.center-play:hover{transform:translate(-50%,-50%)scale(1.08);box-shadow:0 0 0 8px #d7ff3f2e}.center-play:active{transform:translate(-50%,-50%)scale(.94)}.center-play.is-running{border-color:#d7ff3f}.center-play:not(.is-running):before{content:"";opacity:.32;pointer-events:none;border:1px solid #d7ff3f;border-radius:50%;position:absolute;inset:-10px}.mood-readout{z-index:2;text-align:center;pointer-events:none;grid-row:1;width:min(100%,340px);position:relative}.mood-readout p,.mood-readout span{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:10px;display:block}.mood-readout p{color:color-mix(in srgb, var(--mood-color), var(--muted) 40%);margin-top:9px}.mood-readout em{color:var(--mood-color);text-transform:uppercase;letter-spacing:.16em;margin-bottom:7px;font-size:9px;font-style:normal;transition:color .5s;display:block}.mood-readout strong{letter-spacing:-.03em;text-transform:uppercase;margin:0 0 6px;font-size:clamp(26px,3vw,42px);line-height:.95;transition:color .5s;display:block}.transport-readout{z-index:2;color:var(--muted);grid-row:3;gap:30px;display:flex;position:relative}.transport-readout strong{color:#f1eee5;font-variant-numeric:tabular-nums;margin-left:5px;font-size:14px}.mix-explainer{max-width:280px;color:var(--muted);margin:0 0 12px;font-size:11px;line-height:1.4}.section-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.section-list li{border-bottom:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;grid-template-columns:100px minmax(16px,1fr) 30px minmax(58px,max-content);align-items:center;gap:8px;padding:8px 0;font-size:10px;display:grid}.section-list i{background:var(--line);height:2px;overflow:hidden}.section-list i:after{content:"";width:var(--gain-width,0%);background:var(--section-color);height:100%;transition:width .1s linear;display:block}.section-list output{text-align:right;font-variant-numeric:tabular-nums}.section-list button{min-height:36px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:10px}.section-list button:hover,.section-list button:focus-visible{color:var(--signal)}.section-list .is-audible{color:#f1eee5}.section-list li.is-cued{background:color-mix(in srgb, var(--section-color) 10%, transparent);box-shadow:inset 2px 0 var(--section-color)}.cue-panel{border:1px solid var(--line);margin-bottom:16px;padding:12px}.cue-panel strong{font-size:12px;line-height:1.5;display:block}.cue-panel p,.section-control p,.signal-help{color:var(--muted);margin:0;font-size:11px;line-height:1.35}.cue-panel button{border:1px solid var(--line);color:inherit;font:inherit;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:0 0;padding:6px 8px;font-size:10px}.cue-panel button:hover:not(:disabled){border-color:var(--signal);color:var(--signal)}.cue-panel button:disabled,.section-list button:disabled{opacity:.5;cursor:default}.section-control label{margin-bottom:8px;font-size:12px;display:block}.section-control select{color:#f1eee5;border:1px solid var(--line);width:100%;font:inherit;background:#181b19;padding:10px;font-size:12px}.section-control[hidden]{display:none}.form-controls{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.form-controls button{border:1px solid var(--line);color:inherit;min-height:36px;font:inherit;background:0 0;padding:6px 8px;font-size:11px}.form-controls button[aria-pressed=true]{color:#d7ff3f;border-color:#d7ff3f}.form-controls button:disabled{opacity:.5;cursor:default}.game-signals{margin:12px 0}.game-signals legend{color:var(--signal);letter-spacing:.1em;text-transform:uppercase}.game-signals .signal-help{margin:0 0 12px}.game-signals .phase-control{margin-bottom:8px}select:focus-visible,.cue-panel button:focus-visible{outline-offset:3px;outline:2px solid #d7ff3f}[data-scroll-panel]:focus-visible{outline:1px solid var(--signal);outline-offset:-2px}.signal-note{margin-top:16px}.signal-note span{color:var(--signal);margin-bottom:8px;display:block}.signal-note code{color:var(--muted);overflow-wrap:anywhere;font-size:9px;line-height:1.6;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.catalog-view{min-height:650px;padding:clamp(44px,7vw,92px) 0 70px}.catalog-intro{grid-template-columns:minmax(260px,1.2fr) minmax(240px,.8fr);align-items:end;gap:60px;padding-bottom:42px;display:grid}.catalog-intro .eyebrow{grid-column:1/-1;margin:0 0 -44px}.catalog-intro h2{letter-spacing:-.035em;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(54px,9vw,126px);line-height:.82}.catalog-intro>p:last-child{max-width:470px;color:var(--muted);margin:0;font-size:14px;line-height:1.6}.catalog-index{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.catalog-index li{border-bottom:1px solid var(--line);min-height:84px;color:var(--muted);grid-template-columns:52px minmax(240px,1fr) auto;align-items:center;display:grid}.catalog-index li>span{color:var(--signal);letter-spacing:.14em;font-size:10px}.catalog-index li div{grid-template-columns:minmax(160px,.42fr) 1fr;align-items:baseline;gap:28px;display:grid}.catalog-index strong{color:#f1eee5;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(20px,3vw,40px)}.catalog-index small{font-size:11px;line-height:1.45}.catalog-index button{color:var(--signal);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;padding:12px 0 12px 24px;font-size:9px}.catalog-index li>i{text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-style:normal}.catalog-index li:has(button):hover{background:#d7ff3f09}footer{border-top:1px solid var(--line);color:var(--muted);padding-top:18px}footer p{margin:0}footer a{color:inherit;letter-spacing:.04em;text-transform:none;white-space:nowrap;text-decoration:none;transition:color .16s}footer a svg{vertical-align:-.18em;margin-right:4px}footer a:hover{color:var(--signal)}@media (width>=981px){html,body{height:100%;overflow:hidden}.console-shell{grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;max-height:100dvh;padding:16px 24px 12px;overflow:hidden}.masthead{gap:16px;padding-bottom:10px}.stage-setup{min-height:158px}.recipe-select-copy strong{font-size:26px}.recipe-select-copy small{font-size:10px}h1{font-size:clamp(36px,3.6vw,52px)}.start-button{min-height:44px;padding:6px 12px}.workspace{height:100%;min-height:0;overflow:hidden}.race-state,.mix-state{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;overscroll-behavior-y:contain;flex-direction:column;min-width:0;min-height:0;padding:12px 14px;display:flex;overflow:hidden auto}.race-state>*,.mix-state>*{flex-shrink:0}.race-state{padding-left:0}.mix-state{padding-right:0}.section-heading,fieldset{margin-bottom:12px}.sound-world-control,.generator-control,legend{margin-bottom:8px}.generation-traits{gap:6px 8px;margin-top:8px}.generator-summary{margin-top:6px}.score-buttons button{padding:6px 8px}.phase-buttons button,.audition-buttons button{min-height:32px;padding:8px 6px;font-size:9px}.piece-control,.version-control,.seed-editor input,.seed-editor button{padding:6px 8px;font-size:10px}.meter-control{gap:4px 8px;margin-bottom:10px}.toggle-control{gap:10px;margin-top:auto;padding-top:8px}.music-stage{scrollbar-width:thin;scrollbar-color:var(--muted) transparent;gap:10px;height:100%;min-height:0;padding:18px 0 10px;overflow-y:auto}.orbit{width:min(28dvh,300px)}.mood-readout strong{margin:4px 0 2px;font-size:clamp(24px,2.8vw,40px)}.transport-readout{gap:16px}.mix-explainer{margin-bottom:8px;font-size:10px}.section-list li{padding:5px 0}.signal-note{margin-top:auto;padding-top:8px}footer{padding-top:8px}}@container music-workspace (width<=620px){.stage-setup{grid-template-columns:1fr}.stage-setup>fieldset,.stage-setup>fieldset:nth-child(2),.stage-setup>fieldset:nth-child(3),.console-shell[data-recipe=suspense] .stage-setup>fieldset:nth-child(2),.console-shell[data-recipe=suspense] .stage-setup>fieldset:nth-child(3){grid-column:1/-1}.console-shell[data-recipe=suspense] .stage-setup #score-buttons{grid-template-columns:1fr}.console-shell[data-recipe=adventure] .stage-setup #score-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.console-shell{padding:10px 8px;overflow-x:hidden}.workspace{grid-template-columns:1fr 1fr}.view-nav{order:3;width:100%;margin:2px 0 0}.masthead{flex-wrap:wrap}.masthead-controls{margin-left:12px}.start-button{min-height:44px;margin-left:0;padding:6px 12px}.music-stage{border-bottom:1px solid var(--line);grid-area:1/1/auto/-1;gap:10px;min-height:480px;margin:0;padding:16px 0 12px}.orbit{width:min(300px,50vw)}.race-state,.mix-state{box-sizing:border-box;border:0;flex-direction:column;padding:12px 8px 12px 0;display:flex}.mix-state{border-left:1px solid var(--line);padding-left:8px}}@media (width<=640px){.console-shell{padding:calc(var(--sticky-bar-h,61px) + 10px) 16px 18px}.masthead{flex-direction:column;align-items:flex-start}.view-nav{order:initial;justify-content:space-between;gap:16px}.masthead-controls{z-index:40;border-bottom:1px solid var(--line);background:#11120f;align-items:center;gap:8px;width:100%;margin-left:0;padding:8px 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 10px 20px #00000073}.volume-control .volume-label{display:none}.volume-control input[type=range]{width:56px}.start-button{flex:1;max-width:320px;margin-left:0}.stage-setup .score-buttons,.stage-setup #score-buttons,.stage-setup #arrangement-buttons,.console-shell[data-recipe=suspense] .stage-setup #score-buttons{grid-template-columns:1fr}.workspace{flex-direction:column;display:flex}.music-stage{order:-1;min-height:420px;margin:0;padding:14px 0 10px}.stage-setup,.console-shell[data-recipe=racing] .stage-setup{grid-template-columns:1fr;gap:10px;padding-inline:0}.console-shell[data-recipe=suspense] .stage-setup #score-buttons,.console-shell[data-recipe=adventure] .stage-setup #score-buttons{grid-template-columns:1fr}.stage-setup>fieldset,.stage-setup>fieldset:nth-child(2),.stage-setup>fieldset:nth-child(3),.console-shell[data-recipe=suspense] .stage-setup>fieldset:nth-child(2),.console-shell[data-recipe=suspense] .stage-setup>fieldset:nth-child(3){grid-column:1/-1}.stage-setup .score-buttons button,.section-list button{min-height:44px;padding:8px 10px}.recipe-select-copy strong{font-size:22px}.player-surface{flex:none;grid-template-rows:auto auto auto;min-height:340px;padding-inline:0}.orbit{width:min(230px,68vw);margin-left:auto;margin-right:auto}.center-play{width:72px;height:72px}.center-play .center-glyph{font-size:24px}.race-state,.mix-state{padding:12px 0}.race-state>.section-heading{order:1}.race-state>.generator-control{order:2}.race-state>.game-signals{order:3}.race-state>.audition-control{order:4}.race-state>.section-control{order:5}.race-state .generator-control{margin-bottom:6px}.race-state .generation-traits{gap:2px 8px}.race-state .generation-traits label{letter-spacing:.05em;margin-bottom:2px;font-size:9px}.race-state .generation-traits output{font-size:9px}.race-state .generation-traits input[type=range]{height:1px}.race-state .seed-control span,.race-state .piece-control{font-size:10px}.mix-state{border-top:1px solid var(--line)}footer{flex-direction:column;align-items:flex-start;line-height:1.5}.catalog-view{min-height:620px;padding-top:54px}.catalog-intro{padding-bottom:34px;display:block}.catalog-intro .eyebrow{margin-bottom:18px}.catalog-intro h2{margin-bottom:24px}.catalog-index li{grid-template-columns:34px 1fr;padding:18px 0}.catalog-index li div{display:block}.catalog-index small{margin-top:5px;display:block}.catalog-index button,.catalog-index li>i{grid-column:2;justify-self:start;padding:10px 0 0}}@media (width<=420px){.console-shell{padding:calc(var(--sticky-bar-h,61px) + 10px) 2px 4px}.masthead-controls{padding:6px 2px}.music-stage{gap:8px;min-height:380px;margin:0;padding:12px 0 8px}.recipe-select-copy strong{font-size:20px}.race-state .generator-control{margin-bottom:2px}.race-state .generation-traits{gap:1px 4px;margin-top:6px}.race-state .generation-traits label{font-size:8px}.orbit{width:min(210px,64vw)}.center-play{width:62px;height:62px}.center-play .center-glyph{font-size:20px}.mood-readout{width:min(100%,220px)}.mood-readout strong{font-size:26px}.race-state,.mix-state{max-width:100%;padding:12px 0;font-size:13px}.masthead,.workspace,.music-stage{width:100%;max-width:100%}.masthead{gap:6px}h1{letter-spacing:-.5px;font-size:24px}}.debugger-view{max-width:1200px;margin:0 auto;padding:24px}.debugger-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.debugger-bar-container{background:#11120f;border-radius:4px;margin-bottom:32px;padding:16px}.debugger-bar-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.debugger-bar-header h3{color:var(--text-muted);margin:0}.debugger-grid{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:13px}.debugger-grid th,.debugger-grid td{text-align:center;border:1px solid #333;padding:6px}.debugger-grid th{color:var(--text-muted);background:#1a1a1a;font-weight:400}.debugger-grid td:first-child{text-align:left;font-weight:700}.debugger-cell-hit{background:var(--text-highlight);color:var(--background);font-weight:700}.debugger-grid button{color:#fff;cursor:pointer;background:#2a2a2a;border:none;border-radius:2px;margin-right:4px;padding:4px 8px}.debugger-grid button:hover{background:#444}