@import url('./prologue-story.css?v=27414676cfb578b5');
@import url('./dialogue-typer.css?v=27414676cfb578b5');
.scenario-player{container-type:inline-size}
.scenario-player .scenario-tint,.scenario-player .scenario-weather,.scenario-player .scenario-effects,.scenario-player .scenario-effect{position:absolute;inset:0;pointer-events:none}
.scenario-player .scenario-tint{z-index:3;mix-blend-mode:soft-light}
.scenario-player[data-tone=warm] .scenario-tint{background:#df9b3d44}
.scenario-player[data-tone=cool] .scenario-tint{background:#397fbd55}
.scenario-player[data-tone=sepia] .scenario-tint{background:#af805c88}
.scenario-player[data-tone=moonlight] .scenario-tint{background:#525cbd77}
.scenario-player[data-tone=crimson] .scenario-tint{background:#b5232b66}
.scenario-player[data-lighting=dim] .prologue-story-backdrop{filter:brightness(.6)}
.scenario-player[data-lighting=bright] .prologue-story-backdrop{filter:brightness(1.16)}
.scenario-player[data-lighting=spotlight] .prologue-story-backdrop{filter:brightness(.68)}
.scenario-player[data-lighting=silhouette] .prologue-story-character{filter:brightness(.15)}
.scenario-player[data-mood=solemn] .prologue-story-atmosphere{background:linear-gradient(#11152477,transparent 65%,#101014dd)}
.scenario-player[data-mood=dream] .prologue-story-atmosphere{background:radial-gradient(ellipse at 50% 40%,#b9a5e633,transparent 70%),linear-gradient(#35254044,transparent 60%,#101014bb)}
.scenario-player[data-mood=danger] .prologue-story-atmosphere{box-shadow:inset 0 0 90px #70141c88}
.scenario-player[data-mood=quiet] .prologue-story-atmosphere{background:linear-gradient(#213c4544,transparent 60%,#101014bb)}
.scenario-player .prologue-story-character[data-facing=left] .prologue-story-portrait{transform:scaleX(-1)}
.scenario-player .prologue-story-character[data-facing=right] .prologue-story-portrait{transform:scaleX(1)}
.scenario-player .prologue-story-character[data-emphasis=focus]{filter:brightness(1.1) saturate(1);transform:scale(1.04)}
.scenario-player .prologue-story-character[data-emphasis=shadow]{filter:brightness(.36) saturate(.5)}
.scenario-player .prologue-story-character[data-exited=true]{opacity:0}
.scenario-player[data-cast-size="3"] .prologue-story-character:not(.is-fairy){width:90%;left:auto;right:auto}
.scenario-player[data-cast-size="3"] .prologue-story-character:not(.is-fairy)[data-position=left]{left:-30%;z-index:1}
.scenario-player[data-cast-size="3"] .prologue-story-character:not(.is-fairy)[data-position=center]{left:5%;z-index:0}
.scenario-player[data-cast-size="3"] .prologue-story-character:not(.is-fairy)[data-position=right]{right:-30%;z-index:1}
.scenario-emotion{position:absolute;top:5%;left:47%;z-index:4;display:grid;place-items:center;min-width:34px;min-height:36px;padding:3px 8px;border:2px solid #d5b577;border-radius:45% 45% 45% 5%;background:#fff9e9;color:#48362a;box-shadow:0 5px 16px #0005;font:700 25px/1 var(--font-ui,sans-serif);transform:rotate(-5deg);filter:none}
.scenario-emotion[hidden]{display:none}
.scenario-emotion[data-emotion=anger]{background:#ffe4d5;color:#993c31;border-color:#cf6b4e}
.scenario-emotion[data-emotion=sad],.scenario-emotion[data-emotion=worry]{background:#e6eef5;color:#3c617e;border-color:#94afc6}
.scenario-player .is-fairy .scenario-emotion{top:-12%;left:72%;font-size:20px;min-width:26px;min-height:29px}
.scenario-weather{z-index:4;overflow:hidden;opacity:.7}
.scenario-weather-particle{position:absolute;left:calc(var(--particle)*8.3%);top:-12%;width:2px;height:30px;background:#d9eaff88;animation:scenario-fall 1.5s linear infinite;animation-delay:calc(var(--particle)*-.21s);transform:rotate(14deg)}
.scenario-player[data-weather=snow] .scenario-weather-particle{width:5px;height:5px;border-radius:50%;background:#fff;animation-duration:6s}
.scenario-player[data-weather=embers] .scenario-weather-particle{width:3px;height:3px;border-radius:50%;background:#ffa96c;box-shadow:0 0 6px #ff8f35;animation:scenario-rise 5s linear infinite;animation-delay:calc(var(--particle)*-.6s)}
.scenario-player[data-weather=mist] .scenario-weather-particle{width:65%;height:15%;border-radius:50%;background:#d7e1e416;filter:blur(20px);animation:scenario-drift 12s ease-in-out infinite alternate;top:calc(var(--particle)*8%)}
.scenario-player[data-weather=wind] .scenario-weather-particle{width:20%;height:1px;background:linear-gradient(90deg,transparent,#e1eff544,transparent);animation:scenario-drift 2.8s linear infinite;top:calc(var(--particle)*8%)}
.scenario-effects{z-index:4}
.scenario-effect{z-index:4;opacity:0}
.scenario-effect[data-preset=dim]{background:#000}
.scenario-effect[data-preset=vignette]{box-shadow:inset 0 0 100px 40px #070913}
.scenario-effect[data-preset=sparks]{background:radial-gradient(circle at 26% 30%,#fff1b9 0 3px,transparent 6px),radial-gradient(circle at 65% 42%,#fff1b9 0 2px,transparent 5px),radial-gradient(circle at 48% 19%,#fff1b9 0 2px,transparent 6px),radial-gradient(circle at 75% 15%,#fff1b9 0 3px,transparent 7px)}
.scenario-effect[data-preset=impact]{background:repeating-conic-gradient(from 0deg at 50% 42%,transparent 0deg 15deg,#fff7dc55 16deg 17deg,transparent 18deg 30deg);mask-image:radial-gradient(ellipse,transparent 30%,#000 100%)}
.scenario-player[data-paused=true] .scenario-weather-particle{animation-play-state:paused}
.scenario-player[data-preview=true]{--safe-top:0px;--safe-bottom:0px;--safe-left:0px;--safe-right:0px;--safe-height:100%;z-index:1}
.scenario-player[data-preview=true] .prologue-story-dialogue{grid-template-rows:auto minmax(0,1fr);padding-bottom:18px}
.scenario-player[data-preview=true] .prologue-story-next{display:none}
.scenario-player[data-preview=true] .prologue-story-copy{font-size:clamp(13px,4.15cqw,18px)}
@keyframes scenario-fall{to{translate:-50px 720px}}
@keyframes scenario-rise{from{translate:0 700px;opacity:0}20%{opacity:1}to{translate:40px 0;opacity:0}}
@keyframes scenario-drift{from{translate:-60% 0}to{translate:170% 0}}
@container(max-width:350px){.scenario-player .prologue-story-copy{font-size:15px;line-height:1.7}.scenario-player .prologue-story-dialogue{left:12px;right:12px;padding:19px 17px 10px}.scenario-player .scenario-emotion{font-size:21px;min-width:28px;min-height:30px}}
@media(prefers-reduced-motion:reduce){.scenario-weather-particle{animation:none!important}.scenario-player[data-weather=rain] .scenario-weather-particle{height:18px;top:calc(var(--particle)*7%)}.scenario-emotion{transform:none}}

.scenario-player:not([data-cast-size="3"]) .prologue-story-character[data-character=garon][data-position=left]{left:-33%;right:auto}
.scenario-player:not([data-cast-size="3"]) .prologue-story-character[data-character=garon][data-position=center]{left:-5%;right:auto}
.scenario-player .prologue-story-character.is-fairy[data-position=left]{left:5%;right:auto}
.scenario-player .prologue-story-character.is-fairy[data-position=center]{left:calc(50% - var(--fairy-size)/2);right:auto}