/* Shared composition anchors. Presentation only, with no per-beat positioning. */
body :is(#storyOpening18,#hartwellDialogue23,.spoken-patron21) .spoken-scene21__speech{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px 12px!important;box-sizing:border-box!important}
body :is(#storyOpening18,#hartwellDialogue23,.spoken-patron21) .spoken-scene21__speech>.spoken-scene21__name{margin:0!important;justify-self:start!important}
body :is(#storyOpening18,#hartwellDialogue23,.spoken-patron21) .spoken-scene21__speech>:is(.spoken-scene21__name,.spoken-scene21__words){grid-column:1/-1!important}
body :is(#storyOpening18,#hartwellDialogue23,.spoken-patron21) .spoken-scene21__speech>.spoken-scene21__actions{grid-column:2!important;grid-row:3!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-end!important;gap:8px!important;align-self:end!important;position:static!important;inset:auto!important;margin-top:12px!important}
body :is(#storyOpening18,#hartwellDialogue23,.spoken-patron21) .spoken-scene21__speech>.spoken-scene21__actions>[data-opening-question]{order:0!important}
body :is(#storyOpening18,#hartwellDialogue23,.spoken-patron21) .spoken-scene21__speech>.spoken-scene21__actions>[data-opening-next]{order:1!important}
body :is(#storyOpening18,#hartwellDialogue23,.spoken-patron21) .spoken-scene21__speech :is([data-opening-next],[data-opening-question],[data-opening-keep]){position:static!important;inset:auto!important;transform:none!important;max-width:100%!important;width:auto!important;min-height:44px!important;height:auto!important}
body :is(#storyOpening18,#hartwellDialogue23,.spoken-patron21) .spoken-scene21__speech>.spoken-scene21__choices{grid-column:1!important;grid-row:3!important;align-self:end!important;position:static!important;inset:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;width:auto!important;max-width:none!important;margin:12px 0 0!important;padding:0!important;border:0!important}
body :is(#storyOpening18,.spoken-patron21) .spoken-scene21{display:block!important;padding:0!important}
body :is(#storyOpening18,.spoken-patron21) .spoken-scene21__portrait-plane{position:fixed!important;inset:auto auto 8px 8px!important;width:180px!important;height:180px!important;margin:0!important;max-width:none!important;max-height:none!important}
body :is(#storyOpening18,.spoken-patron21) .spoken-scene21__speech{position:fixed!important;inset:auto 12px 12px 204px!important;width:auto!important;max-width:none!important;margin:0!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important}
body :is(#storyOpening18,#hartwellDialogue23,.spoken-patron21) .spoken-scene21__portrait-plane,body #hartwellDialogue23[data-view="window"] .spoken-scene21__portrait-plane{border:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important}
body :is(#storyOpening18,#hartwellDialogue23,.spoken-patron21) .spoken-scene21__head{inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;clip-path:none!important}
body :is(#storyOpening18,#hartwellDialogue23,.spoken-patron21) .spoken-scene21__role-paint{border:0!important;inset:10% 0 0!important}
/* Battle dialogue uses the stable left safe area, separate from the story anchor. */
body[data-story="true"] #tutorialFourCue4,body #hartwellDialogue23 .spoken-scene21__speech{position:fixed!important;left:100px!important;right:auto!important;top:auto!important;bottom:190px!important;width:440px!important;max-width:calc(50vw - 120px)!important;max-height:calc(100dvh - 270px)!important;overflow:auto!important;margin:0!important;padding:12px!important;box-sizing:border-box!important}
body #tutorialFourCue4::before,body #hartwellDialogue23 .spoken-scene21__portrait-plane{position:fixed!important;inset:auto auto 260px 6px!important;width:88px!important;height:108px!important}
body[data-story="true"] #tutorialFourCue4{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;gap:8px!important}
body #tutorialFourCue4 .tutorial4-heading{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:3px 6px!important;border:1px solid #b8c9b0!important;padding:8px 10px!important;background:#203b32!important;color:#fff4d8!important;flex:none!important}
body #tutorialFourCue4 .tutorial4-label25{grid-column:1/-1!important;font:700 12px/1.1 system-ui,sans-serif!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#c8dac4!important}
body #tutorialFourCue4 .hartwell-advice-beat23{padding:9px 11px!important;background:#442562!important;border:1px solid #ccb0dc!important;box-sizing:border-box!important;min-height:0!important}
body #tutorialFourCue4 .hartwell-advice-name25{display:block!important;margin:0 0 7px!important;color:#e5c9ff!important;font:700 17px/1.15 var(--fantasy-copy,Georgia,serif)!important}
body #tutorialFourCue4 .hartwell-advice23{margin:0!important;font-weight:400!important}
body [data-tutorial4-target]::after{content:none!important}

/* All six owned choices stay directly reachable. The same face rises to read. */
body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"] #game>#handSection{left:110px!important;right:110px!important;bottom:0!important;width:auto!important;height:168px!important;min-height:168px!important;max-height:168px!important;overflow:visible!important}
body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"] #game>#handSection #hand{display:flex!important;justify-content:center!important;align-items:flex-end!important;gap:5px!important;height:148px!important;min-height:148px!important;max-height:148px!important;overflow:visible!important}
body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"] #game>#handSection #hand>.ability{position:relative!important;flex:0 1 142px!important;width:142px!important;min-width:0!important;max-width:142px!important;height:148px!important;min-height:148px!important;max-height:148px!important;overflow:hidden!important;transform:none!important;background:#263b30!important;opacity:1!important;z-index:calc(10 + var(--fan-index24))!important}
body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"] #game>#handSection #hand>.ability>.held-card-face{position:absolute!important;inset:0 auto auto 0!important;width:186px!important;min-width:186px!important;max-width:186px!important;height:204px!important;min-height:204px!important;max-height:204px!important;transform:scale(.74)!important;transform-origin:top left!important;background:#263b30!important}
body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"] #game>#handSection #hand>.ability:is(:hover,:focus-visible,.selected){overflow:visible!important;z-index:120!important;transform:translateY(-66px)!important}
body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"] #game>#handSection #hand>.ability:is(:hover,:focus-visible,.selected)>.held-card-face{transform:translateX(var(--fan-shift24,0px))!important}
body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"] #game>.controls .turn-actions :is(#endButton,#retreatButton,#extractButton){bottom:178px!important}
@media(max-width:899px){
 body :is(#storyOpening18,.spoken-patron21) .spoken-scene21__portrait-plane{width:88px!important;height:100px!important}
 body :is(#storyOpening18,.spoken-patron21) .spoken-scene21__speech{left:104px!important;right:8px!important;bottom:8px!important;max-height:calc(100dvh - 16px)!important;padding:10px!important}
 body :is(#storyOpening18,#hartwellDialogue23,.spoken-patron21) .spoken-scene21__speech{column-gap:4px!important}
 body :is(#storyOpening18,#hartwellDialogue23,.spoken-patron21) .spoken-scene21__speech>.spoken-scene21__actions>button{min-width:0!important;font-size:16px!important;padding:5px 8px!important}
 body :is(#storyOpening18,#hartwellDialogue23,.spoken-patron21) .spoken-scene21__speech>.spoken-scene21__choices>[data-opening-skip]{font-size:15px!important;min-height:44px!important}
 body[data-story="true"] #tutorialFourCue4,body #hartwellDialogue23 .spoken-scene21__speech{left:96px!important;right:8px!important;top:76px!important;bottom:auto!important;width:auto!important;max-width:none!important;max-height:190px!important;padding:9px!important}
 body #tutorialFourCue4::before,body #hartwellDialogue23 .spoken-scene21__portrait-plane{inset:86px auto auto 4px!important;width:84px!important;height:104px!important}
 body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"] #game>#handSection{left:104px!important;right:8px!important;height:158px!important;min-height:158px!important;max-height:158px!important}
 body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"] #game>#handSection #hand{gap:0!important;height:140px!important;min-height:140px!important;max-height:140px!important;justify-content:center!important}
 body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"] #game>#handSection #hand>.ability{flex:1 1 0!important;width:0!important;max-width:142px!important;height:140px!important;min-height:140px!important;max-height:140px!important}
 body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"] #game>#handSection #hand>.ability:not(:is(:hover,:focus-visible,.selected))::after{top:30px!important;left:3px!important;font-size:15px!important;line-height:18px!important;max-height:108px!important}
 body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"] #game>#handSection #hand>.ability:not(:is(:hover,:focus-visible,.selected)) .af15-cost{left:0!important;top:0!important}
 body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"] #game>#handSection #hand>.ability:is(:hover,:focus-visible,.selected){transform:translateY(-66px)!important}
 body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"] #game>.controls .turn-actions :is(#endButton,#retreatButton,#extractButton){bottom:170px!important}
 body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"] #game #fieldActions .fire-source{bottom:252px!important}
}

@media(max-width:650px){body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"][data-tutorial-four="true"] #game>:is(.formation,.encounter){top:284px!important;height:178px!important}}

@media(max-width:650px){body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"][data-tutorial-four="true"] #game>:is(.formation,.encounter){position:fixed!important;top:284px!important;width:calc((100vw - 66px)/2)!important}body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"][data-tutorial-four="true"] #game>.formation{left:5px!important}body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"][data-tutorial-four="true"] #game>.encounter{left:calc((100vw - 66px)/2 + 13px)!important}body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"][data-tutorial-four="true"] #playerHud #resources #threatInfo{top:210px!important}}

@media(max-width:650px){body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"][data-tutorial-four="true"] #game #enemyEventNotice{top:478px!important}body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"][data-tutorial-four="true"] #game #playerDeck{position:fixed!important;left:100px!important;top:478px!important;bottom:auto!important}body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"] #game>#handSection #hand>.ability:is(:hover,:focus-visible,.selected){transform:translateY(-80px)!important}}

@media(max-width:650px){body[data-story="true"] #tutorialFourCue4{display:flex!important;flex-direction:column!important;gap:8px!important}body #tutorialFourCue4 .hartwell-advice-beat23{min-height:0!important;max-height:136px!important;overflow:auto!important}body #tutorialFourCue4 .tutorial4-heading{flex:none!important}body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"][data-tutorial-four="true"] #playerHud #resources #threatInfo{top:576px!important;left:8px!important;right:auto!important}body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"][data-tutorial-four="true"] #mainActionDock{display:none!important}}

/* Keep one existing speech-reading area; the functional instruction never scrolls. */
body[data-story="true"] #tutorialFourCue4{padding:0!important;overflow:visible!important}
body #tutorialFourCue4 .tutorial4-heading>strong{grid-column:1/-1!important}
@media(max-width:650px){body[data-story="true"] #tutorialFourCue4{max-height:none!important}body #tutorialFourCue4 .tutorial4-heading{padding:6px 8px!important}body #tutorialFourCue4 .hartwell-advice-beat23{flex:0 1 auto!important;max-height:136px!important;overflow:auto!important}body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"][data-tutorial-four="true"] #game>:is(.formation,.encounter){top:310px!important;height:152px!important}}

@media(max-width:650px){body #tutorialFourCue4 .hartwell-advice-beat23{max-height:none!important;overflow:visible!important}body #tutorialFourCue4 .hartwell-advice23{font-size:16px!important;line-height:1.25!important}}

/* Raise the face, never move the hit area out from under a phone pointer. */
@media(max-width:899px){body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"] #game>#handSection #hand>.ability:is(:hover,:focus-visible,.selected){transform:none!important}body[data-story="true"][data-style="hybrid"][data-progression="xp"][data-view="expedition"][data-phase="battle"][data-cycle-phase][data-hand-fan24="true"] #game>#handSection #hand>.ability:is(:hover,:focus-visible,.selected)>.held-card-face{transform:translate(var(--fan-shift24,0px),-80px)!important}}

/* Fixed resource children stay interactive; empty HUD space must not mask the hand. */
body[data-story="true"][data-view="expedition"][data-phase="battle"] #playerHud,body[data-story="true"][data-view="expedition"][data-phase="battle"] #playerHud #resources{pointer-events:none!important}
body[data-story="true"][data-view="expedition"][data-phase="battle"] #playerHud :is(button,#storyResourcePocket19){pointer-events:auto!important}