*{box-sizing:border-box}body{margin:0;background:#14252b;color:#f1f0e7;font-family:Arial,'Noto Sans JP',sans-serif;overflow:hidden}canvas{display:block;width:100vw;height:100vh}.vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 160px #071a224a}header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:30px 40px;border-bottom:1px solid #ffffff22;pointer-events:none}.brand{font-size:28px;font-weight:900;color:#ff645d;display:flex;align-items:center;gap:12px;transform:skew(-8deg)}.brand span{color:#fff;font-size:18px;letter-spacing:4px}.location{font-size:12px;letter-spacing:2px}.location span{opacity:.5;margin-left:12px}.live{font-size:10px;letter-spacing:2px}.live i{display:inline-block;width:6px;height:6px;background:#a8eed3;margin-right:9px;border-radius:50%}#stats{position:fixed;right:40px;top:115px;display:flex;gap:30px}small{display:block;font-size:9px;letter-spacing:2px;opacity:.65;margin-bottom:8px}#stats b{font-size:25px;font-weight:400}#stats div{min-width:55px}footer{position:fixed;bottom:30px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.health b{font-size:36px}.health span{display:block;color:#b9e8d6;font-size:10px;letter-spacing:2px}.hints{font-size:11px;opacity:.7}kbd{font-family:inherit;border:1px solid #cdd8d44d;padding:5px 7px;font-size:10px;letter-spacing:1px}.hints kbd{margin:0 7px 0 14px}.ammo{text-align:right}.ammo b{font-size:45px;font-weight:400}.ammo span{font-size:20px;opacity:.5}.ammo label{font-size:10px;color:#ffd58d;letter-spacing:2px;height:14px;display:block}#state{position:fixed;left:40px;bottom:120px;font-size:9px;letter-spacing:2px;opacity:.6}#crosshair{position:fixed;left:50%;top:50%;width:0;height:0;--gap:5px;pointer-events:none}#crosshair i{position:absolute;background:#d4ffe9;box-shadow:0 0 2px #000;width:7px;height:2px}#crosshair i:nth-child(1){right:var(--gap);top:-1px}#crosshair i:nth-child(2){left:var(--gap);top:-1px}#crosshair i:nth-child(3){width:2px;height:7px;bottom:var(--gap);left:-1px}#crosshair i:nth-child(4){width:2px;height:7px;top:var(--gap);left:-1px}#hitmarker{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:35px;color:#fff;opacity:0;pointer-events:none}#feedback{position:fixed;top:59%;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:3px;color:#ffe3a6}#menu{position:fixed;inset:0;background:linear-gradient(90deg,#0a1b25f5 0%,#0a1b25d9 35%,#0a1b2530 75%);padding:140px 7vw 50px;display:flex;align-items:center}#menu section{max-width:540px}.eyebrow{font-size:10px;letter-spacing:3px;color:#b8c5c9}.eyebrow span{display:inline-block;width:24px;height:2px;background:#ff645d;vertical-align:middle;margin-right:10px}h1{font-size:clamp(42px,5.7vw,80px);line-height:1.25;letter-spacing:-3px;margin:24px 0}h1 em{font-style:normal;color:#ff7268}p{font-size:13px;line-height:2;color:#b7c2c6}button{cursor:pointer;border:0;font:inherit}#start{background:#ff665f;color:#13202a;width:100%;text-align:left;padding:20px 24px;font-weight:bold;margin:18px 0 25px;transition:.2s}#start:hover{background:#ff928b;transform:translateY(-2px)}#start span{float:right;font-size:22px}.controls{display:grid;grid-template-columns:1fr 1.5fr;gap:16px 25px}.controls div{display:flex;gap:12px;align-items:center;font-size:11px;color:#bbc8cd}.controls kbd{min-width:70px;text-align:center;color:#fff}.settings{border-top:1px solid #ffffff22;margin-top:25px;padding-top:18px;display:flex;align-items:center;gap:18px;font-size:10px;color:#bdc9cc}.settings label{display:flex;gap:8px;align-items:center}input[type=range]{width:70px;accent-color:#ff7168}input[type=checkbox]{accent-color:#ff7168}#reset{background:none;color:#bdc9cc;font-size:10px;padding:0}#notice{font-size:10px;color:#84959d;margin-top:20px}.sidecaption{position:absolute;right:7vw;bottom:19%;text-align:right}.sidecaption b{display:block;font-size:44px;font-weight:400;letter-spacing:8px}.sidecaption span{font-size:9px;letter-spacing:3px;color:#cfddd9}.bottomline{position:absolute;bottom:27px;left:7vw;right:7vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#899ca5}body.playing #menu{display:none}body:not(.playing) #crosshair,body:not(.playing) footer,body:not(.playing) #stats,body:not(.playing) #state{display:none}@media(max-height:780px){#menu{padding-top:100px}h1{font-size:52px;margin:18px 0}.controls{gap:10px}#start{margin:10px 0 20px}.settings{margin-top:18px}}@media(max-width:750px){header{padding:20px}.location,.live,.sidecaption,.hints{display:none}#menu{padding:90px 25px 50px}h1{font-size:45px}.controls{gap:10px}.bottomline span{display:none}footer{left:20px;right:20px}#stats{right:20px}.settings{gap:8px}}
header{z-index:3}#menu{z-index:2}#hitmarker{z-index:1}@media(max-width:1000px){.sidecaption{display:none}}
#match-hud{position:fixed;top:105px;left:40px;display:flex;gap:28px;pointer-events:none}#match-hud b{font-size:26px;font-weight:400;font-variant-numeric:tabular-nums}.urgent{color:#ff665f}#threat{position:fixed;top:185px;left:50%;transform:translateX(-50%);color:#ffc09c;background:#17252b99;font-size:12px;pointer-events:none;white-space:nowrap}#damage{position:fixed;inset:0;box-shadow:inset 0 0 100px #ff3322;opacity:0;pointer-events:none;transition:opacity .1s}#damage.active{opacity:.8}.health-track{width:110px;height:4px;background:#ffffff33}.health-track i{display:block;height:4px;background:#b9e8d6;transition:width .1s}#result{position:fixed;inset:0;z-index:9;background:#091b26ef;display:grid;place-items:center;text-align:center;padding:24px}#result[hidden]{display:none}#result section{max-width:650px}#result h2{font-size:clamp(28px,5vw,56px);color:#ff796c;letter-spacing:3px;margin:20px 0}#result-score{font-size:80px;font-variant-numeric:tabular-nums}#best{color:#a8eed3;font-size:12px;letter-spacing:3px}#retry{background:#ff7765;color:#11212b;padding:20px 45px;margin-top:20px;font-weight:bold}body:not(.playing) #match-hud,body:not(.playing) #threat{display:none}@media(max-width:750px){#match-hud{left:20px;top:90px;gap:20px}#match-hud b{font-size:21px}#stats{top:165px;left:20px;right:auto;gap:20px}#stats b{font-size:18px}#threat{top:245px;font-size:10px}}
.mode-buttons{display:flex;gap:10px;margin:-10px 0 20px}.mode-buttons button{flex:1;background:#213a45;color:#f0f4ed;border:1px solid #627780;padding:12px;text-align:left;font-size:12px}.mode-buttons button:hover{border-color:#ff9183}.mode-buttons span{display:block;font-size:9px;color:#aebec4;margin-top:5px}#to-menu{display:block;margin:18px auto;background:transparent;color:#becbd0;border-bottom:1px solid #becbd0;padding:8px}@media(max-height:800px){h1{font-size:42px;margin:12px 0}#menu{padding-top:105px}#start{padding:15px}.controls{gap:8px}.settings{margin-top:12px;padding-top:12px}#notice{margin-top:10px}}
#xp-panel{position:fixed;bottom:115px;left:50%;transform:translateX(-50%);width:min(400px,65vw);pointer-events:none;font-size:11px}#xp-panel>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px;color:#a9f6db}.xp-track{height:5px;background:#102c31}.xp-track i{display:block;height:5px;width:0;background:#7bffd2;transition:width .2s}body:not(.playing) #xp-panel{display:none}#level-up{position:fixed;inset:0;z-index:12;display:grid;place-items:center;background:#0b1c27f2;padding:25px;text-align:center}#level-up[hidden],#xp-panel[hidden]{display:none}#level-up section{width:min(900px,95vw)}#level-title{font-size:54px;color:#9ff4ce;margin:15px 0}#upgrade-options{display:flex;gap:16px;justify-content:center;margin-top:30px}#upgrade-options button{flex:1;max-width:270px;min-height:190px;padding:25px;background:#203842;color:#fff;border:1px solid #678982;text-align:left;transition:.15s}#upgrade-options button:hover{border-color:#8fffcf;background:#2b4c52;transform:translateY(-5px)}#upgrade-options b{display:block;font-size:23px;margin:25px 0 12px}#upgrade-options span{font-size:13px;color:#c5d4d6}@media(max-width:650px){#upgrade-options{flex-direction:column;gap:10px;margin-top:15px}#upgrade-options button{max-width:100%;min-height:100px;padding:15px}#upgrade-options b{font-size:18px;margin:8px 0}#level-title{font-size:36px}#xp-panel{bottom:125px}} 
.enemy-guide{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0 0 16px;font-size:10px;color:#d7e3e2}.enemy-guide b{font-weight:normal;color:#91aaa9;margin-left:4px}@media(max-height:800px){.enemy-guide{margin-bottom:10px;font-size:9px}.controls{gap:6px}}
#boss-hud{position:fixed;left:50%;top:170px;transform:translateX(-50%);width:min(560px,85vw);color:#ffb9aa;pointer-events:none;font-size:12px}#boss-hud>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px;gap:12px}.boss-track{height:9px;background:#182b33;border:1px solid #ff806355}.boss-track i{display:block;height:100%;width:100%;background:#ff655b;transition:width .1s}#boss-hud[hidden],body:not(.playing) #boss-hud{display:none}body.playing:has(#boss-hud:not([hidden])) #threat{top:225px}@media(max-width:750px){#boss-hud{top:240px}body.playing:has(#boss-hud:not([hidden])) #threat{top:290px}}