.view-tabs{position:absolute;z-index:8;left:16px;top:16px;display:flex;padding:4px;background:#03121de8;border:1px solid var(--line);backdrop-filter:blur(10px)}
.view-tabs button{min-height:38px;padding:0 14px;border:0;background:transparent;color:var(--muted);font:600 11px 'IBM Plex Mono';cursor:pointer}
.view-tabs button.active{background:#0b3446;color:var(--cyan);box-shadow:inset 0 -2px var(--cyan)}
.official-view,.synthetic-view{position:absolute;inset:0}.official-view[hidden],.synthetic-view[hidden]{display:none!important}#vworld-map{width:100%;height:100%;background:#06141f}
.map-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:radial-gradient(circle,#0c3548,#020811 70%);z-index:4;color:var(--text)}
.map-state[hidden]{display:none}.map-state b{font-size:15px}.map-state span{font-size:12px;color:var(--muted)}.map-state.error{background:#07141eef}.map-state button{margin-top:10px;border:1px solid var(--cyan);background:#07344a;color:var(--text);padding:10px 16px;cursor:pointer}
.official-hud{position:absolute;left:16px;bottom:16px;z-index:5;padding:10px 12px;background:#03121dde;border-left:2px solid var(--green);pointer-events:none}.official-hud b,.official-hud span{display:block}.official-hud b{font:600 9px 'IBM Plex Mono';color:var(--green)}.official-hud span{margin-top:4px;color:#c1d2d9;font-size:11px}.source-strip .official{background:var(--green)}
@media(max-width:760px){.view-tabs{left:10px;top:10px}.view-tabs button{min-height:36px;padding-inline:10px;font-size:10px}.official-hud{left:10px;bottom:10px}.official-hud span{font-size:10px}}