:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;color:#e6eff4;background:#09131c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 40%,#19303b70,transparent 65%);min-height:100vh}header,footer{display:flex;align-items:center;justify-content:space-between;max-width:1920px;margin:auto;padding:24px 36px}.brand{display:flex;gap:14px;align-items:center}.brand strong{font-size:25px;letter-spacing:-.8px}.brand small{display:block;color:#8fa5b6;font-size:9px;letter-spacing:3px;margin-top:4px}.logo{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#12272c;color:#90ead5;font-size:38px}.session{display:flex;align-items:center;gap:16px}#status{border:1px solid #263f4b;border-radius:30px;padding:9px 15px;font-size:12px;color:#a6b8c5}#status.live{color:#90ead5;border-color:#346358;background:#12272c}#age{font-size:11px;color:#7b9aac}main{max-width:1920px;margin:auto;display:grid;grid-template-columns:minmax(185px,235px) minmax(0,1fr) minmax(185px,235px);gap:24px;padding:4px 36px}.radar{min-width:0}.top{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 10px}.eyebrow{font-size:9px;letter-spacing:2px;color:#6c95a9}h1{margin:5px 0 0;font-size:25px;font-weight:550;text-transform:capitalize}#floorLabel{font-size:11px;color:#9ab6c5}.map-stage{position:relative;width:100%;height:min(72vh,1000px);min-height:420px;overflow:hidden;border-radius:14px}canvas{width:100%;height:100%;display:block}#map-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:36px;color:#91aabb;font-size:14px;pointer-events:none}#map-message:empty{display:none}.controls{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;align-items:center;padding:14px 6px;border-top:1px solid #1d3441}.controls label{display:flex;gap:8px;align-items:center;color:#98b3c3;font-size:11px}input[type=range]{width:85px;accent-color:#90ead5}input[type=checkbox]{accent-color:#90ead5}button,select{border:1px solid #29424f;background:#12212c;color:#c5dce6;border-radius:6px;padding:7px 9px;font:inherit;font-size:11px}button{cursor:pointer}.legend{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:10px;color:#6e8c9c;padding:4px 0 12px}.you{color:#fff}.t-color,.t h2{color:#eac66e}.ct-color,.ct h2{color:#84b8e9}.team{padding-top:18px}.team-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid #27404e}h2{font-size:10px;letter-spacing:1.1px;margin:0}.team-heading>span{font-size:10px;color:#7393a6;white-space:nowrap}.player{padding:22px 4px;border-bottom:1px solid #21343f}.player-name{display:flex;align-items:center;gap:9px;min-width:0;font-size:13px}.player-name span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.number{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border-radius:7px;background:#1c303c;color:#b4d2e1;font-size:10px}.player-details{display:flex;align-items:center;justify-content:space-between;padding:11px 0 9px;font-size:11px;color:#799db1}.hp{color:#b9d5e4}.health-track{height:3px;background:#203340;border-radius:2px;overflow:hidden}.health-fill{height:100%;background:#8ab9d9}.t .health-fill{background:#ceb672}footer{font-size:9px;color:#5f8195;letter-spacing:1.5px}footer span:last-child{letter-spacing:0}@media(min-width:1650px){main{grid-template-columns:260px minmax(0,1fr) 260px;gap:40px}.player{padding:26px 6px}}@media(max-width:1050px){main{grid-template-columns:minmax(145px,180px) minmax(0,1fr) minmax(145px,180px);gap:10px;padding:0 16px}.map-stage{min-height:380px}.team-heading{display:block}.team-heading>span{display:block;margin-top:6px}h2{font-size:9px}.player-name{font-size:11px}.controls{gap:9px}}@media(max-width:760px){header,footer{padding:18px 16px}main{grid-template-columns:1fr 1fr;gap:16px}.radar{grid-column:1/-1;grid-row:1}.map-stage{height:auto;aspect-ratio:1/1;min-height:0}.team{padding-top:6px}.top{padding:8px 0}h1{font-size:22px}.eyebrow{font-size:8px}#age{display:none}footer{align-items:flex-start;gap:20px;line-height:1.6}.player{padding:16px 0}.legend{gap:10px}.controls{padding:12px 0}}

.display-options{border-top:1px solid #1d3441;padding:12px 8px 16px;color:#9ab6c5;font-size:11px}.display-options summary{cursor:pointer;color:#c8dce5;margin-bottom:12px}.option-grid{display:flex;gap:14px 22px;flex-wrap:wrap;align-items:center;justify-content:center}.option-grid label{display:flex;align-items:center;gap:7px}.display-options p{text-align:center;color:#7291a2;line-height:1.6;font-size:10px;margin:12px 0 0}.delay-control input{width:95px}.radar:fullscreen{background:#09131c;padding:14px 24px;overflow:auto}.radar:fullscreen .map-stage{height:calc(100vh - 240px);min-height:260px}.radar:fullscreen .top{max-width:1200px;margin:auto}.player .health-track[hidden],.player .hp[hidden],.player .weapon[hidden]{display:none}@media(max-width:760px){.option-grid{gap:12px 16px;justify-content:flex-start}.display-options p{text-align:left}.radar:fullscreen{padding:10px}.radar:fullscreen .map-stage{height:55vh}}