/* Mobile has its own navigation and content flow, not a compressed desktop header. */
.mobile-navigation{display:none}
.header-icon-link svg{width:38px;max-width:38px;height:38px;flex-shrink:0}
@media(max-width:760px){
 body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
 .mobile-navigation{position:fixed;inset:auto 0 0;z-index:46;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:5px max(12px,env(safe-area-inset-right,0px)) calc(5px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:#071c17f5;border-top:1px solid #d9c09840;backdrop-filter:blur(18px)}
 .mobile-navigation a,.mobile-navigation button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:54px;color:#bac6b2;background:none;border:0;font:11px/1.5 var(--sans);letter-spacing:1px}
 .mobile-navigation span{font:23px/1 Georgia;color:#ddc99f}.mobile-navigation [aria-current=page]{color:#f2dbaf;background:#dec0870b}.mobile-navigation a:focus-visible,.mobile-navigation button:focus-visible{outline-offset:-3px}
 .site-header,.wishes-header{height:76px;padding:0 20px;gap:12px}.site-header .header-icon-link,.site-header .header-wish{display:none}.site-header .header-actions{gap:0}.site-header .sound-button{min-width:44px;min-height:44px;justify-content:center}.site-header .brand,.wishes-header .brand{flex:none}
 .wishes-header .header-actions{gap:8px}.wishes-header .sound-button{min-width:44px;min-height:44px}.wishes-header .wall-motion,.wishes-header .back-link{min-height:44px;display:flex;align-items:center;font-size:10px;letter-spacing:0}.back-link span{margin-left:4px}
 .radio-dock{display:none}.radio-panel{max-height:calc(100dvh - 32px);width:calc(100% - 32px)}.radio-track{min-height:68px}.radio-track small{font-size:11px}
 .hero{min-height:680px;height:calc(100svh - 64px);max-height:none}.hero-copy{left:24px;right:24px;bottom:110px;max-width:none}.hero h1{font-size:clamp(38px,10vw,64px)}.hero-coordinate{top:102px}.hero-bottom{bottom:22px}.hero-description{font-size:12px;line-height:1.9}.hero-copy>.solid-link{min-height:48px;font-size:12px}.hero-copy .hero-eyebrow{font-size:9px}.moon-caption{top:23%}
 .wishes-hero{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;padding:115px 22px 24px;overflow:hidden}
 .wishes-hero .scene-coordinate{top:92px;left:22px;font-size:7px;letter-spacing:1.2px}
 .wishes-hero .hero-inner{position:relative;inset:auto;margin:24px 0 0;max-width:none;order:0;pointer-events:auto}
 .wishes-hero h1{font-size:clamp(34px,9.7vw,55px);line-height:1.42;letter-spacing:.03em}.hero-inner .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:15px}.hero-english{font-size:17px;margin:14px 0}.hero-sub{font-size:12px;line-height:1.85;letter-spacing:1px}.hero-cta{gap:20px;margin-top:20px}.wall-primary{min-height:48px;padding:14px 16px;font-size:12px;gap:18px}.wall-secondary{font-size:11px;letter-spacing:.5px}
 .wishes-hero .sky-wishes{position:relative;inset:auto;order:1;width:100%;height:280px;flex:none;margin:24px 0 20px;isolation:isolate}
 .sky-wishes::before{content:'';position:absolute;width:144px;aspect-ratio:1;left:calc(50% - 72px);top:65px;border-radius:50%;z-index:-1;background:radial-gradient(circle at 35% 25%,#ffedbf15,#122d2555 72%),url('./assets/moon-texture.jpg') 42% center/210% 100%;box-shadow:inset -18px -8px 30px #243c358c,0 0 60px #e1c38124;filter:sepia(.5)}
 .wishes-hero .celestial-moon{display:none}.observatory-backdrop{background:radial-gradient(ellipse at 50% 65%,#20423155,transparent 60%);opacity:1}
 .sky-wishes .sky-wish{max-width:min(215px,78%);padding:10px 12px;min-height:48px}.sky-wish span:last-child{font-size:13px}.sky-wishes .sky-wish:nth-child(1){left:0;top:12px}.sky-wishes .sky-wish:nth-child(2){left:auto;right:0;top:110px}.sky-wishes .sky-wish:nth-child(3){left:8px;top:212px}.sky-wishes .sky-wish:nth-child(n+4){display:none}
 .wishes-hero .observatory-bottom{position:relative;inset:auto;order:2;margin:0;padding-top:18px;gap:12px;align-items:center}.hero-count{gap:10px}.hero-count strong{font-size:28px}.hero-count span{font-size:10px;letter-spacing:.5px}.sky-instruction{display:none}.scene-index{font-size:9px}
 .composer-wrap{padding:60px 22px;grid-template-columns:1fr;gap:26px}.composer textarea{font-size:18px}.composer-hint{font-size:11px}.composer-status{font-size:12px}.composer-foot{gap:10px}.feed-section{padding:30px 22px 60px}.feed{grid-template-columns:1fr}.feed-head{display:block}.feed-head .section-note{max-width:none;text-align:left;font-size:11px}.feed-head h2{font-size:30px}.feed-toolbar p{font-size:11px}.wish-time,.wish-no{font-size:10px}.starlight-dialog{max-height:calc(100dvh - 40px)}
 .toast{bottom:calc(84px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 32px)}
}
@media(max-width:360px){.wishes-header,.site-header{padding:0 16px}.wishes-header .header-actions{gap:6px}.wishes-header .brand-icon{width:27px;height:27px}.wishes-header .brand-name{font-size:19px}.wishes-header .back-link span{display:none}.wishes-hero{padding-left:18px;padding-right:18px}.wishes-hero .scene-coordinate{left:18px}.wishes-hero h1{font-size:34px}.hero-english{font-size:15px}.hero-cta{gap:14px}.wall-primary{font-size:11px}.composer-head{flex-wrap:wrap}}
@media(max-width:760px) and (orientation:landscape){.hero{min-height:650px}.radio-panel{max-height:calc(100dvh - 20px)}}

@media(max-width:760px){.wish-dialog input,.wish-dialog textarea{font-size:16px}}