:root{font-family:Impact,Arial Narrow,sans-serif;color:#f4f5df;background:#09080f;--acid:#c6ff00}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;touch-action:none;overscroll-behavior:none}button,input{touch-action:none}canvas{position:fixed;inset:0;width:100%;height:100%;display:block}#grain{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#0000000a 4px);box-shadow:inset 0 0 110px #0009}header{position:absolute;top:max(22px,env(safe-area-inset-top));left:max(25px,env(safe-area-inset-left));right:max(25px,env(safe-area-inset-right));display:flex;align-items:center;gap:22px;pointer-events:none}.brand{font-size:34px;letter-spacing:-2px;transform:skew(-8deg)}.brand span{color:var(--acid)}#sector{font:11px monospace;letter-spacing:2px;border-left:2px solid var(--acid);padding:8px 14px;color:#e8efd4}button{cursor:pointer;background:#101018bf;border:1px solid #ffffff38;color:inherit;font-family:inherit;font-size:13px;letter-spacing:1px;padding:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}button:active{background:var(--acid);color:#000;transform:scale(.95)}#menu{margin-left:auto;pointer-events:auto;border-color:var(--acid);font-size:19px;width:46px}#hud{position:absolute;left:max(26px,env(safe-area-inset-left));right:max(26px,env(safe-area-inset-right));top:max(89px,calc(env(safe-area-inset-top) + 60px));display:flex;justify-content:space-between;pointer-events:none}small,.eyebrow{font:10px monospace;letter-spacing:2px}#hud b{display:block;font-size:35px;line-height:1.15}#hpbar{height:3px;background:var(--acid);width:100px;margin-top:7px}.score{text-align:right}.score b{font-size:30px!important}#combo{color:var(--acid)}#cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:22px monospace;color:#fff9;pointer-events:none}#message{position:absolute;left:50%;top:61%;transform:translate(-50%,-50%) rotate(-2deg);text-align:center;pointer-events:none;width:90%;text-shadow:3px 3px #000}#message span{font:12px monospace;letter-spacing:5px;color:var(--acid)}#message strong{display:block;font-size:clamp(28px,5vw,67px);font-style:italic;margin:7px}#message small{font:11px monospace;letter-spacing:1px}#toast{position:absolute;top:28%;width:100%;text-align:center;color:var(--acid);font-size:25px;pointer-events:none;text-shadow:2px 2px #000}#move{position:absolute;bottom:max(55px,env(safe-area-inset-bottom));left:max(32px,env(safe-area-inset-left));width:120px;height:120px;border:1px solid #ffffff40;border-radius:50%;background:#08080c30;touch-action:none}#move:before,#move:after{content:"";position:absolute;background:#ffffff20}#move:before{width:1px;height:100%;left:50%}#move:after{height:1px;width:100%;top:50%}#move i{position:absolute;left:40px;top:40px;width:40px;height:40px;border:1px solid var(--acid);border-radius:50%;background:#c6ff0020}#look{position:absolute;inset:18% 0 0 23%}#actions{position:absolute;right:max(25px,env(safe-area-inset-right));bottom:max(51px,env(safe-area-inset-bottom));width:240px;height:170px;pointer-events:none}#actions button{position:absolute;pointer-events:auto;border-radius:9px;font-size:11px}em{display:block;font:8px monospace;margin-top:5px;opacity:.5}#kick{width:100px;height:100px;right:0;bottom:0;border:2px solid var(--acid);color:var(--acid);font-size:24px!important;border-radius:50%!important;background:#131a0bd9}#slide{right:110px;bottom:0;width:70px;height:55px}#throw{right:110px;bottom:65px;width:70px}#weapon{right:60px;top:-9px;width:67px}#fire{right:0;top:0;width:55px}footer{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:26px;right:26px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:2px;color:#e7e8c8a0;pointer-events:none}#impact{position:fixed;inset:0;pointer-events:none;z-index:3;border:0px solid #c6ff00;opacity:0;background:radial-gradient(ellipse,transparent 40%,#b7ff001a);mix-blend-mode:screen}dialog{border:1px solid var(--acid);color:#f0f2dc;background:#0c0c15f5;padding:28px;width:min(440px,92vw);max-height:90dvh;overflow:auto}dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog h1{font-size:35px;margin:13px 0 25px;font-style:italic}dialog label{display:flex;align-items:center;justify-content:space-between;font:12px monospace;margin:14px 0;gap:20px}input{accent-color:var(--acid);max-width:150px}dialog p{font:12px monospace;line-height:1.7;color:#adb398}.primary{background:var(--acid);color:#080a03;border:0;padding:15px 23px;margin-right:10px}.eyebrow{color:var(--acid)}body.left #actions{right:auto;left:25px;transform:scaleX(-1)}body.left #actions button{transform:scaleX(-1)}body.left #move{left:auto;right:32px}body.contrast{--acid:#00ffff}@media(pointer:fine){#move{opacity:.3;width:90px;height:90px}#move i{left:25px;top:25px}#actions{opacity:.8}}@media(max-width:600px)and (orientation:portrait){#sector{font-size:9px;padding:7px}header{gap:12px}.brand{font-size:29px}#actions{transform:scale(.88);transform-origin:bottom right}#move{width:100px;height:100px;left:18px}#move i{left:30px;top:30px}#message{top:49%}#hud{top:85px}.score small{font-size:8px}footer{font-size:8px;letter-spacing:1px}#hint{max-width:70%}}