/* PlanetHeartbeat mobile quick Earth views — NOT a globe overlay.
 * Visible on mobile only; all switches delegate to original native presets.
 */
.ph-mobile-earth-views{display:none}
@media(max-width:850px){
 .ph-mobile-earth-views{display:block;padding:10px 12px 12px;border-bottom:1px solid #325f67;background:linear-gradient(110deg,#0a2633,#102d3c);color:#e8faf2}
 .ph-mobile-earth-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
 .ph-mobile-earth-head strong{font:800 10px/1.3 system-ui,sans-serif;letter-spacing:.11em;color:#a0efcf}
 .ph-mobile-earth-head a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:6px 10px;color:#e6fff5;border:1px solid #518e89;border-radius:9px;text-decoration:none;font:800 10px/1.2 system-ui,sans-serif}
 .ph-mobile-earth-head a:focus-visible{outline:3px solid #fcf3a4;outline-offset:2px}
 .ph-mobile-earth-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 .ph-mobile-earth-buttons button{min-width:0;min-height:44px;padding:8px 4px;border:1px solid #4a8084;border-radius:9px;color:#c9e2e8;background:#14313f;font:800 10px/1.25 system-ui,sans-serif;letter-spacing:.02em;touch-action:manipulation}
 .ph-mobile-earth-buttons button.active{color:#dcfff1;border-color:#83dfb4;background:linear-gradient(135deg,#235a48,#185348);box-shadow:inset 0 1px #ffffff1a}
 .ph-mobile-earth-buttons button:hover{border-color:#b1ffe3;color:#fff}
 .ph-mobile-earth-buttons button:focus-visible{outline:3px solid #fcf3a4;outline-offset:2px}
 .ph-mobile-earth-views[data-view=custom] .ph-mobile-earth-buttons button{border-style:dashed}
 .ph-mobile-earth-views [data-mobile-view-description]{display:block;min-height:1.35em;margin:8px 1px 0;color:#a9cbd1;font:600 10px/1.45 system-ui,sans-serif}
 body[data-shell-theme=contrast] .ph-mobile-earth-views{background:#081623}
}
@media(max-width:360px){
 .ph-mobile-earth-views{padding:8px 8px 10px}
 .ph-mobile-earth-buttons{gap:4px}
 .ph-mobile-earth-buttons button{font-size:9px;padding:7px 2px}
 .ph-mobile-earth-head strong{font-size:9px}
 .ph-mobile-earth-head a{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.ph-mobile-earth-buttons button{transition:none}}

/* Readable mobile quick-view controls. Restrained to the existing preset panel. */
@media (max-width:850px){
 .ph-mobile-earth-head strong{font-size:12px;letter-spacing:.06em}
 .ph-mobile-earth-head a{font-size:12px;min-height:44px}
 .ph-mobile-earth-buttons button{font-size:12px;line-height:1.35;padding:10px 6px;overflow-wrap:anywhere}
 .ph-mobile-earth-views [data-mobile-view-description]{font-size:12px;line-height:1.5}
}
@media (max-width:390px){
 .ph-mobile-earth-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .ph-mobile-earth-buttons button{min-height:46px;font-size:12px;padding:10px 7px}
 .ph-mobile-earth-head strong,.ph-mobile-earth-head a{font-size:11px}
}
@media (prefers-contrast:more){
 .ph-mobile-earth-buttons button{border-color:#b6e9e2;color:#fff}
 .ph-mobile-earth-views [data-mobile-view-description]{color:#e4f5f6}
}