:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0c10;--panel:#111318;--line:#ffffff0d;--text:#e9ebf1;--muted:#777d8b;--blue:#5e96ff;--red:#ec7082}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:14px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:4px}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}button{transition:background .16s,color .16s,border-color .16s}.shell{max-width:1360px;margin:auto;padding:0 40px 36px}.header{justify-content:space-between;align-items:center;gap:24px;height:94px;display:flex}.brand{letter-spacing:-.9px;align-items:center;gap:10px;font-size:24px;font-weight:680;display:flex}.brand svg{width:27px;height:27px}.brand small{color:#858a96;letter-spacing:-.2px;border-left:1px solid #ffffff15;margin-left:9px;padding-left:18px;font-size:14px;font-weight:400}.header-actions{align-items:center;gap:24px;display:flex}.connection{color:#9297a4;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:inline-flex}.dot{background:#656b78;border-radius:50%;width:5px;height:5px;display:inline-block}.dot.live{background:#6cc9a1;box-shadow:0 0 8px #6cc9a12a}.button{color:#16191f;background:#e4e7ee;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:550;display:inline-flex}.button:hover{background:#fff}.button svg{width:15px;height:15px}.radar-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;overflow:hidden;box-shadow:0 12px 55px #0000001a}.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:14px 22px;display:flex}.map-title{align-items:center;gap:10px;min-width:0;display:flex}.map-title>svg{color:#727a8a;flex-shrink:0;width:16px;height:16px}.map-title h1{letter-spacing:-.2px;margin:0;font-size:14px;font-weight:550}.map-choice{min-width:105px;max-width:220px;color:var(--text);background:0 0;border:0;padding:5px 16px 5px 0;font-size:14px;font-weight:550}.map-choice option,.control option{background:#171a21}.controls{align-items:center;gap:5px;display:flex}.control{color:#b6bbc8;background:#181b23;border:1px solid #ffffff0d;border-radius:7px;max-width:110px;margin-right:7px;padding:7px;font-size:11px}.icon-button{color:#858c9c;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;width:32px;height:32px;padding:0;display:inline-flex}.icon-button:hover{color:#e9ebf1;background:#ffffff08}.icon-button svg{width:15px;height:15px}.names-button{width:auto;padding:0 10px;font-size:11px}.names-button.active{color:#b1c6f2;background:#5e96ff0c}.tool-divider{background:#ffffff0d;width:1px;height:15px;margin:0 7px}.map-stage{background:radial-gradient(at 50% 45%,#1b1e27 0,#101217 75%);height:clamp(400px,70dvh,850px);min-height:400px;position:relative;overflow:hidden}.map-stage:fullscreen{width:100vw;height:100dvh}.map-canvas{width:100%;height:100%;position:absolute;inset:0}.compass{color:#687080;letter-spacing:1px;-webkit-user-select:none;user-select:none;font-size:10px;position:absolute;top:20px;left:23px}.empty{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10121780;place-items:center;padding:22px;display:grid;position:absolute;inset:0}.empty-message{text-align:center;width:min(100%,340px)}.empty h2{color:#c7cbd5;letter-spacing:-.3px;margin:0;font-size:17px;font-weight:500}.join-form{background:#12151de8;border:1px solid #ffffff12;border-radius:12px;gap:8px;margin-top:22px;padding:5px;display:flex}.join-field{color:#d8dce7;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:10px;font-size:12px}.join-field::placeholder{color:#646c7c}.join-button{border-radius:8px;width:38px;height:38px;padding:0}.join-button svg{width:17px;height:17px}.demo-button{color:#818a9e;background:0 0;border:0;align-items:center;gap:7px;margin-top:18px;padding:7px;font-size:11px;display:inline-flex}.demo-button svg{width:13px;height:13px}.demo-button:hover{color:#c6d2eb}.legend{border-top:1px solid var(--line);color:#7f8798;justify-content:center;align-items:center;gap:24px;height:47px;font-size:11px;display:flex}.legend span{align-items:center;gap:7px;display:flex}.legend i{background:var(--blue);border-radius:50%;width:5px;height:5px}.legend i.enemy{background:var(--red)}.players{margin-top:26px}.players-heading{align-items:center;gap:9px;margin-bottom:13px;display:flex}.players-heading h2{color:#8c93a2;margin:0;font-size:12px;font-weight:450}.player-count{color:#555e70;font-variant-numeric:tabular-nums;font-size:11px}.enemy-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.enemy-list li{border:1px solid var(--line);background:#111318;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:16px;display:flex}.enemy-indicator{background:var(--red);border-radius:50%;flex-shrink:0;width:6px;height:6px}.enemy-info{flex:1;min-width:0}.enemy-name{color:#c8cdda;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.health-track{background:#ffffff08;width:60px;height:2px;margin-top:8px}.health-track i{background:#ec70829c;height:100%;display:block}.enemy-hp{color:#a4acbd;font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.enemy-hp small{color:#4f586b;margin-left:4px;font-size:9px}.notice{color:#8e9bb4;background:#141820;border:1px solid #ffffff0c;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 15px;font-size:12px;line-height:1.6;display:flex}.demo-notice{padding:6px 10px 6px 16px}.error-notice{color:#cc8c98;background:#ec708207;border-color:#ec708220}@media (width<=760px){.shell{padding:0 18px 26px}.header{height:82px}.header-actions{gap:16px}.brand{font-size:22px}.brand small{margin-left:3px;padding-left:12px;font-size:13px}.toolbar{gap:12px;padding:12px 16px}.map-stage{height:64dvh}}@media (width<=520px){.shell{padding:0 10px 22px}.header{gap:12px;height:74px;padding:0 4px}.brand{gap:7px;font-size:21px}.brand svg{width:24px;height:24px}.brand small{display:none}.connection{gap:6px;font-size:11px}.header-actions{gap:12px}.share-button{border-radius:9px;width:34px;height:34px;padding:0}.share-button span{display:none}.radar-card{border-radius:14px}.toolbar{flex-wrap:wrap;gap:9px;min-height:60px;padding:12px}.map-title{gap:7px}.map-title h1,.map-choice{font-size:12px}.map-choice{max-width:160px}.controls{gap:1px;margin-left:auto}.names-button{width:30px;padding:0}.names-button span{display:none}.icon-button{border-radius:7px;width:29px;height:29px}.control{max-width:80px;margin-right:2px;padding:6px;font-size:10px}.tool-divider{margin:0 4px}.map-stage{height:62dvh;min-height:340px}.compass{top:15px;left:17px}.enemy-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.enemy-list li{gap:8px;padding:13px 11px}.enemy-name{font-size:11px}.enemy-hp{font-size:12px}.enemy-hp small{display:none}.health-track{width:45px}}@media (prefers-reduced-motion:reduce){button{transition:none}}