@font-face{font-family:Replay;src:local('Arial')}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#11181d;color:#f1f0e9;font:13px Replay,Arial,sans-serif}button,select{font:inherit;color:inherit;border:1px solid #ffffff21;background:#152029b8;cursor:pointer;border-radius:2px;padding:9px 11px;transition:background .15s}button:hover:enabled,select:hover{background:#42505bbf}button:disabled{opacity:.35;cursor:default}button:focus-visible,select:focus-visible,label:focus-visible{outline:2px solid #e7c96c;outline-offset:3px}select option{background:#1c272e}input[type=range]{accent-color:#e8ce7b;cursor:pointer}input[type=checkbox]{accent-color:#d7c17d}button.active{background:#d7c17d;color:#181d20;border-color:#d7c17d}#viewport{position:relative;height:calc(100dvh - 66px);width:100%;overflow:hidden}canvas{display:block;width:100%;height:100%}.glass{background:linear-gradient(120deg,#23313adc,#111b22e0);border:1px solid #ffffff1a;backdrop-filter:blur(12px)}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 140px #040a1088}header{position:absolute;z-index:4;inset:0 0 auto;height:92px;display:flex;align-items:flex-start;justify-content:space-between;padding:18px 22px;background:linear-gradient(#08111bea,transparent);pointer-events:none}header>*{pointer-events:auto}.brand{text-decoration:none;color:#e6e7e1;font-size:33px;font-style:italic;font-weight:900;letter-spacing:-3px;display:flex;align-items:center;gap:5px}.brand>span{color:#e4be5b}.brand small{font-size:9px;font-style:normal;letter-spacing:2px;margin-left:12px;color:#b0bbc2;width:70px;line-height:1.7}#menu-toggle{background:#101b23cc;color:#bcc7ce}.scoreboard{position:absolute;left:50%;transform:translateX(-50%);top:0;display:flex;align-items:stretch;filter:drop-shadow(0 5px 18px #0007)}.scoreboard>.ct,.scoreboard>.t{display:flex;align-items:center;gap:20px;font-size:11px;letter-spacing:1.5px;font-weight:700;padding:16px;background:#173141e8;border-bottom:3px solid #79b9e2}.scoreboard>.t{background:#453c24e8;border-color:#e2c071}.scoreboard b{font-size:29px}.ct{color:#85c7ef}.t{color:#e6c978}.round-clock{background:#0d171fe8;min-width:135px;text-align:center;padding:9px 18px 8px;display:flex;flex-direction:column;gap:3px}.round-clock small{font-size:10px;letter-spacing:2px;color:#aab5bd}.round-clock strong{font-size:29px;font-variant-numeric:tabular-nums}.round-clock span{font-size:7px;letter-spacing:1.3px;color:#788c99}.camera-bar{position:absolute;top:112px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;padding:6px;width:424px;z-index:4}.camera-tabs{display:flex;gap:3px}.camera-tabs button{flex:1;font-size:10px;padding:9px 4px}.camera-bar select{font-size:12px;background:#10191b80;border:0}#demo-menu{position:absolute;left:24px;top:112px;width:320px;padding:21px;z-index:10;box-shadow:0 20px 60px #0008}.menu-title{font-size:10px;letter-spacing:2px;color:#b6c5cd;display:flex;justify-content:space-between;align-items:center}.menu-title button{font-size:21px;padding:0 6px;border:0;background:none}h1{font-size:28px;font-weight:500;margin:24px 0;letter-spacing:-.8px;line-height:1.2}#drop{display:block;border:1px dashed #c6b6797a;padding:21px 14px;cursor:pointer;background:#b2a46b0d;text-align:center}#drop b{display:block;color:#e5cf8a;font-weight:500}#drop span{display:block;font-size:10px;color:#899ba7;margin-top:9px}#drop.over{background:#b2a46b40}#file{display:none}#sample{width:100%;margin-top:9px;background:#c0ad6526;border-color:#c0ad654d}#status{font-size:11px;line-height:1.6;color:#b9c5ca;margin-top:18px}#info{font-size:10px;color:#ddca8e;line-height:1.6}.disclaimer{font-size:9px;color:#7f919b;line-height:1.6;margin:15px 0 0}#empty{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;text-shadow:0 3px 30px #000}#empty strong{display:block;letter-spacing:12px;font-size:70px;font-weight:800}#empty>span{display:block;letter-spacing:5px;font-size:10px;color:#e8d69b;margin-top:10px}#empty p{font-size:11px;color:#bdc6cc;margin-top:25px}.roster{position:absolute;top:50%;transform:translateY(-40%);width:225px;z-index:3}.ct-roster{left:20px;--team:#8ac7ee}.t-roster{right:20px;--team:#e5ca85}.team-heading{display:flex;justify-content:space-between;letter-spacing:2px;font-size:10px;color:var(--team);padding:10px 8px;background:#0b141ac9;border-bottom:2px solid var(--team)}.player{position:relative;display:block;width:100%;border:0;border-bottom:1px solid #ffffff17;border-left:3px solid transparent;background:linear-gradient(90deg,#0e1c28e8,#16222bb8);border-radius:0;padding:9px 10px;text-align:left;color:#f2f2e9}.player.selected{border-left-color:var(--team);background:linear-gradient(90deg,#30414ee8,#233341b8)}.player.dead{opacity:.45}.player-top{display:flex;justify-content:space-between;gap:5px;align-items:center}.player-name{font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player-hp{font-size:14px;font-weight:700;color:var(--team);font-variant-numeric:tabular-nums}.player-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:6px;color:#b4c1c8;font-size:9px;gap:3px}.hp-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:#0004}.hp-fill{display:block;background:var(--team);height:2px;width:100%}.utility{display:inline-flex;gap:4px}.util{border:1px solid #d7e4e333;color:#d4ddd7;font-size:9px;padding:2px 3px;white-space:nowrap}.util.none{color:#6c7e8a;border-color:transparent}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.world-label{position:absolute;top:0;left:0;min-width:108px;text-align:center;background:#0c171bcc;border-top:2px solid var(--team);padding:5px 9px;white-space:nowrap;transform-origin:center bottom;will-change:transform;box-shadow:0 3px 12px #0005}.world-label strong{font-size:11px;color:var(--team)}.world-label .label-hp{font-size:10px;padding-left:8px}.world-label .utility{display:flex;justify-content:center;margin-top:4px}.world-label .util{font-size:8px;padding:1px 3px}#tools{position:absolute;bottom:115px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:13px;padding:6px;font-size:10px;color:#b5c3cb}#tools label{display:flex;align-items:center;gap:4px;white-space:nowrap}#tools button{font-size:10px}#slice{width:85px}#help{position:absolute;bottom:160px;left:50%;transform:translateX(-50%);font-size:9px;line-height:1.7;text-align:center;color:#b4c4c8;text-shadow:0 1px 3px #000;pointer-events:none}#player-hud{position:absolute;left:30px;right:30px;bottom:22px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;text-shadow:0 2px 8px #000}.health-hud{display:flex;align-items:flex-end;gap:30px;min-width:230px;color:#e9d9a6}.health-hud>div{display:flex;flex-direction:column}.health-hud strong{font-size:56px;font-weight:500;line-height:1}.health-hud b{font-size:30px;line-height:1}.health-hud span{font-size:9px;letter-spacing:2px;margin-top:8px}.spectating{text-align:center;display:flex;flex-direction:column;gap:5px;background:linear-gradient(90deg,transparent,#10202bdf,transparent);padding:12px 45px;min-width:270px}.spectating small{font-size:8px;letter-spacing:3px;color:#aebfc6}.spectating strong{font-size:23px;font-weight:500}.spectating>span{font-size:10px;color:#d6c58d}.weapon-hud{min-width:230px;text-align:right}.weapon-hud>strong{font-size:18px;font-weight:500}.weapon-hud>div{margin-top:7px}.weapon-hud b{font-size:36px;color:#efe5c8;font-weight:500}.weapon-hud span{font-size:18px;color:#bfc6c9}#hud-utility{display:flex;justify-content:flex-end;gap:5px}#hud-utility .util{font-size:10px;padding:4px 6px;background:#071219aa}#crosshair{position:absolute;top:50%;left:50%;width:16px;height:16px;transform:translate(-50%,-50%);pointer-events:none;z-index:3}#crosshair i,#crosshair b{position:absolute;background:#bded86;box-shadow:0 0 2px #000}#crosshair i{width:16px;height:2px;top:7px}#crosshair b{height:16px;width:2px;left:7px}#dead-banner{position:absolute;top:40%;left:50%;transform:translateX(-50%);text-align:center;font-size:23px;letter-spacing:3px;color:#eee5d6;text-shadow:0 2px 12px #000}#dead-banner small{display:block;font-size:10px;letter-spacing:0;margin-top:13px}.transport{height:66px;display:flex;align-items:center;gap:15px;padding:0 22px;background:#111c24;border-top:1px solid #ffffff21}.transport #seek{flex:1;min-width:70px;height:3px}.transport #time{white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums;color:#cbd4d7}.transport #play{font-size:17px;width:40px}.transport-note{font-size:8px;letter-spacing:2px;color:#657b8b}#rounds{margin:0!important;gap:3px!important}#rounds select{width:135px;font-size:11px}#rounds button{padding:8px}#speed{font-size:11px}[hidden]{display:none!important}@media(max-width:1050px){.brand small,.transport-note{display:none}.scoreboard>.ct,.scoreboard>.t{font-size:9px;gap:8px;padding:13px 9px}.roster{width:180px}.ct-roster{left:8px}.t-roster{right:8px}.camera-bar{width:380px}.weapon-hud,.health-hud{min-width:160px}.spectating{min-width:200px;padding:10px 20px}}@media(max-width:720px){.scoreboard>.ct,.scoreboard>.t{font-size:0}.scoreboard b{font-size:24px}.round-clock{min-width:100px}.brand{font-size:25px}.camera-bar{top:96px;width:330px}.roster{width:135px;top:49%}.player{padding:7px}.player-name{font-size:10px}.player-bottom{font-size:8px;flex-wrap:wrap}.player .utility{gap:1px}.player .util{font-size:7px;padding:1px}#tools{gap:5px;width:max-content;bottom:110px}#help{display:none}.spectating{min-width:110px;padding:8px;font-size:10px}.spectating strong{font-size:15px}.spectating small{font-size:6px;letter-spacing:1px}.health-hud,.weapon-hud{min-width:100px}.health-hud{gap:10px}.health-hud strong{font-size:36px}.health-hud b{font-size:20px}.health-hud span{font-size:7px;letter-spacing:1px}.weapon-hud b{font-size:25px}.weapon-hud>strong{font-size:13px}#player-hud{left:12px;right:12px}nav.transport{gap:6px;padding:0 7px}#rounds select{width:90px}.transport #time{font-size:9px}#rounds button{padding:7px 4px}#demo-menu{left:15px;top:100px;width:300px}}
.util{display:inline-flex;align-items:center;gap:2px;padding:0 2px;border:0;background:transparent!important}.util img{display:block;width:23px;height:22px;object-fit:contain;filter:brightness(0) invert(1);opacity:.92}.util b{font-size:10px!important;font-weight:500;color:#ece3c4}.world-label .util img{width:17px;height:18px}.world-label .util b{font-size:8px!important}.player .util img{width:17px;height:17px}#hud-utility .util img{width:29px;height:31px}.utility{min-height:18px}

.combat-panel{position:absolute;top:110px;left:20px;width:235px;padding:12px 13px;z-index:4;font-size:11px;color:#d1dadd}.combat-panel label{display:flex;align-items:center;gap:5px;margin:6px 0;cursor:pointer}.effects-title{font-size:9px;letter-spacing:2px;color:#d9c78a;margin-bottom:8px}.effects-row{display:flex;gap:10px}.effects-row label{font-size:10px}.combat-panel small{display:block;font-size:8px;line-height:1.5;color:#92a7b3;margin-top:8px}.damage-popup{position:absolute;top:0;left:0;z-index:3;color:#ff5c47;font-size:18px;font-weight:800;text-shadow:0 1px 3px #000,0 0 10px #b22b19;pointer-events:none;white-space:nowrap}@media(max-width:1050px){.combat-panel{width:180px;left:8px;font-size:10px}.effects-row{gap:3px}.effects-row label{font-size:9px}}@media(max-width:720px){.combat-panel{top:155px;width:160px;font-size:9px;padding:7px;left:8px}.combat-panel small{font-size:7px}}
.combat-panel .effects-title{cursor:pointer;margin:0;padding:3px 0;outline-offset:4px}.combat-panel.collapsed>:not(.effects-title):not(#impact-source){display:none}.combat-panel.collapsed #impact-source{font-size:7px;margin-top:5px}.combat-panel:not(.collapsed) .effects-title{margin-bottom:8px}

#kill-feed{position:absolute;right:20px;top:74px;z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:5px;pointer-events:none}.kill-row{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#090d12dd;border:1px solid #ffffff25;box-shadow:0 2px 6px #0008;font-size:12px;border-radius:3px}.kill-row.mine{border-color:#eac96c}.kill-row img{width:27px;height:21px;object-fit:contain;filter:brightness(0) invert(1)}.kill-flag{display:inline-flex;width:23px;height:21px;align-items:center;justify-content:center;color:#eee}.kill-flag svg{width:22px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.kill-weapon{font-size:10px;color:#ddd}#replay-audio{position:absolute;right:22px;bottom:112px;z-index:5;background:#101a22dd;padding:7px 10px;font-size:10px;display:flex;gap:7px;align-items:center}#replay-audio input[type=range]{width:75px}

.kill-row>img{width:58px;height:22px}.kill-flag img{width:23px;height:21px}body[data-camera] #kill-feed{max-width:65vw}@media(max-width:800px){#kill-feed{top:80px;right:8px}.kill-row{font-size:10px;gap:4px;padding:4px 6px}.kill-row>img{width:40px}#replay-audio{right:8px;bottom:95px}}

#kill-feed{top:100px}@media(max-width:800px){#kill-feed{top:94px}}

#replay-audio{flex-wrap:wrap;max-width:320px}#replay-audio small{width:100%;color:#adc2cd;font-size:9px}

#dead-banner{z-index:6;top:28%;font-size:16px;letter-spacing:1px;background:#111b25d9;border:1px solid #d8c38b44;border-radius:4px;padding:10px 16px}
#replay-audio .match-audio-toggle,#replay-audio .match-volume{display:flex;align-items:center;gap:8px;white-space:nowrap}
#replay-audio .match-volume{padding:3px 6px;border:1px solid #52636e;border-radius:4px;background:#0b141a}
#replay-audio .match-volume output{min-width:3ch;text-align:right;font-variant-numeric:tabular-nums;color:#f1cb72}
#replay-audio .match-volume input{appearance:none;width:clamp(52px,7vw,96px);height:5px;border-radius:8px;margin:6px 0;background:linear-gradient(to right,#f1cb72 var(--volume-fill,10%),#364854 var(--volume-fill,10%));cursor:pointer}
#replay-audio .match-volume input::-webkit-slider-thumb{appearance:none;width:11px;height:13px;border-radius:3px;background:#ffe4a2;border:1px solid #634e24}
#replay-audio .match-volume input::-moz-range-thumb{width:10px;height:12px;border-radius:3px;background:#ffe4a2;border:1px solid #634e24}
#replay-audio .match-volume input:focus-visible{outline:2px solid #a9d7ff;outline-offset:4px}