*{box-sizing:border-box;margin:0;padding:0}:root{--font-display:"Bahnschrift", "Aptos Display", "Trebuchet MS", sans-serif;--font-body:"Segoe UI Variable Text", "Segoe UI", "Aptos", sans-serif;--font-mono:"Cascadia Mono", "Consolas", "SFMono-Regular", monospace;--bg-0:#050816;--bg-1:#0b1325;--bg-2:#15203a;--panel-strong:#070c17eb;--panel-soft:#0c1220b8;--text-primary:#f4f7fb;--text-secondary:#c3d0e6;--text-muted:#8796ad;--accent-cyan:#78d6ff;--accent-blue:#6392ff;--accent-amber:#ffbf5f;--accent-green:#74f0b0;--accent-red:#ff6b63;--line-soft:#768ab038;--line-strong:#78d6ff57;--shadow-soft:0 18px 46px #00000052;--shadow-hard:0 26px 70px #0000007a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-0);font-weight:400;line-height:1.5;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scrollbar-gutter:stable;min-height:100%}body{background:radial-gradient(circle at top left, #5a92ff2e, transparent 28%), radial-gradient(circle at top right, #ffbf5f24, transparent 22%), linear-gradient(160deg, var(--bg-0) 0%, var(--bg-1) 46%, #05070e 100%);min-width:320px;min-height:100vh;color:var(--text-primary);overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;position:fixed;inset:0}body:before{opacity:.28;background-image:linear-gradient(#7388ad12 1px,#0000 1px),linear-gradient(90deg,#7388ad12 1px,#0000 1px);background-size:84px 84px;-webkit-mask-image:radial-gradient(circle,#000 42%,#0000 100%);mask-image:radial-gradient(circle,#000 42%,#0000 100%)}body:after{background:radial-gradient(circle at 18% 82%,#78d6ff1f,#0000 26%),radial-gradient(circle at 72% 18%,#ffbf5f14,#0000 22%)}#root{width:100%;min-height:100vh;position:relative}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}button,input,select,textarea{font:inherit}button{color:var(--text-primary);cursor:pointer;background:linear-gradient(#1c2843eb,#10182af0);border:1px solid #7d92b63d;border-radius:999px;padding:.72rem 1.15rem;font-size:.95rem;font-weight:600;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffff0d}button:hover{border-color:#78d6ff57;transform:translateY(-1px);box-shadow:0 14px 30px #0000003d}button:active{transform:translateY(0)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #78d6ffad}a{color:inherit;text-decoration:none}::selection{color:var(--text-primary);background:#78d6ff4d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#05080feb}::-webkit-scrollbar-thumb{background:#607292a3;border:2px solid #05080feb;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#7a92bddb}.map-radar{width:min(100%,1680px);box-shadow:var(--shadow-hard);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#0a101ccc,#070a12f0);border:1px solid #768ab02e;border-radius:30px;grid-template-columns:minmax(320px,392px) minmax(0,1fr);align-items:start;gap:20px;padding:20px;display:grid;position:relative}.map-radar:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff08,#0000 18%),radial-gradient(circle at 0 0,#78d6ff14,#0000 26%);position:absolute;inset:0}.map-info{z-index:1;min-width:320px;max-width:392px;color:var(--text-primary);flex-direction:column;gap:16px;display:flex;position:relative}.map-overview-card,.viewer-display-controls,.debug-console{box-shadow:var(--shadow-soft);background:linear-gradient(#0d1524e0,#080c15f0);border:1px solid #768ab033;border-radius:24px}.map-overview-card{gap:16px;padding:20px;display:grid}.panel-kicker{width:fit-content;color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;background:#080e18c2;border:1px solid #78d6ff33;border-radius:999px;align-items:center;padding:.45rem .78rem;font-size:.72rem;display:inline-flex}.map-overview-copy{gap:10px;display:grid}.map-overview-copy h2{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);font-size:clamp(1.9rem,4vw,2.5rem)}.map-overview-copy p{color:var(--text-muted);font-size:.96rem;line-height:1.65}.map-overview-tags{flex-wrap:wrap;gap:10px;display:flex}.overview-tag{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#ffffff0a;border:1px solid #768ab033;border-radius:999px;align-items:center;padding:.5rem .8rem;font-size:.72rem;display:inline-flex}.overview-tag-accent{color:#cbffe1;background:#74f0b01a;border-color:#74f0b047}.viewer-display-controls{gap:12px;padding:18px;display:grid}.viewer-player-select-label{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;gap:8px;font-size:.74rem;font-weight:700;display:grid}.viewer-player-select{width:100%;color:var(--text-primary);background:#050a12d1;border:1px solid #768ab03d;border-radius:16px;padding:.92rem 1rem;box-shadow:inset 0 1px #ffffff0a}.controls-header{display:flex}.toggle-controls-btn,.toggle-teammates-btn{width:100%;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border-radius:16px;justify-content:center;font-weight:700;color:var(--text-primary)!important;padding:.92rem 1rem!important;font-size:.78rem!important}.toggle-controls-btn{background:linear-gradient(#4273ffeb,#284aadf0)!important;border:1px solid #78d6ff57!important}.toggle-teammates-btn{background:linear-gradient(#16233ce6,#0d1625f0)!important;border:1px solid #768ab038!important}.debug-console{font-family:var(--font-mono);margin:0;overflow:hidden}.debug-header{background:#ffffff08;border-bottom:1px solid #768ab029;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.debug-header h4{color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.clear-debug-btn{letter-spacing:.1em;text-transform:uppercase;color:#fff!important;background:linear-gradient(#d94842f0,#912323f0)!important;border:1px solid #ff6b6361!important;padding:.56rem .82rem!important;font-size:.72rem!important}.debug-messages{max-height:320px;padding:14px;font-size:.74rem;line-height:1.5;overflow-y:auto}.debug-empty{color:var(--text-muted);text-align:center;padding:18px;font-style:italic}.debug-message-block{background:#ffffff08;border:1px solid #768ab01f;border-radius:16px;margin-bottom:10px;padding:10px 12px}.debug-timestamp{color:var(--accent-cyan);margin-bottom:6px;font-weight:700}.debug-section{color:var(--text-secondary);word-wrap:break-word;margin-bottom:4px}.debug-section strong{color:var(--text-primary)}.status-message{text-align:left;width:min(100%,560px);box-shadow:var(--shadow-soft);background:linear-gradient(#0b121feb,#080c14f5);border:1px solid #768ab02e;border-radius:26px;gap:12px;padding:40px;display:grid}.status-message h3{color:var(--text-primary);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:clamp(1.6rem,4vw,2.2rem)}.status-message p{color:var(--text-muted);font-size:.96rem}.no-data,.loading{place-items:center;min-height:360px;display:grid}.map-container{width:100%;min-width:800px;max-width:1600px;box-shadow:var(--shadow-hard);isolation:isolate;caret-color:#0000;-webkit-user-select:none;user-select:none;background:#02060d;border:1px solid #768ab02e;border-radius:26px;position:relative;overflow:hidden}.map-container:before,.map-container:after{content:"";pointer-events:none;position:absolute;inset:0}.map-container:before{z-index:2;border-radius:inherit;border:1px solid #78d6ff1f}.map-container:after{z-index:1;background:linear-gradient(135deg,#78d6ff12,#0000 26% 74%,#ffbf5f14)}.map-image{object-fit:contain;filter:saturate(1.04)contrast(1.02);-webkit-user-drag:none;width:100%;min-width:800px;max-width:1600px;height:auto;min-height:600px;max-height:1200px;display:block}.player-overlay{pointer-events:none;z-index:3;caret-color:#0000;width:100%;height:100%;position:absolute;inset:0}.config-saved-toast{z-index:9999;color:#cbffe1;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#09140ef0;border:1px solid #74f0b057;border-radius:16px;padding:12px 16px;font-size:.78rem;animation:.24s ease-out toast-reveal;position:fixed;top:18px;left:18px;box-shadow:0 18px 40px #0000006b}.bomb-timer-overlay{z-index:10;pointer-events:none;position:absolute;top:18px;left:18px}.bomb-timer-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090d14d1;border:1px solid #ff6b6347;border-radius:18px;flex-direction:column;gap:8px;padding:12px 14px;display:flex;box-shadow:0 16px 34px #00000057}.bomb-site-text,.bomb-text,.defuse-text{font-family:var(--font-mono);text-shadow:0 2px 10px #00000080;letter-spacing:.08em;font-weight:700}.bomb-site-text{color:var(--accent-amber);font-size:.94rem}.bomb-text{color:var(--accent-red);font-size:.88rem}.defuse-text{color:var(--accent-green);font-size:.8rem}@keyframes toast-reveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1460px){.map-radar{grid-template-columns:1fr}.map-info{order:2;width:100%;min-width:0;max-width:none}.map-container{order:1;justify-self:center;min-width:600px}.map-image{min-width:600px;min-height:450px}}@media (width<=900px){.map-radar{border-radius:24px;gap:14px;padding:14px}.map-overview-card,.viewer-display-controls,.debug-console{border-radius:20px}.map-container{width:100%;min-width:300px}.map-image{min-width:300px;min-height:250px}.bomb-site-text{font-size:.82rem}.bomb-text{font-size:.78rem}.defuse-text{font-size:.72rem}}.controls-container{flex-direction:column;gap:14px;display:flex}.display-controls,.map-bounds-controls{width:100%;box-shadow:var(--shadow-soft);background:linear-gradient(#0d1524e0,#080c15f0);border:1px solid #768ab033;border-radius:24px;padding:18px}.controls-section-head{gap:8px;margin-bottom:14px;display:grid}.controls-section-head-split{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}.controls-section-kicker{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem}.display-controls h4,.map-bounds-controls h4{color:var(--text-primary);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:1.18rem}.controls-section-copy{color:var(--text-muted);font-size:.88rem;line-height:1.55}.compact-control-group{background:#ffffff08;border:1px solid #768ab024;border-radius:18px;gap:8px;margin-bottom:10px;padding:12px 14px;display:grid}.compact-control-group:last-child{margin-bottom:0}.compact-control-group label{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:.78rem;font-weight:700;display:flex}.display-controls .compact-control-group label{cursor:pointer}.display-controls input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-cyan);cursor:pointer}.dot-size-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#ffbf5f8c,#78d6ff8c);border-radius:999px;outline:none;width:100%;height:8px}.dot-size-slider::-webkit-slider-thumb{appearance:none;background:#f5f9ff;border:3px solid #78d6ffb8;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 4px #78d6ff2e}.dot-size-slider::-moz-range-thumb{background:#f5f9ff;border:3px solid #78d6ffb8;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 4px #78d6ff2e}.bounds-spatial-layout{flex-direction:column;align-items:center;gap:12px;display:flex}.bounds-top,.bounds-bottom{justify-content:center;width:100%;display:flex}.bounds-middle{justify-content:space-between;gap:12px;width:100%;display:flex}.bounds-left,.bounds-right{flex:1}.bounds-left .compact-control-group,.bounds-right .compact-control-group,.bounds-top .compact-control-group,.bounds-bottom .compact-control-group{margin-bottom:0}.bounds-left label,.bounds-right label,.bounds-top label,.bounds-bottom label{justify-content:center}.compact-button-group{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.compact-button-group button{min-width:42px;color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.04em;box-shadow:none;background:#0a101ce0;border:1px solid #768ab038;border-radius:12px;padding:.5rem .62rem;font-size:.74rem}.bounds-value-clickable{color:var(--text-primary);cursor:pointer;background:#78d6ff14;border:1px solid #78d6ff3d;border-radius:999px;align-items:center;padding:.34rem .56rem;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex}.bounds-value-clickable:hover{background:#78d6ff24;border-color:#78d6ff6b;transform:translateY(-1px)}.bounds-edit-input{width:90px;color:var(--text-primary);font-family:var(--font-mono);text-align:center;background:#070c15f0;border:1px solid #78d6ff57;border-radius:12px;padding:.45rem .56rem;font-size:.8rem}.bounds-edit-input:focus{background:#0a101cf5}.reset-defaults-btn{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#fff!important;background:linear-gradient(#d24a44f5,#912424f5)!important;border:1px solid #ff6b635c!important;padding:.82rem 1rem!important;font-size:.74rem!important}.reset-defaults-btn:disabled{cursor:not-allowed;box-shadow:none;transform:none;color:#c3d0e694!important;background:#1b2335eb!important;border-color:#768ab029!important}@media (width<=768px){.display-controls,.map-bounds-controls{border-radius:20px;padding:14px}.controls-section-head-split{grid-template-columns:1fr}.bounds-middle{flex-direction:column}}.team-rosters{flex-direction:column;gap:16px;width:100%;display:flex}.team-roster{box-shadow:var(--shadow-soft);background:linear-gradient(#0a101ce0,#070a12f0);border:1px solid #768ab02e;border-radius:24px;overflow:hidden}.team-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;transition:filter .18s;display:flex}.team-header:hover{filter:brightness(1.05)}.team-header-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.terrorist-header{color:#fff;background:linear-gradient(135deg,#7e2215f0,#b33a1aeb)}.ct-header{color:#fff;background:linear-gradient(135deg,#1c428bf0,#1681bbe6)}.team-name{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:1rem;font-weight:700}.team-count,.team-economy{color:#fff;font-family:var(--font-mono);letter-spacing:.04em;background:#00000038;border:1px solid #ffffff29;border-radius:999px;align-items:center;padding:.42rem .76rem;font-size:.74rem;font-weight:700;display:inline-flex}.collapse-arrow{opacity:.86;font-size:.9rem}.team-players{flex-direction:column;gap:8px;padding:12px;display:flex}.player-item{background:#ffffff08;border:1px solid #768ab01f;border-radius:18px;padding:12px 14px;transition:transform .18s,border-color .18s,background-color .18s}.player-item:hover{background:#ffffff0d;border-color:#78d6ff2e;transform:translateY(-1px)}.player-item.player-dead{opacity:.56;background:#04070cd1}.player-name-status{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.player-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 4px #ffffff0f}.player-name{min-width:0;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.96rem;font-weight:700;overflow:hidden}.player-stats{flex-wrap:wrap;gap:8px;margin-left:20px;display:flex}.player-health,.player-armor,.player-money,.player-weapon{font-family:var(--font-mono);letter-spacing:.02em;background:#00000042;border:1px solid #ffffff0f;border-radius:999px;align-items:center;padding:.38rem .64rem;font-size:.72rem;display:inline-flex}.player-armor{color:#8fd7ff}.player-money{color:#96ffb6;font-weight:700}.player-weapon{max-width:170px;color:var(--accent-amber);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-dead-text{color:var(--accent-red);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700}.player-action-status{font-family:var(--font-mono);letter-spacing:.08em;border-radius:999px;padding:.28rem .56rem;font-size:.68rem;font-weight:700;animation:1.4s ease-in-out infinite player-pulse}.player-action-status.planting{color:#ffd89d;background:#ffbf5f1f;border:1px solid #ffbf5f47}.player-action-status.defusing{color:#cbffe1;background:#74f0b01f;border:1px solid #74f0b047}.player-kit-status{opacity:.9;font-size:.95rem}@keyframes player-pulse{0%,to{opacity:1}50%{opacity:.68}}@media (width<=768px){.team-header{padding:14px}.team-header-right{gap:8px}.team-name{font-size:.88rem}.team-count,.team-economy{font-size:.68rem}.player-item{padding:10px 12px}.player-name{font-size:.88rem}.player-stats{margin-left:0}.player-weapon{max-width:100%}}.connection-status{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:12px;display:grid}.status-card{background:linear-gradient(#0f1727e0,#070b14f0);border:1px solid #768ab033;border-radius:22px;gap:8px;min-height:82px;padding:14px 16px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.status-card:after{content:"";background:linear-gradient(90deg, var(--status-accent,#78d6ff80), transparent);width:min(72%,220px);height:1px;position:absolute;top:0;left:0}.status-label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:8px;font-size:.72rem;display:inline-flex}.status-value{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.25}.status-dot{background:var(--status-accent,var(--accent-cyan));width:10px;height:10px;box-shadow:0 0 16px var(--status-accent,#78d6ff73);border-radius:50%}@media (width<=768px){.connection-status{grid-template-columns:repeat(2,minmax(0,1fr))}.status-card{min-height:76px;padding:13px 14px}.status-value{font-size:.94rem}}.app{min-height:100vh;color:var(--text-primary)}.app-shell{flex-direction:column;gap:24px;width:min(100%,1760px);min-height:100vh;margin:0 auto;padding:clamp(18px,2.6vw,34px);display:flex;position:relative}.app-shell:before,.app-shell:after{content:"";pointer-events:none;border-radius:32px;position:absolute;inset:12px}.app-shell:before{z-index:-2;box-shadow:var(--shadow-hard);background:linear-gradient(#080d18d6,#080b12f0);border:1px solid #788cb02e}.app-shell:after{z-index:-1;background:radial-gradient(circle at 0 0,#78d6ff1f,#0000 28%),radial-gradient(circle at 100% 0,#ffbf5f1a,#0000 24%),linear-gradient(135deg,#ffffff05,#0000 38%)}.app-header{-webkit-user-select:none;user-select:none;align-items:end;gap:20px;display:grid}.app-brand{gap:12px;max-width:840px;display:grid}.app-kicker{width:fit-content;color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;background:#0a111eb8;border:1px solid #78d6ff33;border-radius:999px;align-items:center;padding:.45rem .82rem;font-size:.72rem;display:inline-flex}.app-brand h1,.message-card h1{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg,#f7fbff 0%,#8de0ff 42%,#ffd48c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.5rem,5.4vw,4.8rem);line-height:.94}.app-subtitle,.message-card p{max-width:64ch;color:var(--text-muted);font-size:1rem;line-height:1.65}.app-main{flex:1;justify-content:center;align-items:flex-start;display:flex}.app-main-centered{align-items:center}.message-card{width:min(100%,720px);box-shadow:var(--shadow-hard);text-align:center;background:linear-gradient(#0a101ceb,#080b13f5);border:1px solid #788cb033;border-radius:30px;gap:18px;padding:clamp(28px,5vw,52px);display:grid}@media (width>=1120px){.app-header{grid-template-columns:minmax(0,1.15fr) minmax(460px,.85fr);gap:24px}}@media (width<=900px){.app-shell{gap:18px;padding:14px}.app-shell:before,.app-shell:after{border-radius:24px;inset:4px}.app-brand h1,.message-card h1{font-size:clamp(2rem,10vw,3.2rem)}}