#voidral-earth-toggle{display:block;text-align:left;width:100%}
#voidral-earth[hidden]{display:none!important}
html body.voidral-earth-open{overflow:hidden!important}
#voidral-earth{position:fixed!important;inset:0!important;z-index:50000!important;isolation:isolate;background:radial-gradient(circle at 52% 48%,#122e44 0,#071626 60%,#030912 100%);color:#fff;overflow:hidden;font-family:system-ui,-apple-system,sans-serif}
#ve-globe-map{position:absolute;inset:0;width:100%;height:100%;background:#061321}
#voidral-earth .ve-head{position:absolute;top:calc(14px + env(safe-area-inset-top));left:16px;right:16px;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none}
#voidral-earth .ve-brand{border:1px solid #ffffff22;border-radius:13px;background:#091d2ab9;backdrop-filter:blur(12px);padding:10px 13px;pointer-events:auto;box-shadow:0 4px 14px #0003}
#voidral-earth .ve-brand strong{display:block;font-size:15px;letter-spacing:2px;font-weight:750}
#voidral-earth .ve-brand em{font-style:normal;color:#88f4e9}
#voidral-earth .ve-brand small{display:block;letter-spacing:1.2px;font-size:9px;color:#b6cddb;margin-top:2px}
#voidral-earth button{cursor:pointer;font-family:inherit}
#ve-close{width:42px;height:42px;line-height:1;font-size:26px;color:#fff;border:1px solid #ffffff40;border-radius:50%;background:#0a1e2ae0;backdrop-filter:blur(12px);pointer-events:auto}
#voidral-earth .ve-actions{position:absolute;bottom:calc(28px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:3;max-width:calc(100vw - 20px);display:flex;gap:8px;padding:7px;border:1px solid #ffffff35;border-radius:22px;background:#092130c9;backdrop-filter:blur(16px);box-shadow:0 6px 26px #0006}
#voidral-earth .ve-actions button{border:0;border-radius:15px;background:#ffffff14;color:#e7f8fa;padding:11px 13px;min-height:42px;font-size:12px;font-weight:650;white-space:nowrap}
#voidral-earth .ve-actions button[aria-pressed="true"]{background:#087f88;color:white}
#ve-status{position:absolute;z-index:3;bottom:calc(102px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 44px);border:1px solid #ffffff35;border-radius:16px;background:#071827db;color:#f0f9fd;padding:9px 13px;text-align:center;font-size:12px}
#ve-status[hidden]{display:none!important}
#voidral-earth .maplibregl-ctrl-top-right{top:78px;right:12px}
#voidral-earth .maplibregl-ctrl-attrib{font-size:10px}
#voidral-earth .maplibregl-popup-content{border-radius:13px;background:#f7fcfd;color:#173748}
#voidral-earth .ve-story{max-width:245px;font-size:12px;line-height:1.45}
#voidral-earth .ve-story strong{font-size:14px}
#voidral-earth .ve-story p{margin:7px 0;max-height:100px;overflow:auto}
#voidral-earth .ve-story small{display:block;color:#567482}
#voidral-earth .ve-story a{display:block;color:#087b87;margin-top:9px}

@media(max-width:640px){#voidral-earth .ve-head{left:10px;right:10px}#voidral-earth .ve-brand{padding:8px 10px}#voidral-earth .ve-brand strong{font-size:13px}#voidral-earth .ve-actions{bottom:calc(34px + env(safe-area-inset-bottom));gap:4px;padding:5px;border-radius:15px}#voidral-earth .ve-actions button{padding:9px 9px;min-height:40px;font-size:11px}#ve-status{bottom:calc(96px + env(safe-area-inset-bottom))}}
@media(max-height:460px) and (orientation:landscape){#voidral-earth .ve-actions{bottom:10px}#voidral-earth .ve-head{top:7px}#voidral-earth .ve-brand small{display:none}#voidral-earth .ve-brand{padding:7px 12px}#ve-status{bottom:70px}}

@media(max-width:640px){#voidral-earth .ve-actions{gap:3px}#voidral-earth .ve-actions button{font-size:10px;padding:9px 7px}#ve-terrain[aria-pressed="true"]{background:#087f88!important;color:white}}

/* Precise close-up camera shortcuts, small enough to leave the terrain visible. */
#ve-camera{position:absolute;z-index:5;right:12px;top:calc(132px + env(safe-area-inset-top));display:flex;flex-direction:column;gap:7px}
#ve-camera button{display:grid;place-items:center;width:40px;height:40px;min-height:40px;padding:0;border:1px solid #ffffff48;border-radius:13px;background:#092131d9;backdrop-filter:blur(12px);box-shadow:0 2px 10px #0004;color:#e7fcff;font:700 20px/1 system-ui;touch-action:manipulation;cursor:pointer;user-select:none}
#ve-camera button[aria-pressed="true"]{background:#126f7be6}
#ve-camera button:disabled{opacity:.35;cursor:default}
#voidral-earth .ve-actions button,#voidral-earth #ve-close{touch-action:manipulation;user-select:none;transition:background .14s ease,transform .12s ease}
#voidral-earth button:active:not(:disabled){transform:scale(.97)}
#voidral-earth button:focus-visible{outline:3px solid #96f8ed;outline-offset:3px}
#voidral-earth .ve-actions{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;width:max-content;max-width:calc(100vw - 20px)}
#voidral-earth .ve-actions button{flex:0 0 auto}
#ve-status{pointer-events:none}
@media(max-width:640px){
 #ve-camera{right:8px;top:calc(124px + env(safe-area-inset-top));gap:6px}
 #ve-camera button{width:38px;height:38px;min-height:38px;border-radius:12px}
 #voidral-earth .ve-actions{width:min(390px,calc(100vw - 20px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));box-sizing:border-box}
 #voidral-earth .ve-actions button{min-width:0;width:100%;padding:10px 4px!important;overflow:hidden;text-overflow:ellipsis}
}
@media(max-height:490px) and (orientation:landscape){
 #ve-camera{top:calc(54px + env(safe-area-inset-top));right:7px;flex-direction:row;gap:5px}
 #ve-camera button{width:36px;height:36px;min-height:36px}
 #voidral-earth .maplibregl-ctrl-top-right{display:none}
 #voidral-earth .ve-actions{width:max-content;max-width:calc(100vw - 20px);display:flex}
 #voidral-earth .ve-actions button{width:auto}
}
@media(prefers-reduced-motion:reduce){#voidral-earth button{transition:none!important}}

/* Separate, clearly labelled orientation vs GPS buttons. */
#voidral-earth #ve-camera button.ve-labeled{
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;
 width:47px!important;min-width:47px!important;height:51px!important;min-height:51px!important;
 padding:4px 2px!important;line-height:1!important;touch-action:manipulation!important;
}
#voidral-earth #ve-camera button.ve-labeled .ve-icon{display:block;font:750 16px/1.1 system-ui;letter-spacing:-.5px;white-space:nowrap}
#voidral-earth #ve-camera button.ve-labeled .ve-caption{display:block;font:650 10px/1.15 system-ui;letter-spacing:0;white-space:nowrap;color:inherit;opacity:.9}
#voidral-earth #ve-camera #ve-gps .ve-icon{font-size:21px}
#voidral-earth #ve-camera #ve-gps[aria-busy="true"]{opacity:.62!important;cursor:progress!important}
#voidral-earth #ve-camera #ve-gps[aria-busy="true"] .ve-icon{animation:ve-locate-pulse 1s ease-in-out infinite alternate}
@keyframes ve-locate-pulse{from{opacity:.45;transform:scale(.85)}to{opacity:1;transform:scale(1.13)}}
.ve-gps-marker{width:16px;height:16px;box-sizing:border-box;border:3px solid white;border-radius:50%;background:#16a4df;box-shadow:0 0 0 6px #16a4df3d,0 2px 9px #001e3870;pointer-events:none}
#voidral-earth #ve-camera #ve-north{border-color:#d2e6ef!important}
#voidral-earth #ve-camera #ve-gps{border-color:#1da1d4!important}
@media(max-width:640px){
 #voidral-earth #ve-camera button.ve-labeled{width:44px!important;min-width:44px!important;height:48px!important;min-height:48px!important}
 #voidral-earth #ve-camera{top:calc(120px + env(safe-area-inset-top))}
}
@media(max-height:490px) and (orientation:landscape){
 #voidral-earth #ve-camera button.ve-labeled{height:43px!important;min-height:43px!important;width:45px!important;min-width:45px!important}
 #voidral-earth #ve-camera .ve-caption{font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){#voidral-earth #ve-camera #ve-gps[aria-busy="true"] .ve-icon{animation:none}}

/* Desktop Earth controls: explicit turn arrows and a concise mouse legend. */
#ve-pc-hint{display:none;position:absolute;left:50%;transform:translateX(-50%);
 bottom:calc(103px + env(safe-area-inset-bottom));z-index:6;pointer-events:none;
 padding:6px 12px;border:1px solid #b8e8ec50;border-radius:20px;
 background:#071d2ad9;color:#ecfcff;font:600 11px/1.4 system-ui;text-align:center;
 max-width:calc(100vw - 160px)}
#voidral-earth #ve-camera .ve-pc-rotate{display:none!important}
@media (pointer:fine) and (min-width:760px){
 #ve-pc-hint{display:block}
 #voidral-earth #ve-camera .ve-pc-rotate{display:grid!important}
}
#voidral-earth #ve-camera button{
 background:rgba(7,31,45,.89)!important;color:#edfaff!important;
 border:1px solid #a6ebee7a!important;
 box-shadow:0 3px 13px #020b1266!important;
}
#voidral-earth #ve-camera button:active:not(:disabled){background:#166b7e!important}
#voidral-earth #ve-close{background:rgba(8,31,44,.94)!important;color:#f1fcff!important;
 border:1px solid #d5eef17a!important;box-shadow:0 3px 12px #0006!important}
@media(max-width:760px){#ve-pc-hint{display:none!important}}