: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,.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%)}.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-window{z-index:14;color:#e7b876;background:linear-gradient(#1d1712fb,#090807fc),repeating-linear-gradient(90deg,#0000 0 17px,#ffffff03 17px 18px);border:1px solid #e7b56957;border-radius:7px;grid-template-rows:auto auto auto;gap:12px;width:43%;min-height:19%;padding:14px 16px 16px;animation:.18s ease-out both transport-rise;display:grid;position:absolute;top:33.4%;left:50%;transform:translate(-50%);box-shadow:0 18px 38px #0009,inset 0 0 0 1px #ffffff06,inset 0 0 24px #cb7e2b14}.transport-window.radio-off{opacity:.62}.transport-window-header{border-bottom:1px solid #e5b46929;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:10px;display:flex}.transport-heading{grid-template-columns:auto 1fr auto;align-items:baseline;gap:10px;min-width:0;display:grid}.transport-kicker{color:#8d724e;letter-spacing:.16em;white-space:nowrap;font-size:clamp(7px,.56vw,10px)}.transport-title{text-overflow:ellipsis;white-space:nowrap;color:#f0c681;letter-spacing:.035em;font-size:clamp(12px,1vw,17px);overflow:hidden}.transport-station{color:#bc8d52;white-space:nowrap;font-size:clamp(9px,.72vw,12px)}.transport-close{color:#e6be83;cursor:pointer;touch-action:manipulation;background:#15110d;border:1px solid #e6be823d;border-radius:4px;flex:none;width:34px;height:34px;margin:-4px -4px 0 0;font-size:24px;line-height:1}.transport-close:hover{background:#251a11}.transport-progress-row{color:#a67c49;font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;font-size:clamp(9px,.7vw,12px);display:grid}.transport-scrubber{accent-color:#d7923b;cursor:ew-resize;touch-action:none;width:100%;height:22px;margin:0}.transport-scrubber:disabled{opacity:.28;cursor:default}.transport-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.transport-controls button{color:#e7b873;cursor:pointer;letter-spacing:.06em;touch-action:manipulation;background:linear-gradient(#1c1510,#100d0a);border:1px solid #e7b56945;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-width:0;height:46px;padding:0 12px;font-size:clamp(9px,.72vw,12px);font-weight:700;line-height:1;display:flex;box-shadow:inset 0 0 0 1px #ffffff05}.transport-controls button>span:first-child{font-size:1.35em}.transport-controls button:hover:not(:disabled){background:linear-gradient(#2b1d12,#17100b);box-shadow:0 0 8px #e08e3024}.transport-controls button:disabled{opacity:.28;cursor:default}@keyframes transport-rise{0%{opacity:0;transform:translate(-50%,18px)scale(.985)}to{opacity:1;transform:translate(-50%)scale(1)}}.rotate-device-overlay{z-index:50;color:#d9b47c;letter-spacing:.18em;text-align:center;background:radial-gradient(circle at 50% 48%,#4f341c33,#0000 34%),#080706fb;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:14px;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.rotate-device-icon{border:2px solid #dcb77eb3;border-radius:7px;width:42px;height:68px;position:relative;transform:rotate(-90deg);box-shadow:0 0 12px #c985361f}.rotate-device-icon:after{content:"";background:#dcb77eb8;border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;bottom:5px;left:50%}.rotate-device-icon span{border-top:2px solid #dcb77e9e;border-right:2px solid #dcb77e9e;border-radius:0 16px 0 0;width:24px;height:24px;position:absolute;top:-14px;right:-18px}.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}.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 (hover:none) and (pointer:coarse) and (orientation:portrait){.scene-frame{aspect-ratio:16/9;width:max(100vw,177.778dvh)}.rotate-device-overlay{display:flex}}.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{box-shadow:0 0 var(--signal-glow,5px) #e1302ad1, 0 0 7px #9614126b;background:#dc302afa}@media (hover:none) and (pointer:coarse) and (orientation:landscape){.tuning-glass-controller:before{pointer-events:auto;top:-95%;bottom:-95%;left:-8%;right:-8%}.transport-window{border-radius:8px;gap:14px;width:68%;min-height:31%;padding:15px 17px 17px;top:20.2%}.transport-window-header{padding-bottom:11px}.transport-heading{grid-template-columns:1fr auto;grid-template-areas:"kicker station""title station";row-gap:3px}.transport-kicker{grid-area:kicker;font-size:9px}.transport-title{grid-area:title;font-size:clamp(14px,2.1vw,18px)}.transport-station{grid-area:station;align-self:center;font-size:11px}.transport-close{width:44px;height:44px;font-size:30px}.transport-progress-row{gap:12px;font-size:11px}.transport-scrubber{height:34px}.transport-controls{gap:12px}.transport-controls button{border-radius:5px;gap:7px;height:54px;padding:0 10px;font-size:clamp(10px,1.55vw,13px)}}@media (prefers-reduced-motion:reduce){.transport-window{animation:none!important}.future-node-light,.future-node-hardware{transition:none!important}}