html,body{width:100%;min-height:100%;margin:0;background:#0b0e10}body{min-height:100svh;display:flex;align-items:center;justify-content:center;overflow-x:hidden}.landing{width:100%;max-width:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;min-height:100svh}.landing .stage{width:min(100vw,177.68svh);flex:none;aspect-ratio:1672/941;border:0;border-radius:0}.sound-control{position:fixed;right:18px;top:15px;z-index:5;background:#151a1b88;border:1px solid #c8b58a44;border-radius:3px;color:#d8cdb9;font-size:11px;padding:9px 12px;backdrop-filter:blur(3px)}.landing #enter-home{right:24.5%;top:75%;bottom:auto;left:auto;font-size:clamp(12px,1.45vw,23px)}@media(max-width:650px){.landing #enter-home{right:25.5%;font-size:10px;padding:8px 9px;gap:8px}.sound-control{right:12px;top:12px;font-size:10px}.landing .stage{min-width:0}}@media(prefers-reduced-motion:reduce){.landing .scene.on{transition:none}}

/* v13 mobile art direction: image and controls share one coordinate system. */
.artwork{position:absolute;inset:0;width:100%;height:100%}.scene img{display:block;width:100%;height:100%;object-fit:fill}.mobile-wall-copy,.mobile-hint{display:none}
@media(max-width:767px) and (orientation:portrait){
 html,body{height:100%;overflow:hidden}.landing{height:100svh;height:100dvh;min-height:0}.landing .stage{width:100%;height:100%;aspect-ratio:auto}.artwork{inset:auto;left:50%;top:50%;width:max(100vw,47.368421dvh);height:max(211.111111vw,100dvh);transform:translate(-50%,-50%)}
 .switch-hint{display:none}.mobile-hint{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:1;transition:opacity .2s}.mobile-hint text{font-family:'Nanum Pen Script',Pretendard,sans-serif;font-size:49px;fill:#f3ead9}.lit .mobile-hint{opacity:0}
 .landing #scene-switch{left:81.1%;top:71.65%;width:11%;height:8%;min-width:48px;min-height:56px}.rocker{display:block;width:25%;height:29%;top:50%;left:49%}
 .landing #enter-home{right:26.5%;top:71.65%;font-size:clamp(13px,3.5vw,19px);padding:13px 14px;gap:12px;max-width:68%;white-space:nowrap;transform:translateY(-50%)}
 .mobile-wall-copy{display:flex;position:absolute;left:11%;top:82%;flex-direction:column;align-items:flex-start;transform:rotate(-12deg);transform-origin:left center;color:#c3b294;opacity:.36;mix-blend-mode:normal;pointer-events:none;text-shadow:1px 2px 1px #0008}.mobile-wall-copy b{font-family:'Nanum Pen Script',sans-serif;font-size:clamp(29px,8.2vw,49px);font-weight:400;line-height:.9}.mobile-wall-copy span{font-family:'Nanum Pen Script',Pretendard,sans-serif;font-size:clamp(16px,4.4vw,27px);margin:5px 0 0 16px;letter-spacing:.02em}.sound-control{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}
}

/* v15: legible mobile switch cue and centered wall inscription. */
@keyframes mobile-cue-pulse{0%,100%{opacity:1}50%{opacity:.36}}
@media(max-width:767px) and (orientation:portrait){
 .mobile-hint text{font-size:112px}
 .stage:not(.lit) .mobile-hint g,.stage:not(.lit) .mobile-hint text{animation:mobile-cue-pulse 2.2s ease-in-out infinite}
 .mobile-wall-copy{left:50%;top:77.5%;transform:translateX(-50%) rotate(-10deg);transform-origin:center;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.stage:not(.lit) .mobile-hint g,.stage:not(.lit) .mobile-hint text{animation:none}}