html,body,.terrain-shell { background: transparent; }
#app { opacity: 0; transition: opacity .8s; }
html[data-terrain="ready"] #app { opacity: 1; }
html[data-terrain="error"] #app { opacity: 0; }
.hud-corner,.hud-tl,.hud-brt,.hud-reticle { display: none; }
.hud-poi:not(.is-major), .hud-panel { display: none; }
.hud-poi .tag { font-size: 9px; padding: 4px 7px; background: #f8f6efe8; border-color: #49433855; box-shadow: none; }
.hud-poi.is-major .tag b { font-size: 11px; font-weight: 500; }
.hud-poi.is-major .tag i { display: none; }
html:not(.exploring) .hud { pointer-events: none; }
html:not(.exploring) .hud-poi { pointer-events: none; }
html.exploring .hud-poi { display: block; }
html.exploring .hud-panel { display: block; min-width: 210px; background: #f4f1eae8; }
html.exploring .hud-poi.is-major .tag i { display: inline; }
.poster .hud, .poster #loading { display: none !important; }
.poster #app { transition: none; }
#loading { bottom: 28px; font-size: 10px; border-radius: 0; }
#webgl-fallback { position: fixed; inset: auto 20px 20px; font-size: 11px; color: #565149; text-align: right; }
[hidden] { display: none !important; }
@media (max-width: 760px) { .hud-poi.is-major .tag b { font-size: 10px; } }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }