@font-face{font-family:BeaconStory;src:url('assets/story-beacon/Nunito-Black.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}

/* The story is a full-screen film, not a menu panel. Its 9:16 artwork always
   retains its aspect ratio; wide displays get quiet, matching blue margins. */
#story-scene.story-scene{
  position:fixed;inset:0;margin:0;padding:0;width:100%;height:100%;height:100dvh;
  max-width:none;max-height:none;border:0;border-image:none;border-radius:0;
  box-shadow:none;background:#092c44;color:#fff9df;overflow:hidden;
  isolation:isolate;z-index:2147483000;touch-action:none;overscroll-behavior:none;
  user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;
}
#story-scene.story-scene[open]{display:grid;place-items:center}
#story-scene::backdrop{background:#092c44;backdrop-filter:none}
#story-scene::before,#story-scene::after{display:none;content:none}
#story-scene .story-scene-canvas{
  display:block;position:relative;width:100%;height:100%;max-width:none;max-height:none;
  object-fit:contain;pointer-events:none;
}
#story-scene .story-scene-skip{
  position:absolute;z-index:2;top:max(12px,env(safe-area-inset-top,0px));
  right:max(12px,env(safe-area-inset-right,0px));
  width:112px;height:48px;min-width:112px;min-height:48px;margin:0;padding:8px 16px;
  border:0;border-radius:0;background:transparent url('assets/action-v45.webp') center/contain no-repeat;
  color:#684200;box-shadow:none;text-shadow:0 1px #fff4b0;
  font:900 16px/1 BeaconStory,Nunito,sans-serif;cursor:pointer;touch-action:manipulation;
  transition:filter 90ms ease,transform 90ms ease;-webkit-tap-highlight-color:transparent;
}
#story-scene .story-scene-skip:active{filter:brightness(.86);transform:scale(.96)}
#story-scene .story-scene-skip:focus{outline:none}
#story-scene .story-scene-skip:focus-visible{outline:3px solid #fff6b1;outline-offset:1px;border-radius:16px}
#story-scene .story-scene-sound{position:absolute;bottom:max(36px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:220px;min-height:64px;border:0;background:transparent url('assets/action-v45.webp') center/100% 100% no-repeat;color:#684200;font:900 22px BeaconStory,Nunito,sans-serif;cursor:pointer}
#story-scene .story-scene-sound[hidden]{display:none}
@media(prefers-reduced-motion:reduce){#story-scene .story-scene-skip{transition:none}}

.story-sequence-curtain{position:fixed;inset:0;background:#092c44;z-index:2147482999;pointer-events:auto}