*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#05080c;color:#d9edf2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;touch-action:none}#game{display:block;width:100%;height:100%;image-rendering:pixelated;background:#05080c}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;text-shadow:0 2px 0 #000}.brand{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));font-size:12px;letter-spacing:.15em;color:#7da4ac}.stats{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));display:flex;gap:18px;font-size:12px}.stats b{color:#f1c75b;font-size:18px}#message{position:absolute;top:15%;left:50%;transform:translate(-50%);padding:8px 12px;background:#000b;border:1px solid #57727a;font-size:12px;opacity:1;transition:opacity .3s}.crosshair{position:absolute;left:50%;top:50%;width:14px;height:14px;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#d7f4efcc}.crosshair:before{left:6px;top:0;width:2px;height:14px}.crosshair:after{left:0;top:6px;width:14px;height:2px}#mobileControls{position:fixed;top:0;right:0;bottom:0;left:0;display:none;pointer-events:none}.touch-zone{position:absolute;bottom:0;width:50%;height:70%;pointer-events:auto}.touch-zone:first-child{left:0}.touch-zone:nth-child(2){right:0}#stick{position:absolute;left:28px;bottom:max(28px,env(safe-area-inset-bottom));width:116px;height:116px;border:2px solid #a6c6cc55;border-radius:50%;background:#13202988}#knob{position:absolute;left:31px;top:31px;width:50px;height:50px;border-radius:50%;background:#b6d4dbaa;border:2px solid #e8ffff88}button{position:absolute;pointer-events:auto;border:1px solid #b2dce2aa;background:#132029cc;color:#eaffff;font:700 13px ui-monospace,monospace;border-radius:50%;width:72px;height:72px}#fireButton{right:max(22px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));background:#6d2020dd}#useButton{right:max(102px,calc(env(safe-area-inset-right) + 102px));bottom:max(92px,calc(env(safe-area-inset-bottom) + 92px));width:54px;height:54px;font-size:11px}#rotateNotice{display:none;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;background:#05080c;color:#d9edf2;text-align:center;padding:30px;z-index:20}@media(pointer:coarse){#mobileControls{display:block}}@media(pointer:coarse)and (orientation:portrait){#rotateNotice{display:flex}}