/* Keep the scene unobstructed; all controls live in the single timeline. */
:root{--gold:#337de5;--gold2:#337de5;--ink:#273d4f;--muted:#657a89;--dim:#6c8495;--line:#2c49671a;--bg:#81bced}
html,body{background:#81bced}.topbar,.coords,.events,.fact,.view-panel,.vignette,.povhud,.map-badge,.north,#aircraft{display:none!important}
.timeline{left:50%;right:auto;transform:translateX(-50%);bottom:max(32px,env(safe-area-inset-bottom));width:min(1000px,calc(100% - 36px));min-height:0;padding:17px 23px 21px;border:1px solid #ffffffdd;border-radius:19px;background:linear-gradient(120deg,#ffffffee,#edf4faed);box-shadow:0 6px 32px #153b4d22;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.transport{gap:15px}.play{background:#2b4153;border:0;width:38px;height:38px}.play i{border-left-color:#fff}.play.pause i{border-color:#fff}.clock{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:19px;font-weight:500;letter-spacing:-.5px;font-variant-numeric:tabular-nums;min-width:118px}.clock:before{content:'11 SEP 2001';display:block;font:8px/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:.17em;margin-bottom:4px;color:#8295a2}.transport>.ghost{font-size:21px;padding:0 6px;border:0}.speed{display:none}.minimal-controls{display:flex;align-items:center;margin-left:auto;gap:12px}.minimal-controls select{color:#566c7d;font:11px ui-sans-serif,system-ui,sans-serif;background:transparent;border:0;padding:8px 2px;cursor:pointer}.minimal-controls button{border:1px solid #6a859950;border-radius:50%;width:20px;height:20px;padding:0;font:12px Georgia,serif;color:#6d8291}.rangebox{height:25px;margin-top:13px}.range{margin:0;height:20px;appearance:none;background:transparent;position:absolute;top:0;left:0;right:0;bottom:auto}.range::-webkit-slider-runnable-track{height:2px;background:#8cabb550;border-radius:2px}.range::-webkit-slider-thumb{appearance:none;background:#337de5;border:2px solid #fff;width:11px;height:11px;border-radius:50%;margin-top:-4px;box-shadow:0 0 0 1px #337de54d}.range::-moz-range-track{height:2px;background:#8cabb550}.range::-moz-range-thumb{background:#337de5;border:2px solid white;width:8px;height:8px}.ticks{top:4px;left:5px;right:5px}.tick{cursor:pointer;pointer-events:auto;border:0;padding:0;width:4px;height:12px;background:#7694aa;border-radius:2px;z-index:2}.tick span{font:9px ui-sans-serif,system-ui,sans-serif;top:20px;color:#7c91a0}.tick:hover{background:#337de5}.ghost:hover{background:#2f6aa812}.maplibregl-ctrl-bottom-right{bottom:4px!important;right:8px!important}.maplibregl-ctrl-attrib{background:#f5f9fcc4!important;color:#566c7b!important;font-size:9px!important;border-radius:5px}.maplibregl-ctrl-attrib a{color:#536b7d!important}.loading{background:linear-gradient(#88c3ee,#c9e4f4);color:#3e6c8d}.loading small{color:#6590aa}.modal article{background:#f4f8fb;border:1px solid #fff;border-radius:18px;color:#263f51}.modal p,.modal li{color:#667d8e}.modal a{color:#397db5}.modal h3{color:#3c627e}
button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #337de5;outline-offset:4px}
.cesium-viewer,.cesium-viewer-cesiumWidgetContainer,.cesium-widget,.cesium-widget canvas{width:100%;height:100%;display:block}
.cesium-viewer-bottom{bottom:3px!important;left:8px!important;right:8px!important;max-width:calc(100% - 16px);font-size:9px!important;line-height:1.35;opacity:.78;transition:opacity .2s}
/* Never break inside one credit; wrap only between credits. */
.cesium-widget-credits :is(span,a):not(.cesium-credit-delimiter){white-space:nowrap}
.cesium-viewer-bottom:hover{opacity:1}
.cesium-widget-credits{font-size:9px!important;color:#fff;text-shadow:0 1px 3px #102d40}
.cesium-widget-credits a{color:inherit}.cesium-widget-credits img{max-height:15px;vertical-align:middle}
.load-action{display:inline-block;margin:22px 8px 0;padding:9px 16px;border:1px solid #ffffff99;border-radius:9px;background:#f3f8fc;color:#35576e;font:12px system-ui;text-decoration:none;cursor:pointer}
.loading small{max-width:470px;line-height:1.8;padding:0 20px;letter-spacing:.06em}
.branded-loading{background:linear-gradient(#88c3ee,#c9e4f4);color:#355f7d;z-index:100;transition:opacity .3s ease}
.branded-loading[hidden]{display:none}
.branded-loading .loading-content{width:min(420px,100%);padding:32px;text-align:center;font:12px/1.7 ui-sans-serif,system-ui,sans-serif}
.loading-logo{display:block;width:min(260px,70vw);height:auto;margin:0 auto 30px;filter:drop-shadow(0 2px 8px #28587918)}
.loading-progress{display:block;appearance:none;-webkit-appearance:none;width:min(240px,65vw);height:4px;margin:0 auto 20px;border:0;border-radius:20px;overflow:hidden;background:#ffffff66;color:#3e6c8d}
.loading-progress::-webkit-progress-bar{background:#ffffff66;border-radius:20px}
.loading-progress::-webkit-progress-value{background:#3e6c8d;border-radius:20px;transition:width .25s ease}
.loading-progress::-moz-progress-bar{background:#3e6c8d;border-radius:20px}
.branded-loading p{margin:0;color:#355f7d;font:11px/1.8 ui-sans-serif,system-ui,sans-serif;letter-spacing:.025em}
.branded-loading .load-action{margin:21px 4px 0;padding:8px 13px;border:1px solid #ffffff99;background:#ffffff40;color:#355f7d;border-radius:6px;font-size:11px}
.branded-loading .load-action:hover{background:#ffffff80}
.branded-loading[data-state="error"] .loading-progress{visibility:hidden}
.navigation-hint{position:fixed;z-index:8;left:50%;transform:translateX(-50%);bottom:157px;width:max-content;max-width:calc(100vw - 32px);padding:6px 12px;background:#f3f8fbe6;border:1px solid #ffffff99;border-radius:9px;color:#49677e;font:10px/1.6 ui-sans-serif,system-ui,sans-serif;text-align:center;pointer-events:none}
.navigation-hint[hidden]{display:none}
@media(pointer:coarse){.navigation-hint{display:none}}
@media(prefers-reduced-motion:reduce){.branded-loading{transition:none}.loading-progress::-webkit-progress-value{transition:none}}
@media(max-width:650px){.timeline{width:calc(100% - 20px);padding:14px 13px 21px;bottom:max(28px,env(safe-area-inset-bottom))}.transport{gap:9px}.clock{min-width:105px;font-size:17px}.minimal-controls{gap:5px}.minimal-controls select{font-size:10px;max-width:109px}#reset{display:none}.tick span{font-size:8px}.maplibregl-ctrl-bottom-right{display:block}}

/* Phones: credits wrap to ~3 lines, so lift the timeline card enough to leave them a clear strip underneath. */
@media(max-width:650px){
  .timeline{bottom:calc(max(28px,env(safe-area-inset-bottom)) + 24px)}
  .cesium-viewer-bottom{left:4px!important;right:4px!important;max-width:calc(100% - 8px);bottom:max(3px,env(safe-area-inset-bottom))!important;font-size:7.5px!important;line-height:1.2;letter-spacing:-.15px;opacity:.85}
  .cesium-widget-credits{font-size:7.5px!important}.cesium-widget-credits img{max-height:11px}
}