#screen-play-btn { margin-top:8px; border:2px solid #2dd4bf; background:#103a49; color:#effffc; width:100%; white-space:normal }
#screen-toolbar { position:fixed; z-index:10001; bottom:12px; left:50%; transform:translateX(-50%); max-width:calc(100vw - 24px); width:560px; padding:10px 14px; border:1px solid #2dd4bf; border-radius:12px; background:rgba(8,22,34,.96); color:#effffc; font:13px/1.4 system-ui,sans-serif; box-sizing:border-box; }
#screen-toolbar[hidden], #screen-crosshair[hidden] { display:none }
.screen-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap }
#screen-controls[hidden] { display:none }
#screen-controls { margin-top:10px; max-height:45dvh; overflow-y:auto }
#regional-exploration { position:fixed; top:12px; left:50%; transform:translateX(-50%); z-index:90; max-width:calc(100vw - 24px); width:470px; box-sizing:border-box; padding:10px 12px; border:1px solid #2dd4bf; border-radius:12px; background:#081622f5; color:#effffc; font:13px/1.4 system-ui,sans-serif; max-height:30dvh; overflow:auto }
#regional-exploration[hidden] { display:none }
#regional-exploration p { margin:5px 0 8px }
#regional-exploration button { padding:8px 10px; margin:3px 0; min-height:40px; border:1px solid #2dd4bf; border-radius:8px; background:#103a49; color:#effffc; cursor:pointer }
#regional-exploration button:focus-visible { outline:2px solid white; outline-offset:2px }
html[data-screen-play=true][data-screen-menu=false] #screen-toolbar { width:max-content; max-width:calc(100vw - 24px); padding:7px 10px }
/* Optional desktop panels belong in Controls, not across the navigation view.
   Keep map/photo attribution and the separate XR UI untouched. */
html[data-screen-play=true] #geo-help,
html[data-screen-play=true] #geo-checkpoints { display:none!important }
html[data-screen-play=true] #lobby-language-tools > label { display:none }
html[data-screen-play=true][data-screen-menu=false] #lobby-language-tools,
html[data-screen-play=true][data-screen-menu=false] #hud-top { display:none }
#screen-toolbar button { min-height:40px; padding:7px 12px; border-radius:6px; border:1px solid #2dd4bf; background:#103a49; color:#effffc; font:600 13px system-ui; cursor:pointer }
#screen-toolbar button:focus-visible, #screen-play-btn:focus-visible { outline:3px solid white; outline-offset:3px }
#screen-help { margin:8px 0 0; color:#bde7dc }
.screen-touch-actions { display:none; gap:6px; touch-action:none }
html[data-touch-input=true] .screen-touch-actions { display:inline-flex }
@media(pointer:coarse) { .screen-touch-actions { display:inline-flex } }
#screen-movement-status { margin:6px 0 0; color:#effffc; font-size:12px }
#screen-toolbar button:disabled { opacity:.55; cursor:not-allowed }
#screen-crosshair { pointer-events:none; position:fixed; left:50%; top:50%; width:18px; height:18px; transform:translate(-50%,-50%); border:2px solid white; border-radius:50%; box-shadow:0 0 0 2px #081622; z-index:9000 }
#screen-crosshair[data-target=true] { border-color:#2dd4bf; background:#2dd4bf66; box-shadow:0 0 0 3px #081622,0 0 16px #2dd4bf }
#screen-flight-reticle { pointer-events:none; position:fixed; top:12px; right:12px; max-width:calc(100vw - 24px); box-sizing:border-box; padding:7px 10px; border:1px solid #2dd4bf88; border-radius:8px; background:#081622e8; color:#cffff5; font:12px/1.5 ui-monospace,monospace; z-index:89 }
#screen-flight-reticle[hidden], html[data-xr-active=true] #screen-flight-reticle { display:none!important }
html[data-screen-play=true] #quest-hud { display:none }
html[data-screen-play=true] .ltc-card { bottom:calc(var(--screen-toolbar-height, 180px) + 24px); max-height:calc(100dvh - var(--screen-toolbar-height, 180px) - 48px); box-sizing:border-box; border-color:#2dd4bf; border-top-color:#2dd4bf; background:rgba(8,22,34,.97) }
html[data-xr-active=true] #screen-toolbar, html[data-xr-active=true] #screen-crosshair { display:none!important }
@media(max-width:700px) {
  #screen-toolbar { max-height:40dvh; overflow-y:auto }
}