*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Courier New,Courier,monospace;font-weight:700;color:#fff}canvas#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}.follow{display:flex;flex-direction:column;align-items:center;gap:8px;margin:2px 0 10px;max-width:92vw}.followbtn{display:inline-flex;align-items:center;gap:12px;padding:9px 20px 9px 14px;min-height:46px;border:3px solid #111;border-radius:999px;cursor:pointer;color:#fff;font:700 15px/1.1 Courier New,monospace;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743,#cc2366 75%,#bc1888);box-shadow:0 3px #111,0 0 18px #dc27438c;text-shadow:1px 1px 0 rgba(0,0,0,.45);touch-action:manipulation;animation:followpulse 2.6s ease-in-out infinite}.followbtn:active{transform:translateY(2px);box-shadow:0 1px #111}.followico{font-size:26px;line-height:1}.followtxt{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.followtxt b{font-size:14px;letter-spacing:1px}.followtxt i{font-style:normal;font-size:13px;opacity:.95}.followask{background:#0a0806e0;border:2px solid #ffd94a;border-radius:8px;padding:10px 14px;max-width:340px;text-align:center;font-size:13px;color:#fff}.followask p{margin:0 0 8px}.followask a.btn{display:inline-block;text-decoration:none;color:#fff}@keyframes followpulse{0%,to{box-shadow:0 3px #111,0 0 12px #dc274366}50%{box-shadow:0 3px #111,0 0 24px #f09433cc}}@media(prefers-reduced-motion:reduce){.followbtn{animation:none}}.maprow{flex:0 0 auto;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;max-width:min(94vw,820px);padding:6px 6px 12px;margin:2px 0 6px;touch-action:pan-x}.mapcard{flex:0 0 auto;scroll-snap-align:center;width:152px;display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:5px 5px 7px;background:#3a3a3e;border:3px solid #555;border-radius:6px;color:#fff;font:700 12px/1.2 Courier New,monospace;text-align:center;cursor:pointer;touch-action:manipulation}.mapcard img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:3px;background:#222}.mapcard .mapdice{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;font-size:44px;border-radius:3px;background:linear-gradient(135deg,#5a4aa0,#c4663a)}.mapcard b{font-size:13px;letter-spacing:.5px;margin-top:3px}.mapcard i{font-style:normal;font-size:10.5px;opacity:.8;min-height:2.4em}.mapcard.sel{border-color:#ffd94a;background:#4a4636;box-shadow:0 0 14px #ffd94a8c}.mapcard:active{transform:translateY(1px)}#grade{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,#0000 62%,#1c0c1257)}.shadow{text-shadow:2px 2px 0 #000}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#topbar{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;gap:10px;font-size:18px}#topbar div{background:#0000008c;padding:6px 14px;border:2px solid rgba(255,255,255,.25)}#topbar b{color:#ffd94a}#mapbox{position:absolute;top:10px;left:10px}#map{width:170px;height:170px;border:3px solid #111;background:#2f5a1f;display:block;image-rendering:pixelated}#zoneinfo{margin-top:4px;font-size:13px;background:#0009;padding:4px 8px;width:170px;text-align:center}#zoneinfo.shrink{color:#7fb2ff}#bossbar{position:absolute;top:64px;left:50%;transform:translate(-50%);width:min(520px,52vw);text-align:center}#bossname{font-size:20px;letter-spacing:3px;color:#7ff5e4;text-shadow:2px 2px 0 #000}#bossphase{font-size:12px;color:#ffd94a;margin:2px 0 4px;text-shadow:1px 1px 0 #000}#bossbar .bbar{height:16px;background:#000000a6;border:3px solid #111;box-shadow:0 0 0 1px #7ff5e480}#bossbar .bbar i{display:block;height:100%;width:100%;background:linear-gradient(#3ee6d0,#1b9a8c);transition:width .12s}#killfeed{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:4px;align-items:flex-end;font-size:14px}#killfeed div{background:#0009;padding:4px 10px;border-left:4px solid #ff4a4a;animation:fadein .2s}#killfeed div.me{border-left-color:#ffd94a}#killfeed i{font-style:normal;color:#aaa;font-size:12px}@keyframes fadein{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}#cross{position:absolute;left:50%;top:50%;width:0;height:0}#cross span{position:absolute;background:#fff;box-shadow:0 0 0 1px #000000b3}#cross .h{width:8px;height:2px;top:-1px}#cross .v{width:2px;height:8px;left:-1px}#cross .l{left:-16px}#cross .r{left:8px}#cross .t{top:-16px}#cross .b{top:8px}#cross.ads span{opacity:0}#cross.ads:after{content:"";position:absolute;left:-2px;top:-2px;width:4px;height:4px;background:#ff3030}.dmgn{position:absolute;transform:translate(-50%,-50%);font:900 22px Courier New,monospace;color:#fff;text-shadow:0 2px 0 #000,0 0 6px #000;pointer-events:none;z-index:6}.dmgn.head{color:#ffd23a;font-size:30px}.dmgn.kill{color:#ff4a3a;font-size:32px}.dmgn.eye{color:#3ee6d0;font-size:32px}#hitmark{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;opacity:0}#hitmark.on{animation:hm .25s ease-out forwards}@keyframes hm{0%,45%{opacity:1}to{opacity:0}}#hitmark:before,#hitmark:after{content:"";position:absolute;left:12px;top:-3px;width:3px;height:32px;background:#fff;transform:rotate(45deg)}#hitmark:after{transform:rotate(-45deg)}#hitmark.kill:before,#hitmark.kill:after{background:#ff2a2a}#hitmark.head:before,#hitmark.head:after{background:#ffd94a}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#f000 45%,#c80000bf);opacity:0}#vignette.on{animation:hurt .8s ease-out forwards}@keyframes hurt{0%{opacity:var(--peak,.5)}to{opacity:0}}#lowhp{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,#78000000 40%,#960000cc);animation:lowpulse 1.1s ease-in-out infinite;mix-blend-mode:normal}@keyframes lowpulse{0%,to{filter:brightness(.7)}50%{filter:brightness(1.25)}}@media(prefers-reduced-motion:reduce){#lowhp{animation:none}}#menu .legal{margin:14px 0 6px;font-size:12px;opacity:.75}#menu .legal a{color:inherit}#menu .legal.copy{margin-top:4px;opacity:.6}#tutorial{position:absolute;left:50%;top:84px;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:min(620px,92vw);padding:8px 12px;background:#0a0a14c7;border:2px solid #ffd94a;color:#fff;font-size:15px;line-height:1.3;animation:tutin .35s ease-out}#tutorial .tut-step{flex:none;color:#ffd94a;font-weight:700;min-width:2.4em;text-align:center}#tutorial .tut-text{flex:1}#tutorial .tut-skip{flex:none;pointer-events:auto;cursor:pointer;background:#ffffff1f;color:#fff;border:2px solid rgba(255,255,255,.5);padding:6px 10px;font:inherit;font-size:13px}@keyframes tutin{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}#underwater{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#3c96c852,#0a46789e);opacity:0;transition:opacity .25s;pointer-events:none}#breath{position:absolute;left:50%;bottom:74px;transform:translate(-50%);width:min(240px,50vw);height:12px;border:2px solid rgba(255,255,255,.75);background:#00000080;border-radius:6px;overflow:hidden}#breath i{display:block;height:100%;background:#7fd8ff;transition:width .12s linear}#breath.low i{background:#ff6a5c}#breath.low{animation:breathflash .5s infinite alternate}@keyframes breathflash{0%{border-color:#ffffffbf}to{border-color:#ff6a5c}}#zonefx{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#003cff00 35%,#1e50ff8c);opacity:0;transition:opacity .4s}#dmgdir{position:absolute;left:50%;top:50%;width:0;height:0;opacity:0}#dmgdir.on{animation:dirk 1.2s ease-out forwards}@keyframes dirk{0%{opacity:1}to{opacity:0}}#floatlayer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#dmgdir:after{content:"";position:absolute;left:-14px;top:-150px;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:34px solid rgba(255,40,40,.9)}#bl{position:absolute;left:14px;bottom:14px;display:flex;gap:10px;align-items:flex-end}#portrait{width:72px;height:72px;border:3px solid #111;background:linear-gradient(#f2a86e,#6f5fa8);border-radius:4px}#hearts{display:flex;gap:2px;font-size:26px;line-height:26px}#hearts span{color:#3a1111;text-shadow:1px 1px 0 #000}#hearts span.full{color:#e8232b}#hearts span.half{background:linear-gradient(90deg,#e8232b 50%,#3a1111 50%);-webkit-background-clip:text;background-clip:text;color:transparent}#hpnum{font-size:18px;margin-top:4px}#br{position:absolute;right:18px;bottom:14px;text-align:right}#ammo{font-size:44px;line-height:44px;text-shadow:3px 3px 0 #000}#ammo small{font-size:22px;color:#ccc}#gren{font-size:20px;margin-top:6px}#reload{font-size:16px;color:#ffd94a;height:20px}#wname{font-size:16px;color:#ffd94a;letter-spacing:1px}#slots{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;gap:6px}#slots div{background:#0000008c;border:2px solid rgba(255,255,255,.25);padding:5px 10px;font-size:13px;min-width:76px;text-align:center;color:#ddd}@media(max-width:1100px){#slots{bottom:96px}}#slots div i{font-style:normal;color:#ffd94a;margin-right:5px}#slots div.cur{border-color:#ffd94a;background:#ffd94a38;color:#fff}#slots div.no{opacity:.35}#scope{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 0,transparent 31vmin,#000 31.4vmin)}#scopemag{position:absolute;left:50%;top:calc(50% + 31vmin + 6px);transform:translate(-50%);font:700 18px Courier New,monospace;letter-spacing:2px;color:#ffd94a;text-shadow:1px 1px 0 #000;pointer-events:none}#scope:before,#scope:after{content:"";position:absolute;background:#000;opacity:.85}#scope:before{left:50%;top:calc(50% - 31vmin);width:2px;height:62vmin;margin-left:-1px}#scope:after{top:50%;left:calc(50% - 31vmin);height:2px;width:62vmin;margin-top:-1px}#toast{position:absolute;left:50%;bottom:150px;transform:translate(-50%);font-size:18px;background:#0009;padding:6px 16px;opacity:0}#toast.on{animation:toastk 1.8s forwards}@keyframes toastk{0%{opacity:0}8%,86%{opacity:1}to{opacity:0}}#msg{position:absolute;left:50%;top:62%;transform:translate(-50%);font-size:28px;color:#ffd94a;text-shadow:3px 3px 0 #000;opacity:0}#msg.on{animation:bigmsg 1.3s forwards}@keyframes bigmsg{0%,70%{opacity:1}to{opacity:0}}#hint{position:absolute;left:50%;top:56px;transform:translate(-50%);font-size:12px;color:#ddd;background:#00000073;padding:3px 10px;opacity:0}#hint.on{animation:hintk 15s forwards}@keyframes hintk{0%,93%{opacity:1}to{opacity:0}}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#281c12db;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0 8px,transparent 8px 16px),repeating-linear-gradient(90deg,rgba(0,0,0,.1) 0 8px,transparent 8px 16px)}h1.title{font-size:64px;letter-spacing:4px;color:#fff;text-shadow:3px 3px 0 #555,6px 6px 0 #222;margin-bottom:4px}h1.title em{font-style:normal;color:#ff5a3c}.sub{color:#d9c9a8;margin-bottom:22px;font-size:15px;text-align:center;max-width:620px;line-height:1.5}.row{display:flex;gap:18px;margin-bottom:14px;align-items:flex-start}.card{width:196px;background:#00000073;border:4px solid #555;padding:10px;text-align:center;cursor:pointer;pointer-events:auto}.card:hover{border-color:#999}.card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover{transform:translateY(-3px)}.card.sel{border-color:#ffd94a;background:#ffd94a1f;box-shadow:0 0 22px #ffd94a59}#appearance{display:flex;flex-direction:column;align-items:center;width:100%}.card canvas.prev{width:170px;height:240px;background:radial-gradient(ellipse at 50% 85%,#f2a86e,#b0689a 55%,#4a3f78);border-radius:6px;margin-bottom:8px}.card canvas{width:100px;height:100px;background:#7fb2e5;display:block;margin:0 auto 6px;border-radius:4px}.swatches{display:flex;gap:6px;justify-content:center;margin-bottom:12px}.sw{width:26px;height:26px;border:3px solid #444;cursor:pointer;pointer-events:auto}.sw.sel{border-color:#fff}.btn{font-family:inherit;font-weight:700;font-size:18px;color:#fff;background:#4a4a4a;border:4px solid #1c1c1c;border-top-color:#8a8a8a;border-left-color:#8a8a8a;padding:10px 22px;cursor:pointer;pointer-events:auto;text-shadow:2px 2px 0 #000}.btn:hover{background:#5d7bd0}.btn.big{font-size:26px;padding:14px 46px;background:#3f9a2c}.btn.big:hover{background:#52b83b}.btn.sel{background:#b8860b}.btn.sm{font-size:16px;padding:6px 16px;min-width:58px}.lbl{font-size:12px;color:#d9c9a8;letter-spacing:2px;margin-bottom:4px}.screen{overflow:auto}@media(max-height:780px){.card canvas.prev{width:118px;height:166px}h1.title{font-size:42px}.sub{margin-bottom:10px;font-size:13px}.card canvas{width:64px;height:64px}.card{width:140px;padding:6px}.row{margin-bottom:8px}.ctrl{margin-top:8px;font-size:11px}.btn.big{font-size:20px;padding:10px 36px}.swatches{margin-bottom:8px}}.ctrl{display:grid;grid-template-columns:repeat(4,auto);gap:4px 22px;font-size:13px;color:#d9c9a8;margin-top:18px}.ctrl b{color:#ffd94a}#langrow{position:absolute;top:10px;right:10px;display:flex;gap:6px;z-index:2}#langrow .btn.sm{font-size:12px;padding:5px 10px;min-width:0}#result h2{font-size:54px;text-shadow:3px 3px 0 #000;margin-bottom:10px}#result.win h2{color:#ffd94a}#result.lose h2{color:#ff5a5a}#result .stats{font-size:20px;line-height:1.8;margin-bottom:22px;text-align:center}#pause h2{font-size:36px;margin-bottom:10px}#quitBtn{margin-top:14px;background:#5a3a3a}#quitBtn:hover{background:#8a4a4a}#goodbye h2{font-size:42px;margin-bottom:10px}#reticle{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 0,transparent 19vmin,rgba(0,0,0,.62) 20.5vmin);pointer-events:none}#reticle:before{content:"";position:absolute;left:50%;top:50%;width:40vmin;height:40vmin;margin:-20vmin 0 0 -20vmin;border-radius:50%;border:2px solid rgba(255,255,255,.75);box-shadow:0 0 0 1px #0009}#reticle i{position:absolute;background:#ffffffd9;box-shadow:0 0 0 1px #0000008c}#reticle .rh{left:calc(50% - 6vmin);width:12vmin;top:calc(50% - 1px);height:2px}#reticle .rv{top:calc(50% - 6vmin);height:12vmin;left:calc(50% - 1px);width:2px}#reticle .rd{left:calc(50% - 2px);top:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#ff3030;box-shadow:none}#cross.ads:after{display:none}.rivals{width:min(420px,92vw);margin:2px 0 12px;background:#00000059;border:2px solid #555;padding:6px 10px;pointer-events:auto}.rivals summary{cursor:pointer;font-size:12px;letter-spacing:2px;color:#d9c9a8;text-align:center;padding:4px 0;list-style:none}.rivals summary::-webkit-details-marker{display:none}.rivals[open] summary{color:#ffd94a}.rivalnote{font-size:12px;color:#d9c9a8;margin:4px 0 8px;line-height:1.4;text-align:center}.rivals input,.rivals textarea{display:block;width:100%;margin-bottom:8px;padding:8px 10px;font:700 15px Courier New,monospace;color:#fff;background:#0000008c;border:2px solid #777;border-radius:0;user-select:text;-webkit-user-select:text;resize:vertical;min-height:44px}.rivals input:focus,.rivals textarea:focus{outline:none;border-color:#ffd94a}#goodbye{background:#0b0805;background-image:none}#goodbye .exithint{color:#ffd94a;max-width:440px}.pausebtns{margin-top:14px;justify-content:center}#pauseQuitBtn{background:#5a3a3a}body.sniperonly #gren,body.sniperonly .tb-grenade,body.sniperonly #slots,.hint-sniper,body.sniperonly .hint-all{display:none}body.sniperonly .hint-sniper{display:inline}.consent{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#000000bd;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));pointer-events:auto}.consent-card{width:min(540px,100%);max-height:100%;overflow:auto;background:#16120e;border:3px solid #d9c9a8;padding:18px 18px 14px;text-align:center;color:#eee;font-size:14px;line-height:1.5}.consent-card h2{color:#ffd94a;font-size:18px;letter-spacing:2px;margin-bottom:8px}.consent-card .row{gap:12px;margin-top:14px}.consent-card .btn{font-size:15px;padding:9px 16px;min-width:9em}.nickwarn{color:#ffd94a;margin:-6px 0 10px;max-width:min(420px,92vw);text-align:center}#touchui{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;touch-action:none;-webkit-touch-callout:none;--sa-l:env(safe-area-inset-left,0px);--sa-r:env(safe-area-inset-right,0px);--sa-b:env(safe-area-inset-bottom,0px);--sa-t:env(safe-area-inset-top,0px);--u:clamp(46px,9.5vmin,76px)}.tzone{position:absolute;pointer-events:auto;touch-action:none}.tz-move{left:0;top:30%;bottom:0;width:44%}.tz-look{right:0;top:0;bottom:0;width:56%}.stick-base{position:absolute;width:calc(var(--u)*2.1);height:calc(var(--u)*2.1);margin:calc(var(--u)*-1.05) 0 0 calc(var(--u)*-1.05);border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.35);opacity:0;transition:opacity .12s;pointer-events:none}.stick-base.on{opacity:1}.stick-base.sprint{border-color:#ffd94a;box-shadow:0 0 18px #ffd94a8c}.stick-knob{position:absolute;left:50%;top:50%;width:46%;height:46%;border-radius:50%;background:#ffffff8c;border:2px solid rgba(255,255,255,.9);transform:translate(-50%,-50%)}.tbtn{position:absolute;pointer-events:auto;touch-action:none;display:flex;align-items:center;justify-content:center;width:var(--u);height:var(--u);border-radius:50%;font:700 calc(var(--u)*.42)/1 "Courier New",monospace;color:#fff;background:#14141480;border:2px solid rgba(255,255,255,.45);text-shadow:1px 1px 0 #000;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;padding:0}.tbtn.down{background:#ffd94a8c;transform:scale(.94)}.tbtn.on{background:#ffd94a66;border-color:#ffd94a}.tb-fire{--fr:calc(var(--sa-r) + 18px);--fb:calc(var(--sa-b) + 18px);width:calc(var(--u)*1.55);height:calc(var(--u)*1.55);right:var(--fr);bottom:var(--fb);background:#e8232b80;border-color:#ffffffb3;font-size:calc(var(--u)*.7)}.tb-aim{right:calc(var(--sa-r) + 18px + var(--u)*1.55 + 10px);bottom:calc(var(--sa-b) + 18px + var(--u)*.15)}.tb-reload{right:calc(var(--sa-r) + 18px + var(--u)*2.55 + 20px);bottom:calc(var(--sa-b) + 18px + var(--u)*.15)}.tb-jump{right:calc(var(--sa-r) + 18px + var(--u)*.275);bottom:calc(var(--sa-b) + 18px + var(--u)*1.55 + 12px)}.tb-crouch{right:calc(var(--sa-r) + 18px + var(--u)*1.55 + 10px);bottom:calc(var(--sa-b) + 18px + var(--u)*1.15 + 12px)}.tb-grenade{right:calc(var(--sa-r) + 18px + var(--u)*2.55 + 20px);bottom:calc(var(--sa-b) + 18px + var(--u)*1.15 + 12px)}.tb-pause{width:calc(var(--u)*.7);height:calc(var(--u)*.7);right:calc(var(--sa-r) + 10px);top:calc(var(--sa-t) + 10px);font-size:calc(var(--u)*.26)}.tb-lean{width:calc(var(--u)*.78);height:calc(var(--u)*.78);top:47%;font-size:calc(var(--u)*.6)}.tb-lean-left{left:calc(var(--sa-l) + 14px)}.tb-lean-right{left:calc(var(--sa-l) + 14px + var(--u)*.78 + 10px)}.tb-zoom{display:none;width:calc(var(--u)*.85);height:calc(var(--u)*.85);right:calc(var(--sa-r) + 10px);font-size:calc(var(--u)*.6)}.tb-zoom-in{top:calc(var(--sa-t) + 10px + var(--u)*.7 + 12px)}.tb-zoom-out{top:calc(var(--sa-t) + 10px + var(--u)*.7 + 12px + var(--u)*.85 + 10px)}#touchui.scoped .tb-zoom{display:block}body.touch #hud:not(.hidden)~#touchslot #touchui{display:block}body.touch #pause .sub:not(#pauseMsg){display:none}#touchui.firetap .tb-aim{width:calc(var(--u)*1.25);height:calc(var(--u)*1.25);right:calc(var(--sa-r) + 18px);bottom:calc(var(--sa-b) + 18px)}#touchui.firetap .tb-jump{right:calc(var(--sa-r) + 18px + var(--u)*.125);bottom:calc(var(--sa-b) + 18px + var(--u)*1.25 + 12px)}#touchui.firetap .tb-crouch{right:calc(var(--sa-r) + 18px + var(--u)*1.25 + 12px);bottom:calc(var(--sa-b) + 18px + var(--u)*1.25 + 12px)}#touchui.firetap .tb-reload{right:calc(var(--sa-r) + 18px + var(--u)*1.25 + 12px);bottom:calc(var(--sa-b) + 18px + var(--u)*.125)}#touchui.firetap .tb-grenade{right:calc(var(--sa-r) + 18px + var(--u)*2.25 + 24px);bottom:calc(var(--sa-b) + 18px + var(--u)*.125)}html,body{overscroll-behavior:none}body.touch{touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;--u:clamp(46px,9.5vmin,76px);--pause-w:calc(var(--u)*.7 + 22px)}.screen{justify-content:flex-start;-webkit-overflow-scrolling:touch;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) calc(max(12px,env(safe-area-inset-bottom)) + var(--screen-bottom-gap,12px)) max(12px,env(safe-area-inset-left))}body.touch .screen{--screen-bottom-gap:88px}.screen{z-index:20}.screen:before{content:"";margin-top:auto}.screen:after{content:"";margin-bottom:auto}.row{flex-wrap:wrap;justify-content:center}.lbl{margin-top:2px}#langrow{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}body.touch .btn{min-height:44px;touch-action:manipulation}body.touch .btn.sm{min-height:40px;padding:8px 14px}body.touch .sw{width:34px;height:34px}body.touch .card{touch-action:manipulation}body.touch .ctrl{display:none}@media(max-width:1100px){#langrow{position:static;margin-bottom:8px}}body.touch #langrow{position:static;margin-bottom:8px}@media(max-width:820px){h1.title{font-size:44px}.sub{font-size:13px;margin-bottom:12px;padding:0 6px}.card{width:min(44vw,172px);padding:8px}.card canvas.prev{width:100%;height:auto;aspect-ratio:170/240}.ctrl{grid-template-columns:repeat(2,auto)}#result h2{font-size:38px}}@media(max-width:420px){h1.title{font-size:34px;letter-spacing:2px}.btn{font-size:15px;padding:9px 14px}.btn.big{font-size:20px;padding:12px 28px}.row{gap:10px}}@media(max-height:480px)and (orientation:landscape){h1.title{font-size:30px;margin-bottom:0}.sub{display:none}.row{margin-bottom:6px;gap:12px}.card{width:112px;padding:5px}.card canvas.prev{width:100%;height:auto;aspect-ratio:170/240}.card span{font-size:11px}.btn.big{font-size:18px;padding:8px 28px}#result h2{font-size:30px}#result .stats{font-size:14px;line-height:1.5;margin-bottom:10px}}@media(max-width:900px),(max-height:520px){#topbar{top:6px;font-size:13px;gap:6px}#topbar div{padding:3px 8px}#map{width:96px;height:96px;border-width:2px}#mapbox{top:6px;left:max(6px,env(safe-area-inset-left))}#zoneinfo{width:96px;font-size:10px;padding:2px 4px}#bossbar{top:38px}#bossname{font-size:14px}#killfeed{font-size:11px;top:96px;right:max(10px,env(safe-area-inset-right))}#hint{display:none}#ammo{font-size:30px;line-height:30px}#ammo small{font-size:15px}#gren{font-size:14px;margin-top:2px}#wname,#reload{font-size:12px;height:14px}#portrait{width:46px;height:46px}#hearts{font-size:17px;line-height:17px}#hpnum{font-size:13px;margin-top:2px}#bl{left:max(10px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));gap:6px}#slots{bottom:max(8px,env(safe-area-inset-bottom));gap:4px}#slots div{min-width:0;padding:4px 7px;font-size:11px}#msg{font-size:20px;top:40%}#toast{font-size:13px;padding:4px 10px;bottom:auto;top:44px;width:max-content;max-width:70vw;text-align:center}}@media(max-width:700px){#slots div span{display:none}#slots div i{margin:0}#slots div{min-width:38px}}body.touch #br{top:max(10px,env(safe-area-inset-top));bottom:auto;right:calc(max(10px,env(safe-area-inset-right)) + var(--pause-w,50px));text-align:right}body.touch #slots{pointer-events:auto;touch-action:manipulation;bottom:max(8px,env(safe-area-inset-bottom))}body.touch #slots div{min-height:36px;display:flex;align-items:center;justify-content:center}body.touch #hint{display:none}body.touch #toast{top:max(50px,calc(env(safe-area-inset-top) + 44px));bottom:auto;width:max-content;max-width:70vw;text-align:center}body.touch #killfeed{top:108px}#rotate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#0a0806;text-align:center;font-size:20px;padding:24px;color:#ffd94a}#rotate .ico{font-size:64px;display:inline-block;animation:rot 2.4s ease-in-out infinite}@keyframes rot{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media(orientation:portrait)and (max-width:699px){body.touch #hud:not(.hidden)~#rotate{display:flex}}@media(prefers-reduced-motion:reduce){#rotate .ico{animation:none}}.rotatehint{display:none;color:#ffd94a;font-size:13px;text-align:center;margin:4px 0 10px;max-width:320px}@media(orientation:portrait)and (max-width:699px){body.touch .rotatehint{display:block}}body.touch #hud{z-index:6}body.touch.scoped #touchui{z-index:7}@media(max-width:900px){#tutorial{top:72px;font-size:13px;padding:6px 8px;max-width:min(520px,64vw)}#tutorial .tut-skip{padding:8px 10px}}