:root{--ink:#142c60;--paper:#f1e6cd;--red:#a82d36;--space:16px}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Comic Sans MS,Segoe Print,cursive;overflow:hidden}#game{width:100vw;height:100vh;display:block}.paper-grain{pointer-events:none;z-index:2;opacity:.32;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 25px,#577b9c66 26px,#0000 27px);position:fixed;inset:0}#hud{z-index:3;pointer-events:none;text-shadow:0 1px var(--paper);position:fixed;inset:0}header{position:absolute;top:1.5%;left:2%;transform:rotate(-1deg)}h1{letter-spacing:-1.6px;margin:0;font-size:clamp(22px,2.2vw,40px);font-weight:700;line-height:1}header p{margin:5px 0;font-size:clamp(10px,1.1vw,19px)}.dash{color:var(--red);padding:0 5px}#room-label{letter-spacing:1.3px;font-size:.7em}#timer{font-size:clamp(28px,3.1vw,52px);font-weight:700;position:absolute;top:1.2%;left:50%;transform:translate(-50%)rotate(1deg)}#scores{border-bottom:2px solid var(--ink);min-width:13%;padding-bottom:6px;font-size:clamp(14px,1.6vw,25px);position:absolute;top:2%;right:2.3%;transform:rotate(.6deg)}.score-row{justify-content:space-between;gap:30px;line-height:1.32;display:flex}.score-row b{color:var(--red)}.score-row.me span{text-decoration:underline;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-underline-offset:5px}.bot{opacity:.7;font-size:.58em}#reticle{width:32px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#reticle i{background:var(--ink);width:2px;height:8px;position:absolute;left:15px}#reticle i:nth-child(2){bottom:0}#reticle i:nth-child(3){width:8px;height:2px;top:15px;left:0}#reticle i:nth-child(4){width:8px;height:2px;top:15px;left:auto;right:0}#hitmarker{color:var(--red);opacity:0;font-size:58px;transition:opacity .18s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)}#feed{text-align:right;color:var(--red);font-size:15px;position:absolute;top:19%;right:2%}#interact{text-align:center;width:100%;font-size:18px;position:absolute;top:59%}.health{position:absolute;bottom:5%;left:2%;transform:rotate(-2deg)}.health strong{border-bottom:4px solid var(--red);font-size:clamp(50px,5.5vw,90px);font-weight:500;line-height:1}.cross{margin-right:16px;font-size:clamp(35px,4vw,66px)}.health small{letter-spacing:2px;margin-top:9px;margin-left:70px;font-size:11px;display:block}.ammo{text-align:right;position:absolute;bottom:5%;right:2%;transform:rotate(1deg)}.ammo strong{font-size:clamp(46px,5vw,82px);font-weight:500}.ammo>span{font-size:30px}.ammo p{margin:0;font-size:18px}.ammo small{letter-spacing:1px;font-size:10px}#grenades{font-size:34px;line-height:1.3}footer{letter-spacing:1px;opacity:.85;justify-content:space-between;font-family:Segoe Print,cursive;font-size:10px;display:flex;position:absolute;bottom:12px;left:2%;right:2%}#connection{color:var(--red)}#menu,#pause,#unsupported,#fatal-error{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f1e6cd44;place-items:center;display:grid;position:fixed;inset:0}#menu[hidden],#pause[hidden],#unsupported[hidden],#fatal-error[hidden]{display:none}#unsupported,#fatal-error{z-index:6}#pause .menu-paper button{margin-bottom:14px}#pause-status{margin:9px 0 0;font-size:10px;line-height:1.5}#unsupported .menu-paper p,#fatal-error .menu-paper p{margin:10px 0;font-size:15px;line-height:1.5}.menu-paper{border:1.5px solid var(--ink);background:#f5ecd8ed repeating-linear-gradient(0deg,#0000 0 26px,#55779b25 27px,#0000 28px);width:min(490px,94vw);padding:28px 38px 22px;position:relative;transform:rotate(-.6deg);box-shadow:7px 9px #142c601a}.menu-paper:before{content:"";border-left:1px solid #b14b5555;position:absolute;top:0;bottom:0;left:22px}.eyebrow{letter-spacing:3px;font-size:11px}.menu-paper h2{letter-spacing:-4px;margin:14px 0 10px;font-size:68px;line-height:.97}.menu-paper h2 span{color:var(--red)}.tagline{margin:0;font-size:20px}.red-rule{background:var(--red);width:85px;height:3px;margin:18px 0;transform:rotate(-3deg)}.fields{gap:15px;display:flex}label{letter-spacing:1.4px;flex:1;font-size:10px;display:block}input:not([type=checkbox]){border:0;border-bottom:1.5px solid var(--ink);width:100%;color:var(--ink);outline-offset:3px;background:0 0;margin:3px 0 18px;padding:5px 0;font:18px Comic Sans MS,cursive}button{border:2px solid var(--ink);background:var(--ink);width:100%;color:var(--paper);cursor:pointer;text-align:left;padding:11px 17px;font:22px Comic Sans MS,cursive;box-shadow:3px 3px #a82d36}button span{float:right}button:hover{background:var(--red)}button:focus-visible,input:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--red);outline-offset:4px}#menu-status{margin:9px 0 16px;font-size:10px;line-height:1.5}.controls{border-top:1px solid #142c6044;padding-top:8px;font-size:11px}.controls p{margin:5px 0}.controls b{margin-left:10px;font-size:10px}.controls b:first-child{margin-left:0}.note{color:var(--red);margin:13px 0 0;font-size:10px}.sound-label{letter-spacing:0;align-items:center;gap:6px;margin-top:13px;font-size:11px;display:flex}#death{text-align:center;background:#f1e6cdaa;place-content:center;display:grid;position:absolute;inset:0}#death[hidden]{display:none}#death h2{color:var(--red);font-size:42px}@media (width<=650px){.menu-paper{padding:22px 30px}.menu-paper h2{font-size:50px}footer span:nth-child(2){display:none}#scores{font-size:13px;top:11%}.ammo p{font-size:12px}.ammo small{font-size:8px}.health small,#room-label{display:none}.controls{font-size:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition-duration:.001ms!important;animation-duration:.001ms!important}}html.reduce-motion *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}