.story-beat{position:absolute;inset:0;z-index:var(--z-overlay, 500);display:flex;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg);overflow:hidden}.story-beat__backdrop,.story-beat__shade{position:absolute;inset:0;pointer-events:none}.story-beat__backdrop{background-size:cover;background-position:center top;filter:saturate(.82) brightness(.4);transform:scale(1.04)}.story-beat__shade{background:linear-gradient(180deg,var(--c-ink-a36),var(--c-ink-a78)),radial-gradient(circle at 50% 14%,var(--c-oxblood-4-a20),transparent 42%),radial-gradient(circle at 50% 100%,var(--oxblood-a18),transparent 46%)}.story-beat__card{position:relative;z-index:1;width:100%;max-width:560px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-base);padding:var(--space-3xl) var(--space-3xl) var(--space-3xl);border-radius:28px;border:1px solid var(--oxblood-a24);background:linear-gradient(180deg,var(--oxblood-900-a85),var(--c-ink-a90));box-shadow:0 32px 72px var(--color-scrim-medium),var(--shadow-inset-04);backdrop-filter:blur(8px)}.story-beat__figure{position:relative;width:168px;height:168px;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--oxblood-a24);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,var(--oxblood-800-a58),var(--c-ink-a90))}.story-beat__figure--town{width:100%;max-width:360px;height:168px}.story-beat--boss .story-beat__card{max-width:640px}.story-beat__figure--gate{width:100%;max-width:540px;height:300px;border-color:var(--oxblood-a24)}.story-beat__figure-backdrop{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.86) brightness(.5)}.story-beat__figure-img{position:relative;z-index:1;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 22px var(--color-scrim-strong))}.story-beat__figure--town .story-beat__figure-img,.story-beat__figure--gate .story-beat__figure-img{width:100%;height:100%;object-fit:cover}.story-beat__figure-glyph{position:relative;z-index:1;width:72px;height:72px;color:var(--c-clay-2);opacity:.85}.story-beat__figure-glyph svg{width:100%;height:100%}.story-beat__eyebrow{margin:0;font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--c-clay-5)}.story-beat__title{margin:0;font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.4rem);line-height:.96;letter-spacing:.04em;text-transform:uppercase;color:var(--cream-35);text-shadow:0 12px 28px var(--color-scrim-medium)}.story-beat__flavor{margin:0;max-width:46ch;font-size:.96rem;line-height:1.5;color:var(--cream-60)}.story-beat__cta-row{margin-top:var(--space-xs);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-md)}.story-beat__cta{margin-top:var(--space-xs);display:inline-flex;align-items:center;gap:var(--space-10)}.story-beat__cta-row .story-beat__cta{margin-top:0}.story-beat__cta--secondary{opacity:.92}.story-beat__cta-portal{width:100%;height:100%;object-fit:contain}.story-beat__cta-icon{display:inline-flex;width:18px;height:18px}.story-beat__cta-icon svg{width:100%;height:100%}.story-beat-farewell{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-base)}.story-beat-farewell__title{font-size:clamp(1.4rem,3.4vw,2rem)}.story-beat-farewell__flavor{max-width:44ch}.story-beat-farewell__footer{justify-content:center}@media(max-width:640px){.story-beat__card{padding:var(--space-2xl) var(--space-xl) var(--space-28);border-radius:var(--radius-xl)}.story-beat__figure{width:132px;height:132px}.story-beat__figure--town{height:132px}.story-beat__figure--gate{height:210px}}.story-beat-preview{position:fixed;inset:0;z-index:calc(var(--z-toast, 2000) + 40)}.story-beat-preview__close{position:fixed;top:14px;right:14px;z-index:calc(var(--z-toast, 2000) + 60);padding:var(--space-sm) var(--space-base);border-radius:var(--radius-pill, var(--radius-pill));border:1px solid var(--ember-a50);background:var(--c-ink-a90);color:var(--cream-20);font-size:.74rem;letter-spacing:.06em;cursor:pointer}.story-beat-preview__close:hover{filter:brightness(1.12)}.story-beat-preview__gallery-shell{position:fixed;inset:0;z-index:calc(var(--z-toast, 2000) + 45);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-base);padding:56px var(--space-2xl) var(--space-2xl);background:linear-gradient(180deg,var(--c-ink-a90),var(--c-ink-a95))}.story-beat-preview__gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-base);width:100%;max-width:1100px}.story-beat-preview__tile{margin:0;display:flex;flex-direction:column;gap:var(--space-xs);text-align:center}.story-beat-preview__tile-img{width:100%;aspect-ratio:1024 / 1536;object-fit:cover;border-radius:var(--radius-base, var(--radius-xs));border:1px solid var(--ember-a22);box-shadow:0 18px 36px var(--color-scrim-40)}.story-beat-preview__tile-cap{font-size:.66rem;letter-spacing:.04em;color:var(--c-clay-2)}@media(max-width:720px){.story-beat-preview__gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}