*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#111;height:100vh;font-family:Courier New,Courier,monospace;font-size:13px;overflow:hidden}#app{height:100vh;display:flex}#map-container{background:#000;flex:1;position:relative;overflow:hidden}#map{width:100%;height:100%;display:block}#status{color:#aaa;pointer-events:none;background:#000000b3;border-radius:3px;padding:.25rem .5rem;font-size:11px;position:absolute;bottom:.75rem;left:.75rem}.anchor-marker,.centroid-marker{pointer-events:none;z-index:2;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 2px #000000e6}.anchor-marker{background:#ff5252;width:7px;height:7px}.centroid-marker{background:#40c4ff;width:5px;height:5px}#sidebar{background:#1a1a1a;border-left:1px solid #333;flex-direction:column;flex-shrink:0;gap:.75rem;width:300px;padding:.75rem;display:flex;overflow-y:auto}#sidebar h1{letter-spacing:.05em;color:#fff;border-bottom:1px solid #333;padding-bottom:.5rem;font-size:14px;font-weight:700}section{flex-direction:column;gap:.4rem;display:flex}section h2{text-transform:uppercase;letter-spacing:.1em;color:#666;border-bottom:1px solid #2a2a2a;padding-bottom:.25rem;font-size:10px;font-weight:400}.empty-state{color:#444;font-style:italic}.info-row{gap:.5rem;display:flex}.info-label{color:#666;flex-shrink:0;width:80px}.info-value{color:#ccc;word-break:break-all}.skeleton-bar{vertical-align:middle;background:#2e2e2e;border-radius:3px;width:80px;height:.7em;display:inline-block}.hex-swatch{vertical-align:middle;border:1px solid #555;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}button{color:#ccc;cursor:pointer;text-align:left;background:#2a2a2a;border:1px solid #444;border-radius:3px;padding:.3rem .6rem;font-family:inherit;font-size:12px}button:hover{color:#fff;background:#333}button.active{color:#fff;background:#5c3d99;border-color:#7c5db3}.button-row{flex-wrap:wrap;gap:.4rem;display:flex}.toggle{color:#999;cursor:pointer;align-items:center;gap:.5rem;font-size:12px;display:flex}.toggle input[type=checkbox]{accent-color:#5c3d99;cursor:pointer}#sector-list{flex-direction:column;gap:2px;list-style:none;display:flex}.sector-item{cursor:default;color:#bbb;border-radius:3px;align-items:center;gap:.5rem;padding:.25rem .4rem;font-size:12px;display:flex}.sector-item:hover{background:#252525}.sector-item .swatch{border:1px solid #555;border-radius:2px;flex-shrink:0;width:12px;height:12px}.sector-item .sector-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sector-item .sector-key{color:#555;flex-shrink:0;font-size:10px}@media (width<=700px){body,#app{height:100dvh}#app{flex-direction:column}#map-container{flex:0 0 55%}#sidebar{border-top:1px solid #333;border-left:none;flex:1;width:auto}}