*{box-sizing:border-box}html,body{color:#eee;-webkit-user-select:none;user-select:none;background:#111;height:100%;margin:0;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}canvas#c{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}#hud{pointer-events:none;position:fixed;inset:0}#crosshair{--g:10px;transition:opacity 80ms;position:absolute;top:50%;left:50%}#crosshair i{background:#fff;position:absolute;box-shadow:0 0 2px #000}#crosshair .l,#crosshair .r{width:9px;height:2px;top:-1px}#crosshair .t,#crosshair .b{width:2px;height:9px;left:-1px}#crosshair .l{right:var(--g)}#crosshair .r{left:var(--g)}#crosshair .t{bottom:var(--g)}#crosshair .b{top:var(--g)}#crosshair b{background:#fff;width:2px;height:2px;position:absolute;top:-1px;left:-1px}#hitmarker{opacity:0;position:absolute;top:50%;left:50%}#hitmarker i{background:#fff;width:11px;height:2px;position:absolute;box-shadow:0 0 2px #000}#hitmarker i:first-child{transform:translate(-15px,-10px)rotate(45deg)}#hitmarker i:nth-child(2){transform:translate(4px,-10px)rotate(-45deg)}#hitmarker i:nth-child(3){transform:translate(-15px,8px)rotate(-45deg)}#hitmarker i:nth-child(4){transform:translate(4px,8px)rotate(45deg)}#hitmarker.kill i{background:#ff2a2a}#hitmarker.head i{width:14px}#scope{background:radial-gradient(circle,#0000 0 33vh,#000 33.3vh);display:none;position:absolute;inset:0}#scope:before,#scope:after{content:"";background:#000;position:absolute}#scope:before{height:1px;top:50%;left:0;right:0}#scope:after{width:1px;top:0;bottom:0;left:50%}#damage{opacity:0;background:radial-gradient(#0000 45%,#a00000bf 100%);position:absolute;inset:0}#dmgdirs{position:absolute;top:50%;left:50%}#dmgdirs .d{transform-origin:45px 130px;background:radial-gradient(#ff2828e6,#0000 70%);width:90px;height:16px;position:absolute;top:-130px;left:-45px}#top{align-items:center;gap:10px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}#top .score{text-align:center;border-radius:3px;width:46px;padding:2px 0;font-size:26px;font-weight:700}#top .score.a{background:#326ec8d9}#top .score.b{background:#d26e28d9}#timer{text-align:center;text-shadow:0 0 4px #000;min-width:70px;font-size:26px;font-weight:700}#timer.ot{color:#ffd23f}#alive{gap:4px;display:flex;position:absolute;top:56px;left:50%;transform:translate(-50%)}#alive i{width:14px;height:6px;display:block}#alive i.a{background:#4a8ce0}#alive i.b{background:#e0802c}#alive i.dead{opacity:.2}#capture{text-align:center;width:240px;font-size:12px;position:absolute;top:74px;left:50%;transform:translate(-50%)}#capture>div{background:#4a8ce0;width:0;height:5px;margin-bottom:2px}#capture #capB{background:#e0802c}#killfeed{flex-direction:column;gap:3px;font-size:14px;display:flex;position:absolute;top:14px;left:14px}#killfeed div{background:#00000073;border-radius:2px;padding:3px 8px}.ta{color:#6eaaff}.tb{color:#ff9d4d}#banner{text-align:center;letter-spacing:3px;text-shadow:0 2px 8px #000;width:100%;font-size:46px;font-weight:800;position:absolute;top:28%}#subbanner{text-align:center;text-shadow:0 1px 4px #000;width:100%;font-size:20px;position:absolute;top:calc(28% + 60px)}#health{background:#00000080;width:220px;height:10px;position:absolute;bottom:24px;left:24px}#hpbar{background:#e9e9e9;width:100%;height:100%;transition:width .15s}#hptext{font-weight:700;position:absolute;top:-22px;left:0}#ammo{text-align:right;text-shadow:0 1px 3px #000;position:absolute;bottom:22px;right:28px}#ammo #wname{opacity:.85;font-size:14px}#mag{font-size:40px;font-weight:800}#mag.low{color:#ff4040}#reserve{opacity:.7;font-size:20px}#wnext{opacity:.55;font-size:12px}#spectate{text-align:center;text-shadow:0 1px 3px #000;width:100%;font-size:16px;position:absolute;bottom:90px}#netstat{opacity:.6;font-family:monospace;font-size:11px;position:absolute;top:8px;right:8px}#menu{z-index:10;background:#0a0c10d1;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}#menu h1{letter-spacing:10px;margin:0;font-size:56px;font-weight:900}.panel{background:#ffffff0f;border-radius:6px;flex-direction:column;gap:10px;min-width:520px;padding:16px 20px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row>span{margin-right:14px}button,input,select{font:inherit;color:#eee;background:#2b3038;border:1px solid #444b55;border-radius:4px;padding:7px 12px}button{cursor:pointer}button:hover{background:#3a414c}button.primary{color:#111;background:#c8962e;border-color:#e3b44d;font-weight:800}label.file{cursor:pointer;background:#2b3038;border:1px solid #444b55;border-radius:4px;padding:7px 12px;position:relative;overflow:hidden}label.file input{opacity:0;cursor:pointer;position:absolute;inset:0}.teams{gap:12px;display:flex}.team{border-radius:4px;flex:1;padding:10px}.team.a{background:#326ec840}.team.b{background:#d26e2840}.team h3{margin:0 0 6px}.team ul{min-height:46px;margin:0 0 8px;padding-left:18px}.settings label{align-items:center;gap:10px;display:flex}.settings input[type=range]{flex:1}#controls{opacity:.6;text-align:center;max-width:760px;font-size:12px}#err{color:#ff6b6b;min-height:18px}.hint{opacity:.6;margin:0;font-size:12px}#resume{padding:12px 40px;font-size:22px}#scoreboard{z-index:5;background:#000000bf;min-width:420px;padding:16px 24px;position:fixed;top:20%;left:50%;transform:translate(-50%)}#scoreboard table{border-collapse:collapse;width:100%}#scoreboard td,#scoreboard th{text-align:left;padding:4px 10px}#chat{pointer-events:none;text-shadow:0 1px 2px #000;z-index:11;font-size:13px;position:fixed;bottom:70px;left:14px}#reddot{opacity:0;background:#ff2b2b;border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 4px #ff2b2b}#flashOverlay{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}body.stunned canvas#c{filter:blur(2px)saturate(.6)}#nadeind{position:absolute;top:50%;left:50%}#nadeind .n{color:#fff;text-align:center;background:#ff3c28d9;border-radius:50%;width:26px;height:26px;margin:-13px;font:700 14px/26px system-ui;position:absolute;box-shadow:0 0 6px #000}#cook{opacity:0;background:#00000080;width:80px;height:4px;margin-left:-40px;position:absolute;top:calc(50% + 40px);left:50%}#cook div{background:#ff5030;width:0;height:100%}#equip{text-align:right;text-shadow:0 1px 3px #000;opacity:.9;font-size:13px;position:absolute;bottom:112px;right:28px}#equip span{margin-left:12px}#equip .out{opacity:.35}#loadout{background:#0a0c10d1;border-top:3px solid #c8962e;min-width:520px;padding:14px 20px;position:absolute;top:52%;left:50%;transform:translate(-50%)}#loadout h4{letter-spacing:2px;opacity:.7;margin:0 0 8px;font-size:12px}#loadout .w{gap:20px;display:flex}#loadout .w>div{flex:1}#loadout .name{font-size:20px;font-weight:800}#loadout .cls{opacity:.6;margin-bottom:6px;font-size:12px}#loadout .stat{align-items:center;gap:8px;margin:3px 0;font-size:11px;display:flex}#loadout .stat span{opacity:.7;width:62px}#loadout .stat i{background:#ffffff1f;flex:1;height:5px;position:relative}#loadout .stat i b{background:#e9e9e9;position:absolute;inset:0 auto 0 0}#loadout .eq{opacity:.85;margin-top:10px;font-size:13px}#killcam{letter-spacing:1px;background:#a01414d9;padding:6px 18px;font-size:16px;position:absolute;top:90px;left:50%;transform:translate(-50%)}#killcam b{letter-spacing:4px;margin-right:12px}.settings input.num{width:90px;margin-left:auto}#sensInfo{margin-top:-2px}