:root{--c-black:#000;--c-amber:#f7931a;--c-green:#39ff14;--c-red:#e63946;--c-blue:#5bc0eb;--c-cream:#f4e4bc;--c-background:#000;--c-primary:#f7931a;--c-success:#39ff14;--c-accent:#e63946;--c-info:#5bc0eb;--c-soft:#f4e4bc;--c-surface:#ffffff0a;--c-surface-hover:#ffffff14;--c-surface-active:#ffffff1f;--c-border:#f4e4bc26;--c-dim:#f4e4bc66;--c-muted:#f4e4bca6;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-sans:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-pixel:"VT323", "Press Start 2P", monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-xxl:2rem;--fs-hero:3.5rem;--ease-quick-out:cubic-bezier(.16, 1, .3, 1);--ease-smooth-in-out:cubic-bezier(.4, 0, .2, 1);--ease-solve-snap:cubic-bezier(.85, 0, .15, 1);--dur-micro-flash:.2s;--dur-quick-in:.4s;--dur-normal:.8s;--dur-reveal:3s;--dur-hold-beat:4s;--ui-fade-ms:.4s;--control-panel-width:320px}.stage{background:var(--c-black);z-index:0;position:fixed;inset:0}.app-shell{z-index:10;pointer-events:none;transition:opacity var(--ui-fade-ms) var(--ease-smooth-in-out);position:fixed;inset:0}.app-shell>*{pointer-events:auto}.app-shell--idle{opacity:0}.app-shell--idle,.app-shell--idle *{cursor:none!important}.picker{-webkit-backdrop-filter:blur(24px);background:#000000c7;flex-direction:column;gap:3rem;padding:3rem 4rem;display:flex;position:fixed;inset:0;overflow-y:auto}.picker__header{justify-content:space-between;align-items:baseline;display:flex}.picker__title{font-family:var(--font-mono);font-size:var(--fs-xl);color:var(--c-soft);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:700}.picker__hint{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-dim);letter-spacing:.05em}.picker__section-title{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-dim);letter-spacing:.1em;text-transform:uppercase;margin:0 0 1rem}.picker__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;display:grid}.picker__tile{background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-soft);text-align:left;cursor:pointer;font-family:var(--font-sans);transition:background .2s var(--ease-quick-out), border-color .2s, transform .2s;flex-direction:column;justify-content:space-between;min-height:120px;padding:1.5rem;display:flex;position:relative}.picker__tile:hover{background:var(--c-surface-hover);border-color:var(--c-primary);transform:translateY(-2px)}.picker__tile:active{background:var(--c-surface-active);transform:translateY(0)}.picker__tile-key{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-dim);border:1px solid var(--c-border);border-radius:3px;padding:.15rem .4rem;position:absolute;top:.75rem;right:.75rem}.picker__tile-name{font-size:var(--fs-lg);font-weight:500;line-height:1.2}.picker__tile-meta{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-dim);text-transform:uppercase;letter-spacing:.08em}.controls{width:var(--control-panel-width);border:1px solid var(--c-border);-webkit-backdrop-filter:blur(20px);max-height:calc(100vh - 2rem);color:var(--c-soft);font-family:var(--font-sans);background:#000000d1;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;position:fixed;top:1rem;right:1rem;overflow-y:auto}.controls__back{color:var(--c-dim);font-family:var(--font-mono);font-size:var(--fs-sm);cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.controls__back:hover{color:var(--c-primary)}.controls__title{font-family:var(--font-mono);font-size:var(--fs-base);letter-spacing:.03em;margin:0;font-weight:500}.controls__list{flex-direction:column;gap:1.25rem;display:flex}.controls__reset{border:1px dashed var(--c-border);color:var(--c-dim);font-family:var(--font-mono);font-size:var(--fs-xs);cursor:pointer;letter-spacing:.05em;background:0 0;padding:.5rem}.controls__reset:hover{color:var(--c-soft);border-color:var(--c-soft)}.control{font-size:var(--fs-sm);flex-direction:column;gap:.5rem;display:flex}.control--inline{flex-direction:row;align-items:center;gap:.5rem}.control__label{color:var(--c-muted)}.control__label strong{color:var(--c-primary);font-weight:500;font-family:var(--font-mono)}.control input[type=range]{width:100%;accent-color:var(--c-primary)}.control input[type=checkbox]{accent-color:var(--c-primary)}.control input[type=color]{border:1px solid var(--c-border);cursor:pointer;background:0 0;width:32px;height:24px}.control select{background:var(--c-surface);color:var(--c-soft);border:1px solid var(--c-border);font-family:var(--font-mono);font-size:var(--fs-sm);padding:.5rem}.control--button{background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-soft);cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-sm);text-align:left;padding:.75rem}.control--button:hover{background:var(--c-surface-hover)}.control-group{flex-direction:column;gap:.75rem;padding-top:.5rem;display:flex}.control-group__label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-dim);text-transform:uppercase;letter-spacing:.08em}.status{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-dim);letter-spacing:.05em;border:1px solid var(--c-border);background:#0009;padding:.5rem .75rem;position:fixed;bottom:1rem;left:1rem}.status strong{color:var(--c-primary);font-weight:500}.status--paused strong{color:var(--c-accent)}