#mobileTargets,#panelBackdrop,#targetDetails,#nearby,#mobileEpoch{display:none}
.target-summary>span{font-size:10px;letter-spacing:.16em;color:#9aaec7}
@media(min-width:851px){.zoom-controls small{display:none}}
@media(max-width:850px){
 #atlas{min-height:320px;--mobile-bottom:env(safe-area-inset-bottom,0px)}
 button,select{min-height:44px}
 .topbar{height:60px;padding:8px 12px;gap:8px;z-index:6}
 .brand{font-size:12px;gap:6px;letter-spacing:.12em}.brand small{display:none}.brand-mark{font-size:26px}
 .top-actions{gap:6px}.top-actions button{min-height:44px}#refresh{width:44px}#panelToggle{font-size:12px;padding:8px 10px}
 #mobileTargets{display:flex;position:absolute;top:64px;left:12px;right:12px;gap:6px;z-index:5}
 #mobileTargets button{flex:1;min-width:0;font-size:13px;padding:8px 4px;background:#0c1522c9;border-color:#314052;border-radius:22px}
 #mobileTargets button[aria-pressed=true]{background:#243b43;color:#cbf7e6;border-color:#76bfa5}
 #mobileTargets button:disabled{opacity:.45;cursor:wait}
 .target-card,.target-card:has(#romanMissionCard:not([hidden])){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center;position:absolute;top:auto;bottom:calc(72px + var(--mobile-bottom));left:12px;right:12px;max-width:none;min-height:82px;padding:12px 14px;border:1px solid #344454;border-radius:16px;background:#0d1723f2;text-align:left;pointer-events:auto;z-index:5}
 .target-summary{min-width:0;position:relative;padding-right:26px}
 .target-summary>span{display:block;font-size:9px;letter-spacing:.12em;line-height:1.3;color:#99afc4}
 .target-summary #focusName{font-size:20px;font-weight:500;line-height:1.1;margin-top:5px}
 .target-summary p{font-size:11px;line-height:1.3;margin:5px 0 0;color:#afbfce}
 .target-card #targetDetails{display:block;position:absolute;inset:0;width:100%;height:100%;min-height:44px;margin:0;padding:0;border:0;border-radius:4px;background:transparent;text-align:right;font-size:19px;color:#a2cdbd}
 .target-card #quickFollow{min-width:78px;min-height:44px;margin:0;background:#233c39;border-color:#578878;font-size:12px;border-radius:10px;padding:9px}
 #romanMissionCard{display:none!important}
 .zoom-controls{left:auto;right:12px;bottom:calc(12px + var(--mobile-bottom));flex-direction:row;gap:6px;z-index:5}
 .zoom-controls button{width:44px;height:48px;min-height:48px;border-radius:12px;font-size:23px;background:#111d2c}
 .zoom-controls #home,.zoom-controls #nearby{width:56px;font-size:21px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}
 .zoom-controls small{font-size:9px;line-height:1;display:block}.zoom-controls #fullscreen{font-size:23px}
 #journeyLaunch,body.panel-closed #journeyLaunch{left:12px;bottom:calc(12px + var(--mobile-bottom));width:48px;height:48px;min-height:48px;padding:0;justify-content:center;border-radius:12px;z-index:5}
 #journeyLaunch>span:not(.play-mark){display:none}#journeyLaunch .play-mark{font-size:17px}
 footer,body.panel-closed footer{bottom:calc(166px + var(--mobile-bottom));left:16px;right:16px;gap:18px;z-index:3;align-items:end;font-size:11px}
 .scale-block{max-width:52%}.scale-block small{font-size:9px;line-height:1.35;margin-top:7px;max-width:190px}
 .epoch-block{font-size:10px;max-width:42%}#epoch,.epoch-block small{display:none}#mobileEpoch{display:inline;color:#94a9bd}
 #scaleBar{margin-top:4px;height:5px}
 #panelBackdrop:not([hidden]){display:block;position:absolute;inset:0;z-index:24;background:#02060b70;border:0;border-radius:0;padding:0;backdrop-filter:blur(3px)}
 #panel{inset:auto 8px calc(8px + var(--mobile-bottom));width:auto;max-height:calc(100% - 80px);height:min(68dvh,580px);border-radius:20px;background:#111c29;z-index:25;overscroll-behavior:contain;scrollbar-width:thin;box-shadow:0 -15px 60px #0008;padding-bottom:12px;scroll-padding-top:68px}
 .panel-tabs{padding:8px 10px;background:#111c29;border-radius:19px 19px 0 0;gap:7px}
 .panel-tabs button{min-height:44px;font-size:13px}.panel-tabs #closePanel{width:44px;padding:0;font-size:26px;transform:rotate(-90deg)}
 #panel section,#viewPane section{padding:18px}#panel h2{font-size:15px}#panel .hint{font-size:12px}
 #panel select{font-size:16px;min-height:46px}.field-label{font-size:12px}.camera-modes button{font-size:12px;min-height:65px}
 #layers{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}#layers .layer-divider{grid-column:1/-1}
 #panel .check{min-height:44px;font-size:12px;line-height:1.35}#panel .check input{width:20px;height:20px}#panel .isolate-row button,#panel .text-button{min-height:44px;font-size:12px}
 #panel .wide-button{min-height:44px;font-size:13px}#panel .source-note a,#objectSources a{font-size:12px;min-height:44px;display:flex;align-items:center}
 #panel dt{font-size:12px}#panel dd{font-size:15px}#objectDescription{font-size:14px}
 body:not(.panel-closed) .target-card{display:grid}
 #toast{bottom:calc(225px + var(--mobile-bottom));z-index:30}
 #earthMap{inset:116px 0 calc(12px + var(--mobile-bottom));padding:0;z-index:7}
 .map-place{bottom:12px;left:12px;right:12px;top:auto;max-width:none;padding:14px;gap:8px}
 .map-place a,.map-place button{min-height:44px;font-size:13px;display:flex;align-items:center;justify-content:center}
 .map-place strong{font-size:16px}.map-place small{font-size:12px}
 .journey-active #mobileTargets{visibility:hidden}
 #journeyClose,#journey .journey-top #journeySourcesButton{min-height:44px}
 #journeyPlay{width:44px;height:44px;min-width:44px}#journeyProgress{height:24px;min-height:24px;background:linear-gradient(#ffffff35,#ffffff35) center/100% 3px no-repeat}
}
@media(max-width:360px){
 .brand{font-size:10px;letter-spacing:.09em}.brand-mark{font-size:23px}.topbar{gap:4px}#panelToggle{font-size:11px;padding:8px}
 .zoom-controls{gap:5px}.zoom-controls #home,.zoom-controls #nearby{width:48px}.zoom-controls #fullscreen{display:none}
 .target-card{padding:11px;gap:6px}.target-card #quickFollow{min-width:68px;font-size:11px}.target-summary p{font-size:10px}
}
@media(max-width:850px) and (max-height:480px){
 footer,body.panel-closed footer{display:none}
 .target-card,.target-card:has(#romanMissionCard:not([hidden])){min-height:54px;padding:7px 14px;bottom:calc(68px + var(--mobile-bottom))}
 .target-summary{display:grid;grid-template-columns:auto 1fr;gap:4px 15px;align-items:center}.target-summary>span{grid-column:1/-1}.target-summary #focusName{margin:0;font-size:18px}.target-summary p{margin:0}.target-summary #targetDetails{grid-column:1/-1}
 #panel{height:calc(100% - 24px);max-height:calc(100% - 24px)}
}