:root{--night:#070b1c;--blue:#43b6ef;--gold:#d3a544;--ivory:#fffdf3}*{box-sizing:border-box}html{background:var(--night)}body{min-height:100vh;color:var(--ivory);background:radial-gradient(circle at 22% 15%,#26376b 0,#0000 35%),radial-gradient(circle at 80% 75%,#4b285f 0,#0000 32%),#070b1c;margin:0;font-family:Yu Gothic,Hiragino Kaku Gothic ProN,system-ui,sans-serif}button{font:inherit}.shell{grid-template-columns:1fr minmax(320px,420px);align-items:center;gap:clamp(28px,7vw,90px);width:min(1080px,100%);min-height:100vh;margin:auto;padding:28px;display:grid}.copy{justify-items:start;display:grid}.eyebrow{color:#80cff4;letter-spacing:.35em;margin:0 0 18px;font-size:10px;font-weight:800}h1{letter-spacing:-.06em;margin:0;font:900 clamp(52px,8vw,92px)/.83 Georgia,serif}h1 span{color:#0000;-webkit-text-stroke:1px #f7dfaa;text-shadow:0 0 38px #56bff344}.lead{color:#c4cde7;max-width:31em;line-height:1.9}dl{gap:10px;margin:18px 0 24px;display:flex}dl div{background:#ffffff08;border-left:1px solid #d3a544;padding:9px 13px}dt{color:#d8b35b;letter-spacing:.2em;font-size:9px}dd{margin:3px 0 0;font-size:12px}.actions{gap:10px;display:flex}.copy button,.veil button{color:#10162b;letter-spacing:.12em;cursor:pointer;background:linear-gradient(135deg,#fffdf3,#d9b653);border:1px solid #efd685;padding:14px 24px;font-weight:900;box-shadow:0 0 28px #e1b64b30}.copy button.ghost{color:#d9e9ff;box-shadow:none;background:#0c1530;border-color:#6ebde366}.copy small{color:#737f9f;margin-top:16px}.cabinet{background:#0c1127;border:1px solid #dfbf6f88;position:relative;overflow:hidden;box-shadow:0 30px 90px #000b,0 0 70px #3c8ec523}.hud{color:#8591b5;letter-spacing:.14em;background:#090d1de8;border-bottom:1px solid #d4ad4d55;grid-template-columns:1fr 1fr 1fr;align-items:center;height:48px;padding:0 13px;font-size:7px;display:grid}.hud span{gap:3px;display:grid}.hud span:nth-child(2){text-align:center}.hud span:last-child{text-align:right}.hud b{color:#f6e9c2;min-height:13px;font-size:11px}.power-rack{z-index:3;pointer-events:none;gap:5px;display:flex;position:absolute;top:55px;left:10px}.power-rack i{letter-spacing:.08em;opacity:.72;background:#07101fd9;border:1px solid;border-radius:8px;padding:3px 6px;font:800 7px/1 system-ui,sans-serif}.power-red{color:#ff7373}.power-blue{color:#62ceff}.power-yellow{color:#ffe670}.power-yellow.active{opacity:1;box-shadow:0 0 10px #ffe36a66}.boss-gauge{z-index:3;background:#090819;border:1px solid #e5c67280;height:5px;position:absolute;top:79px;left:18px;right:18px}.boss-gauge i{background:linear-gradient(90deg,#6cc9f3,#d978f4);height:100%;transition:width .12s linear;display:block;box-shadow:0 0 12px #c368ed}canvas{touch-action:none;width:100%;height:auto;display:block}.veil{z-index:4;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#081021ba;place-content:center;justify-items:center;gap:12px;padding:20px;display:grid;position:absolute;inset:48px 0 43px}.veil p{color:#73cdf6;letter-spacing:.28em;margin:0;font-size:9px;font-weight:900}.veil strong{color:#f7dfaa;letter-spacing:.08em;font:700 22px Georgia,serif}.veil button{margin-top:8px}.mobile-controls{color:#657392;background:#080c1c;justify-content:space-between;align-items:center;min-height:43px;padding:5px 9px;font-size:9px;display:flex}.mobile-controls button{color:#f8dd91;touch-action:manipulation;background:#2b163d;border:1px solid #d7ad4e;border-radius:18px;padding:7px 13px;font-weight:900}.mobile-controls button b{color:#fff}.audio-controls{align-items:center;gap:6px;display:flex}.audio-controls button.sound-toggle{color:#a9dcf3;cursor:pointer;background:#0b1730;border-color:#5eb9df66;min-width:51px;padding:5px 8px;font-size:8px}.audio-controls input{accent-color:#d7ad4e;cursor:pointer;width:72px}.audio-controls span{color:#8293b9;text-align:right;font-variant-numeric:tabular-nums;min-width:28px}@media (max-width:780px){.shell{grid-template-columns:1fr;justify-items:center;padding:20px 12px}.copy{text-align:center;justify-items:center}h1{font-size:54px}dl{flex-wrap:wrap;justify-content:center}.cabinet{width:min(420px,100%)}.lead{font-size:13px}.copy small{max-width:38em}}