:root{--fg:#ffffffe0;--dim:#ffffff80;--blue:#3d8eff;--red:#ff4b3a;--grey:#8d8d8d;--cyan:#5fd8ff;font-family:Bahnschrift,DIN Alternate,Roboto Condensed,Arial Narrow,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--fg);background:#000;margin:0;overflow:hidden}canvas#game{width:100vw;height:100vh;display:block}#ui{pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px #000000b3;letter-spacing:.04em;position:fixed;inset:0}.hidden{display:none!important}#top{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}#compass{border-bottom:1px solid #ffffff59;width:520px;height:30px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}#compass-strip{will-change:transform;height:100%;position:absolute;top:0;left:0}#compass-strip span{color:var(--dim);font-size:13px;position:absolute;bottom:4px;transform:translate(-50%)}#compass-strip span.card{color:var(--fg);font-size:15px}#compass-strip i{background:#ffffff73;width:1px;height:6px;position:absolute;bottom:0}#compass-center{background:var(--fg);width:2px;height:10px;position:absolute;bottom:0;left:50%}#compass-obj{background:#ffd25a;width:10px;height:10px;margin-left:-5px;position:absolute;top:2px;transform:rotate(45deg)}#strip{align-items:center;gap:8px;font-size:13px;display:flex}.pip{background:#8c8c8c8c;border:1px solid #ffffff40;place-items:center;width:26px;height:26px;font-size:15px;font-weight:600;display:grid}.pip.b{background:#2878ffd9}.pip.r{background:#f03c2dd9}.pip.obj{outline-offset:2px;outline:2px solid #ffd25a}.pip.alert{animation:.5s steps(2,end) infinite alert}@keyframes alert{50%{color:#000;background:#ffffffe6}}.tickets{text-align:center;width:34px;color:var(--dim)}#objective{color:#ffd25a;min-height:16px;font-size:13px}#crosshair{background:var(--fg);border-radius:50%;width:4px;height:4px;margin:-2px;position:absolute;top:50%;left:50%}#hitmarker{opacity:0;width:22px;height:22px;margin:-11px;position:absolute;top:50%;left:50%}#hitmarker:before,#hitmarker:after{content:"";background:linear-gradient(#fff 35%,#0000 35% 65%,#fff 65%);width:2px;height:100%;margin-left:-1px;position:absolute;top:0;left:50%}#hitmarker:before{transform:rotate(45deg)}#hitmarker:after{transform:rotate(-45deg)}#hitmarker.kill:before,#hitmarker.kill:after{background:linear-gradient(var(--red) 35%, transparent 35% 65%, var(--red) 65%)}.dmg{opacity:0;filter:drop-shadow(0 0 4px #ff281499);border:6px solid #0000;border-top-color:#ff4632d9;border-radius:50%;width:240px;height:240px;margin:-120px;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(circle at 50% 0,#000 25%,#0000 45%);mask-image:radial-gradient(circle at 50% 0,#000 25%,#0000 45%)}#kia .by{color:var(--fg);margin:10px 0 0;font-size:18px}#toast{white-space:nowrap;font-size:16px;transition:opacity .4s;position:absolute;top:calc(50% + 46px);left:50%;transform:translate(-50%)}#toast.bad{color:#ff8a7a}#prompt{color:var(--fg);font-size:15px;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}#marker{text-align:center;color:#ffd25a;white-space:nowrap;font-size:12px;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}#marker b{border:2px solid #ffd25a;width:12px;height:12px;margin:0 auto 3px;display:block;transform:rotate(45deg)}#tooltip{color:var(--cyan);background:#0a1e2873;border:1px solid #5fd8ffb3;padding:6px 10px;font-size:15px;position:absolute;top:calc(50% + 10px);left:calc(50% + 70px)}#tooltip small{color:var(--dim);margin-top:4px;font-size:12px;display:block}#tooltip em{color:#ff8a7a;margin-top:3px;font-size:13px;font-style:normal;display:block}#squad{flex-direction:column;gap:5px;font-size:15px;display:flex;position:absolute;bottom:28px;left:28px}#squad div{align-items:center;gap:10px;display:flex}#squad div.dead{opacity:.35;text-decoration:line-through}#squad div.you{color:#fff}#squad svg{width:22px;height:16px;fill:var(--fg)}#ammo{text-align:right;position:absolute;bottom:26px;right:30px}#ammo .weapon{color:var(--dim);font-size:13px}#ammo .count{font-size:40px;line-height:1}#ammo .count small{color:var(--dim);font-size:22px}#ammo .supply{justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;font-size:20px;display:flex}#ammo .supply svg{fill:none;width:22px;height:20px;stroke:var(--fg);stroke-width:1.6px}#hp{background:#fff3;width:150px;height:3px;margin:0 0 10px auto}#hp i{background:var(--fg);height:100%;display:block}#subtitle{white-space:nowrap;font-size:19px;transition:opacity .5s;position:absolute;bottom:46px;left:50%;transform:translate(-50%)}.overlay{pointer-events:auto;place-items:center;display:grid;position:absolute;inset:0}#kia{pointer-events:none;text-align:center;background:radial-gradient(#0000 30%,#3c000073);place-items:end center;padding-bottom:22vh}#kia h2{letter-spacing:.2em;color:#ffb4a8;margin:0;font-size:34px}#end{text-align:center;background:#0000008c}#end h1{letter-spacing:.25em;margin:0;font-size:72px}#end p{color:var(--dim)}#menu{background:linear-gradient(90deg,#0a0908d9,#0a090859);justify-items:start;padding-left:8vw}#menu .panel{flex-direction:column;gap:14px;max-width:460px;display:flex}#menu h1{letter-spacing:.3em;margin:0;font-size:80px;font-weight:600}#menu .tag{color:var(--dim);margin-top:-10px;font-size:17px}#menu input{font:inherit;color:#fff;background:#ffffff14;border:1px solid #ffffff4d;outline:none;padding:10px 12px;font-size:18px}#menu button{font:inherit;letter-spacing:.25em;color:#1a1610;cursor:pointer;background:#d8c9a6;border:0;padding:12px;font-size:20px}#menu button:hover{background:#fff}#menu dl{color:var(--dim);grid-template-columns:auto 1fr;gap:4px 16px;margin:6px 0 0;font-size:14px;display:grid}#menu dt{color:var(--fg)}#menu .meta{color:var(--dim);font-size:12px}#menu .note{color:#ffd25a;font-size:13px}