*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0f;font-family:JetBrains Mono,Courier New,monospace}#app{display:flex;flex-direction:column;width:100%;height:100%}.map-header{display:flex;align-items:center;gap:1rem;padding:.45rem 1rem;background:#0a0a0ff7;border-bottom:1px solid #1a1a2e;flex-shrink:0;z-index:900}.back-link{color:#00d4ff;text-decoration:none;font-size:.7rem;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.back-link:hover{text-decoration:underline}.map-title{font-size:.95rem;font-weight:700;color:#e0e0e0;letter-spacing:.12em;margin:0;white-space:nowrap}.title-accent{color:#f44;font-weight:400;font-size:.7rem}.header-tag{margin-left:auto;font-size:.55rem;color:#444;letter-spacing:.08em;white-space:nowrap}#map{flex:1;width:100%;background:#0a0a0f}.control-bar{position:absolute;top:52px;left:50px;z-index:800;display:flex;align-items:center;gap:4px;flex-wrap:wrap;max-width:calc(100vw - 220px)}.ctrl-btn{background:#0a0a0feb;backdrop-filter:blur(8px);border:1px solid #2a2a3a;border-radius:4px;color:#666;font-family:inherit;font-size:.55rem;font-weight:600;letter-spacing:.05em;padding:.35rem .55rem;cursor:pointer;transition:all .2s;white-space:nowrap}.ctrl-btn:hover{color:#ccc;border-color:#444}.ctrl-btn.active{color:#f44;border-color:#f446;background:#ff444414}.ctrl-btn.ideology-btn.active{border-color:#fff3;background:#ffffff0f}.ctrl-divider{width:1px;height:18px;background:#2a2a3a;flex-shrink:0}.ctrl-label{font-size:.48rem;color:#444;letter-spacing:.1em;white-space:nowrap}.threshold-wrap{position:absolute;top:52px;right:10px;z-index:800;background:#0a0a0feb;backdrop-filter:blur(8px);border:1px solid #2a2a3a;border-radius:6px;padding:.5rem .65rem;min-width:150px;font-size:.52rem}.threshold-title{color:#00d4ff;font-weight:700;letter-spacing:.1em;margin-bottom:.3rem;font-size:.5rem}.threshold-row{display:flex;align-items:center;gap:.4rem}.threshold-row label{color:#888;white-space:nowrap;font-size:.5rem}.threshold-row input[type=range]{flex:1;accent-color:#ff4444;height:3px}#threshold-val{color:#f44;font-weight:700;min-width:2.5rem;text-align:right;font-size:.52rem}.telemetry{position:absolute;top:52px;right:10px;z-index:800;display:none}.faction-legend{position:absolute;bottom:30px;left:10px;z-index:800;background:#0a0a0feb;backdrop-filter:blur(8px);border:1px solid #2a2a3a;border-radius:6px;padding:.5rem .65rem;min-width:180px;max-width:210px;max-height:55vh;overflow-y:auto;font-size:.52rem}.legend-title{font-size:.5rem;font-weight:700;color:#f44;letter-spacing:.12em;margin-bottom:.4rem;border-bottom:1px solid #1a1a2e;padding-bottom:.25rem}.legend-group{margin-bottom:.3rem}.legend-group-name{font-size:.46rem;color:#555;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.18rem}.legend-row{display:flex;align-items:center;gap:.3rem;padding:.1rem 0}.legend-swatch{width:9px;height:9px;border-radius:2px;flex-shrink:0}.legend-name{font-size:.48rem;color:#aaa;line-height:1.3}.legend-intensity{font-size:.44rem;color:#555;margin-left:auto;flex-shrink:0}.stats-bar{position:absolute;bottom:30px;right:10px;z-index:800;background:#0a0a0feb;backdrop-filter:blur(8px);border:1px solid #2a2a3a;border-radius:6px;padding:.5rem .65rem;display:flex;gap:1rem}.stat-item{text-align:center}.stat-val{display:block;font-size:1rem;font-weight:700;color:#f44;line-height:1}.stat-lbl{font-size:.42rem;color:#555;letter-spacing:.08em}.leaflet-container{background:#0a0a0f!important;font-family:inherit}.leaflet-control-zoom{border:1px solid #2a2a3a!important;border-radius:4px!important}.leaflet-control-zoom a{background:#0a0a0feb!important;color:#f44!important;border-bottom:1px solid #2a2a3a!important;width:26px!important;height:26px!important;line-height:26px!important;font-size:13px!important}.leaflet-control-zoom a:hover{background:#ff444426!important}.leaflet-control-attribution{background:#0a0a0fcc!important;color:#333!important;font-size:.45rem!important}.leaflet-control-attribution a{color:#444!important}.leaflet-popup-content-wrapper{background:#0a0a0ff5!important;color:#e0e0e0!important;border:1px solid #2a2a3a!important;border-radius:6px!important;box-shadow:0 0 20px #ff44441f!important;font-family:inherit!important;padding:0!important}.leaflet-popup-tip{background:#0a0a0ff5!important}.leaflet-popup-close-button{color:#555!important;font-size:16px!important}.leaflet-popup-close-button:hover{color:#f44!important}.leaflet-popup-content{margin:0!important;padding:0!important}.claim-popup{min-width:220px;padding:.6rem .75rem}.claim-popup-header{font-size:.52rem;font-weight:700;color:#f44;letter-spacing:.1em;margin-bottom:.3rem}.claim-popup-sub{font-size:.48rem;color:#555;margin-bottom:.5rem}.claim-row{display:flex;align-items:center;gap:.35rem;margin-bottom:.22rem}.claim-dot{width:7px;height:7px;border-radius:1px;flex-shrink:0}.claim-name{font-size:.5rem;color:#ccc;flex:1}.claim-bar-wrap{width:50px;height:4px;background:#1a1a2e;border-radius:2px;overflow:hidden;flex-shrink:0}.claim-bar-fill{height:100%;border-radius:2px}.claim-val{font-size:.48rem;color:#666;min-width:2.5rem;text-align:right;flex-shrink:0}.claim-contested{font-size:.46rem;color:#f84;margin-top:.35rem;padding-top:.3rem;border-top:1px solid #2a2a3a}.claim-none{font-size:.48rem;color:#444;font-style:italic}.faction-territory-label{background:none!important;border:none!important;box-shadow:none!important;pointer-events:none}.faction-label-inner{font-family:JetBrains Mono,Courier New,monospace;font-size:.55rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 8px rgba(0,0,0,1),0 0 16px rgba(0,0,0,.9),1px 1px 0 rgba(0,0,0,1),-1px -1px 0 rgba(0,0,0,1),1px -1px 0 rgba(0,0,0,1),-1px 1px 0 rgba(0,0,0,1)}