/* All introduction chrome is scoped; the normal website keeps its original CSS. */
.emaki-intro[hidden]{display:none}
.emaki-intro{position:fixed;inset:0;z-index:1000;height:100dvh;background:#0d1825;color:#f7eddb;isolation:isolate}
.emaki-intro iframe{display:block;width:100%;height:100%;border:0;opacity:0;transition:opacity .25s ease;background:#0d1825}
.emaki-intro.is-ready iframe{opacity:1}
/* Keep the story viewport stable while mobile browser chrome expands/collapses.
   The outer 100dvh shell still covers the full visible page. */
@media (max-width:760px),(pointer:coarse){.emaki-intro iframe{height:100svh}}
.emaki-intro-skip{position:absolute;right:5%;top:22px;z-index:2;display:flex;align-items:center;gap:24px;min-height:46px;padding:0 18px;border:1px solid #c4a572;background:#0d1825e8;color:#f7eddb;font:600 11px/1.3 Arial,sans-serif;letter-spacing:.1em;text-decoration:none;white-space:nowrap}
.emaki-intro-skip:hover{background:#c4a572;color:#0d1825}
.emaki-intro-skip:focus-visible{outline:2px solid #f7eddb;outline-offset:4px}
.emaki-intro-skip span{font-size:20px;color:inherit}
.emaki-intro-loading{position:absolute;left:8%;top:40%;margin:0;font:600 clamp(22px,3vw,42px)/1.3 Georgia,serif;letter-spacing:.06em}
.emaki-intro-loading span{display:block;margin-top:20px;color:#c4a572;font:12px/1.5 Arial,sans-serif;letter-spacing:.08em}
.emaki-intro.is-ready .emaki-intro-loading{display:none}
.emaki-pending #site-content,.emaki-open #site-content{visibility:hidden}
.emaki-pending,.emaki-open{overflow:hidden;background:#0d1825}
.emaki-pending .emaki-intro[hidden]{display:block}
[data-emaki-replay]{color:#c4a572}
/* Use the hero's existing bottom padding so the original artwork keeps its size. */
.emaki-hero-actions{position:relative}
.emaki-replay-button{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:12px;width:280px;max-width:100%;min-height:54px;padding:0 22px;border:1px solid #a47c34;background:#090806d9;color:#e6c786;font:600 14px/1.3 Arial,sans-serif;letter-spacing:.1em;white-space:nowrap;cursor:pointer}
.emaki-replay-button span{font-size:28px;line-height:1}
.emaki-replay-button:hover{background:#d8ab54;color:#090806}
.emaki-replay-button:focus-visible{outline:2px solid #fff0d6;outline-offset:4px}
/* Announce the destination heading without outlining the noninteractive artwork copy. */
#site-content [tabindex="-1"]:focus{outline:none}
@media(max-width:760px){
  .emaki-intro-skip{right:5%;top:16px;min-height:44px;padding:0 12px;gap:12px;font-size:10px;letter-spacing:.065em}
  .emaki-intro-skip span{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.emaki-intro iframe{transition:none}}