/* Focused tutorial beats, with unchanged native targets and clear reduced motion. */
body #storyOpening18 .refuge-choice-details23>button{grid-template-columns:38px 24px minmax(0,1fr)!important}
body #storyOpening18 .refuge-choice-details23 .refuge-class-glyph23{grid-column:1!important;grid-row:1/3!important;width:38px!important;height:38px!important;object-fit:cover!important}
body #storyOpening18 .refuge-choice-details23 .refuge-role-glyph23{grid-column:2!important;grid-row:1/3!important;width:24px!important;height:28px!important;object-fit:contain!important}
body #storyOpening18 .refuge-choice-details23 :is(strong,small){grid-column:3!important}
body #storyOpening18 .refuge-choice-details23>button[data-role="DPS"]{background:#623b35}body #storyOpening18 .refuge-choice-details23>button[data-role="Tank"]{background:#3d573b}body #storyOpening18 .refuge-choice-details23>button[data-role="Support"]{background:#345771}body #storyOpening18 .refuge-choice-details23>button[data-role="Lead"]{background:#686556}
body #tutorialFourCue4{position:fixed!important;left:160px!important;right:auto!important;top:auto!important;bottom:222px!important;width:310px!important;max-height:none!important;overflow:visible!important;box-sizing:border-box;background:#442562!important;padding:10px!important}
body #tutorialFourCue4 .tutorial4-heading{display:flex;align-items:center;gap:7px;font-size:20px}
body #tutorialFourCue4 .tutorial4-heading .icon{width:30px;height:30px;flex:none}
body #tutorialFourCue4 .hartwell-advice23{font-size:20px;line-height:1.25;margin:7px 0}
body #tutorialFourCue4 .tutorial4-facts,body #tutorialFourCue4 .tutorial4-result{font-size:17px;line-height:1.2;margin:6px 0}
body #tutorialFourCue4 .tutorial4-find{display:none}
body #tutorialFourCue4 .hartwell-arrival23{font-size:16px;margin-top:4px;display:flex;align-items:center;justify-content:space-between;gap:5px}
body #tutorialFourCue4 .hartwell-elements23{margin:0;font-size:16px}
body #tutorialFourCue4 .hartwell-advice-beat23>button{min-height:40px;padding:5px 10px;font-size:17px;margin-left:auto;display:block}
body #tutorialFourCue4::before{content:'';position:fixed;left:10px;top:35dvh;width:130px;height:150px;background:url('review-only/dialogue23/hartwell-lordly-alert-v3-1024.webp') center/contain no-repeat;pointer-events:none}
body #hartwellDialogue23 .spoken-scene21__portrait-plane{position:fixed!important;left:10px!important;top:35dvh!important;bottom:auto!important;width:130px!important;height:150px!important;margin:0!important}
body #hartwellDialogue23 .spoken-scene21__speech{position:fixed!important;left:160px!important;right:auto!important;bottom:222px!important;width:310px!important;margin:0!important;padding:10px!important;max-height:none!important;overflow:visible!important}
body #hartwellDialogue23 .spoken-scene21{overflow:hidden!important;height:100dvh!important;min-height:0!important}
body #hartwellDialogue23 .spoken-scene21__words{font-size:20px!important;line-height:1.25!important}
body #hartwellDialogue23 .spoken-scene21__name{font-size:20px!important;margin:0 0 7px!important;padding:4px 8px!important}
body[data-story="true"] #game>.formation :is(#front,#middle,#rear)>.hero.unit-shell>.hero-select[data-main-target="guard"]>.main-target-symbol{position:absolute!important;display:flex!important;align-items:center;justify-content:center;inset:25% 20%!important;width:60%!important;height:50%!important;opacity:.93!important;color:#f3dfff!important;pointer-events:none;background:#273c5dcc;border:3px solid #e7dcff;border-radius:45%;filter:drop-shadow(0 0 8px #b18be8)}
body[data-story="true"] #game>.formation :is(#front,#middle,#rear)>.hero.unit-shell>.hero-select[data-main-target="guard"]>.main-target-symbol>.icon{width:64px!important;height:70px!important;display:block!important;opacity:1!important}
body[data-story="true"] #game>.formation :is(#front,#middle,#rear)>.hero.unit-shell>.hero-select[data-main-target="guard"]:hover>.main-target-symbol{background:#4e3a75;filter:drop-shadow(0 0 15px #f4dfff);transform:scale(1.08)}
body[data-story="true"] #game>.formation :is(#front,#middle,#rear)>.hero.unit-shell>.hero-select[data-tutorial4-target],body[data-story="true"] #game #enemies [data-tutorial4-target],body [data-tutorial4-target]{outline:5px solid #e8c0ff!important;outline-offset:5px;box-shadow:0 0 0 8px #442562,0 0 24px 10px #bd72ee!important;animation:tutorial-pulse23 1.1s ease-in-out infinite alternate!important}
@keyframes tutorial-pulse23{to{outline-offset:8px;box-shadow:0 0 0 11px #442562,0 0 34px 15px #e3adff}}
@media(prefers-reduced-motion:reduce){body[data-story="true"] #game>.formation :is(#front,#middle,#rear)>.hero.unit-shell>.hero-select[data-tutorial4-target],body[data-story="true"] #game #enemies [data-tutorial4-target],body [data-tutorial4-target]{animation:none!important;outline-width:6px!important;box-shadow:0 0 0 10px #442562,0 0 0 15px #e7c1ff!important}}
html[data-motion21="reduce"] :is(body[data-story="true"] #game>.formation :is(#front,#middle,#rear)>.hero.unit-shell>.hero-select[data-tutorial4-target],body[data-story="true"] #game #enemies [data-tutorial4-target],body [data-tutorial4-target]){animation:none!important;outline-width:6px!important;box-shadow:0 0 0 10px #442562,0 0 0 15px #e7c1ff!important}
@media(max-width:700px),(max-aspect-ratio:1/1){
 body #tutorialFourCue4,body #hartwellDialogue23 .spoken-scene21__speech{left:108px!important;right:8px!important;top:var(--tutorial-guide-top23,49dvh)!important;bottom:auto!important;width:auto!important;padding:8px!important}
 body #tutorialFourCue4::before,body #hartwellDialogue23 .spoken-scene21__portrait-plane{left:8px!important;top:282px!important;width:88px!important;height:110px!important}
 body #tutorialFourCue4 .tutorial4-heading{font-size:18px}
 body #tutorialFourCue4 .tutorial4-facts,body #tutorialFourCue4 .tutorial4-result{font-size:16px}
 body #tutorialFourCue4 .hartwell-arrival23{display:flex;flex-wrap:wrap}
}