*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0}#css3d{position:absolute;inset:0;z-index:0;pointer-events:none}#css3d *{pointer-events:none!important}#css3d iframe{position:absolute;inset:0;width:100%;height:100%;border:0}#webgl{position:absolute;inset:0;z-index:1;display:block;pointer-events:none}#ui{position:absolute;inset:0;z-index:2;pointer-events:none}body.cursor-idle,body.cursor-idle *{cursor:none!important}.fade-overlay{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#0b0c10;opacity:1;transition-property:opacity;transition-timing-function:ease-out;pointer-events:none}.fade-overlay--clear{opacity:0}.fade-overlay--ready{pointer-events:auto;cursor:pointer}.boot-splash{display:flex;flex-direction:column;align-items:center;gap:22px}.boot-splash__logos{display:flex;align-items:center;gap:12px}.boot-splash__logos img{height:44px;width:auto;display:block}.boot-splash__bar{width:260px;height:8px;border-radius:999px;background:#17181d;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 3px #000000a6;overflow:hidden;transition:opacity .45s ease}.boot-splash__bar--hidden{opacity:0}.boot-splash__bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#d8a44a,#ffb84d);transition:width .25s ease}.boot-splash__text{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;font-weight:700;letter-spacing:.14em;color:#6fe08a;text-shadow:0 0 6px rgba(110,224,138,.55);animation:rc-tune-blink 1.4s ease-in-out infinite}@keyframes rc-tune-blink{0%,to{opacity:1}50%{opacity:.45}}.boot-splash__title{position:relative;display:inline-block;padding:5px 14px;border:1px solid rgba(110,224,138,.5);border-radius:4px;background:#0b120d;overflow:hidden}.boot-splash__title-word{font-size:20px;font-weight:700;letter-spacing:.16em;white-space:nowrap;color:#6fe08a;text-shadow:0 0 6px rgba(110,224,138,.55)}.boot-splash__title-word--dim{color:#6ee08a33;text-shadow:none}.boot-splash__title-fill{position:absolute;top:0;left:0;bottom:0;width:var(--pct, 0%);overflow:hidden;background:#6ee08a29;transition:width .3s ease}.boot-splash__title-fill .boot-splash__title-word{position:absolute;top:5px;left:14px}.boot-splash__enter{display:flex;flex-direction:column;align-items:center;gap:12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;font-weight:700;letter-spacing:.14em;color:#6fe08a;text-shadow:0 0 6px rgba(110,224,138,.55)}.boot-splash__enter svg{width:42px;height:42px;filter:drop-shadow(0 0 6px rgba(110,224,138,.5));animation:rc-tap 1.3s ease-in-out infinite;transition:opacity .45s ease}.boot-splash__enter--loading svg{opacity:0}@keyframes rc-tap{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(4px) scale(.9)}}.radio-key{display:grid;place-items:center;width:34px;height:30px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#0b0c0f;color:#d8a44a;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.radio-key:hover{background:#17181d;box-shadow:inset 0 0 6px #ffb84d33}.radio-key:focus-visible{outline:2px solid var(--rc-accent, #8f7bff);outline-offset:1px}.radio-key--main{width:42px;height:34px;color:#ffd287;border-color:#ffb84d59;box-shadow:inset 0 0 8px #ffb84d2e}.song-fader{position:relative;flex:0 1 92px;height:16px;margin-left:4px}.song-fader:before{content:"";position:absolute;inset:4.5px 0;border-radius:999px;background:#17181d;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 3px #000000a6}.song-fader:after{content:"";position:absolute;top:4.5px;bottom:4.5px;left:0;width:calc(8px + (100% - 16px) * var(--vol, .5));border-radius:999px;background:linear-gradient(90deg,#d8a44a,#ffb84d);pointer-events:none}.radio-volume{-webkit-appearance:none;appearance:none;position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;background:transparent;border:none;box-shadow:none;outline:none;cursor:pointer}.radio-volume::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3d4048,#14151a 72%);border:2px solid #d8a44a;box-shadow:0 0 6px #ffb84d73,inset 0 1px 1px #ffffff2e;cursor:grab}.radio-volume::-webkit-slider-thumb:active{cursor:grabbing;box-shadow:0 0 12px #ffb84dcc,inset 0 1px 1px #ffffff2e}.radio-volume:hover::-webkit-slider-thumb{box-shadow:0 0 10px #ffb84db3,inset 0 1px 1px #ffffff2e}.radio-volume::-moz-range-track{background:transparent}.radio-volume::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3d4048,#14151a 72%);border:2px solid #d8a44a;box-shadow:0 0 6px #ffb84d73;cursor:grab}.radio-volume:focus-visible{outline:2px solid var(--rc-accent, #8f7bff);outline-offset:2px}.tv-screen:fullscreen{transform:none!important;width:100vw!important;height:100vh!important;background:#000!important}.tv-screen:fullscreen iframe,.tv-screen:fullscreen>div{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.tv-screen:-webkit-full-screen{transform:none!important;width:100vw!important;height:100vh!important;background:#000!important}.tv-screen:-webkit-full-screen iframe,.tv-screen:-webkit-full-screen>div{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.brand-header{position:absolute;z-index:5;left:3%;top:calc(12% - 12px);transform:translateY(-100%);width:340px;display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#1a1b20,#15161b);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff0f,0 8px 24px #00000080;pointer-events:none;transition:opacity .35s ease}.brand-header a{display:block;pointer-events:auto;cursor:pointer;transition:transform .15s ease,filter .15s ease}.brand-header a:hover{transform:translateY(-1px);filter:brightness(1.08)}.brand-header img{height:34px;width:auto;display:block}.brand-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.brand-share,.brand-fs{pointer-events:auto;width:40px;height:34px}.brand-share svg,.brand-fs svg{width:25px;height:25px}.brand-share-wrap{position:relative;display:inline-flex;pointer-events:auto}.brand-share__pop{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);pointer-events:auto}.brand-share__pop .radio-key{pointer-events:auto;display:grid;place-items:center}.song-list{position:absolute;left:3%;top:12%;width:340px;display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#1a1b20,#101114);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff0f,0 8px 24px #00000080;pointer-events:auto;transition:opacity .35s ease}.song-list--hidden{opacity:0;pointer-events:none}.song-list__header{display:flex;align-items:center;justify-content:space-between}.song-list__actions{display:flex;align-items:center;gap:6px}.song-list__actions .radio-key{width:40px;height:34px}.song-list__actions .radio-key svg{width:25px;height:25px}.radio-key--on{background:#2b2113;color:#ffb84d;border-color:#ffb84d66;box-shadow:inset 0 0 8px #ffb84d73,0 0 6px #ffb84d4d}.share-pop{display:flex;align-items:center;gap:6px;padding:7px;border-radius:8px;background:#060708;border:1px solid rgba(255,255,255,.1)}.share-pop a,a.radio-key{text-decoration:none}.song-list__tag{font-size:12px;font-weight:700;letter-spacing:.16em;color:#d8a44a;border:1px solid rgba(216,164,74,.45);border-radius:3px;padding:2px 6px}.song-list__screen{list-style:none;margin:0;padding:6px 4px;border-radius:6px;background:#060708;border:1px solid rgba(255,255,255,.07);max-height:272px;overflow-y:scroll}.song-list__screen::-webkit-scrollbar{width:8px}.song-list__screen::-webkit-scrollbar-track{background:#ffffff0f;border-radius:4px}.song-list__screen::-webkit-scrollbar-thumb{background:#6ee08a8c;border-radius:4px;border:2px solid #060708}.song-list__screen::-webkit-scrollbar-thumb:hover{background:#6ee08acc}.song-row{display:flex;align-items:baseline;gap:8px;width:100%;padding:6px 8px;border:none;border-radius:4px;background:transparent;text-align:left;cursor:pointer;font-family:ui-monospace,SF Mono,Menlo,monospace;color:#3f7a4d;transition:background .15s ease,color .15s ease}.song-row:hover{background:#6ee08a14;color:#58a86a}.song-row:focus-visible{outline:2px solid var(--rc-accent, #8f7bff);outline-offset:1px}.song-row__marker{flex-shrink:0;font-size:12px;font-weight:700;width:22px}.song-row__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.song-row--current{color:#6fe08a;background:#6ee08a1a;text-shadow:0 0 6px rgba(110,224,138,.55)}.song-list__empty{padding:10px 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;letter-spacing:.1em;color:#3f7a4d}.song-keys{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:2px 2px 0}.song-keys .radio-key{width:40px;height:34px}.song-keys .radio-key svg{width:25px;height:25px}.song-keys .radio-key--main{width:48px;height:38px}.song-keys .radio-key--main svg{width:27px;height:27px}.right-dock{position:absolute;right:3%;bottom:26px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}.right-dock>*{pointer-events:auto}.vehicle-board{width:max-content;display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#1a1b20,#101114);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff0f,0 8px 24px #00000080;pointer-events:auto;transition:opacity .35s ease}.vehicle-board--hidden{opacity:0;pointer-events:none}.vb-control{display:flex;align-items:center;justify-content:flex-start;gap:14px}.vb-label{display:grid;place-items:center;min-width:26px;color:#8f93a0}.vb-segments{display:flex;gap:4px}.vb-seg{width:38px;height:30px;border:1px solid rgba(255,255,255,.08);border-radius:5px;background:#0b0c0f;color:#5b5f6b;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.vb-seg--lit{background:#2b2113;color:#ffb84d;box-shadow:inset 0 0 6px #ffb84d59}.vb-seg--active{background:#3a2c15;color:#ffd287;box-shadow:inset 0 0 8px #ffb84d8c,0 0 6px #ffb84d59}.vb-seg:focus-visible{outline:2px solid var(--rc-accent, #8f7bff);outline-offset:1px}.vb-seg:disabled{opacity:.3;cursor:default}.vb-lever-group{display:flex;align-items:center;gap:8px;width:206px}.vb-lever{position:relative;flex:1;height:26px;display:flex;align-items:center}.vb-lever:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:6px;border-radius:999px;background:#17181d;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 3px #000000a6}.vb-lever:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:6px;width:calc(9px + (100% - 18px) * var(--pos, 0));border-radius:999px;background:linear-gradient(90deg,#d8a44a,#ffb84d);pointer-events:none}.vb-lever__ticks{position:absolute;inset:0 9px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:1}.vb-lever__ticks i{width:2px;height:9px;border-radius:1px;background:#ffffff29}.vb-lever__ticks i.on{background:#ffb84d99}.vb-lever__range{-webkit-appearance:none;appearance:none;position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;background:transparent;cursor:pointer}.vb-lever__range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3d4048,#14151a 72%);border:2px solid #d8a44a;box-shadow:0 0 6px #ffb84d73,inset 0 1px 1px #ffffff2e;cursor:grab}.vb-lever__range:hover::-webkit-slider-thumb{box-shadow:0 0 10px #ffb84db3,inset 0 1px 1px #ffffff2e}.vb-lever__range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3d4048,#14151a 72%);border:2px solid #d8a44a;box-shadow:0 0 6px #ffb84d73;cursor:grab}.vb-lever__range::-moz-range-track{background:transparent}.vb-lever__range:focus-visible{outline:2px solid var(--rc-accent, #8f7bff);outline-offset:2px}.vb-lever__val{flex-shrink:0;width:40px;height:30px;display:grid;place-items:center;border-radius:5px;background:#0b0c0f;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 2px #00000080;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;font-weight:700;color:#9a8a5a}.vb-rocker{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#0b0c0f;color:#5b5f6b;font-size:12px;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:color .15s ease,box-shadow .15s ease}.vb-rocker--on{color:#9fe6a0;box-shadow:inset 0 0 8px #6ee68240}.vb-rocker-led{width:7px;height:7px;border-radius:50%;background:#3a3d45}.vb-rocker--on .vb-rocker-led{background:#52e06a;box-shadow:0 0 6px #52e06ae6}.vb-rocker:focus-visible{outline:2px solid var(--rc-accent, #8f7bff);outline-offset:1px}.pedal-panel{position:absolute;left:3%;bottom:26px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#1a1b20,#101114);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff0f,0 8px 24px #00000080;pointer-events:auto;transition:opacity .35s ease}.pedal-panel--hidden{opacity:0;pointer-events:none}.pedal-readout{min-width:64px;text-align:center;padding:3px 10px;border-radius:5px;background:#060708;border:1px solid rgba(255,255,255,.07);color:#6fe08a;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;font-weight:700;letter-spacing:.08em;text-shadow:0 0 6px rgba(110,224,138,.6)}.pedal-row{display:flex;align-items:flex-end;gap:12px}.pedal{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;cursor:pointer;padding:0;touch-action:none;user-select:none;-webkit-user-select:none}.pedal__face{display:block;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:repeating-linear-gradient(180deg,#2c2e33 0px 6px,#1c1d21 6px 10px);box-shadow:inset 0 2px 3px #ffffff14,0 5px 10px #0000008c;transform:perspective(240px) rotateX(18deg);transition:transform .12s ease,box-shadow .12s ease}.pedal--brake .pedal__face{width:58px;height:46px}.pedal--gas .pedal__face{width:40px;height:66px}.pedal--pressed .pedal__face{transform:perspective(240px) rotateX(34deg) translateY(3px);box-shadow:inset 0 2px 6px #00000080,0 2px 4px #0009}.pedal--gas.pedal--pressed .pedal__face{border-color:#8ce69680}.pedal--brake.pedal--pressed .pedal__face{border-color:#f05a508c}.pedal__label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#8f93a0}.rotate-gate{display:none}@media(orientation:portrait)and (max-width:880px){.rotate-gate{display:none}.brand-header{inset:auto auto 10px 50%;transform:translate(-50%);width:auto;gap:8px;padding:5px 10px}.brand-header img{height:22px}.brand-share,.brand-fs{width:28px;height:26px}.brand-share svg,.brand-fs svg{width:18px;height:18px}.song-list{top:8px;left:50%;right:auto;transform:translate(-50%) scale(.9);transform-origin:top center;width:94vw;max-width:360px}.song-list__screen{max-height:14vh}.pedal-panel{left:8px;bottom:56px;transform:scale(.72);transform-origin:bottom left}.right-dock{inset:auto 8px 56px auto;flex-direction:column;align-items:flex-end;gap:8px;transform:scale(.72);transform-origin:bottom right}}@keyframes rc-rotate-phone{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@media(orientation:landscape)and (max-height:520px){.brand-header{inset:8px 10px auto auto;transform:none;width:auto;gap:6px;padding:5px 8px}.brand-header img{height:20px}.brand-share,.brand-fs{width:26px;height:24px}.brand-share svg,.brand-fs svg{width:18px;height:18px}.song-list{top:10px;left:10px;transform:scale(.72);transform-origin:top left}.song-list__screen{max-height:30vh}.pedal-panel{left:10px;bottom:10px;transform:scale(.72);transform-origin:bottom left}.right-dock{right:10px;bottom:10px;flex-direction:row-reverse;align-items:flex-end;gap:10px;transform:scale(.72);transform-origin:bottom right}}