:root{--ink: #1a30c0;--red: #d02030;--paper: #f6f3e6;--orange: #e8801a;--green: #1f9a4d}*{box-sizing:border-box}html,body{margin:0;height:100%;width:100%;overflow:hidden;background:var(--paper);font-family:Patrick Hand,Caveat,Comic Sans MS,Marker Felt,Segoe Print,cursive,sans-serif;user-select:none;-webkit-user-select:none}canvas#c{position:fixed;inset:0;width:100vw;height:100vh;display:block;touch-action:none}#hud{position:fixed;inset:0;pointer-events:none;color:var(--ink);user-select:none;overflow:hidden;font-size:24px}.hud-tl,.hud-tr,.hud-bl,.hud-br,.crosshair,.grapple-ret,.hitmarker,.dmg-ind,.message,.killfeed,.focus-meter,.bossbar{mix-blend-mode:multiply}#hud.nogame .hud-tl,#hud.nogame .hud-tr,#hud.nogame .hud-bl,#hud.nogame .hud-br,#hud.nogame .crosshair,#hud.nogame .grapple-ret,#hud.nogame .killfeed,#hud.nogame .tip,#hud.nogame .bossbar,#hud.nogame .focus-meter,#hud.nogame .scope,#hud.nogame .focus-mark{display:none!important}.hud-tl{position:absolute;left:8.5%;top:3.5%;font-size:32px;transform:rotate(-1.5deg)}.hud-tr{position:absolute;right:4.5%;top:3.5%;text-align:right;font-size:32px;transform:rotate(1deg)}.hud-bl{position:absolute;left:8.5%;bottom:5%}.hud-br{position:absolute;right:4.5%;bottom:5%;text-align:right}.ammo{display:flex;align-items:baseline;gap:4px}.ammo b{font-size:62px;line-height:1}.ammo span{font-size:30px;opacity:.85}.reloading{font-size:24px!important;color:var(--red);margin-left:6px}.tally{display:flex;flex-wrap:wrap;width:260px;gap:3.5px;margin-top:-6px;align-items:flex-end}.tally i{display:block;width:4px;height:22px;background:var(--ink);transform:rotate(4deg);border-radius:2px;opacity:.92}.tally i:nth-child(5n){width:4px;margin-right:12px;transform:rotate(-10deg)}.health{margin-bottom:8px;font-size:28px;display:flex;align-items:center;gap:12px}.bar{width:220px;height:18px;border:2.5px solid var(--ink);border-radius:6px 8px 5px 7px/8px 5px 7px 6px;overflow:hidden;transform:rotate(-1deg);background:#fff6}.fill{height:100%;width:100%;background:repeating-linear-gradient(-55deg,var(--ink) 0 3px,transparent 3px 7px);transition:width .12s ease-out}.low .bar{border-color:var(--red)}.low .fill{background:repeating-linear-gradient(-55deg,var(--red) 0 3px,transparent 3px 7px)}.crosshair{position:absolute;left:50%;top:50%;width:0;height:0;--s: 10px;filter:drop-shadow(0 0 1px rgba(255,255,255,.9));transition:opacity .1s}.crosshair i{position:absolute;background:var(--red);border-radius:2px;transition:top .06s,left .06s}.ch-t{width:3px;height:12px;left:-1.5px;top:calc(-1 * var(--s) - 12px)}.ch-b{width:3px;height:12px;left:-1.5px;top:var(--s)}.ch-l{width:12px;height:3px;top:-1.5px;left:calc(-1 * var(--s) - 12px)}.ch-r{width:12px;height:3px;top:-1.5px;left:var(--s)}.ch-dot{width:4px;height:4px;left:-2px;top:-2px;border-radius:50%}.crosshair.katana i{background:var(--ink)}.crosshair.katana .ch-t,.crosshair.katana .ch-b{height:18px}.crosshair.katana .ch-l,.crosshair.katana .ch-r{display:none}.crosshair.ads{opacity:0!important}.grapple-ret{position:absolute;left:50%;top:50%;width:32px;height:32px;margin:-16px;border:2.5px dashed var(--ink);border-radius:50%;opacity:0;transition:opacity .1s,transform .12s;transform:scale(1.6) rotate(0)}.grapple-ret.on{opacity:.9;transform:scale(1) rotate(20deg)}.grapple-ret.attached{border-style:solid;transform:scale(.65)}.gstam{position:absolute;left:50%;top:calc(50% + 24px);width:44px;height:6px;margin-left:-22px;border:1.5px solid var(--ink);border-radius:3px;overflow:hidden}.gstam i{display:block;height:100%;width:100%;background:var(--ink)}.gstam.low i{background:var(--red)}.hitmarker{position:absolute;left:50%;top:50%;opacity:0;pointer-events:none}.hitmarker i{position:absolute;width:3.5px;height:36px;background:var(--orange);left:-1.75px;top:-18px;border-radius:2px;box-shadow:0 0 0 1px #faf8eed9}.hitmarker i:first-child{transform:rotate(45deg)}.hitmarker i:last-child{transform:rotate(-45deg)}.hitmarker.show{animation:hm .24s ease-out}.hitmarker.crit i{background:var(--red);width:4.5px;height:44px;top:-22px;left:-2.25px}.hitmarker.kill i{background:var(--red);width:5px;height:52px;top:-26px;left:-2.5px}@keyframes hm{0%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(1)}}.message{position:absolute;left:0;right:0;top:22%;text-align:center;pointer-events:none}.msg-main{font-size:92px;color:var(--ink);transform:rotate(-2deg);opacity:0;letter-spacing:3px;line-height:1}.msg-main.show{animation:scribble .55s ease-out forwards}@keyframes scribble{0%{opacity:0;transform:rotate(-7deg) scale(1.7);filter:blur(3px)}55%{opacity:1;transform:rotate(-1deg) scale(.95);filter:blur(0)}to{opacity:1;transform:rotate(-2deg) scale(1)}}.msg-sub{font-size:34px;opacity:.85;margin-top:6px}.killfeed{position:absolute;right:4.5%;top:28%;text-align:right;font-size:28px;display:flex;flex-direction:column;gap:3px}.killfeed div{animation:kf 1.7s ease-out forwards}.killfeed .pts{color:var(--red)}@keyframes kf{0%{opacity:0;transform:translate(30px) rotate(3deg)}15%{opacity:1;transform:none}75%{opacity:1}to{opacity:0}}.dmg-ind{position:absolute;left:50%;top:50%;pointer-events:none}.dmg-ind i{position:absolute;left:-16px;top:-140px;width:32px;height:22px;transform-origin:16px 140px;background:var(--red);clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.9;animation:di 1s linear forwards}@keyframes di{to{opacity:0}}.slots{display:flex;flex-direction:column;align-items:flex-end;gap:3px;margin-bottom:8px;font-size:22px;opacity:.85}.slot{display:flex;gap:8px;align-items:baseline;opacity:.55;transform:rotate(1deg)}.slot.active{opacity:1;font-size:26px;border-bottom:2px solid var(--ink)}.slot.empty{color:var(--red)}.slot .num{font-size:16px;opacity:.8;border:1.5px solid var(--ink);border-radius:4px 6px 4px 5px;padding:0 5px}.slot .sammo{font-size:18px;opacity:.8;min-width:58px;text-align:right}.weapon{font-size:38px;line-height:1}.hint{font-size:21px;opacity:.8;margin-top:2px}.combo{font-size:28px;color:var(--red);min-height:32px}.timer{font-size:26px;color:var(--red)}.modifier{font-size:24px;color:var(--red);min-height:28px}.bossbar{position:absolute;left:50%;top:6%;width:440px;margin-left:-220px;text-align:center;font-size:28px;display:none}.bossbar.show{display:block}.bar.big{width:440px;height:22px;margin-top:4px}.fill.red{background:repeating-linear-gradient(-55deg,var(--red) 0 3px,transparent 3px 7px)}.tip{position:absolute;left:0;right:0;bottom:17%;text-align:center;font-size:28px;color:var(--ink);opacity:0;transition:opacity .4s;mix-blend-mode:multiply;pointer-events:none}.tip.show{opacity:.95}.tip b{color:var(--red)}.nades{display:inline-flex;gap:4px;margin-left:14px;vertical-align:middle}.nades i{width:14px;height:16px;border:2.5px solid var(--ink);border-radius:50% 50% 45% 45%;display:inline-block;position:relative;top:-2px}.nades i:after{content:"";position:absolute;left:3px;top:-6px;width:3.5px;height:5px;background:var(--red)}.scope{position:absolute;inset:0;opacity:0;transition:opacity .1s;pointer-events:none}.scope.on{opacity:1}.scope .mask{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(246,243,230,0) 0 30vh,var(--paper) 30.6vh 100%)}.scope .ring{position:absolute;left:50%;top:50%;width:60.5vh;height:60.5vh;margin:-30.25vh;border:3.5px solid var(--ink);border-radius:50%;box-shadow:inset 0 0 0 7px #1a30c01f}.scope .cx{position:absolute;left:50%;top:50%;width:60vh;height:2.5px;margin:-1px -30vh;background:repeating-linear-gradient(90deg,var(--ink) 0 14px,transparent 14px 17px)}.scope .cy{position:absolute;left:50%;top:50%;width:2.5px;height:60vh;margin:-30vh -1px;background:repeating-linear-gradient(180deg,var(--ink) 0 14px,transparent 14px 17px)}.scope .dot{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;background:var(--red);border-radius:50%}.focus-meter{position:absolute;left:4.5%;top:50%;transform:translateY(-50%) rotate(-1.5deg);opacity:0;transition:opacity .25s;text-align:center}.focus-meter.on{opacity:1}.fm-label{font-size:18px;letter-spacing:2px;color:var(--ink);opacity:.85;margin-bottom:4px}.fm-tube{position:relative;width:28px;height:175px;border:3px solid var(--ink);border-radius:8px 11px 7px 10px/11px 7px 10px 8px;overflow:hidden;background:#ffffff80}.fm-fill{position:absolute;left:0;right:0;bottom:0;height:0%;background:repeating-linear-gradient(-52deg,var(--ink) 0 3px,transparent 3px 7px);transition:height .18s}.fm-tube i{position:absolute;left:50%;bottom:100%;width:18px;height:24px;margin-left:-9px;background:var(--red);opacity:0;clip-path:polygon(50% 0,78% 42%,66% 38%,82% 78%,50% 100%,18% 78%,34% 38%,22% 42%)}.focus-meter.ready .fm-tube{border-color:var(--red);box-shadow:0 0 0 3px #d0203033}.focus-meter.ready .fm-fill{background:repeating-linear-gradient(-52deg,var(--red) 0 3px,transparent 3px 7px)}.focus-meter.ready .fm-tube i{opacity:1;animation:flame .42s ease-in-out infinite alternate}.focus-meter.ready .fm-f2{margin-left:-19px;height:18px;animation-delay:.14s}.focus-meter.ready .fm-f3{margin-left:3px;height:20px;animation-delay:.27s}@keyframes flame{0%{transform:translateY(4px) scaleY(.78) rotate(-5deg)}to{transform:translateY(-3px) scaleY(1.15) rotate(6deg)}}.fm-ready{font-size:16px;color:var(--red);letter-spacing:1px;margin-top:6px;opacity:0}.focus-meter.ready .fm-ready{opacity:1;animation:blink 1s infinite}.screen{position:absolute;inset:0;display:none;align-items:center;justify-content:center;pointer-events:auto;background:#f6f3e6bf;overflow-y:auto;padding:20px;z-index:100}.screen.show{display:flex}.panel{text-align:center;max-width:980px;width:100%;margin:auto;padding:30px 48px;background:#faf8eef5;box-shadow:8px 8px #1a30c02e;border:3.5px solid var(--ink);border-radius:12px 18px 10px 16px/16px 10px 18px 12px;transform:rotate(-.5deg);color:var(--ink)}.panel h1{font-size:96px;margin:0;letter-spacing:3px;line-height:1}.panel h2{font-size:38px;margin:6px 0 16px;font-weight:400}.panel .cols{display:flex;gap:46px;justify-content:center;text-align:left;font-size:22px;line-height:1.4}.panel .cols b{color:var(--red)}.colhead{font-size:26px;border-bottom:2px solid var(--ink);margin-bottom:6px;font-weight:700}.panel .go{font-size:36px;margin-top:22px;animation:blink 1.2s infinite}@keyframes blink{50%{opacity:.35}}.mainbtns{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:18px 0 8px}.mainbtns button{font:inherit;font-size:32px;color:var(--paper);background:var(--ink);border:3px solid var(--ink);border-radius:9px 13px 8px 12px/12px 8px 11px 9px;padding:12px 40px;cursor:pointer;transform:rotate(-.8deg);line-height:1.1;transition:transform .15s ease,filter .15s ease}.mainbtns button:hover{filter:brightness(1.15);transform:rotate(-.8deg) scale(1.04)}.mainbtns button i{display:block;font-style:normal;font-size:18px;opacity:.85;letter-spacing:1px}.mainbtns:has(.start){flex-direction:column;align-items:center;gap:12px}.mainbtns button.start{min-width:440px;font-size:56px;padding:18px 52px;border-width:4px;transform:rotate(-1deg);box-shadow:6px 7px #0000002e}.mainbtns button.start:hover{transform:rotate(-1deg) scale(1.04)}.panel .stats{font-size:32px;line-height:1.5}.panel .stats b{color:var(--red)}.settings{display:flex;flex-direction:column;gap:6px;align-items:center;font-size:22px;margin-top:14px;border-top:2px solid var(--ink);padding-top:12px}.settings label{display:flex;align-items:center;gap:10px;cursor:pointer}.settings input[type=range]{width:220px;accent-color:#1a30c0}.settings input[type=checkbox]{width:18px;height:18px;accent-color:#1a30c0}.settings b{color:var(--red);min-width:56px;text-align:left}.legal-bar{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;font-size:19px;opacity:.85}.link-btn{background:transparent;border:none;color:var(--ink);text-decoration:underline;cursor:pointer;font-family:inherit;font-size:19px;padding:2px 6px;transition:color .15s,transform .15s}.link-btn:hover{color:var(--red);transform:scale(1.05)}.modal-panel{max-width:780px;max-height:85vh;display:flex;flex-direction:column;text-align:left}.modal-content{overflow-y:auto;padding:10px 18px 10px 6px;margin:14px 0;font-size:20px;line-height:1.45;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:#ffffff80;border-radius:4px}.modal-content h3{font-size:24px;color:var(--red);margin:16px 0 6px}.modal-content h3:first-child{margin-top:4px}.modal-content p,.modal-content ul{margin:6px 0 10px}.modal-content ul{padding-left:24px}.modal-content code{background:#eae5d0;padding:1px 6px;border-radius:4px;font-size:18px}@media(max-width:900px){.panel h1{font-size:60px}.panel .cols{flex-direction:column;gap:12px;font-size:19px}.msg-main{font-size:58px}.mainbtns button.start{min-width:280px;font-size:42px;padding:14px 28px}}.sniper-warn{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);background:#e61e1e1f;border:2px dashed #dc2626;color:#dc2626;font-family:Patrick Hand,cursive,sans-serif;font-size:26px;letter-spacing:2px;padding:6px 20px;border-radius:6px;pointer-events:none;animation:sniperLockBlink .35s infinite alternate ease-in-out;z-index:40}@keyframes sniperLockBlink{0%{opacity:.7;transform:translate(-50%,-50%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1.03)}}#hud-crosshair.sniper-aim i{background:#dc2626!important;box-shadow:0 0 8px #dc2626d9}