@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
:root{font-family:'IBM Plex Mono','Noto Sans JP',sans-serif;color:#edf9ff;background:#050814;font-synthesis:none;--cyan:#8af5fa;--orange:#ff704e;--muted:#8399aa}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}[hidden]{display:none!important}#game{position:relative;height:100dvh;min-height:480px;width:100vw;overflow:hidden;background:#050814}#viewport,#viewport canvas,.vignette,#flash{position:absolute;inset:0;width:100%;height:100%}#viewport{touch-action:none}.vignette{pointer-events:none;background:linear-gradient(90deg,rgba(3,8,18,.75),transparent 66%),linear-gradient(0deg,rgba(2,7,16,.9),transparent 20%,transparent 80%,rgba(2,7,16,.5));transition:opacity 1s}body.playing .vignette{opacity:.3}#flash{pointer-events:none;background:#a5ffff;opacity:0;z-index:7}.topbar{position:absolute;z-index:10;top:0;left:0;right:0;padding:29px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b6e3ff13}.brand{text-decoration:none;color:#eefaff;font-size:14px;font-weight:600;letter-spacing:2px;display:flex;align-items:center;gap:12px}.brand-mark{font-size:24px;font-style:italic;color:var(--cyan);font-family:'Barlow Condensed';border:1px solid #8af5fa44;width:31px;text-align:center;line-height:29px}.brand small{border-left:1px solid #ffffff30;padding-left:14px;font-size:11px;color:#91a6b6}.top-actions{display:flex;align-items:center;gap:25px}.system-tag{font-size:11px;color:#889eae;letter-spacing:1.5px}.icon-button{background:transparent;border:1px solid #c5e9ff2b;color:#d0e6ee;padding:9px 14px;font-size:14px;min-width:40px}.icon-button:hover{background:#85ebff16;border-color:var(--cyan)}.icon-button span{font-size:12px}.menu{position:absolute;left:8%;top:50%;transform:translateY(-46%);z-index:5;width:430px}.eyebrow,.section-label{font-size:11px;letter-spacing:2px;color:var(--cyan)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow>span{display:inline-block;width:21px;height:2px;background:var(--orange)}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:clamp(92px,9.2vw,152px);line-height:.81;letter-spacing:-2px;margin:30px 0 22px;position:relative;width:max-content}h1 span{color:var(--cyan)}h1 i{font-family:Arial,sans-serif;position:absolute;right:-75px;bottom:4px;font-size:87px;font-style:normal;font-weight:400;color:var(--orange)}.intro{font-family:'Noto Sans JP',sans-serif;font-size:16px;line-height:1.85;letter-spacing:2px;color:#c8dce5;margin-bottom:25px}.launch{width:280px;min-height:58px;background:var(--cyan);border:0;display:flex;align-items:center;justify-content:space-between;padding:17px 23px;color:#05212e;font-size:15px;font-weight:700;letter-spacing:1px;clip-path:polygon(0 0,96% 0,100% 20%,100% 100%,4% 100%,0 80%);transition:background .2s,transform .2s}.launch:hover{background:#c9ffff;transform:translateY(-2px)}.launch:disabled{opacity:.5;cursor:wait}.launch-arrow{font-size:25px;line-height:20px}.launch-caption{font-size:10px;letter-spacing:1.5px;color:#8297a9;margin:12px 0 29px}.launch-caption b{margin:0 10px;color:#6b8590}.controls{display:flex;gap:16px;flex-wrap:wrap;max-width:370px;font-size:11px;color:#9baab8}.controls>div{display:flex;gap:7px;align-items:center}kbd{font:10px 'IBM Plex Mono',monospace;border:1px solid #b0e0ff35;border-bottom:2px solid #b0e0ff50;border-radius:3px;padding:4px 6px;color:#cadce5;white-space:nowrap}.controls p{font-size:12px;margin:0;width:100%;color:#8397a5}.mission{position:absolute;z-index:3;right:5%;top:50%;transform:translateY(-15%);width:225px}.mission>.section-label{color:#7594a4}.mission-step{padding:21px 0;border-bottom:1px solid #b0dcff20;display:flex;gap:17px;align-items:center}.mission-step>b{font-size:11px;color:var(--orange);align-self:flex-start;margin-top:3px}.mission-step>span{font-size:12px;letter-spacing:1px}.mission-step small{display:block;font-family:'Noto Sans JP';font-size:11px;color:#7f9bac;margin-top:6px}.mission-step>i{font-style:normal;font-size:10px;color:#6c8c9f;margin-left:auto}#menu-footer{position:absolute;bottom:24px;left:42px;right:42px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#728a9b}#menu-footer b{color:var(--orange);margin:0 8px}#hud{position:absolute;inset:0;pointer-events:none;z-index:4}.hud-left{position:absolute;left:40px;top:105px}.hud-center{position:absolute;left:50%;top:99px;transform:translateX(-50%);text-align:center}.hud-center>span{font-size:11px;letter-spacing:3px;color:var(--cyan);display:block}.hud-center>b{font-size:33px;line-height:1.7;font-weight:400;font-variant-numeric:tabular-nums}.hud-right{position:absolute;right:40px;top:105px;text-align:right}.hud-right>b{display:block;font-size:28px;font-weight:500;letter-spacing:2px}.hud-right>span:last-child{font-size:10px;color:var(--orange);letter-spacing:1px}.shield-readout b{font-size:23px;font-weight:500}.shield-readout>span{font-size:11px;color:#8fa5b1}#shield-bars{display:flex;gap:4px;margin:11px 0 5px}#shield-bars i{width:17px;height:6px;background:var(--cyan);box-shadow:0 0 12px #84fcff30;transform:skewX(-18deg)}#shield-bars i.off{opacity:.14}.bottom-hud{position:absolute;bottom:28px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;font-size:12px}#roll-status{display:flex;align-items:center;gap:9px;color:#99b3c1;flex-wrap:wrap;max-width:220px}#roll-label{font-size:10px;color:var(--cyan)}#roll-status>i{display:block;height:2px;background:#9ff4ff20;flex:0 0 180px}#roll-fill{display:block;height:100%;background:var(--cyan);width:100%}#progress{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1px;color:#627d8d}#progress i{width:30px;height:1px;background:#7997aa40}#progress .active{color:var(--cyan);text-shadow:0 0 10px var(--cyan)}#touch-roll{pointer-events:auto;background:#91f5ff20;border:1px solid #91f5ff66;color:var(--cyan);padding:16px 22px;display:none}#boss-hud{position:absolute;top:195px;left:50%;width:min(430px,56vw);transform:translateX(-50%)}#boss-hud>div:first-child{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;margin-bottom:9px;color:#ff9d84}.boss-track{height:4px;background:#ff79482c}.boss-track>i{display:block;height:100%;background:#ff825e;box-shadow:0 0 13px #ff704e88;transition:width .12s}#announcement{position:absolute;z-index:6;left:50%;top:36%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;opacity:0;transition:opacity .25s;white-space:nowrap}#announcement.show{opacity:1}#announcement small{font-size:12px;letter-spacing:6px;color:var(--orange);display:block;margin-bottom:10px}#announcement strong{font-family:'Barlow Condensed',sans-serif;font-size:clamp(32px,5vw,65px);font-weight:600;letter-spacing:9px;text-shadow:0 0 25px #79eeff90}#reticle{position:absolute;z-index:3;width:40px;height:40px;border:1px solid #9bffff88;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}#reticle:after{content:'';position:absolute;inset:8px;border:1px solid #91f7ff33}#reticle b{position:absolute;width:3px;height:3px;background:#cbffff;top:18px;left:18px}.overlay-panel{position:absolute;z-index:15;left:50%;top:50%;transform:translate(-50%,-50%);width:min(540px,90vw);padding:45px;background:#040c18e8;border:1px solid #94d9f53b;box-shadow:0 20px 90px #0009;text-align:center;backdrop-filter:blur(18px)}.overlay-panel .eyebrow{justify-content:center;font-size:11px}.overlay-panel h2{font-family:'Barlow Condensed';font-size:90px;line-height:1;margin:17px 0;color:var(--cyan);letter-spacing:3px}.overlay-panel p{font-size:14px;color:#9fbac8}.overlay-panel .launch{margin:25px auto 0}.text-button{background:transparent;border:0;color:#93a9b5;font-size:12px;padding:18px 20px 0}.text-button:hover{color:#e8fcff}.result-stats{display:flex;justify-content:center;gap:36px;margin-top:30px}.result-stats span{font-size:10px;letter-spacing:2px;color:#698fa5;display:block}.result-stats b{font-size:24px;font-weight:500;display:block;margin-top:7px}#result-rank{color:var(--orange)}#error{position:absolute;z-index:30;left:10%;right:10%;bottom:15%;padding:25px;background:#260f17;color:#ffd4ce;border:1px solid #ff705a;font-size:16px}
@media(max-height:740px) and (min-width:761px){.menu{transform:translateY(-41%)}h1{font-size:106px;margin:20px 0 17px}.intro{font-size:14px;margin:12px 0 19px}.launch-caption{margin-bottom:19px}.topbar{padding-top:20px;padding-bottom:20px}}
@media(max-width:1000px){.mission{right:4%;width:180px}.menu{left:7%}.system-tag{display:none}h1{font-size:115px}.topbar{padding:23px 25px}.controls{max-width:310px;gap:9px}}
@media(max-width:760px){#game{min-height:420px}.menu{left:7%;top:45%;transform:translateY(-40%);width:86%}h1{font-size:105px;margin:24px 0 18px}h1 i{font-size:65px;right:-60px}.intro{font-size:14px;margin-bottom:22px}.mission{display:none}.topbar{padding:17px 20px}.brand{font-size:11px;gap:8px}.brand small{font-size:10px;padding-left:8px}.top-actions{gap:8px}.icon-button{padding:7px 10px}.launch{width:260px;min-height:54px}.launch-caption{margin-bottom:21px}.controls{max-width:350px}.vignette{background:linear-gradient(90deg,#020914aa,transparent),linear-gradient(0deg,#020914,transparent 40%)}#menu-footer{left:20px;right:20px;font-size:8px;bottom:18px}#menu-footer>span:last-child{display:none}.hud-left{top:83px;left:18px}.hud-right{top:85px;right:18px}.hud-center{top:86px}.hud-center>b{font-size:23px}.hud-center>span{font-size:8px;letter-spacing:1px}.hud-right>b{font-size:20px}.hud-right>span:last-child{font-size:8px}#shield-bars{gap:2px}#shield-bars i{width:9px;height:5px}.shield-readout b{font-size:18px}.section-label{font-size:9px}#boss-hud{top:164px;width:65vw}.bottom-hud{bottom:23px;left:20px;right:20px}#progress{display:none}#touch-roll{display:block}.overlay-panel{padding:35px 22px}.overlay-panel h2{font-size:68px}.result-stats{gap:24px}.result-stats b{font-size:20px}.overlay-panel .launch{width:100%}#announcement strong{letter-spacing:3px}#announcement small{letter-spacing:3px;font-size:10px}}
@media(max-height:620px) and (max-width:760px){.menu{top:49%}h1{font-size:72px;margin:18px 0 12px}.intro{font-size:12px;margin:10px 0 16px}.eyebrow{font-size:9px}.launch{min-height:45px;padding:12px 20px}.launch-caption{margin:9px 0 15px}.controls p{display:none}#menu-footer{bottom:12px}}
body.void-rush-game{background:#050814;color:#edf9ff;font-family:'IBM Plex Mono','Noto Sans JP',sans-serif}