/* Environment-led chapters, with a portrait inside the dialogue panel. */
.story-screen[data-presentation=speaker-card] .story-cast-stage{display:none!important}
.story-screen[data-presentation=speaker-card] .story-shade{background:linear-gradient(180deg,#0c14267d,transparent 28%,transparent 55%,#0c142659)}
.story-screen[data-presentation=speaker-card] .story-background{object-fit:cover;object-position:center;opacity:1}
.story-screen[data-presentation=speaker-card] .story-dialogue{position:absolute;box-sizing:border-box;left:50%;right:auto;transform:translateX(-50%);bottom:80px;top:auto;width:min(880px,calc(100% - 48px));max-height:60dvh;overflow:auto;display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px 20px;padding:20px 25px;background:#e2e4e6ed;color:#273345;border:1px solid #f5f6f79c;border-radius:5px;backdrop-filter:blur(14px);box-shadow:0 12px 50px #07102359}
.story-screen[data-presentation=speaker-card] .story-dialogue>[hidden]{display:none!important}
.story-screen[data-presentation=speaker-card] .story-speaker-row{grid-column:2;align-items:center;padding:0;margin:0;border-bottom:1px solid #68738738}
.story-screen[data-presentation=speaker-card] .story-speaker-row h2{color:#30415b;font:20px var(--serif)}
.story-screen[data-presentation=speaker-card] #storySaveStatus{color:#53617a;font-size:8px}
.story-screen[data-presentation=speaker-card] .story-dialogue-text{grid-column:2;font-size:var(--reading-size,18px);line-height:1.65;color:#344055;padding:0;margin:0}
.story-screen[data-presentation=speaker-card] .dialogue-speaker-card{grid-column:1;grid-row:1/span 3;align-self:start;margin:0;width:118px;overflow:hidden;text-align:center}
.dialogue-speaker-frame{position:relative;width:100%;height:150px;overflow:hidden;border-radius:3px;background:linear-gradient(#8c9bab45,#bec9d62b)}
.dialogue-speaker-frame img{position:absolute;max-width:none;object-fit:contain;transform-origin:50% 80%}
.dialogue-speaker-card figcaption{font:8px/1.4 var(--mono);padding:6px 0;color:#40516b;letter-spacing:1px}
.story-screen[data-presentation=speaker-card] :is(.story-notice,.story-choices,.story-bonus,#storyChallenge,.chapter-end,.story-proof-prompt,.story-dialogue-footer){grid-column:1/-1}
.story-screen[data-presentation=speaker-card] .story-dialogue-footer{border-top:1px solid #76839a38;margin-top:5px;padding-top:8px;color:#46536c}
.story-screen[data-presentation=speaker-card] .story-dialogue-footer button{color:#344561;border-color:#78879b5c}
.story-screen[data-presentation=speaker-card] .story-choice{background:#17253be8;color:#eef0f5}
.story-screen[data-presentation=speaker-card] .story-player-tag{display:none}
.story-screen[data-presentation=speaker-card] .story-tools{top:auto;bottom:18px;left:50%;right:auto;transform:translateX(-50%);display:flex;flex-wrap:nowrap;justify-content:center;width:max-content;max-width:calc(100% - 20px);gap:6px}
.story-screen[data-presentation=speaker-card] .story-tools>.story-tool{font-size:9px;padding:9px 12px;min-height:42px;background:#111e35b8;white-space:nowrap}
.story-screen[data-presentation=speaker-card] .story-settings{position:relative}.story-screen[data-presentation=speaker-card] .sound-options{position:absolute;bottom:50px;right:0;top:auto;max-height:65dvh;overflow:auto;background:#101d31;min-width:240px}
.story-screen[data-presentation=speaker-card] .story-objective{top:110px;bottom:auto;left:28px;max-width:min(480px,80vw)}
.participant-profile{box-sizing:border-box;width:min(760px,95vw);max-height:92dvh;overflow:auto;background:#111d30;color:#e6dce5;border:1px solid #c6a2b652;border-radius:15px;padding:26px;font:13px/1.7 Arial,sans-serif}.participant-profile::backdrop{background:#060d1bdd;backdrop-filter:blur(9px)}.profile-top{display:flex;justify-content:space-between;align-items:center}.profile-top h2{font:32px var(--serif);margin:8px 0 24px}.profile-top small,.profile-identity small{font:9px var(--mono);letter-spacing:2px;color:#d3adbf}.profile-top button{width:44px;height:44px;border:1px solid #a98ba36b;background:transparent;color:#e6dce5;border-radius:50%;font-size:24px;cursor:pointer}.profile-identity{display:flex;gap:22px;align-items:center;padding:18px;border:1px solid #af94ae3b;border-radius:10px;background:#1a293e}.profile-identity img{width:125px;height:180px;object-fit:cover;object-position:50% 8%;border-radius:8px;background:#24354b}.profile-identity h3{font:30px var(--serif);margin:8px 0}.profile-level{display:block;margin:12px 0;color:#e1b7c9;letter-spacing:2px}.profile-progress{margin:22px 0}.profile-progress progress{width:100%;height:10px;accent-color:#c794b0}.profile-progress p,.profile-storage{color:#aebcd0;font-size:11px}.profile-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-badges article,.profile-achievement{padding:15px;border:1px solid #ba9eb544;background:#1b2b40;border-radius:9px}.profile-badges strong{display:block;font:17px var(--serif)}.profile-badges p,.profile-achievement p{font-size:11px;color:#b9c3d3}.profile-badge-icon{color:#edc68d;font-size:27px}.home-content .hz-profile{cursor:pointer}.home-content .hz-profile:focus-visible{outline:2px solid #d7adc4}
@media(max-width:600px){.story-screen[data-presentation=speaker-card] .story-dialogue{width:calc(100% - 28px);bottom:88px;grid-template-columns:76px minmax(0,1fr);padding:13px;gap:8px 12px;max-height:62dvh}.story-screen[data-presentation=speaker-card] .dialogue-speaker-card{width:76px}.dialogue-speaker-frame{height:112px}.story-screen[data-presentation=speaker-card] .story-speaker-row{flex-wrap:wrap;gap:3px}.story-screen[data-presentation=speaker-card] .story-speaker-row h2{font-size:17px}.story-screen[data-presentation=speaker-card] .story-tools{max-width:100%;width:100%;padding:0 6px;box-sizing:border-box;gap:3px}.story-screen[data-presentation=speaker-card] .story-tools>.story-tool{font-size:8px;padding:7px 6px;min-width:40px}.story-screen[data-presentation=speaker-card] .story-settings summary{font-size:9px}.story-screen[data-presentation=speaker-card] .story-objective{top:135px;left:14px;font-size:9px}.profile-badges{grid-template-columns:repeat(2,minmax(0,1fr))}.participant-profile{padding:18px}.profile-identity{padding:12px;gap:12px}.profile-identity img{width:90px;height:145px}}
@media(max-height:600px) and (orientation:landscape){.story-screen[data-presentation=speaker-card] .story-dialogue{bottom:65px;max-height:65dvh;grid-template-columns:80px minmax(0,1fr);padding:12px 18px}.story-screen[data-presentation=speaker-card] .dialogue-speaker-card{width:80px}.dialogue-speaker-frame{height:110px}.story-screen[data-presentation=speaker-card] .story-tools{bottom:6px}.story-screen[data-presentation=speaker-card] .story-objective{display:none}}
@media(max-width:600px){.home-header-actions{flex-direction:row;justify-content:flex-end;max-width:66%;gap:4px}.home-header-actions .home-quiet{font-size:8px;padding:7px;min-height:34px}.home-header-actions .home-wallet{font-size:7px}.home-header{align-items:flex-start}.home-cast{top:150px}}

/* Focus must scroll the dialogue, never the full-screen stage. */
.story-screen[data-presentation=speaker-card]{overflow:clip;min-height:0;height:100dvh}
.story-screen[data-presentation=speaker-card] .story-topbar{position:absolute;top:0;left:0;right:0;z-index:8}
.story-screen[data-presentation=speaker-card] .story-location{position:absolute;top:104px;bottom:auto;left:28px;right:auto;padding:0;background:transparent;max-width:70vw}
.story-screen[data-presentation=speaker-card] .story-location h2{font-size:22px;margin:5px 0}
.story-screen[data-presentation=speaker-card] .story-objective{top:175px}
@media(max-width:600px){.story-screen[data-presentation=speaker-card] .story-location{top:118px;left:14px}.story-screen[data-presentation=speaker-card] .story-location h2{font-size:18px}.story-screen[data-presentation=speaker-card] .story-objective{top:177px;max-width:85vw}}
@media(max-height:600px) and (orientation:landscape){.story-screen[data-presentation=speaker-card] .story-location{top:75px}.story-screen[data-presentation=speaker-card] .story-location h2{font-size:16px}}