*{box-sizing:border-box}:root{--bg:#03020a;--panel:#0b0718cc;--hot:#ff2bd6;--cyan:#26f7ff;--lime:#b7ff5a;--gold:#ffec70;--ink:#fff4ff;--muted:#b8aee8;--line:#ffffff26}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:hidden;background:radial-gradient(circle at 12% 10%,#ff2bd633,transparent 28rem),radial-gradient(circle at 86% 12%,#26f7ff2b,transparent 30rem),radial-gradient(circle at 45% 90%,#b7ff5a1c,transparent 28rem),linear-gradient(135deg,#03020a,#09031b 45%,#020715)}body::before{content:"";position:fixed;inset:-20%;pointer-events:none;background:conic-gradient(from 120deg at 50% 50%,transparent,#ff2bd612,transparent,#26f7ff12,transparent);animation:orbit 18s linear infinite}.noise,.scan{position:fixed;inset:0;pointer-events:none;z-index:1}.noise{opacity:.12;background-image:repeating-radial-gradient(circle at 10% 20%,#fff 0 1px,transparent 1px 8px);mix-blend-mode:screen}.scan{opacity:.18;background:repeating-linear-gradient(0deg,transparent 0 6px,#ffffff0b 7px,#0000 9px)}@keyframes orbit{to{transform:rotate(360deg)}}button{cursor:pointer;border:1px solid #ffffff44;background:linear-gradient(180deg,#ffffff18,#00000044);color:#fff;border-radius:14px;padding:12px 16px;font:inherit;letter-spacing:.04em;box-shadow:inset 0 0 18px #ffffff0d,0 0 0 #ff2bd600;transition:transform .18s ease,box-shadow .18s ease,border .18s ease}button:hover,button:focus-visible{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 0 24px #26f7ff44,0 0 48px #ff2bd622;outline:none}.app{position:relative;z-index:2;max-width:1380px;margin:auto;padding:clamp(14px,2.5vw,34px)}.hero{position:relative;overflow:hidden;border:1px solid #ff2bd655;border-radius:34px;padding:clamp(22px,3vw,40px);background:linear-gradient(135deg,#120823dd,#071a2bdd),radial-gradient(circle at 20% 0,#ff2bd655,transparent 34%),radial-gradient(circle at 90% 10%,#26f7ff44,transparent 32%);box-shadow:0 0 60px #ff2bd622, inset 0 0 60px #26f7ff10;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end}.hero::after{content:"╱ ╲ ╱ ╲ ╱ ╲ ╱ ╲ ╱ ╲ ╱ ╲";position:absolute;right:-20px;top:18px;color:#ffffff10;font-size:40px;letter-spacing:10px}.kicker{color:var(--cyan);text-shadow:0 0 18px var(--cyan);letter-spacing:.16em}.hero h1{display:grid;font-size:clamp(3.6rem,12vw,11rem);line-height:.72;margin:.04em 0;text-transform:uppercase;letter-spacing:-.11em;text-shadow:0 0 16px #fff,0 0 42px var(--hot),0 0 82px var(--cyan)}.hero h1 span:nth-child(2){color:#120015;-webkit-text-stroke:1px var(--gold);text-shadow:0 0 24px var(--gold),0 0 48px var(--hot);transform:skewX(-8deg)}.subtitle{max-width:760px;color:#ded6ff;font-size:clamp(1rem,1.5vw,1.25rem)}.hero-hud{display:grid;gap:10px;align-self:stretch;align-content:end}.sigil,.radar{margin:0;color:var(--gold);text-shadow:0 0 18px var(--gold),0 0 42px var(--hot);font-size:clamp(12px,1.35vw,17px);filter:drop-shadow(0 0 18px #ffec7044);padding:12px;border:1px solid #ffffff1f;border-radius:18px;background:#0007}.radar{color:var(--cyan);text-shadow:0 0 18px var(--cyan),0 0 40px #26f7ff66;animation:pulseRadar 2.4s ease-in-out infinite}@keyframes pulseRadar{50%{filter:brightness(1.35) drop-shadow(0 0 24px #26f7ff66)}}.status-row{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.status-row span{border:1px solid #ffffff26;border-radius:999px;padding:8px 12px;background:#0008;box-shadow:inset 0 0 18px #ffffff0a;color:#eae5ff}.transport{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.cinema-frame{border:1px solid #ffffff24;border-radius:32px;background:linear-gradient(180deg,#ffffff0a,#00000024);box-shadow:0 0 80px #000,inset 0 0 90px #0008;overflow:hidden}.marquee{white-space:nowrap;overflow:hidden;padding:10px 16px;color:var(--cyan);background:#000b;text-shadow:0 0 16px var(--cyan);letter-spacing:.16em}.marquee.top{border-bottom:1px solid #ffffff1a}.marquee.bottom{border-top:1px solid #ffffff1a;color:var(--hot);text-shadow:0 0 16px var(--hot)}.booth{display:grid;grid-template-columns:minmax(280px,1fr) minmax(310px,.95fr) minmax(280px,1fr);gap:18px;padding:18px}.deck,.mixer,.policy{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff10,#ffffff05 38%,#00000038);border-radius:26px;padding:18px;box-shadow:0 0 38px #0008,inset 0 0 38px #ffffff08;overflow:hidden}.deck::before,.mixer::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 0 20%,#ffffff10 22%,transparent 24% 100%);animation:sweep 7s ease-in-out infinite}.deck::after,.mixer::after{content:"╳ ╳ ╳";position:absolute;right:12px;bottom:8px;color:#ffffff12;letter-spacing:8px}.deck-title,.mixer-title{position:relative;display:flex;justify-content:space-between;gap:10px;color:var(--cyan);margin-bottom:12px;letter-spacing:.08em;text-shadow:0 0 14px var(--cyan)}.deck-title strong{color:var(--gold);text-shadow:0 0 14px var(--gold)}.platter{font-size:clamp(15px,2.35vw,31px);line-height:1.02;text-align:center;color:#fff;text-shadow:0 0 18px var(--cyan);transition:transform .08s linear;margin:12px 0;transform-origin:center}.playing .platter{animation:spinText 1.2s linear infinite;color:var(--gold);text-shadow:0 0 24px var(--hot),0 0 44px var(--gold)}.cue{animation:cueFlash .16s linear 3}@keyframes spinText{0%{transform:rotate(0deg) scale(1)}100%{transform:rotate(360deg) scale(1)}}@keyframes cueFlash{50%{filter:brightness(1.8);box-shadow:0 0 60px var(--gold)}}@keyframes sweep{0%,70%{transform:translateX(-110%)}100%{transform:translateX(110%)}}.hudline{display:flex;justify-content:space-between;gap:10px;color:#f0eaff;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;padding:8px 0;margin:10px 0}.hudline b{color:var(--hot);text-shadow:0 0 14px var(--hot);letter-spacing:2px}.wave{font-size:clamp(22px,3.6vw,42px);letter-spacing:2px;white-space:nowrap;overflow:hidden;color:var(--lime);text-shadow:0 0 14px var(--lime);filter:drop-shadow(0 0 20px #b7ff5a44)}.readout{margin:12px 0;color:#e8ddff}.deck-buttons{display:flex;gap:8px;flex-wrap:wrap}.mixer{text-align:center}.reactor{margin:8px auto 14px;color:#f7edff;text-shadow:0 0 18px #fff,0 0 34px var(--hot);font-size:clamp(11px,1.38vw,17px);line-height:1.12}.meter{display:flex;justify-content:space-between;font-size:28px;color:#62ff9b;margin:18px 0;text-shadow:0 0 14px #62ff9b}.xfade{font-size:clamp(20px,3vw,31px);margin:12px 0;color:var(--gold);text-shadow:0 0 12px var(--gold)}input[type=range]{width:100%;accent-color:var(--hot)}.ai-log{min-height:104px;text-align:left;white-space:pre-wrap;border:1px solid #ffffff18;border-radius:18px;padding:12px;background:#0009;color:#dffcff;box-shadow:inset 0 0 20px #26f7ff10}.keys{margin-top:12px;color:var(--muted);font-size:.88rem}.policy{margin:18px 0;color:#eee;background:#0008}.policy h2{margin-top:0;color:var(--gold);text-shadow:0 0 14px var(--gold)}@media(max-width:980px){.hero{grid-template-columns:1fr}.booth{grid-template-columns:1fr}.sigil{justify-self:start}.app{padding:12px}.hero h1{font-size:clamp(3rem,20vw,7rem)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}