@font-face{font-family:Arcade;src:local('Bahnschrift')}*{box-sizing:border-box} :root{color-scheme:dark;--cyan:#69ffe0;--muted:#7a8caa;--bg:#080b16;--line:#233144}body{margin:0;background:radial-gradient(ellipse at 70% 0%,#11252b 0%,#080b16 48%);color:#eaf4ff;font-family:Arcade,'Segoe UI','Yu Gothic UI',sans-serif;min-height:100vh}.shell{width:min(1400px,96vw);margin:0 auto}.masthead{height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:15px;font-size:13px;font-weight:700;letter-spacing:2px}.brand-icon{font-size:27px;letter-spacing:-3px;border-right:1px solid var(--line);padding-right:18px}.brand-icon span{color:var(--cyan);padding:0 2px}.brand small{display:block;color:var(--muted);font-size:8px;font-weight:400;letter-spacing:2px;margin-top:6px}.system-status{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:2px;color:#839eb4}.system-status i,.live-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px #69ffe066;display:inline-block}.divider{padding:0 12px;color:#364659}.top-actions{display:flex;gap:10px}button,select,input{font:inherit}button{cursor:pointer;color:inherit;transition:background .15s,border-color .15s,transform .15s}button:hover{border-color:var(--cyan);background:#163534}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.icon-button{background:transparent;border:1px solid #253344;padding:9px 12px;font-size:10px;letter-spacing:1px;border-radius:3px}#fullscreen{font-size:20px;padding:2px 12px}.arena{position:relative;width:100%;aspect-ratio:3/2;max-height:calc(100dvh - 140px);margin:auto;background:#050a14;overflow:hidden;border:1px solid #203b46;border-radius:5px;box-shadow:0 25px 100px #0009;isolation:isolate}.arena:fullscreen{max-height:100dvh;width:100vw;height:100dvh;aspect-ratio:auto;border:0;display:flex;align-items:center;justify-content:center}canvas{display:block;width:100%;height:100%;object-fit:contain;touch-action:none}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#00000013 3px 4px);opacity:.4;z-index:2}.corner{position:absolute;width:17px;height:17px;border-color:#69ffe0;opacity:.6;pointer-events:none;z-index:5}.c1{top:0;left:0;border-top:1px solid;border-left:1px solid}.c2{top:0;right:0;border-top:1px solid;border-right:1px solid}.c3{bottom:0;left:0;border-bottom:1px solid;border-left:1px solid}.c4{bottom:0;right:0;border-bottom:1px solid;border-right:1px solid}.screen{position:absolute;inset:0;z-index:4}.hidden{display:none!important}.title-screen{background:linear-gradient(90deg,#070e1beb 0%,#070e1b99 38%,transparent 75%);display:flex;align-items:center}.title-copy{margin-left:7%;width:48%;margin-top:-5%}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--cyan);display:flex;align-items:center;gap:10px;line-height:1.8}.eyebrow>span{display:inline-block;width:24px;height:1px;background:var(--cyan)}h1{font-weight:800;font-size:clamp(40px,7.5vw,110px);letter-spacing:-4px;line-height:.89;margin:26px 0 20px;text-shadow:0 0 40px #92ffff14}h1>span{color:var(--cyan)}h1 b{display:block;font-family:'Yu Gothic UI',sans-serif;font-size:11px;font-weight:400;letter-spacing:5px;color:#8eaab6;margin-top:22px;line-height:1.4}.intro{font-size:13px;color:#a5b7cb;line-height:1.9;margin:0 0 25px}.menu-controls{max-width:320px}.select-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin:0 0 12px}select{background:#0c1823;color:#d7e4ed;border:1px solid #263f4e;padding:8px 10px;border-radius:2px;font-size:11px;cursor:pointer}.primary{background:var(--cyan);border:1px solid var(--cyan);color:#071815;display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 20px;font-size:14px;font-weight:700;border-radius:2px;box-shadow:0 0 24px #69ffe012}.primary:hover{background:#a5ffe9;box-shadow:0 0 28px #69ffe035}.primary span{font-size:10px;letter-spacing:2px}.menu-secondary{display:flex;gap:10px;margin-top:10px}.menu-secondary button,.secondary{background:#0c1623b3;border:1px solid #2b3b4b;padding:13px 15px;border-radius:2px;font-size:11px}.menu-secondary button{width:50%;display:flex;justify-content:space-between}.menu-secondary button span{color:var(--cyan)}.start-hint{font-size:8px;letter-spacing:1.5px;color:#60778a;margin-top:19px}.start-hint span{padding:0 6px;color:var(--cyan)}.hero-caption{position:absolute;right:6%;bottom:20%;text-align:right;border-right:2px solid #69ffe070;padding-right:14px}.tiny-label{font-size:8px;letter-spacing:3px;color:var(--cyan)}.hero-caption strong{display:block;font-size:21px;letter-spacing:3px;margin-top:8px}.hero-caption p{font-size:8px;color:#728a9d;letter-spacing:2px;line-height:1.8}.sector-strip{position:absolute;bottom:6%;left:7%;right:7%;border-top:1px solid #29424d80;padding-top:24px;display:flex;align-items:center;gap:23px}.sector-strip>span{font-size:8px;letter-spacing:2px;color:var(--muted);margin-right:auto}.sector-strip b{font-size:13px;color:#608b98;font-weight:400}.sector-strip b:first-of-type{color:var(--cyan)}.sector-strip i{height:1px;background:#263e48;width:6%}.sector-strip small{font-size:8px;margin-left:8px;letter-spacing:2px}.modal-screen{background:#040913c9;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:20px}.panel{width:390px;max-width:100%;padding:30px;background:linear-gradient(140deg,#122333,#080f1d);border:1px solid #355062;border-top:2px solid var(--cyan);box-shadow:0 20px 80px #0008;max-height:100%;overflow:auto}.panel .eyebrow{font-size:8px;margin:0}.panel h2{font-size:42px;letter-spacing:2px;margin:10px 0 14px}.panel>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#9fb5c7;margin-bottom:24px}.panel .secondary{width:100%;margin-top:10px}.settings-panel{width:450px}.settings-panel h2{font-size:30px;margin:8px 0 20px}.settings-panel>label{display:flex;justify-content:space-between;align-items:center;min-height:40px;font-size:12px;border-bottom:1px solid #243747;padding:7px 0}input[type=checkbox],input[type=range]{accent-color:var(--cyan)}input[type=range]{width:160px}.control-map{margin:18px 0;font-size:10px;color:#a5bbce}.control-map>div{display:flex;align-items:center;gap:6px;padding:4px 0}.control-map div>span{margin-left:auto}.control-map p{font-size:10px;line-height:1.7;color:#7d96a9}kbd{font-family:inherit;font-size:9px;border:1px solid #334757;border-bottom-width:2px;padding:2px 5px;border-radius:3px;color:#b5c9d9}.result-stats{display:flex;justify-content:space-between;margin:24px 0 30px}.result-stats>span{color:#7c95a8;font-size:9px;letter-spacing:2px}.result-stats strong{display:block;color:#e5fff5;font-size:26px;margin-top:10px;letter-spacing:1px}#boss-list{display:grid;gap:7px;margin:18px 0}#boss-list button{border:1px solid #2e4d5c;background:#0c1c29;text-align:left;padding:12px;font-size:11px;letter-spacing:1px}#boss-list button:hover{background:#15363c;border-color:var(--cyan)}#boss-list button span{color:var(--cyan);margin-right:12px}.touch-controls{position:absolute;bottom:85px;left:15px;right:15px;display:flex;justify-content:space-between;pointer-events:none;z-index:3}.touch-controls button{pointer-events:auto;background:#11273bd9;border:1px solid #6cfbdc88;border-radius:30px;padding:14px;color:var(--cyan);font-size:11px;touch-action:none}.touch-controls b{margin-left:5px}footer{height:48px;display:flex;align-items:center;justify-content:space-between;color:#637b8b;font-size:8px;letter-spacing:1.5px}footer .live-dot{margin-right:8px;width:4px;height:4px}.footer-divider{padding:0 13px;color:#344b5c}footer kbd{font-size:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-aspect-ratio:17/10){.shell{width:min(1280px,calc((100dvh - 140px)*1.5))}.masthead{height:75px}h1{font-size:clamp(42px,11vh,100px)}.title-copy{margin-top:-3%}.intro{margin-bottom:18px}.arena{max-height:calc(100dvh - 125px)}}@media(max-width:700px){.shell{width:100%}.masthead{height:58px;padding:0 12px}.brand-icon{font-size:21px;padding-right:10px}.brand{font-size:10px;gap:10px}.brand small{font-size:6px}.system-status{display:none}.icon-button{font-size:8px;padding:8px}.arena{border-radius:0;aspect-ratio:3/4;max-height:none}.title-copy{width:80%;margin-left:7%;margin-top:-10%}h1{font-size:clamp(50px,15vw,90px);letter-spacing:-3px}.eyebrow{font-size:7px;letter-spacing:2px}.intro{font-size:11px}.hero-caption{display:none}.title-screen{background:linear-gradient(90deg,#070e1bec,#070e1b80)}.sector-strip{gap:10px;padding-top:20px}.sector-strip>span{font-size:6px}.sector-strip small{display:none}.sector-strip b{font-size:10px}.start-hint{font-size:6px}footer{padding:0 12px;height:40px;font-size:6px}footer>div:last-child{display:none}.modal-screen{padding:10px}.panel{padding:20px}.touch-controls{bottom:15px}.settings-panel>label{min-height:32px}.control-map{margin:10px 0}.panel h2{font-size:32px}}
footer .radio-readout{font-size:12px;letter-spacing:.2px;color:#a1d2d6;line-height:1.5;max-width:78%;display:flex;gap:8px;align-items:center}.radio-readout .live-dot{flex:none}.sector-strip{gap:16px}.sector-strip i{width:3%}@media(max-width:700px){footer .radio-readout{max-width:100%;font-size:10px}footer{height:60px}}