body{color:#fff;background:#07111c;margin:0;font-family:sans-serif}canvas{width:100vw;height:100vh;display:block}.hidden{display:none!important}.screen{z-index:10;background:#06101bee;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.brand{letter-spacing:3px;font-weight:800;position:absolute;top:30px;left:4%}.brand span,.helper,.bottom{color:#89a6b7}.menu-panel{width:min(690px,90vw)}.eyebrow{color:#74e0e8;letter-spacing:4px;font-size:12px}h1{letter-spacing:3px;margin:5px 0;font-size:clamp(65px,11vw,140px)}h1 span{color:#6cdee8}.subtitle{letter-spacing:7px;font-weight:700}.story{color:#b3c4cc;line-height:1.8}.chooser{gap:20px;margin:30px 0;display:flex}.chooser label{letter-spacing:2px;flex:1;font-size:12px}.chooser select{color:#fff;background:#112430;border:1px solid #44606c;width:100%;margin-top:10px;padding:14px;display:block}.primary{cursor:pointer;letter-spacing:2px;background:#70e0e9;border:0;padding:18px 30px;font-weight:900}.primary:hover{background:#fff}.helper{font-size:11px;line-height:1.8}.bottom{justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:25px;left:4%;right:4%}#hud{pointer-events:none;position:fixed;inset:0}.topbar,.hudfoot{justify-content:space-between;display:flex;position:absolute;left:30px;right:30px}.topbar{top:25px}.hudfoot{align-items:end;bottom:30px}.status small,.ammo small{color:#a8bfc8;letter-spacing:2px;display:block}.status b{font-size:25px}.score,.round{letter-spacing:2px;background:#08151d99;padding:10px}.score b,.round b{color:#70e0e9}.hp b{font-size:55px;display:block}.bar{background:#364c56;width:160px;height:5px}.bar div{background:#70e0e9;height:100%}.ammo{text-align:right}.ammo b{font-size:60px}.ammo span{font-size:25px}.crosshair{border:2px solid #d8fcff;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair span{display:none}#hitmarker{color:#f66;opacity:0;font-size:40px;position:absolute;top:48%;left:50%}#hitmarker.active{opacity:1}#damage.active{position:absolute;inset:0;box-shadow:inset 0 0 120px #d43c59}#notice{color:#7ce9f0;opacity:0;position:absolute;top:30%;left:50%;transform:translate(-50%)}#notice.show{opacity:1}#pause{pointer-events:auto;position:absolute;top:100px;right:30px}#end .menu-panel,#pausemenu .menu-panel{text-align:center}@media (width<=700px){.chooser{flex-direction:column}.round,.bottom span{display:none}}#touchUI{z-index:7;pointer-events:none;touch-action:none;position:fixed;inset:0}#joystick{pointer-events:auto;touch-action:none;background:#7797aa33;border:2px solid #9bdef17f;border-radius:50%;width:126px;height:126px;position:absolute;bottom:55px;left:36px}#knob{background:#78e4f0a9;border-radius:50%;width:44px;height:44px;position:absolute;top:39px;left:39px}#touchFire,#touchReload{color:#061c29;pointer-events:auto;touch-action:none;background:#77e8f1d9;border:2px solid #8deaf0ad;border-radius:50%;width:92px;height:92px;font-weight:900;position:absolute;bottom:62px;right:28px}#touchReload{color:#fff;background:#152936db;width:59px;height:59px;bottom:169px;right:39px}#hud .hudfoot{bottom:11px}.screen{overflow-y:auto}.menu-panel{max-height:85vh;overflow-y:auto}@media (pointer:coarse){.hudfoot{bottom:7px!important}.hp b{font-size:30px}.ammo b{font-size:31px}.bar{width:90px}.topbar{left:12px;right:12px}.status b{font-size:17px}.status small,.score{font-size:8px}.score b{font-size:13px}#pause{top:65px;right:12px}#world{touch-action:none}.menu-panel{padding:14px}h1{font-size:clamp(50px,14vw,100px)}}