/* Original UAPRAD silver control finish. Static light keeps rendering inexpensive. */
:root{--range-silver:linear-gradient(165deg,#f5f8fa 0%,#c9d2db 39%,#a2afbb 51%,#dfe6ed 100%);--range-silver-edge:#e3edf5;--range-silver-glow:0 0 17px #cce8ff40,0 5px 18px #0005;--accent:#e1edf7}
.range-running .standalone-player-guidance{display:none}
html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:#08121c}
#entry.entry{height:100dvh;min-height:0;position:relative;display:block;overflow:hidden;background:#08121c}
#entry .entry-art{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
#entry:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#030a1005 27%,#030a1066 50%,#030a1018 64%,transparent 75%)}
#entry>main{display:block;position:absolute;z-index:1;left:0;right:0;top:43%;max-width:none;margin:0;padding:0;text-align:center}
#entry .entry-copy{display:flex;flex-direction:column;align-items:center;gap:12px}
#entry .range-entry-modes{display:flex;justify-content:center;gap:12px;margin:0;flex-wrap:nowrap}
#entry .range-entry-modes button,#entry .save-entry button{background:var(--range-silver);color:#11232e;border:1px solid var(--range-silver-edge);box-shadow:var(--range-silver-glow),inset 0 1px 0 #fff;min-width:0;min-height:50px;padding:12px 21px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:7px;font-size:16px;font-weight:650;text-align:center;text-shadow:0 1px 0 #ffffff90}
#entry .range-entry-modes button:before{content:"";display:block;width:19px;height:19px;background:currentColor;clip-path:polygon(20% 10%,90% 50%,20% 90%)}
#entry #enter-mission:before{clip-path:polygon(42% 0,58% 0,58% 27%,73% 27%,73% 42%,100% 42%,100% 58%,73% 58%,73% 73%,58% 73%,58% 100%,42% 100%,42% 73%,27% 73%,27% 58%,0 58%,0 42%,27% 42%,27% 27%,42% 27%)}
#entry .save-entry{display:flex;align-items:center;justify-content:center;gap:9px;max-width:none;margin:0;flex-wrap:wrap}
#entry .save-entry button{font-size:12px;min-height:36px;padding:7px 11px;border-radius:5px;font-weight:550;box-shadow:0 0 12px #cce8ff33,0 3px 12px #0005,inset 0 1px 0 #fff}
#entry .save-entry button:hover,#entry .range-entry-modes button:hover{filter:brightness(1.08);box-shadow:0 0 24px #d7efff66,0 4px 18px #0006}
#entry .save-entry p{display:none}#entry .save-entry p.save-entry-warning{display:block;flex-basis:100%;width:min(460px,90vw);color:#fff0c2;text-shadow:0 1px 4px #000;background:#101b27e8;padding:8px;border-radius:5px}
#entry-status{margin:0!important;min-height:0!important;max-width:min(480px,90vw);color:#f2f6fb!important;font-size:12px!important;text-shadow:0 1px 5px #000}#entry-status:empty{display:none}
#range-startup-feedback{width:min(560px,94vw);max-height:45dvh;overflow:auto;margin:0 auto;background:#101c29f5;color:#edf3f8;box-shadow:0 0 20px #cce8ff33}
#entry:has(#range-startup-feedback:not([hidden]))>main{top:14%}#entry:has(#range-startup-feedback:not([hidden])) .range-entry-modes,#entry:has(#range-startup-feedback:not([hidden])) #entry-save-actions{display:none}
#entry .entry-selection{position:fixed!important;left:-10000px!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden;pointer-events:none}
.standalone-player-guidance{position:fixed;bottom:0;left:0;right:0;z-index:2;margin:0;padding:9px 14px;background:#09131ff5;color:#dbe6ef;font-size:11px;text-align:center;border-top:1px solid #b7cdd344}.range-embedded .standalone-player-guidance{display:none}.standalone-player-guidance strong{color:#f4dfaa;margin-right:7px}.standalone-player-guidance small{display:block;color:#a9bccd;font-size:9px}.standalone-range #entry>main{top:40%}
/* Controls remain compact and legible against both bright terrain and night skies. */
#app button,#app select,dialog button{color:#12232e;background:var(--range-silver);border:1px solid #dce6f0b3;box-shadow:0 0 9px #d5edff26,0 2px 8px #0005,inset 0 1px 0 #fff9;text-shadow:0 1px 0 #ffffff80}
#app button:hover,#app select:hover,dialog button:hover{border-color:#fff;box-shadow:0 0 15px #d5edff55,0 2px 8px #0005,inset 0 1px 0 #fff9}
#app button[aria-pressed="true"]:not(#fullscreen):not(#desktop-setting-fullscreen),#app button[aria-expanded="true"]{border-color:#f4fcff;box-shadow:0 0 18px #bfe8ff9c,0 0 5px #fff9,inset 0 0 0 1px #fff9;background:linear-gradient(165deg,#fff,#a9c2d3 53%,#e7f3fc)}
#app #fullscreen[aria-pressed="true"],#app #desktop-setting-fullscreen[aria-pressed="true"]{background:var(--range-silver)!important;border-color:#dce6f0b3!important;box-shadow:0 2px 8px #0005,inset 0 1px 0 #fff9!important}
#app select option{background:#132332;color:#edf3f8}#app .eyebrow,#app label{color:#d4e2ef}#app .telemetry,#app .range-label,#app .activity-status,#app .ability-meter,#app .keyboard-hint,#app .walking-hint{color:#e4edf5;text-shadow:0 1px 4px #000,0 0 8px #d5edff33}
#app .range-toast{border-color:#c1d4e35c;background:#101c2bef;box-shadow:0 0 12px #d5edff26;color:#edf3f8}
/* Unbacked flight glyphs need light metal, rather than dark plate lettering. */
.desktop-hud #app .desktop-icon,.desktop-hud #app #mobile-settings-toggle,.mobile-hud #app .mobile-icon,.mobile-hud #app .mobile-altitude-controls button{color:#e3edf5;background:transparent!important;border-color:transparent!important;box-shadow:none!important;text-shadow:none}
.desktop-hud #app .desktop-icon:before{background:var(--range-silver);filter:drop-shadow(0 1px 2px #07101f) drop-shadow(0 0 4px #cce8ff99)}
.mobile-hud #app .mobile-icon svg,.mobile-hud #app .mobile-altitude-controls svg,.desktop-hud #app #mobile-settings-toggle svg{filter:drop-shadow(0 1px 2px #07101f) drop-shadow(0 0 4px #cce8ff99)}
.desktop-hud #app .desktop-icon[aria-pressed="true"]:not(#fullscreen),.mobile-hud #app .mobile-icon[aria-pressed="true"]:not(#fullscreen){border-color:#e3edf580!important;box-shadow:0 0 12px #cce8ff77!important}
.desktop-hud #app .desktop-icon[aria-pressed="true"]:not(#fullscreen):before,.mobile-hud #app .mobile-icon[aria-pressed="true"] svg{filter:drop-shadow(0 1px 2px #07101f) drop-shadow(0 0 7px #d8efff)}
#app button[aria-pressed="true"]:not(#fullscreen):not(#desktop-setting-fullscreen),#app button[aria-expanded="true"]{border-color:#e3edf580!important;box-shadow:0 0 12px #cce8ff77!important}
.desktop-hud #app #fullscreen[aria-pressed="true"]{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.game-loading{background:linear-gradient(#07101fe6,#07101ff0),var(--range-menu-image,url('/assets/range/range-loading-cinematic.webp')) center/cover;color:#edf3f8}.game-loading progress{accent-color:#d8e6f1}.game-loading progress::-webkit-progress-value{background:linear-gradient(90deg,#899eaf,#f0f7fc)}.game-loading progress::-webkit-progress-bar{background:#283747}.range-transfer-loading #game-loading{background:transparent}
@media(max-width:700px){:root{--range-menu-image:url('/assets/range/range-loading-cinematic-mobile.webp')}}
@media(max-width:700px) and (orientation:portrait){#entry .entry-art{height:auto;object-fit:contain}#entry:after{background:linear-gradient(180deg,transparent 29%,#08121c00 33%,#08121c 43%,transparent 75%)}#entry>main,#entry.entry>main{top:min(50%,max(70px,calc(100% - 244px)))}#entry .range-entry-modes{flex-direction:column;gap:10px}#entry .range-entry-modes button{min-width:197px;padding:12px 22px}#entry .entry-copy{gap:16px}#entry .save-entry{flex-direction:column;gap:8px}#entry{background:radial-gradient(ellipse at 50% 100%,#24424c66,transparent 75%),#08121c}.standalone-range #entry>main{top:44%}}
@media(max-height:519px) and (orientation:landscape){#entry>main,#entry.entry>main{top:35%}#entry .entry-copy{gap:9px}#entry .range-entry-modes button{min-height:44px;padding:9px 18px;font-size:14px}}
@media(prefers-reduced-motion:reduce){#entry button{transition:none}}
