:root{color-scheme:dark;font-family:DM Sans,system-ui,sans-serif;color:#edf2f7;background:#18212c;font-synthesis:none;--muted: #b2bfce;--line: #3b4a5b;--ct: #62e5ef;--t: #ffbc68;--accent: #8c9fff}*{box-sizing:border-box}body{margin:0}button,select{font:inherit;color:inherit;background:none;border:0}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,#viewport:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}button:disabled{opacity:.55;cursor:default}[hidden]{display:none!important}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--line);background:#1c2733}.brand{font-size:23px;font-weight:800;letter-spacing:-1.3px;display:flex;align-items:center}.brand>span{color:#9baaff}.brand>i{height:20px;width:1px;background:#4b5c70;margin:0 22px}.brand>small{font-size:11px;font-weight:500;letter-spacing:2.8px;color:#bdc8d5}.topbar-right{display:flex;gap:24px;align-items:center;font-size:11px;letter-spacing:1.2px}.private-chip{display:flex;align-items:center;gap:8px;color:#bdc8d5}.private-chip svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3}.status{display:flex;align-items:center;gap:7px;color:#b2bfce}.status i,.secure-dot,.footer-dot{width:6px;height:6px;border-radius:100%;background:currentColor;display:inline-block}.status.live{color:#65d7b1}.status.demo{color:#f1bc72}.status.stale{color:#f2b15b}.status.error{color:#ed8992}.status.live i{box-shadow:0 0 12px #65d7b15c}.workspace{max-width:1800px;margin:auto;padding:28px 32px 0;display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:24px;min-height:calc(100vh - 116px)}.map-panel{min-width:0;border:1px solid var(--line);border-radius:12px;background:#202c39;overflow:hidden;display:flex;flex-direction:column}.map-heading{padding:24px 27px 20px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#b2bfce}.map-heading h1{font-family:Barlow Condensed,system-ui,sans-serif;font-weight:600;letter-spacing:.4px;font-size:35px;line-height:1.1;margin:6px 0}.map-heading p{font-size:13px;margin:0;color:#bdc8d5}.map-badge{display:flex;flex-direction:column;align-items:end;gap:7px;font-size:10px;font-weight:600;letter-spacing:1.7px;color:#adbdce}.map-badge span:last-child{padding:5px 8px;border:1px solid #4b5c70;border-radius:4px;color:#c4d0de;font-size:11px}.toolbar{height:auto;margin:0 20px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;min-height:57px;padding:8px 0;flex-wrap:wrap}.segmented{display:flex;background:#1a2531;border:1px solid #415266;border-radius:6px;padding:3px;gap:3px}.segmented button{font-size:12px;font-weight:500;padding:7px 12px;border-radius:4px;color:#c4d0de;white-space:nowrap}.segmented button.active{background:#3a4d64;color:#f1f5fa;box-shadow:0 1px 4px #0002}.toolbar-separator{height:21px;width:1px;background:var(--line)}.floor-select{display:flex;align-items:center;gap:10px;font-size:11px;color:#b2bfce}.floor-select select{background:#263443;border:1px solid #4b5c70;border-radius:4px;font-size:11px;padding:6px;color:#d4deea;cursor:pointer}.toolbar-right{margin-left:auto;display:flex;align-items:center;gap:2px;flex-shrink:0}.icon-button{padding:7px 9px;border-radius:5px;font-size:19px;line-height:1;color:#c4d0de}.icon-button span{font-size:11px;vertical-align:2px}.icon-button:hover,.icon-button.active{background:#34485d;color:#f1f5fa}.icon-button.active{color:#d1dbff}.display-settings{position:relative;font-size:11px;line-height:1.4;z-index:8}.display-settings summary{cursor:pointer;list-style:none;padding:8px 11px;border:1px solid #52667e;border-radius:5px;color:#e4ebf5;background:#2c3e51;white-space:nowrap}.display-settings summary::-webkit-details-marker{display:none}.display-settings summary:after{content:"\2304";margin-left:7px;color:#c0cde0}.display-settings[open] summary,.display-settings summary:hover{background:#3a4d64;border-color:#8c9fff}.display-settings-panel{position:absolute;right:0;top:calc(100% + 8px);width:300px;max-width:calc(100vw - 32px);max-height:min(570px,calc(100dvh - 310px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:16px;border-radius:8px;border:1px solid #627992;background:#203042;box-shadow:0 7px 24px #0007}.display-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:13px}.display-settings-heading button{min-height:30px;padding:5px 10px;border:1px solid #6f86a1;border-radius:5px;background:#2b4055;font-size:11px}.display-field>label,.display-color-field>label{display:block;font-weight:700;margin-bottom:6px;color:#f0f4fa}.display-settings-panel select{width:100%;min-height:40px;border:1px solid #6f86a1;border-radius:5px;padding:8px 10px;background:#2b4055;font-size:12px}.display-settings-panel fieldset{min-width:0;margin:14px 0 0;padding:12px 0 0;border:0;border-top:1px solid #50647b}.display-settings-panel legend{padding:0 7px 0 0;font-weight:700;color:#b7c9de}.display-color-grid,.display-checkboxes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.display-color-field>label{margin:0;font-size:10px}.display-color-inputs{display:flex;align-items:center;gap:5px;margin-top:7px}.display-color-inputs input[type=color]{display:block;width:34px;flex-shrink:0;height:34px;padding:3px;border:1px solid #6f86a1;border-radius:5px;background:#2b4055;cursor:pointer}.display-color-inputs input[type=text]{width:0;min-width:0;flex:1;height:34px;padding:5px;border:1px solid #6f86a1;border-radius:5px;background:#2b4055;color:#f0f4fa;font:11px ui-monospace,monospace}.display-range+.display-range{margin-top:12px}.display-range>label{display:flex;justify-content:space-between;gap:8px}.display-range output{color:#c9d7eb;font-weight:400;font-variant-numeric:tabular-nums}.display-range input{display:block;width:100%;height:24px;margin:0;accent-color:var(--accent);cursor:pointer}.display-checkboxes label{display:flex;align-items:center;gap:8px;min-height:32px;color:#f0f4fa;cursor:pointer}.display-checkboxes input{width:17px;height:17px;margin:0;accent-color:var(--accent)}.display-settings-panel p{color:#c0cede;font-size:11px;line-height:1.6;margin:10px 0 0}@media(max-height:600px){.display-settings[open] summary{position:fixed;right:16px;top:12px;z-index:31}.display-settings[open] .display-settings-panel{position:fixed;right:16px;top:57px;max-height:calc(100dvh - 73px);z-index:30}}#viewport{position:relative;min-height:410px;flex:1;background:radial-gradient(ellipse at 50% 45%,#263b49 0,#223440 58%,#1b2b36);overflow:hidden;touch-action:none}#radar-canvas{display:block;width:100%;height:100%;position:absolute;inset:0}#map-labels,#player-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.callout{position:absolute;transform:translate(-50%,-50%);font-size:11px;letter-spacing:.65px;font-weight:700;color:#f0f4f8;white-space:nowrap;text-shadow:0 1px 2px #0009;line-height:1.3;background:#1b2b3bf2;border:1px solid #7d94ab99;padding:4px 7px;border-radius:4px;box-shadow:0 2px 6px #0003;max-width:150px}.callout.site{font-family:inherit;font-size:12px;letter-spacing:1px;color:#f0dbad;background:#344050f2;line-height:1;padding:5px 8px;border:1px solid #a9977099;border-radius:4px;font-weight:800}.callout.spawn{color:#c8e3ed;font-size:10px;letter-spacing:.8px;background:#263e50f2;border-color:#83adbf99}.player-label{position:absolute;transform:translate(-50%,-100%);color:#f1f5f9;text-align:center;font-size:11px;white-space:nowrap;transition:opacity .12s;text-shadow:0 1px 2px #000c;padding:4px 7px 5px;background:#172a3bf5;border:1px solid #829ab3aa;border-radius:5px;box-shadow:0 2px 8px #0005;max-width:160px;z-index:1}.player-label strong{display:block;font-weight:700;line-height:1.5;max-width:145px;overflow:hidden;text-overflow:ellipsis}.player-label small{font-size:10px;color:#c7d5e5;display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis}.weapon-display{display:flex;align-items:center;gap:7px;min-height:15px;line-height:1.4}.player-label small.weapon-display{display:flex;justify-content:center;min-height:14px}.weapon-icon{display:inline-block;flex-shrink:0;width:var(--weapon-width);height:var(--weapon-height);background-color:currentColor;-webkit-mask-image:var(--weapon-atlas);mask-image:var(--weapon-atlas);-webkit-mask-size:var(--weapon-atlas-size);mask-size:var(--weapon-atlas-size);-webkit-mask-position:var(--weapon-position);mask-position:var(--weapon-position);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.weapon-display-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-label .mini-health{height:3px;background:#53677b;width:44px;margin:3px auto;border-radius:1px;overflow:hidden}.mini-health i{display:block;height:100%;background:var(--ct)}.hide-player-names .player-label strong,.hide-player-names .player-name,.hide-player-health .mini-health,.hide-player-health .player-health{display:none}.demo-ribbon{position:absolute;top:17px;left:20px;display:flex;gap:8px;align-items:center;background:#23313feb;border:1px solid #8a775555;padding:8px 10px;border-radius:4px;color:#dfc68f;font-size:9px;font-weight:600;letter-spacing:1px;pointer-events:none}.demo-ribbon i{width:5px;height:5px;background:#e9b869;border-radius:100%}.demo-ribbon span{color:#b2bfce}.map-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#182635de;padding:30px;z-index:4;backdrop-filter:blur(6px)}.map-overlay strong{font-size:17px;font-weight:600}.map-overlay p{color:#c1cddb;font-size:12px;line-height:1.8;max-width:350px;margin:9px auto}.map-overlay .demo-link{background:#8498f7;color:#0c1426;font-weight:700;border-radius:6px;padding:11px 18px;margin-top:16px;font-size:12px}.map-overlay.error .radar-spinner{display:none}.radar-spinner{width:31px;height:31px;border:2px solid #4b6078;border-top-color:#9aaeff;border-radius:50%;margin-bottom:22px;animation:spin 1s linear infinite}.compass{position:absolute;right:23px;top:17px;color:#d5e0ec;text-align:center;font-size:10px;font-weight:600}.compass svg{display:block;width:33px;height:33px;fill:#e0e8f1;filter:drop-shadow(0 1px 3px #0008);margin-top:3px;transform-origin:50% 50%}.zoom-controls{position:absolute;right:20px;bottom:60px;display:flex;flex-direction:column;background:#243445f0;border:1px solid #506277;border-radius:6px;overflow:hidden}.zoom-controls button{width:31px;height:30px;font-size:18px;color:#e0e8f1}.zoom-controls button+button{border-top:1px solid #506277}.zoom-controls button:hover{background:#3b5067}.map-bottom{position:absolute;left:20px;right:20px;bottom:18px;display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:10px;color:#c0cddd}.mouse-hint{display:flex;gap:7px;align-items:center}.mouse-hint>span{font-size:16px}.mouse-hint i{font-style:normal;color:#9eafc2}.map-bottom button{font-size:10px;color:#d0dbe7;background:#25374bf0;border:1px solid #576b82;padding:7px 9px;border-radius:4px}.map-bottom #feed-age{font-variant-numeric:tabular-nums;color:#c0cddd;white-space:nowrap}.map-footer{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:10px;color:#c4d0de;border-top:1px solid #3b4a5b;background:#202c39}.map-footer>div{display:flex;align-items:center;gap:6px}.team-dot{display:inline-block;border-radius:100%;width:6px;height:6px;flex-shrink:0}.team-dot.ct{background:var(--ct);box-shadow:0 0 7px color-mix(in srgb,var(--ct) 30%,transparent)}.team-dot.t{background:var(--t);box-shadow:0 0 7px color-mix(in srgb,var(--t) 30%,transparent);margin-left:13px}.local-legend{color:#d8e0ff;margin-left:12px;font-size:14px}.map-footer>span{font-size:9px;letter-spacing:1.1px;color:#a5b6ca}.sidebar{border:1px solid var(--line);background:#202c39;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.roster-heading{padding:26px 21px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.roster-heading h2{font-size:20px;font-weight:500;margin:9px 0 0;letter-spacing:-.6px}.roster-heading h2 span{font-family:system-ui,sans-serif;font-size:10px;padding:3px 6px;background:#34485d;color:#d0dbe7;letter-spacing:0;border-radius:4px;margin-left:6px;vertical-align:3px}.signal-icon{width:21px;height:21px;stroke:#9eafc2;stroke-width:2;fill:none}.roster-scroll{overflow:auto;flex:1;min-height:200px;padding:0 16px 16px}.roster-team-title{font-size:10px;letter-spacing:1.5px;font-weight:700;margin:22px 4px 13px;display:flex;gap:7px;align-items:center;color:#c1cddb}.roster-team-title .team-dot.t{margin-left:0}.roster-team-title>span:last-child{color:#a5b6ca;font-size:10px;letter-spacing:0;margin-left:auto}.player-card{border:1px solid #3c5065;border-radius:6px;display:flex;gap:10px;align-items:center;margin-bottom:7px;padding:10px 9px;background:#263443;cursor:pointer;transition:background .1s,border-color .1s}.player-card:hover{background:#304457;border-color:#71879e}.player-card.local{border-color:color-mix(in srgb,var(--ct) 60%,#708ba5);background:color-mix(in srgb,var(--ct) 10%,#263443)}.player-card.local:has(.player-avatar.t){border-color:color-mix(in srgb,var(--t) 60%,#708ba5);background:color-mix(in srgb,var(--t) 10%,#263443)}.player-card.dead{opacity:.65}.player-avatar{width:29px;height:31px;border:1px solid color-mix(in srgb,var(--ct) 40%,transparent);border-radius:5px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ct) 12%,transparent);flex-shrink:0;color:var(--ct)}.player-avatar.t{background:color-mix(in srgb,var(--t) 12%,transparent);border-color:color-mix(in srgb,var(--t) 40%,transparent);color:var(--t)}.player-avatar svg{height:22px;width:17px;fill:currentColor}.player-card-details{min-width:0;flex:1}.player-name{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;white-space:nowrap}.player-name>span{overflow:hidden;text-overflow:ellipsis}.you-tag{font-size:8px;font-weight:500;background:#405675;color:#dce7f5;padding:2px 4px;border-radius:2px;letter-spacing:.7px}.weapon-name{font-size:11px;color:#b7c7d9;margin-top:4px}.player-health{font-size:11px;display:flex;gap:4px;align-items:center;color:#d0ddec;flex-shrink:0}.player-health span{font-size:11px;color:#a7bad0}.player-health.dead{font-size:10px}.roster-empty{padding:25px 6px;font-size:12px;line-height:1.8;color:#bdc8d8}.room-info{margin:12px 16px 17px;padding:16px 13px;background:#1a2531;border:1px solid #3d5066;border-radius:7px}.room-info-title{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:1.1px;color:#d0dbe9;font-weight:600}.secure-dot{width:5px;height:5px;color:#a9bbf3}.room-info p{font-size:12px;line-height:1.8;color:#b3c3d6;margin:10px 0 0}.room-info-divider{height:1px;background:#3d5066;margin:15px 0 12px}.session-stat{display:flex;justify-content:space-between;font-size:11px;color:#acbed3;margin-top:9px}.session-stat strong{font-size:11px;font-weight:500;color:#d0ddec;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-stat:first-of-type strong{color:#6fd2b5}.page-footer{display:flex;align-items:center;justify-content:space-between;max-width:1800px;margin:auto;padding:18px 34px;font-size:10px;color:#a5b6cb;letter-spacing:1px}.page-footer>span:first-child{display:flex;gap:7px;align-items:center}.page-footer>span:last-child{letter-spacing:.1px;font-size:10px}.footer-dot{width:4px;height:4px;color:#a5b6cb}.home-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.demo-warning{font-size:10px!important;color:#d2c19f!important}.stale-banner{position:absolute;top:17px;left:50%;transform:translate(-50%);background:#36291de8;border:1px solid #ab754e70;color:#ebbf8c;font-size:10px;border-radius:5px;padding:8px 12px;z-index:3;white-space:nowrap}.webgl-error{font-size:13px;max-width:350px;color:#d8b1a8}.icon-button[aria-pressed=true]{background:#34485d;color:#d1dbff}.icon-button .callout-button-icon{font-size:12px;font-weight:700;letter-spacing:-.7px;vertical-align:1px;display:inline}.terrain-key{position:absolute;left:20px;bottom:53px;display:flex;flex-wrap:wrap;gap:13px;pointer-events:none;font-size:10px;letter-spacing:.2px;color:#cbd9e7;background:#203346ed;border:1px solid #6b839d88;padding:6px 8px;border-radius:4px}.terrain-key span{display:flex;align-items:center;gap:5px}.terrain-key i{width:8px;height:8px;border-radius:2px;border:1px solid #d3e0ee66}.terrain-path{background:#8e9da6}.terrain-structure{background:#465b68}.geometry-notice{position:absolute;left:20px;right:65px;bottom:85px;max-width:520px;padding:9px 11px;border-radius:5px;background:#26394bf5;border:1px solid #8099b3aa;color:#e0e9f4;font-size:11px;line-height:1.6;z-index:3;box-shadow:0 3px 12px #0004}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 306px;gap:28px;padding-top:34px}.map-heading{padding:27px 30px}.map-heading h1{font-size:39px}.toolbar{margin:0 24px}.roster-heading{padding-top:30px}.roster-team-title{margin-top:26px}.player-card{padding:12px}.player-avatar{width:32px;height:35px}.player-name{font-size:12px}}@media(max-width:1000px){.topbar{height:68px;padding:0 24px}.workspace{padding:20px 18px 0;grid-template-columns:minmax(0,1fr) 236px;gap:14px;min-height:calc(100vh - 108px)}.map-heading{padding:23px 20px}.toolbar{margin:0 13px;gap:7px}.segmented button{padding:6px 9px}.toolbar-separator{display:none}.floor-select{gap:4px}.icon-button{padding:7px}.icon-button span{display:none}.demo-ribbon{left:13px;gap:5px;font-size:9px}.map-bottom{left:13px;right:13px;gap:6px}.map-bottom #feed-age{display:none}.map-footer{padding:0 14px}.map-footer>span{display:none}.roster-heading{padding:23px 16px}.roster-scroll{padding:0 10px 12px}.player-card{gap:7px;padding:9px 7px}.player-avatar{width:25px}.room-info{margin:10px;padding:13px 10px}.page-footer{padding-left:20px;padding-right:20px}.mouse-hint i,.mouse-hint{font-size:10px}.floor-select>span{display:none}.terrain-key{left:13px}.geometry-notice{left:13px;font-size:11px}}@media(max-width:740px){.topbar{height:62px;padding:0 17px}.brand{font-size:20px}.brand>i{margin:0 13px}.brand>small{font-size:8px;letter-spacing:1.6px}.topbar-right{font-size:10px}.private-chip{display:none}.workspace{padding:15px 12px 0;display:flex;min-height:0;flex-direction:column}.map-panel{min-height:640px}.map-heading{padding:20px 17px 16px}.map-heading h1{font-size:33px}.map-heading p{font-size:12px}.map-badge{font-size:9px}.toolbar{min-height:80px;justify-content:space-between}.segmented button{font-size:11px}.floor-select select{font-size:10px;max-width:97px}.toolbar-right{margin-left:0;gap:6px;width:100%;max-width:100%;flex-wrap:wrap}.display-settings{margin-left:auto}.display-settings summary{padding:10px 11px}.display-settings-panel{max-height:calc(100dvh - 340px)}.icon-button{font-size:18px}#viewport{min-height:430px}.callout{font-size:10px;letter-spacing:.3px;padding:3px 5px}.callout.site{font-size:10px;padding:4px 6px}.callout.spawn{font-size:9px}.player-label{font-size:10px;padding:3px 5px}.demo-ribbon{top:13px;font-size:9px}.compass{right:13px;top:12px}.map-bottom{bottom:14px}.mouse-hint{gap:5px}.map-bottom button,.map-footer{font-size:9px}.sidebar{max-height:650px}.roster-heading{padding:20px 18px}.roster-scroll{padding:0 15px 10px;display:grid;grid-template-columns:1fr 1fr;column-gap:13px;align-items:start}.player-card{padding:10px 8px}.room-info{margin:12px 15px 16px}.room-info p{max-width:390px}.room-info-divider{margin-top:11px}.page-footer{padding:17px 15px;font-size:9px}.page-footer>span:last-child{display:none}.roster-team{min-width:0}.terrain-key{bottom:49px;gap:10px;font-size:9px}.geometry-notice{bottom:79px}.toolbar-right .icon-button{padding:7px 9px;font-size:18px}.toolbar-right .icon-button>span:not(.callout-button-icon){display:inline;font-size:9px}}@media(max-width:480px){.roster-scroll{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.radar-spinner{animation:none}}.map-library{display:flex;flex-direction:column;gap:5px;margin-left:auto;margin-right:16px;font-size:10px;color:var(--muted,#91a4b4)}.map-library[hidden]{display:none}.map-library select{max-width:170px;min-width:130px;padding:7px 10px;border:1px solid #3c5060;border-radius:7px;background:#202e3b;color:#ecf3fa;font:inherit;font-size:12px}@media(max-width:740px){.map-heading{flex-wrap:wrap;gap:12px}.map-library{order:3;width:100%;margin:0;flex-direction:row;align-items:center;justify-content:space-between}.map-library select{max-width:none;flex:1}}@media(min-width:741px){.workspace{height:calc(100dvh - 116px);min-height:590px}#viewport{min-height:280px}}@media(min-width:741px)and (max-width:1000px){.workspace{height:calc(100dvh - 108px)}}