:root{--ink:#1d2433;--paper:#fff8ec;--accent:#ff6b6b;--hp:#69db7c;--shadow:0 2px 0 #00000040;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--paper);-webkit-user-select:none;user-select:none;background:#a7d3f0;margin:0;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;text-shadow:var(--shadow);position:fixed;inset:0}#crosshair{width:0;height:0;position:absolute;top:50%;left:50%}#crosshair i{background:#fff;position:absolute;box-shadow:0 0 0 1px #00000073}#crosshair i:first-child{width:2px;height:7px;top:-12px;left:-1px}#crosshair i:nth-child(2){width:2px;height:7px;top:5px;left:-1px}#crosshair i:nth-child(3){width:7px;height:2px;top:-1px;left:-12px}#crosshair i:nth-child(4){width:7px;height:2px;top:-1px;left:5px}#hitmarker{opacity:0;background:linear-gradient(45deg,#0000 45%,#fff 45% 55%,#0000 55%),linear-gradient(-45deg,#0000 45%,#fff 45% 55%,#0000 55%);width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 5px,#000 6px);mask:radial-gradient(circle,#0000 5px,#000 6px)}#hitmarker.show{animation:.18s ease-out hit}#hitmarker.head{background:linear-gradient(45deg, transparent 42%, var(--accent) 42%, var(--accent) 58%, transparent 58%), linear-gradient(-45deg, transparent 42%, var(--accent) 42%, var(--accent) 58%, transparent 58%)}@keyframes hit{0%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1)}}#damage{opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 120px 30px #ff2828bf}#damage.show{animation:.35s ease-out dmg}@keyframes dmg{0%{opacity:1}to{opacity:0}}#killfeed{flex-direction:column;align-items:flex-end;gap:4px;font-size:15px;font-weight:700;display:flex;position:absolute;top:16px;right:16px}#killfeed div{background:#1d24338c;border-radius:6px;padding:4px 10px;transition:opacity .5s}#killfeed .me{outline:2px solid var(--paper)}#net{opacity:.8;font:600 12px ui-monospace,monospace;position:absolute;top:12px;left:16px}#hp{background:#1d243399;border:2px solid #fff8ecd9;border-radius:9px;width:260px;height:18px;margin-left:-130px;position:absolute;bottom:28px;left:50%;overflow:hidden}#hp-fill{background:var(--hp);width:100%;height:100%;transition:width .12s}#hp-text{text-align:center;color:var(--ink);text-shadow:none;font:800 12px/14px ui-rounded,system-ui,sans-serif;position:absolute;inset:0}#death{text-align:center;color:var(--accent);font-size:48px;font-weight:900;position:absolute;top:32%;left:0;right:0}#death small{color:var(--paper);font-size:18px;display:block}#scoreboard{background:#1d2433cc;border-radius:12px;width:min(440px,100% - 32px);padding:14px 18px;font-weight:700;position:absolute;top:18%;left:50%;transform:translate(-50%)}#scoreboard table{border-collapse:collapse;width:100%}#scoreboard th{text-align:left;opacity:.6;font-size:12px}#scoreboard td,#scoreboard th{padding:4px 6px}#scoreboard td.n,#scoreboard th.n{text-align:right;width:60px}#scoreboard i{border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}#lock{text-align:center;background:#1d2433bf;border-radius:10px;padding:12px 20px;font-weight:800;position:absolute;top:60%;left:50%;transform:translate(-50%)}#lock small{opacity:.8;margin-top:6px;font-size:12px;font-weight:600;display:block}#toast{background:#1d2433d9;border-radius:8px;padding:8px 16px;font-weight:700;position:fixed;top:16px;left:50%;transform:translate(-50%)}#menu{color:var(--ink);background:linear-gradient(#a7d3f0,#e9d8b8);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}#menu[hidden]{display:none}#menu h1{letter-spacing:-2px;color:var(--paper);text-shadow:0 4px 0 var(--ink);margin:0 0 12px;font-size:64px;font-weight:900}#menu input,#menu button{border:3px solid var(--ink);border-radius:10px;width:260px;padding:12px 16px;font:700 18px ui-rounded,system-ui,sans-serif}#menu input{background:var(--paper);color:var(--ink);-webkit-user-select:text;user-select:text}#menu button{background:var(--accent);color:var(--paper);cursor:pointer;box-shadow:0 4px 0 var(--ink)}#menu button:active{box-shadow:0 2px 0 var(--ink);transform:translateY(2px)}#menu-msg{min-height:1.2em;margin:0;font-weight:700}