/* New elements are inert on desktop. All existing visual overrides are phone-only. */
.mobile-journey-actions,.mobile-home-progress{display:none}
@media(max-width:800px){
  .earth-home .home-scene{height:100svh;min-height:100svh}
  .earth-home .base-wall{top:56px;height:68px;opacity:.7;pointer-events:none}
  .earth-home .home-copy{inset:0!important;width:100%!important;max-width:none!important;height:100%;margin:0!important;padding:0;transform:none!important;pointer-events:none!important;text-align:center}
  .earth-home .home-copy .eyebrow{position:absolute;top:132px;left:0;right:0;margin:0;font-size:9px;letter-spacing:3px}
  .earth-home .anniversary{position:absolute;top:151px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:8px;margin:0}
  .earth-home .anniversary b{font-size:24px;line-height:1;letter-spacing:-1px;padding:0}
  .earth-home .anniversary>span{font-size:11px;letter-spacing:2px;line-height:1.4}
  .earth-home .anniversary small,.earth-home .anniversary i{display:none}
  .earth-home .home-copy h1{position:absolute;bottom:150px;left:12px;right:12px;margin:0;font-size:clamp(25px,7vw,32px);line-height:1.25;letter-spacing:2px;white-space:nowrap;text-shadow:0 2px 18px #fff}
  .earth-home .hero-subtitle{position:absolute;bottom:128px;left:12px;right:12px;margin:0;font-size:10px;line-height:1.6;letter-spacing:1px}
  .earth-home .hero-story,.earth-home .short-rule,.earth-home .handwritten{display:none}
  .earth-home .hero-button{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);margin:0;min-height:50px;font-size:14px;padding:12px 26px;gap:10px;letter-spacing:1px;pointer-events:auto}
  .earth-home .hero-button:hover:not(:disabled){transform:translateX(-50%)}
  .earth-home .hero-button .button-arrow{margin-left:9px}
  .earth-home .growth-dashboard,.earth-home .blessing-ticker,.earth-home #mapDirectory,.earth-home #home-history,.earth-home .home-credit{display:none!important}
  .earth-home .mobile-home-progress{display:block;position:absolute;bottom:27px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:1px;color:#46647a;pointer-events:none;z-index:8}
  .earth-home .earth-base-label,.earth-home .earth-base.is-lit .earth-base-label{opacity:0}
  .earth-home .earth-base:focus-visible .earth-base-label,.earth-home .earth-base:hover .earth-base-label{opacity:1}
  body #headerAction{display:none!important}
  body #night-end,.earth-arrived #night-skip,.star-exploring #night-skip{display:none!important}
  .earth-arrived #night-story{bottom:9%;padding:18px 0;max-width:none}
  .earth-arrived #night-story h2{font-size:23px}
  .earth-arrived #night-story p{max-height:110px;line-height:1.8}
  body #mobileNav{position:fixed;top:62px;right:16px;z-index:80;width:206px;max-height:calc(100svh - 82px);overflow:auto;padding:8px;background:#fff;color:#234b6a;border:1px solid #d8e3eb;box-shadow:0 12px 38px #173f6126;border-radius:15px;overscroll-behavior:contain}
  body #mobileNav button{display:block;width:100%;padding:13px 16px;min-height:44px;text-align:left;color:#234b6a!important;font-size:13px;line-height:1.5;border-radius:8px}
  body #mobileNav button:hover,body #mobileNav button:focus-visible{background:#edf4f9;color:#064a8f!important}
  body #mobileNav>[data-action="home"]{display:none}
  .mobile-journey-actions{display:block;border-bottom:1px solid #e5edf3;padding-bottom:6px;margin-bottom:6px}
  body .site-header #mobileMenu{display:block;width:44px;height:44px;padding:8px;border-radius:50%;background:#f6fafbe8;color:#24516f!important;font-size:18px}
  body.star-home-open .site-header,body.star-home-open .site-header *{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
  body.star-home-open .site-header{z-index:60}
  body.star-home-open .site-header .brand img{visibility:hidden!important}
  body.star-home-open .site-header .brand::after{display:block!important;color:#dceaf5}
  body.star-home-open .star-home-nav{display:none}
  body.star-home-open .star-home-copy #star-home-find{display:none}
  body.star-home-open .star-base-nav{top:68px}
  .star-performing #mobileNav,.entering-stars #mobileNav{display:none!important}
  .star-night .mobile-home-progress{display:none}
}
@media(max-width:800px) and (max-height:700px){
  .earth-home .base-wall{height:43px}
  .earth-home .home-copy .eyebrow{top:104px}
  .earth-home .anniversary{top:123px}
}
@media(max-width:800px) and (max-height:600px) and (orientation:portrait){
  .earth-home .home-copy h1{bottom:132px}
  .earth-home .hero-subtitle{bottom:108px}
  .earth-home .hero-button{bottom:44px}
  .earth-home .mobile-home-progress{bottom:14px}
}
@media(max-width:800px) and (orientation:landscape) and (max-height:500px){
  .earth-home .base-wall,.earth-home .anniversary,.earth-home .home-copy .eyebrow{display:none}
  .earth-home .home-copy h1{left:auto;right:18px;bottom:140px;font-size:23px;width:230px;white-space:normal}
  .earth-home .hero-subtitle{left:auto;right:18px;bottom:109px;width:230px;font-size:9px}
  .earth-home .hero-button{left:auto;right:18px;bottom:48px;transform:none!important;font-size:12px;padding:10px 16px;min-height:44px}
  .earth-home .mobile-home-progress{left:auto;right:18px;bottom:22px;width:230px;font-size:9px}
}