html,body{background:#111;height:100%;margin:0;padding:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}canvas#app{width:100vw;height:100vh;display:block}#loading{color:#ddd;z-index:10;background:#15171a;justify-content:center;align-items:center;font-size:22px;display:flex;position:fixed;inset:0}.hud{pointer-events:none;color:#fff;text-shadow:0 1px 2px #000;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.divider{z-index:3;background:#000;height:2px;position:absolute;top:calc(50% - 1px);left:0;right:0}.half{height:50%;position:absolute;left:0;right:0;overflow:hidden}.half.top{top:0}.half.bottom{top:50%}.vignette{opacity:0;background:radial-gradient(#0000 45%,#c80000bf 100%);position:absolute;inset:0}.crosshair{--gap:6px;width:0;height:0;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 .u,.crosshair .d{width:2px;height:9px;left:-1px}.crosshair .l{right:var(--gap)}.crosshair .r{left:var(--gap)}.crosshair .u{bottom:var(--gap)}.crosshair .d{top:var(--gap)}.crosshair b{background:#fff;width:2px;height:2px;position:absolute;top:-1px;left:-1px}.hitmarker{opacity:0;width:0;height:0;transition:opacity 50ms;position:absolute;top:50%;left:50%}.hitmarker i{background:#fff;width:10px;height:2px;position:absolute;top:-1px;left:-5px}.hitmarker i:first-child{transform:rotate(45deg)translate(10px)}.hitmarker i:nth-child(2){transform:rotate(135deg)translate(10px)}.hitmarker i:nth-child(3){transform:rotate(225deg)translate(10px)}.hitmarker i:nth-child(4){transform:rotate(315deg)translate(10px)}.hitmarker.head i{background:#ffcf3a}.hitmarker.kill i{background:#ff3a3a;width:14px}.mode{font-size:14px;font-weight:700;position:absolute;top:10px;left:14px}.mode span{background:#00000080;border-radius:4px;padding:2px 8px}.mode .ots{background:#e6781ecc}.mode .pov{background:#2878dccc}.mode small{opacity:.7;margin-left:6px;font-weight:400}.pname{font-size:16px;font-weight:800;position:absolute;top:36px;left:14px}.device{opacity:.65;font-size:11px;position:absolute;top:58px;left:14px}.health{align-items:center;gap:8px;display:flex;position:absolute;bottom:14px;left:14px}.health .bar{background:#0000008c;border:1px solid #fff6;width:180px;height:12px}.health .fill{background:#5fd06a;width:100%;height:100%}.health .num{font-size:20px;font-weight:800}.ammo{font-size:14px;position:absolute;bottom:10px;right:18px}.ammo b{margin-right:4px;font-size:30px}.ammo b.low{color:#ff5b4b}.ammo small{opacity:.6;margin-left:8px}.ammo .rl{color:#ffd166;font-weight:700}.feed{text-align:right;font-size:13px;font-weight:600;position:absolute;top:10px;right:14px}.feed div{background:#00000073;border-radius:3px;margin-bottom:3px;padding:2px 8px}.center{text-align:center;font-size:16px;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.center .dead{color:#ff4b3a;letter-spacing:3px;font-size:34px;font-weight:900}.dmgdir{opacity:0;width:140px;height:140px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dmgdir i{border-bottom:16px solid #ff281ed9;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;margin-left:-10px;position:absolute;top:0;left:50%}.debug{z-index:5;width:400px;max-height:92%;text-shadow:none;background:#0a0c10c7;border:1px solid #ffffff26;border-radius:6px;padding:8px 10px;font:11px/1.35 ui-monospace,Menlo,Consolas,monospace;position:absolute;top:50%;right:8px;overflow:hidden;transform:translateY(-50%)}.debug .h{color:#ff8a70;margin-bottom:3px;font-weight:800}.debug .h2{color:#9cc6ff;margin-top:5px;font-weight:700}.debug .state{color:#ffd166;font-size:13px;font-weight:800}.debug .tis{color:#aaa}.debug .sm{color:#aab;font-size:10px}.debug .ok{color:#6fdc7a}.debug .bad{color:#ff7a6a}.debug .tr{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.debug .tt{color:#888}.debug .why{color:#ccc}.debug .dbar{vertical-align:middle;background:#333;width:70px;height:7px;display:inline-block}.debug .dbar span{background:linear-gradient(90deg,#5fd06a,#ffd166,#ff5b4b);height:100%;display:block}.help{opacity:.55;text-align:center;white-space:nowrap;z-index:4;font-size:10px;position:absolute;bottom:calc(50% + 6px);left:50%;transform:translate(-50%)}.matchbar{text-align:center;z-index:2;position:absolute;top:6px;left:50%;transform:translate(-50%)}.matchbar .timer{letter-spacing:1px;background:#00000080;border-radius:4px;padding:3px 12px;font:800 22px/1 ui-monospace,Menlo,Consolas,monospace;display:inline-block}.matchbar .timer.urgent{color:#ff6b5b}.matchbar .score{letter-spacing:.5px;margin-top:3px;font-size:11px;font-weight:700}.matchbar .score span{background:#00000073;border-radius:3px;margin:0 2px;padding:1px 7px}.matchbar .score b{font-size:13px}.matchbar .sp b{color:#ffd166}.matchbar .sr b{color:#ff8a70}.matchbar .objective{letter-spacing:2px;color:#ffd166;margin-top:3px;font-size:11px;font-weight:800}.matchbar .boss{letter-spacing:1px;background:#00000080;border-radius:4px;align-items:center;gap:6px;margin-top:3px;padding:3px 8px;font-size:11px;font-weight:800;display:flex}.matchbar .boss .bname{color:#ff8a70}.matchbar .boss .bbar{background:#ffffff1f;border:1px solid #ffffff4d;border-radius:2px;width:260px;height:9px;overflow:hidden}.matchbar .boss .bfill{background:linear-gradient(90deg,#b3261e,#ff5b4b);height:100%;transition:width .15s linear}.matchbar .boss .bnum{text-align:right;min-width:34px;font-family:ui-monospace,Menlo,Consolas,monospace}.p2toggle{z-index:6;pointer-events:auto;cursor:pointer;color:#fff;text-shadow:none;background:#2878dcd9;border:1px solid #ffffff73;border-radius:4px;padding:4px 10px;font:700 12px system-ui,sans-serif;position:absolute;top:8px;right:12px}.p2toggle.ai{color:#0c1a10;background:#4fd16ad9}.p2toggle:hover{filter:brightness(1.15)}.half.bottom .feed{top:40px}.endscreen{z-index:9;background:#080a0e9e;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.endscreen .box{text-align:center;background:#101218eb;border:1px solid #fff3;border-radius:8px;min-width:520px;padding:18px 26px}.endscreen .title{letter-spacing:6px;font-size:44px;font-weight:900}.endscreen .title.win{color:#6fdc7a}.endscreen .title.lose{color:#ff5b4b}.endscreen .reason{opacity:.8;margin:4px 0 12px}.endscreen table{border-collapse:collapse;margin:0 auto;font-size:14px}.endscreen th,.endscreen td{padding:4px 10px}.endscreen th{opacity:.7;text-transform:uppercase;font-size:11px}.endscreen td:first-child{text-align:left;font-weight:800}.endscreen .rev{color:#ffb09c;margin-top:10px;font-size:13px}.endscreen .again{margin-top:14px;font-size:16px}.endscreen .again b,.endscreen .reason b{color:#ffd166}.endscreen .blow{color:#ffd166;font-size:11px;font-weight:700}