:root{color:#eee6d8;background:#0d0b0a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:#0d0b0a;overflow:hidden}button{font:inherit}.app-shell{-webkit-user-select:none;user-select:none;background:#0d0b0a;width:100vw;height:100dvh;position:relative;overflow:hidden}.scene-frame{aspect-ratio:16/9;width:max(100vw,177.778dvh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scene-picture,.scene-art,.scene-shade,.blackout-pulse,.blackout-vignette,.survival-lights,.interaction-layer{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.scene-art{object-fit:fill;pointer-events:none;-webkit-user-drag:none}.scene-shade{pointer-events:none;background:radial-gradient(circle at 50% 54%,#0000 48%,#00000014 100%)}.blackout-pulse{pointer-events:none;z-index:1;opacity:0}.blackout-picture{pointer-events:none}.blackout-art{object-fit:fill;filter:brightness(.48)saturate(.9)contrast(1.03)}.blackout-vignette{pointer-events:none;background:radial-gradient(circle at 50% 58%,#00000005 0 24%,#0000001a 60%,#00000047 100%),linear-gradient(#0404040a,#0000001f)}.survival-lights{pointer-events:none}.dial-survival-glow,.dial-survival-spill,.aux-spill{opacity:0;pointer-events:none;display:block;position:absolute;transform:translate(-50%,-50%)}.dial-survival-glow{filter:blur(9px);background:radial-gradient(#ffcb6ca3 0%,#f9aa436b 32%,#a4531821 60%,#0000 82%);border-radius:999px;width:29%;height:8%;top:63.1%;left:49.1%}.dial-survival-spill{filter:blur(18px);background:radial-gradient(#ffa94e30 0%,#c96d321a 34%,#0000 76%);border-radius:50%;width:42%;height:19%;top:65.8%;left:49.2%}.aux-spill{filter:blur(11px);border-radius:50%;width:8%;height:8%}.aux-a{top:52.1%;left:17%}.aux-c{top:54.4%;left:84.7%}.aux-d{top:62.2%;left:87.2%}.aux-f{top:63.2%;left:25.2%}.aux-spill.armed.magenta{background:radial-gradient(circle,#ff67cda3 0%,#ff67cd33 42%,#0000 78%)}.aux-spill.armed.amber{background:radial-gradient(circle,#ffc36bad 0%,#ffc36b38 42%,#0000 78%)}.blackout-pulse.active{animation:blackout-shell var(--flicker-duration,90ms) linear both}.blackout-pulse.active .blackout-picture,.blackout-pulse.active .blackout-vignette{animation:power-cut var(--flicker-duration,90ms) steps(1, end) both}.blackout-pulse.active .dial-survival-glow.powered,.blackout-pulse.active .dial-survival-spill.powered,.blackout-pulse.active .aux-spill.armed{animation:survival-lights-flicker var(--flicker-duration,90ms) steps(1, end) both}@keyframes blackout-shell{0%,to{opacity:1}}@keyframes power-cut{0%,14%,35%,61%,79%,to{opacity:0}15%,34%{opacity:.88}62%,78%{opacity:.62}}@keyframes survival-lights-flicker{0%,14%,35%,61%,79%,to{opacity:0}15%,34%{opacity:1}62%,78%{opacity:.94}}.interaction-layer{z-index:2}.knob,.tuning-zone,.future-node{-webkit-tap-highlight-color:transparent;touch-action:none;background:0 0;border:0;position:absolute}.knob{aspect-ratio:1;cursor:grab;width:8%;transform:rotate(var(--rotation));transform-origin:50%;border-radius:50%;padding:0}.knob:active{cursor:grabbing}.knob-cap{background:radial-gradient(circle at 35% 28%,#ffffff24 0 5%,#0000 6%),radial-gradient(circle,#34312f 0 14%,#1b1a19 48%,#0a0909 74%,#1c1917 100%);border:1px solid #eed6b52e;border-radius:50%;width:62%;height:62%;position:absolute;top:19%;left:19%;box-shadow:inset 0 0 0 1px #000000a6,0 1px 7px #00000047}.knob-cap:after{content:"";background:#c7a979;border-radius:2px;width:2px;height:23%;position:absolute;top:7%;left:calc(50% - 1px);box-shadow:0 0 3px #e1b66959}.knob-volume{top:57.5%;left:28%}.knob-skip{top:57.5%;left:63.5%}.tuning-zone{cursor:default;pointer-events:none;width:20.3%;height:9.8%;transition:opacity .16s;top:59.5%;left:39.1%;overflow:hidden}.tuning-zone.tuning-hidden{opacity:0}.dynamic-tuner{pointer-events:none;background:#f4be68eb;border-radius:2px;width:1.5px;position:absolute;top:16%;bottom:18%;transform:translate(-50%);box-shadow:0 0 5px #f4ad41ad}.radio-glass-power-shade,.tuning-glass-controller{border-radius:3px;width:25.35%;height:8.55%;position:absolute;top:60.25%;left:36.65%}.radio-glass-power-shade{z-index:3;pointer-events:none;opacity:0;background:linear-gradient(#060504e6,#020202f0),radial-gradient(#3c27142e,#0000 70%);transition:opacity .34s;overflow:hidden;box-shadow:inset 0 0 18px #000000eb}.radio-glass-power-shade.off{opacity:.91}.tuning-glass-controller{z-index:4;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:default;outline:0;overflow:visible}.tuning-glass-controller:before{content:"";pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.tuning-glass-controller:focus-visible{outline-offset:1px;outline:1px dashed #ecbc6f59}.transport-panel{z-index:1;color:#e5b36d;letter-spacing:.025em;cursor:default;background:linear-gradient(#120c07f0,#080705f5);border:1px solid #eab25b42;border-radius:3px;grid-template-rows:auto auto auto;gap:4px;padding:6px 8px;font-size:clamp(7px,.65vw,11px);display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;box-shadow:inset 0 0 14px #f39b351c,0 0 9px #0000008c}.transport-panel.radio-off{opacity:.55}.transport-meta{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.transport-title{text-overflow:ellipsis;white-space:nowrap;color:#f1c783;font-weight:600;overflow:hidden}.transport-time{color:#ad8450;font-variant-numeric:tabular-nums;flex:none}.transport-scrubber{accent-color:#d7923b;cursor:ew-resize;width:100%;height:10px;margin:0}.transport-scrubber:disabled{opacity:.28;cursor:default}.transport-controls{justify-content:center;align-items:center;gap:8px;display:flex}.transport-controls button{color:#e4b56d;cursor:pointer;background:#17110b;border:1px solid #e7b56940;border-radius:2px;min-width:28px;height:20px;padding:0 7px;line-height:1}.transport-controls button:hover:not(:disabled){background:#24180e;box-shadow:0 0 6px #e08e3029}.transport-controls button:disabled{opacity:.28;cursor:default}.future-node{aspect-ratio:1;cursor:pointer;border-radius:5px;width:2.25%;padding:0}.future-node-hardware{display:block;position:absolute;top:18%;bottom:18%;left:18%;right:18%}.future-node-light{aspect-ratio:1;opacity:.8;background:#171311;border:1px solid #e6d2b138;border-radius:50%;width:18%;transition:background .12s,box-shadow .12s,opacity .12s;position:absolute;top:7%;right:7%;box-shadow:inset 0 0 3px #000000e6}.future-node.armed .future-node-light.light-magenta{opacity:1;background:#ff5fc8;box-shadow:0 0 4px #ff5fc8,0 0 9px #ff5fc8b3,inset 0 0 2px #ffffffb3}.future-node.armed .future-node-light.light-amber{opacity:1;background:#ffc36b;box-shadow:0 0 4px #ffc36b,0 0 9px #ffb250b3,inset 0 0 2px #ffffffb3}.future-node.push .future-node-hardware{background:radial-gradient(circle at 38% 35%,#ffcf83 0 8%,#8f4e28 23%,#33251d 52%,#0c0b0a 72%);border:1px solid #d5b27b6b;border-radius:50%;box-shadow:0 0 0 2px #00000059,inset 0 0 4px #000000bf}.future-node.toggle .future-node-hardware{background:linear-gradient(90deg,#282522,#5f574f 48%,#171513 52%);border:1px solid #dcc6a247;border-radius:3px;top:14%;bottom:14%;left:25%;right:25%;box-shadow:inset 0 0 3px #000c}.future-node.toggle .future-node-hardware:after{content:"";transform-origin:50% 100%;background:#a99272;border-radius:2px;width:32%;height:48%;transition:transform .16s;position:absolute;top:8%;left:34%;transform:rotate(-12deg);box-shadow:0 2px 3px #0009}.future-node.armed .future-node-hardware{filter:brightness(1.35)}.future-node.push.armed .future-node-hardware{box-shadow:0 0 7px #ff67cdbf,0 0 0 2px #0000004d}.future-node.toggle.armed .future-node-hardware:after{transform:rotate(20deg)}.power-module-label{object-fit:contain;opacity:.84;filter:brightness(.67)saturate(.8)contrast(.95)sepia(.07);transform-origin:50%;pointer-events:none;-webkit-user-select:none;user-select:none;mix-blend-mode:screen;width:5.1%;height:auto;display:block;position:absolute;top:47.58%;left:13.95%;transform:rotate(2.2deg)skew(-4deg);box-shadow:0 1px 2px #00000038}.node-a{top:50.9%;left:15.9%}.node-b{top:61.2%;left:17.6%}.node-c{top:53.2%;left:83.6%}.node-d{top:60.8%;left:86%}.node-e{top:65.2%;left:78.9%}.node-f{top:62%;left:24%}.knob:focus-visible{outline-offset:2px;outline:1px solid #e0ae688c}.tuning-zone:focus-visible{outline-offset:2px;outline:1px solid #e0ae688c}.future-node:focus-visible{outline-offset:2px;outline:1px solid #e0ae688c}.lightbulb-hotspot{cursor:default;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:6.3%;height:17%;padding:0;position:absolute;top:5%;left:17.5%}.lightbulb-hotspot:focus-visible{outline-offset:2px;outline:1px dashed #ffd28e61}.settings-panel{z-index:12;color:#eadbc3;letter-spacing:.02em;background:linear-gradient(#12100ef2,#090807f7),repeating-linear-gradient(90deg,#0000 0 13px,#ffffff04 13px 14px);border:1px solid #e5be8147;border-radius:5px;width:min(360px,88vw);padding:12px;font-size:12px;position:absolute;top:7vh;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0000008c,inset 0 0 0 1px #ffffff06}.settings-header{color:#f0d8b0;letter-spacing:.12em;border-bottom:1px solid #e6c28929;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:9px;font-size:12px;display:flex}.settings-close{color:#d7c1a1;cursor:pointer;background:#151210;border:1px solid #e2c29133;border-radius:3px;width:28px;height:26px}.setting-toggle-row{justify-content:space-between;align-items:center;min-height:36px;margin-bottom:8px;padding:4px 2px;display:flex;position:relative}.setting-toggle-row input{opacity:0;position:absolute}.setting-switch{background:#12100e;border:1px solid #e3c59747;border-radius:2px;width:42px;height:20px;position:relative;box-shadow:inset 0 0 6px #000c}.setting-switch:after{content:"";background:#665c4f;border-radius:2px;width:13px;height:12px;transition:left .12s,background .12s,box-shadow .12s;position:absolute;top:3px;left:4px}.setting-toggle-row input:checked+.setting-switch:after{background:#d89a4a;left:23px;box-shadow:0 0 7px #e09b4670}.setting-block{border-top:1px solid #e6c2891a;padding:10px 2px 6px;display:block}.setting-block.disabled{opacity:.38}.setting-label-line{justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;display:flex}.setting-label-line output{color:#e0ad67;font-size:11px}.setting-block input[type=range]{accent-color:#c98b45;cursor:pointer;width:100%}.setting-hint{color:#8f806d;margin-top:4px;font-size:10px;display:block}.notice{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f0dfc5;letter-spacing:.025em;text-align:center;opacity:0;pointer-events:none;white-space:nowrap;background:#0c0908d6;border:1px solid #ffd6963d;border-radius:5px;min-width:180px;max-width:34vw;padding:.66rem .95rem;font-size:13px;font-weight:600;line-height:1.15;transition:all .16s;position:absolute;top:74.8%;bottom:auto;left:50%;transform:translate(-50%,10px);box-shadow:0 4px 18px #00000047,inset 0 0 0 1px #ffd6960d}.notice.show{opacity:1;transform:translate(-50%)}@media (max-width:700px) and (orientation:portrait){.scene-frame{aspect-ratio:9/16;width:max(100vw,56.25dvh)}.lightbulb-hotspot{width:18%;height:15%;top:1.5%;left:66%}.settings-panel{width:min(360px,90vw);top:max(18px,3dvh)}.knob{width:16%}.knob-volume{top:54%;left:16.8%}.knob-skip{top:54%;left:68.4%}.knob-cap{width:60%;height:60%;top:20%;left:20%}.tuning-zone{width:30.7%;height:5%;top:57%;left:36%}.radio-glass-power-shade,.tuning-glass-controller{border-radius:3px;width:37.45%;height:4.65%;top:57.1%;left:32.65%}.tuning-glass-controller:not(.transport-open):before{pointer-events:auto;top:-85%;bottom:-85%;left:0;right:0}.knob{z-index:5}.transport-panel{padding:4px 6px;font-size:clamp(7px,1.6vw,10px);top:0;bottom:0;left:0;right:0}.transport-controls{gap:5px}.transport-controls button{min-width:25px;height:19px;padding:0 5px}.dynamic-tuner{width:1.5px;top:17%;bottom:17%}.power-module-label{filter:brightness(.6)saturate(.78)contrast(.95)sepia(.08);width:6.2%;top:44.1%;left:2.05%;transform:rotate(1.5deg)skew(-4deg)}.future-node{width:6.2%}.node-a{top:45.7%;left:2.3%}.node-b{top:49.6%;left:4.2%}.node-c{top:37%;left:91%}.node-d{top:42%;left:91.4%}.node-e{top:66.5%;left:84%}.node-f{top:67%;left:77.6%}.dial-survival-glow{filter:blur(10px);width:44%;height:6.7%;top:59.4%;left:50.6%}.dial-survival-spill{filter:blur(20px);width:56%;height:23%;top:63.3%;left:50%}.aux-spill{filter:blur(15px);width:14%;height:14%}.aux-a{top:48.7%;left:5.7%}.aux-c{top:40%;left:94.2%}.aux-d{top:45%;left:94.5%}.aux-f{top:70.1%;left:80.7%}.notice{white-space:normal;text-align:center;min-width:0;max-width:82vw;padding:.58rem .82rem;font-size:12px;top:62.9%}}.dynamic-tuner{opacity:var(--signal-opacity,.82);box-shadow:0 0 var(--signal-glow,3px) #f4ad41b8}.tuning-zone.fringe .dynamic-tuner{background:#f7c26af2}.tuning-zone.locked .dynamic-tuner{background:#ffcd74fa}@media (prefers-reduced-motion:reduce){.blackout-pulse,.blackout-pulse *{animation:none!important}.blackout-pulse{opacity:0!important}.future-node-light,.future-node-hardware{transition:none!important}}