/* One cinematic scene, one dialogue beat, one primary action. */
#quest-dialog.story-intro-dialog{width:min(1060px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #c79b5c77;border-radius:12px;background:#111823;overflow:auto}
.story-intro-dialog>.dialog-top{position:sticky;top:0;z-index:5;min-height:54px;background:#141b28f5;border-bottom:1px solid #ffffff12;padding:9px 22px}
.story-intro-dialog>.dialog-top .eyebrow{font:600 10px/1.5 var(--sans);letter-spacing:1.1px}
.story-intro-dialog .close-dialog{display:grid;place-items:center;height:40px;min-width:40px;padding:0;border:0;border-radius:4px;background:none;font:25px/1 var(--sans);color:#bdc6d3}
.story-intro-dialog .close-dialog:hover{color:#fff4e4;background:#ffffff08}
.story-intro-content{position:relative;isolation:isolate;display:grid;grid-template-columns:.85fr 1.15fr;min-height:490px;overflow:hidden}
.intro-scene-art{position:absolute;inset:0;z-index:-1;min-width:0;background:linear-gradient(90deg,#11182305 0%,#11182335 31%,#111823dc 48%,#111823fa 62%,#111823 100%),linear-gradient(0deg,#11182355,transparent 55%),var(--intro-scene) 35% center/cover}
.story-intro-dialog .intro-scene-art .scene-cinematic{right:48%;background:none;max-height:100%}
.intro-reader-panel{position:relative;z-index:2;grid-column:2;min-width:0;padding:34px 40px 28px;display:flex;flex-direction:column;justify-content:center;background:none}
.intro-reader{min-height:245px;outline-offset:8px;border-radius:3px}
.intro-reader:focus:not(:focus-visible){outline:0}
.intro-reader:focus-visible{outline:2px solid #ebbc79}
.intro-conversation-meta{display:flex;align-items:baseline;justify-content:space-between;gap:15px;min-height:20px;color:#aab7c8;font:500 12px/1.6 var(--sans)}
#intro-speaker{font:600 13px/1.6 var(--sans);color:#edc18c}
#intro-page-count{margin-left:auto;font:400 11px/1.6 var(--sans);color:#8e9cae;white-space:nowrap;font-variant-numeric:tabular-nums}
.intro-type-copy{position:relative;margin:23px 0 0;min-height:160px;font:500 28px/1.55 var(--sans);letter-spacing:-.3px;color:#f5eee5;overflow-wrap:anywhere}
.intro-line-layout{display:grid;visibility:hidden;pointer-events:none}
.intro-line-layout>span{grid-area:1/1}
.intro-live-copy{position:absolute;inset:0}
.intro-type-cursor{display:none;vertical-align:baseline;width:2px;height:.9em;margin-left:4px;transform:translateY(2px);background:#efc38b}
.is-typing .intro-type-cursor{display:inline-block;animation:story-caret .7s step-end infinite}
@keyframes story-caret{50%{opacity:0}}
.intro-accessible-line{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.intro-continue.main-button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:52px;margin:28px 0 0;padding:13px 18px;border:1px solid #ffc571;border-radius:5px;background:linear-gradient(180deg,#ffc36d,#ef9b32);background-color:#ef9b32;color:#211814;font:600 16px/1.5 var(--sans);letter-spacing:0}
.intro-continue.main-button:hover{background:#ffd08b}
.intro-secondary-actions{position:relative;min-height:44px;margin-top:7px}
.intro-text-button{min-height:44px;padding:11px 0;color:#aebbc9;font:400 12px/1.6 var(--sans);cursor:pointer}
#intro-skip{padding-right:16px;background:none;border:0;text-decoration:none}
.intro-text-button:hover{color:#f0c68f}
.story-intro-dialog button:focus-visible{outline:2px solid #edc388;outline-offset:3px}

@media(max-width:800px) and (min-width:621px){
 .story-intro-content{grid-template-columns:.72fr 1.28fr;min-height:470px}
 .intro-reader-panel{padding:30px}
 .intro-type-copy{font-size:25px;line-height:1.55}
 .intro-reader{min-height:235px}
 .intro-scene-art{background-position:29% center}
}
@media(max-width:620px){
 #quest-dialog.story-intro-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:10px}
 .story-intro-dialog>.dialog-top{padding:8px 14px;min-height:52px}
 .story-intro-dialog>.dialog-top .eyebrow{font-size:9px;letter-spacing:.6px;max-width:calc(100% - 44px)}
 .story-intro-content{display:block;min-height:0;padding-top:150px}
 .intro-scene-art{z-index:-1;background:linear-gradient(0deg,#111823 0%,#111823 54%,#111823aa 68%,#11182300 94%),var(--intro-scene) center top/auto 245px no-repeat,#111823}
 .story-intro-dialog .intro-scene-art .scene-cinematic{right:0;bottom:auto;height:165px}
 .story-intro-dialog .intro-scene-art .scene-cinematic svg{width:180px;max-height:135px}
 .intro-reader-panel{padding:0 22px 18px}
 .intro-reader{min-height:0}
 .intro-conversation-meta{min-height:18px;font-size:11px}
 #intro-speaker{font-size:12px}
 #intro-page-count{font-size:10px}
 .intro-type-copy{margin-top:15px;font-size:23px;line-height:1.5;letter-spacing:-.25px;min-height:135px}
 .intro-continue.main-button{min-height:50px;margin-top:25px;font-size:16px;padding:12px 15px}
 .intro-secondary-actions{margin-top:5px}
}
@media(max-height:530px) and (orientation:landscape){
 .story-intro-content{display:grid;grid-template-columns:.65fr 1.35fr;padding-top:0;min-height:340px}
 .intro-reader-panel{grid-column:2;padding:22px 28px}
 .intro-scene-art{background:linear-gradient(90deg,#11182305,#11182355 25%,#111823e8 44%,#111823 64%),var(--intro-scene) 30% center/cover}
 .intro-reader{min-height:160px}
 .intro-type-copy{font-size:21px;line-height:1.45;min-height:90px;margin-top:13px}
 .intro-continue.main-button{margin-top:18px;min-height:46px;padding:10px 15px}
 .intro-secondary-actions{margin-top:3px}
 .story-intro-dialog .intro-scene-art .scene-cinematic{right:58%;height:auto;bottom:0}
}
@media(prefers-reduced-motion:reduce){.intro-type-cursor{animation:none!important}}