/* Phone-only composition; desktop scenery and performances keep their own layout. */
@media(max-width:900px),(hover:none) and (pointer:coarse){
 html,body{overscroll-behavior:none}
 body{overflow-x:clip}
 #yunyi-preview{min-height:100svh}
 #yunyi-preview[data-weather="day"][data-rain="false"]{--house-scene-filter:brightness(.92) saturate(.70) sepia(.08) contrast(.98)}
 #yunyi-preview .house-scenery .yy-bg,.house-film,.house-water-surface{transition:opacity .5s ease}
 /* One continuous viewport wash replaces overlapping, masked page rectangles. */
 #yunyi-preview .yy-chrome-haze,#yunyi-preview .yy-shade,#yunyi-preview .yy-focus-shade,
 #yunyi-preview .yy-mist,#yunyi-preview .house-fog{display:none}
 #yunyi-preview .yy-shell:before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#30251b96,transparent 27%,transparent 88%,#30251b26),linear-gradient(90deg,#f0e1ce54,transparent 78%)}
 #yunyi-preview[data-weather="night"] .yy-shell:before{background:linear-gradient(180deg,#201c1880,transparent 28%,transparent 88%,#201c1833)}
 #yunyi-preview .house-atmosphere{-webkit-mask-image:none;mask-image:none}
 /* Use the complete scenic artwork on phones, avoiding separate masked video/WebGL tiles. */
 #yunyi-preview .house-film,#yunyi-preview .house-water-surface{display:none}
 #yunyi-preview .yy-header{text-shadow:0 1px 4px #211a13e6,0 0 12px #211a1380}
 #yunyi-preview .yy-hero h1{text-shadow:0 1px 8px #dfd2c25c}
 #yunyi-preview .yy-lobby-panels .yy-lobby-panel,#yunyi-preview .yy-presence-panel,
 #yunyi-preview .yy-journal,#yunyi-preview .yy-form-panel,
 #yunyi-preview .house-chat,#yunyi-preview .house-versions .house-changelog{
  -webkit-backdrop-filter:none;backdrop-filter:none
 }
 #yunyi-preview #house-version{-webkit-backdrop-filter:none;backdrop-filter:none;bottom:max(10px,env(safe-area-inset-bottom))}
 #yunyi-preview .house-chat-scroll,#yunyi-preview .yy-presence-list,#yunyi-preview .house-rematch{overscroll-behavior:none}
 #yunyi-preview #house-chat-input{font-size:16px}

 /* Keep the actor, words and impact on the same central axis. */
 #yunyi-preview .yy-event-screen{padding:24px 18px max(60px,env(safe-area-inset-bottom));min-height:calc(100svh - 140px);background:none;overflow:clip}
 #yunyi-preview .yy-event-back{position:relative;top:auto;left:auto;margin-bottom:14px}
 #yunyi-preview .house-event-casting{position:relative;top:auto;right:auto;width:100%;margin:0 0 18px;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
 #yunyi-preview .house-event-casting button{font-size:11px;padding:9px 12px}
 #yunyi-preview .yy-event-frame{--mobile-actor-height:clamp(310px,100vw,420px);display:grid;grid-template-columns:minmax(0,1fr);min-height:0;max-width:520px;align-items:start;isolation:isolate;background:none;perspective:none}
 #yunyi-preview .yy-event-frame:before{inset:5% -30% -8%;background:radial-gradient(ellipse at 50% 67%,#241a12cc, #30251b80 38%,transparent 69%);transform:none;border:0;-webkit-mask-image:none;mask-image:none}
 #yunyi-preview .yy-event-character{grid-area:1/1;justify-self:center;align-self:start;width:100%;max-width:360px;height:var(--mobile-actor-height);max-height:none;z-index:0}
 #yunyi-preview .yy-event-copy{grid-area:1/1;align-self:start;justify-self:center;position:relative;width:100%;max-width:380px;margin-top:calc(var(--mobile-actor-height)*.68);padding:0 8px 12px;text-align:center;z-index:2}
 #yunyi-preview .yy-event-kicker{font-size:10px;letter-spacing:2px;line-height:1.6}
 #yunyi-preview .yy-event-title,#yunyi-preview .house-cutscene-copy h2{font-size:clamp(34px,10.8vw,48px);line-height:1.3;letter-spacing:.04em;white-space:normal;margin:8px 0;text-shadow:0 2px 0 #6d4933,0 3px 16px #21160ee6}
 #yunyi-preview .yy-event-line,#yunyi-preview .house-cutscene-copy p:not(:first-child){font-size:15px;line-height:1.8;letter-spacing:1px;text-wrap:pretty;text-shadow:0 2px 8px #21160e}
 #yunyi-preview .yy-event-sign{font-size:11px;line-height:1.6;margin-top:12px;color:#e4ccb0}
 #yunyi-preview .yy-capture-rings{display:none}
 #yunyi-preview .house-impact{left:var(--mobile-impact-x,50%);top:var(--mobile-impact-y,70%);translate:-50% -50%;width:140px;height:140px;border-width:1px;box-shadow:0 0 0 12px #dfb46b18,0 0 0 25px #dfb46b0a}
 #yunyi-preview .house-impact i{width:42px;height:2px}
 #yunyi-preview .house-event-playback{margin-top:20px;padding:0;gap:12px}
 #yunyi-preview .yy-event-choice{margin-top:22px;gap:14px}
 #yunyi-preview .house-event-row>div{justify-content:center}
 #yunyi-preview .house-event-legend{margin-top:22px}

 /* Live moves use the same phone composition as the gallery. */
 #yunyi-preview .house-cutscene{--mobile-actor-height:clamp(250px,52svh,420px);display:grid;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:0;padding:45px 18px 72px;perspective:none}
 #yunyi-preview .house-cutscene-character{grid-area:1/1;align-self:start;width:100%;max-width:350px;height:var(--mobile-actor-height);max-height:none}
 #yunyi-preview .house-cutscene-copy{grid-area:1/1;align-self:start;width:100%;max-width:380px;margin-top:calc(var(--mobile-actor-height)*.68);padding:0 8px;text-align:center}
 #yunyi-preview .house-cutscene-wash{inset:0;rotate:0deg;border:0;background:radial-gradient(ellipse at 50% 65%,#30251c99,transparent 72%);-webkit-backdrop-filter:none;backdrop-filter:none}
 #yunyi-preview #house-cutscene-skip{right:18px;bottom:max(18px,env(safe-area-inset-bottom))}
}
@media(max-width:900px) and (max-height:500px),(max-height:500px) and (hover:none) and (pointer:coarse){
 #yunyi-preview .house-cutscene{--mobile-actor-height:54svh;padding:12px 18px 45px}
 #yunyi-preview .house-cutscene-copy h2{font-size:32px;margin:4px 0}
 #yunyi-preview .house-cutscene-copy p{font-size:12px;line-height:1.5;margin:4px 0}
 #yunyi-preview .house-cutscene-sign{font-size:10px;margin-top:6px}
}