html{scrollbar-gutter:stable}
/* A clear, uncropped frame floats over a blurred poster from the same film.
   The exact same stage survives the route change into P01. */
html.dohwa-loading-locked{height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none}
html.dohwa-loading-locked body{position:fixed;inset:0;width:var(--dohwa-locked-body-width,100%);height:100%;min-height:0;overflow:hidden;overscroll-behavior:none;touch-action:none}
html.dohwa-loading-locked .phone{height:100dvh;min-height:0;overflow:hidden}
.screen.dohwa-castle-loading{height:100dvh;min-height:0;min-width:0;overflow:hidden}
.dohwa-castle-stage{position:relative;display:grid;place-items:center;width:100%;height:100dvh;overflow:hidden;isolation:isolate;background:#090403}
.dohwa-castle-ambient{position:absolute;inset:-28px;overflow:hidden;pointer-events:none;filter:blur(22px);opacity:.5;z-index:0}
.dohwa-castle-ambient>img,.dohwa-castle-ambient>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dohwa-castle-stage::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:rgb(15 5 4 / 22%)}
.dohwa-castle-frame{position:relative;z-index:2;width:min(100%,calc(100dvh * 941 / 1672));aspect-ratio:941 / 1672;overflow:hidden;background:#090403}
.dohwa-castle-frame>img,.dohwa-castle-frame>video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.dohwa-castle-frame>video{object-fit:fill}
.dohwa-castle-target{opacity:0;transition:opacity 520ms ease-in-out}
.dohwa-castle-stage[data-phase="handoff"] .dohwa-castle-target,.dohwa-castle-stage[data-phase="complete"] .dohwa-castle-target{opacity:1}
.pian-hero .dohwa-castle-stage img{height:100%}
/* The hero has clear space for its transparent title and edge greeting.
   Only the loading film uses an ambient still above and below the central frame. */
.dohwa-castle-stage[data-scene="hero"]{display:block;height:auto;min-height:0;padding-top:calc((100% - 24px) * 440 / 2172 + 12px);padding-bottom:calc(24 * var(--dohwa-font-unit));background:#000}
.dohwa-castle-stage[data-scene="hero"] .dohwa-castle-ambient,.dohwa-castle-stage[data-scene="hero"]::before{display:none}
.dohwa-castle-stage[data-scene="hero"] .dohwa-castle-frame{width:100%;overflow:visible;background:#000;transform-origin:top center}
.dohwa-castle-hero-video{opacity:0;transition:opacity 600ms ease-in-out}
.dohwa-castle-frame>.dohwa-castle-hero-video{object-fit:contain}
.dohwa-castle-stage[data-scene="hero"][data-hero-state="playing"] .dohwa-castle-hero-video{opacity:1}
.dohwa-hero-title{position:absolute;z-index:4;left:50%;bottom:calc(100% + 4px);width:calc(100% - 24px);height:auto;aspect-ratio:2172 / 440;transform:translateX(-50%);overflow:visible;visibility:hidden;pointer-events:none;user-select:none}
.dohwa-castle-stage[data-scene="hero"] .dohwa-hero-title{visibility:visible}
.dohwa-hero-title-glyph{transform-box:view-box}
.dohwa-castle-stage[data-scene="hero"] .dohwa-hero-title-glyph{animation:dohwa-glyph-hit 360ms cubic-bezier(.16,1,.3,1) var(--glyph-delay) both}
.dohwa-hero-greeting{position:absolute;z-index:4;top:calc(100% - 4px);left:12px;right:12px;margin:0;text-align:center;transform:translateY(-50%);visibility:hidden;pointer-events:none}
.dohwa-castle-stage[data-scene="hero"] .dohwa-castle-frame>.dohwa-hero-greeting{visibility:visible}
.dohwa-castle-stage[data-scene="hero"] .dohwa-hero-greeting-copy{display:inline-block;animation:dohwa-copy-emerge .5s ease-out 1.45s both}
.dohwa-hero-scroll-hint{position:fixed;z-index:4;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom,0px));margin:0;text-align:center;font:400 calc(12 * var(--dohwa-font-unit))/calc(20 * var(--dohwa-font-unit)) var(--dohwa-font-dialogue);letter-spacing:.02em;color:rgb(246 234 219 / 65%);text-shadow:0 1px 5px #000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 320ms ease-out,visibility 0s linear 320ms}
.dohwa-castle-stage[data-scene="hero"] .dohwa-hero-scroll-hint{opacity:1;visibility:visible;transition:opacity 320ms ease-out,visibility 0s}
.dohwa-castle-stage[data-scene="hero"] .dohwa-hero-scroll-copy{display:inline-flex;align-items:center;gap:7px;animation:dohwa-copy-emerge 600ms ease-out 2s both}
.dohwa-hero-scroll-emoji{display:inline-block;font-size:calc(15 * var(--dohwa-font-unit));animation:dohwa-scroll-nudge 2s ease-in-out 2.6s infinite}
.dohwa-castle-stage[data-scroll-hint-dismissed="true"] .dohwa-hero-scroll-hint{opacity:0;visibility:hidden;transition:opacity 320ms ease-out,visibility 0s linear 320ms}
@keyframes dohwa-scroll-nudge{0%,70%,100%{transform:translateY(0)}35%{transform:translateY(3px)}}
@media(prefers-reduced-motion:reduce){.dohwa-castle-target,.dohwa-castle-hero-video,.dohwa-hero-scroll-hint{transition:none}.dohwa-castle-stage[data-scene="hero"] .dohwa-hero-title-glyph,.dohwa-castle-stage[data-scene="hero"] .dohwa-hero-greeting-copy,.dohwa-castle-stage[data-scene="hero"] .dohwa-hero-scroll-copy,.dohwa-hero-scroll-emoji{animation:none}}