/* Combat information stays out of the centre of the arena. */
body #tutorial-coach#tutorial-coach{position:fixed!important;left:22px!important;right:auto!important;top:auto!important;bottom:100px!important;width:min(380px,38vw)!important;max-width:calc(100vw - 44px)!important;padding:16px 18px!important;transform:none!important;background:linear-gradient(120deg,#0b1217f5,#111519ef)!important;border:1px solid #8d7954!important;border-left:3px solid #d1b16f!important;box-shadow:0 8px 30px #0008!important;color:#f1e6d0!important;z-index:35!important;pointer-events:none!important;}
body #tutorial-coach#tutorial-coach[hidden]{display:none!important}
body #tutorial-coach#tutorial-coach small{display:block;font:10px/1.4 Arial,sans-serif;letter-spacing:.14em;color:#c0aa7c}
body #tutorial-coach#tutorial-coach strong{display:block;font:21px/1.2 Georgia,serif;margin:7px 0}
body #tutorial-coach#tutorial-coach #tutorial-status{display:block;font:11px/1.4 Arial,sans-serif;color:#98dfed;margin:8px 0}
body #tutorial-coach#tutorial-coach p{font:14px/1.5 Arial,sans-serif;margin:8px 0 0;color:#e7e0d3}
body.guided-duel #guardian-duel-indicator,body.guardian-duel #guardian-duel-indicator{display:block!important;top:155px!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;max-width:400px!important;width:auto!important;padding:9px 17px!important;background:#090d12e8!important;pointer-events:none!important}
body #guardian-duel-indicator[hidden]{display:none!important}
body.guided-duel #duel-legend:not([hidden]){display:block!important}
body #duel-legend{pointer-events:none!important;right:16px!important;bottom:135px!important;top:auto!important;max-width:230px!important;background:#090e13e8!important}
#combat-feedback-v54{position:fixed;left:50%;bottom:105px;transform:translateX(-50%);color:#f2d8a3;text-align:center;pointer-events:none;z-index:34;text-shadow:0 2px 8px #000,0 1px 3px #000}
#combat-feedback-v54[hidden]{display:none}
#combat-feedback-v54 strong{display:block;font:700 15px/1.5 Arial,sans-serif;letter-spacing:.12em}
#combat-feedback-v54 span{display:block;font:20px/1.4 Arial,sans-serif;letter-spacing:9px}
#combat-feedback-v54[data-kind="parry"],#combat-feedback-v54[data-kind="block"]{color:#a4edfa}
#combat-feedback-v54[data-kind="hurt"],#combat-feedback-v54[data-kind="break"],#combat-feedback-v54[data-kind="miss"]{color:#ffad9c}
body:has(#panel[open]) #combat-feedback-v54,body:has(#panel[open]) #tutorial-coach#tutorial-coach{display:none!important}
@media(max-width:800px){body #tutorial-coach#tutorial-coach{left:12px!important;bottom:110px!important;width:min(320px,45vw)!important;padding:10px 12px!important}body #tutorial-coach#tutorial-coach strong{font-size:17px}body #tutorial-coach#tutorial-coach p{font-size:12px}body #guardian-duel-indicator{top:105px!important}#combat-feedback-v54{bottom:85px}}
@media(max-width:540px) and (orientation:portrait){body #tutorial-coach#tutorial-coach{top:165px!important;bottom:auto!important;left:12px!important;width:calc(100vw - 24px)!important;max-width:none!important;padding:10px 12px!important}body #tutorial-coach#tutorial-coach p{font-size:12px;line-height:1.4}body.guardian-duel #tutorial-coach#tutorial-coach{top:auto!important;bottom:185px!important}body #tutorial-coach#tutorial-coach strong{font-size:16px}body #tutorial-coach#tutorial-coach #tutorial-status{margin:4px 0}body.guardian-duel #guardian-duel-indicator{top:118px!important;max-width:90vw!important}#combat-feedback-v54{bottom:165px;max-width:90vw}}

body #tutorial-coach#tutorial-coach #tutorial-title{font:21px/1.2 Georgia,serif!important;margin:7px 0!important}
body #tutorial-coach#tutorial-coach #tutorial-instruction{font:14px/1.5 Arial,sans-serif!important;color:#e7e0d3!important;margin:8px 0 0!important}
body #tutorial-coach#tutorial-coach #tutorial-status{font:11px/1.4 Arial,sans-serif!important;padding:0!important;color:#98dfed!important}
body #guardian-duel-indicator strong{font:700 15px/1.3 Arial,sans-serif!important}
body #guardian-duel-indicator small{font:12px/1.4 Arial,sans-serif!important}
@media(max-width:800px){body #tutorial-coach#tutorial-coach #tutorial-title{font-size:17px!important}body #tutorial-coach#tutorial-coach #tutorial-instruction{font-size:12px!important}}

body #tutorial-coach#tutorial-coach{display:block!important}
body #tutorial-coach#tutorial-coach[hidden]{display:none!important}
body #tutorial-coach#tutorial-coach #tutorial-step{display:block!important;float:none!important;margin:0!important}
body #tutorial-coach#tutorial-coach #tutorial-title{display:block!important;float:none!important}
body #tutorial-coach#tutorial-coach #tutorial-status{background:transparent!important;border:0!important;box-shadow:none!important;width:auto!important;color:#9de6eb!important}
body #tutorial-coach#tutorial-coach #tutorial-instruction{max-width:none!important;width:auto!important}
body #duel-legend .duel-rule{font:12px/1.4 Arial,sans-serif!important;gap:8px!important;padding:5px 0!important}
body #duel-legend small{font:10px/1.5 Arial,sans-serif!important;color:#d8c9a9!important}
body #duel-legend .duel-rule b,body #duel-legend .duel-rule span{font-size:11px!important;color:#e5ddd0!important}
body #duel-legend .duel-rule kbd{font-size:11px!important}

body #guardian-duel-indicator strong,body #guardian-duel-indicator small{display:block!important;text-align:center!important}
body #duel-legend{width:245px!important;max-width:245px!important;padding:14px!important}
body #duel-legend .duel-rule{display:grid!important;grid-template-columns:62px 1fr 60px!important;align-items:center!important;column-gap:8px!important}
body #duel-legend .duel-rule kbd{white-space:normal!important;overflow-wrap:anywhere!important}
body #duel-legend .duel-rule[data-duel-rule="cyan"] b{color:#8deaff!important}
body #duel-legend .duel-rule[data-duel-rule="red"] b{color:#ff8a7e!important}
body #duel-legend .duel-rule[data-duel-rule="amber"] b{color:#ffd17c!important}

body #duel-legend{width:280px!important;max-width:280px!important}
body #duel-legend .duel-rule{grid-template-columns:82px 1fr 68px!important}
body #duel-legend .duel-rule b,body #duel-legend .duel-rule span,body #duel-legend .duel-rule kbd{font-family:Arial,sans-serif!important;letter-spacing:0!important;line-height:1.4!important}
body #duel-legend .duel-rule span{font-weight:400!important}

body.ui-modal-open #tutorial-coach#tutorial-coach,body.ui-modal-open #combat-feedback-v54,body.ui-modal-open #guardian-duel-indicator,body.ui-modal-open #duel-legend{display:none!important}
body #duel-legend .duel-rule.active{background:#214047!important;color:#eefbff!important;box-shadow:inset 2px 0 #9ce8f6!important}
body #duel-legend .duel-rule.active span{color:#eefbff!important}
body #boss-phase{font:700 11px/1.4 Arial,sans-serif!important;white-space:normal!important;text-align:right!important;min-width:50px!important;max-width:85px!important}
@media(max-height:540px) and (orientation:landscape){
 body #tutorial-coach#tutorial-coach{left:12px!important;bottom:14px!important;top:auto!important;width:280px!important;max-width:36vw!important;padding:8px 10px!important}
 body #tutorial-coach#tutorial-coach #tutorial-title{font-size:14px!important;margin:3px 0!important}
 body #tutorial-coach#tutorial-coach #tutorial-instruction{font-size:11px!important;line-height:1.35!important;margin:3px 0 0!important}
 body #tutorial-coach#tutorial-coach #tutorial-status{font-size:9px!important;margin:3px 0!important}
 body #tutorial-coach#tutorial-coach #tutorial-step{font-size:8px!important}
 body.guardian-duel #guardian-duel-indicator{top:85px!important;padding:5px 10px!important}
 body #guardian-duel-indicator strong{font-size:12px!important}
 body #guardian-duel-indicator small{font-size:10px!important}
}
@media(max-width:540px) and (orientation:portrait){
 body #boss-hud#boss-hud{top:100px!important;left:12px!important;right:12px!important;bottom:auto!important;width:calc(100vw - 24px)!important;max-width:none!important;height:56px!important;min-height:0!important;transform:none!important;padding:6px 9px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 54px!important;gap:8px!important}
 body #boss-hud#boss-hud[hidden]{display:none!important}
 body #boss-hud#boss-hud .boss-copy{min-width:0!important;width:auto!important}
 body #boss-title{font-size:8px!important;line-height:1!important;white-space:nowrap!important}
 body #boss-name{font:700 12px/1.3 Georgia,serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}
 body #boss-phase{font-size:9px!important}
 body #boss-hud#boss-hud #boss-portrait{display:none!important}
 body #tutorial-coach#tutorial-coach,body.guardian-duel #tutorial-coach#tutorial-coach{top:110px!important;bottom:auto!important;padding:8px 10px!important}
 body.guardian-duel #tutorial-coach#tutorial-coach{top:164px!important}
 body #tutorial-coach#tutorial-coach #tutorial-title{font-size:14px!important;line-height:1.2!important;margin:3px 0!important}
 body #tutorial-coach#tutorial-coach #tutorial-instruction{font-size:11px!important;line-height:1.35!important;margin:4px 0 0!important}
 body #tutorial-coach#tutorial-coach #tutorial-status{font-size:9px!important;margin:3px 0!important}
 body #tutorial-coach#tutorial-coach #tutorial-step{font-size:8px!important}
 body.guided-duel #guardian-duel-indicator{display:none!important}
 body.guardian-duel:not(.guided-duel) #guardian-duel-indicator{top:164px!important;padding:6px 10px!important}
}

body #tutorial-coach#tutorial-coach{min-width:0!important;box-sizing:border-box!important}
@media(max-width:540px) and (orientation:portrait){
 body #hud .player-vitals{left:8px!important;top:8px!important;width:min(205px,calc(100vw - 174px))!important;max-width:none!important;min-width:0!important;height:84px!important;min-height:0!important;padding:8px 10px!important;transform:none!important;box-sizing:border-box!important}
 body #hud .player-vitals .hero-portrait{display:none!important}
 body #hud .player-vitals .name-line{display:flex!important;gap:5px!important;align-items:center!important;font:10px/1.3 Arial,sans-serif!important;letter-spacing:0!important;min-width:0!important}
 body #hud #hero-name{font:700 10px/1.3 Arial,sans-serif!important;letter-spacing:0!important}
 body #hud #hp-label{font:10px/1.3 Arial,sans-serif!important;white-space:nowrap!important;margin-left:auto!important}
 body #hud .player-vitals .resource-caption{font:8px/1.3 Arial,sans-serif!important;letter-spacing:0!important}
 body #hud .player-vitals .crest{font-size:17px!important}
}