: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:70px;height:70px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#reticle i{background:var(--ink);width:3px;height:25px;position:absolute;left:33.5px}#reticle i:nth-child(2){bottom:0}#reticle i:nth-child(3){width:25px;height:3px;top:33.5px;left:0}#reticle i:nth-child(4){width:25px;height:3px;top:33.5px;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}#reload-status{min-height:1.2em;color:var(--red,#a82d36);letter-spacing:.08em;font-size:12px}.secondary-button{color:#142c60;background:0 0;border:2px solid #142c60;margin-top:12px;font-size:17px}#scope-view{background:radial-gradient(circle at center,transparent 0 35vmin,var(--ink) 35.4vmin);pointer-events:none;position:absolute;inset:0}#scope-view[hidden]{display:none}#scope-view:before,#scope-view:after{content:"";background:var(--ink);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#scope-view:before{width:65vmin;height:1px}#scope-view:after{width:1px;height:65vmin}.scope-active header,.scope-active #timer,.scope-active #scores,.scope-active .health,.scope-active .ammo,.scope-active footer{color:var(--paper);text-shadow:none}.scope-active .score-row b{color:#e07a80}#floating-hits{pointer-events:none;position:fixed;inset:0;overflow:hidden}.damage-number{color:#17346b;text-shadow:1px 1px #fffef3,-1px -1px #fffef3;white-space:nowrap;font:700 25px Courier New,monospace;position:absolute;transform:translate(-50%,-100%)rotate(-5deg)}.damage-number.critical{color:#ab273b;border-bottom:2px solid;font-size:28px}.damage-number[hidden]{display:none}#room-setup{margin:0 0 14px;font-size:11px}#room-setup summary{cursor:pointer;color:var(--red);padding:5px 0;font-weight:700}.setup-grid{gap:12px;margin-top:8px;display:flex}.setup-grid label{min-width:0}select{border:1px solid var(--ink);width:100%;color:var(--ink);background:#f5ecd8;margin:5px 0;padding:5px;font:14px Comic Sans MS,cursive;display:block}.setup-grid+p{font-size:10px;line-height:1.4}.game-settings{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.invite-row,#invite-status{grid-column:1/-1}#invite-status{margin:0;font-size:10px}.game-settings label{letter-spacing:.5px}.game-settings input[type=range]{width:100%;accent-color:var(--red);margin:6px 0;padding:0}.game-settings #invite-link{margin:10px 0 0;font-size:12px}.game-settings button{margin:0!important}#pause .menu-paper,#menu .menu-paper{max-height:96vh;overflow:auto}#menu .menu-paper h2{font-size:54px}#fresh-room{margin:6px 0 0;padding:7px;font-size:13px}#match-panel{border:2px solid var(--ink);text-align:center;background:#f5ecd8f5;width:min(560px,65vw);padding:25px 32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-.5deg);box-shadow:8px 8px #142c6022}#match-panel[hidden]{display:none}#match-panel h2{color:var(--red);overflow-wrap:anywhere;margin:8px 0;font-size:34px}#match-subtitle{font-size:13px}#match-panel table{text-align:left;border-collapse:collapse;width:100%;font-size:16px}#match-panel th{border-bottom:2px solid var(--ink);padding:7px 0;font-size:10px}#match-panel td{border-bottom:1px solid #142c6022;padding:4px 0}#match-panel td:not(:first-child),#match-panel th:not(:first-child){text-align:right}#match-panel tr.me{color:var(--red);font-weight:700}#phase-banner{text-align:center;width:100%;color:var(--red);font-size:40px;font-weight:700;position:absolute;top:28%}#room-rules{letter-spacing:1px;font-size:10px;position:absolute;top:9%;left:50%;transform:translate(-50%)}#kill-feed{text-align:right;font-size:13px;position:absolute;top:22%;right:2%}#kill-feed p{border-right:2px solid var(--red);background:#f5ecd8cc;margin:4px 0;padding:3px 7px}#streak-banner{text-align:center;width:100%;color:var(--red);font-size:22px;font-weight:700;position:absolute;top:65%}select:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:3px}#match-panel{z-index:4}#pause .menu-paper h2{margin:10px 0;font-size:44px}#pause .menu-paper{padding-top:20px;padding-bottom:18px}#pause .red-rule{margin:12px 0}#pause .menu-paper button{margin-bottom:8px;padding:8px 14px;font-size:18px}#pause .sound-label{margin-top:6px}#pause .game-settings{gap:6px;margin-top:8px}