.owl-dialogue {
  position:fixed;z-index:45;left:50%;bottom:max(26px,env(safe-area-inset-bottom));width:min(720px,calc(100vw - 32px));box-sizing:border-box;
  padding:25px 26px 10px;border:2px solid #ad9268;border-radius:10px;
  background:linear-gradient(110deg,#f8ecd2,#fff6e2 55%,#f8ecd2);
  box-shadow:inset 0 0 0 2px #fff9e8,0 5px 16px #241b162b;
  color:#493c2b;font-family:"Lucida Console","Courier New",monospace;font-weight:700;user-select:none;-webkit-user-select:none;
  opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,9px);
  transition:opacity .24s,transform .24s,visibility 0s .24s;
}
.owl-dialogue.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition:opacity .24s,transform .24s;}
.owl-dialogue header{position:absolute;top:-15px;left:19px;padding:4px 15px;border:2px solid #ad9268;border-radius:7px;background:#fcf1d9;box-shadow:inset 0 0 0 2px #fff9e8;}
.owl-dialogue header strong{font-size:16px;line-height:1.25;font-weight:700;}
.owl-dialogue-copy{position:relative;}
.owl-dialogue-copy p{margin:0;min-height:4.8em;max-height:38vh;overflow:auto;overflow-wrap:anywhere;white-space:pre-line;font-size:16px;line-height:1.6;font-weight:400;letter-spacing:-.15px;}
.owl-dialogue-previous{position:absolute;inset:0;pointer-events:none;}
.owl-dialogue footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:5px;}
.owl-dialogue button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:4px 5px;border:0;border-radius:5px;background:transparent;color:#4f402a;box-shadow:none;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap;}
.owl-dialogue [data-dialogue-close]{color:#7b6b53;font-size:11px;font-weight:400;}
.owl-dialogue [data-page-count]{position:absolute;top:8px;right:24px;font-size:10px;line-height:1;font-weight:400;color:#7b6b53;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none;}
.owl-dialogue button:hover{background:#b28b4420;}.owl-dialogue button:focus-visible{outline:2px solid #397564;outline-offset:2px;}
.owl-dialogue [data-dialogue-next]{padding:4px 10px;border:1px solid transparent;border-radius:7px;transform:translateY(0);transition:transform .16s ease,box-shadow .18s ease;}
.owl-dialogue [data-dialogue-next].is-ready{
  color:#493019;border-color:#a46f2b;background:linear-gradient(135deg,#ffe5a0,#edb84f);
  box-shadow:inset 0 1px 0 #fff4cc,0 3px 0 #9b692b40,0 3px 9px #97652226;
  transform:translateY(-2px);animation:owl-next-ready .48s cubic-bezier(.2,.8,.3,1) both;
}
.owl-dialogue [data-dialogue-next].is-ready:hover{background:linear-gradient(135deg,#ffedba,#f4c665);}
.owl-dialogue [data-dialogue-next].is-ready kbd{border-color:#b58236;background:#fff7da85;color:#493019;}
@keyframes owl-next-ready{0%{transform:translateY(4px) scale(.97);}60%{transform:translateY(-4px) scale(1.025);}100%{transform:translateY(-2px) scale(1);}}
.owl-dialogue kbd{display:inline-flex;align-items:center;justify-content:center;min-width:15px;padding:2px 4px;border:1px solid #bba785;border-radius:4px;font:600 11px Arial,sans-serif;}
.owl-dialogue[data-input-device="controller"] kbd{border-radius:50%;}
.owl-dialogue button b{font:16px/1 Arial,sans-serif;}
/* A conversation temporarily owns the lower reading area. Flight instruments remain visible. */
body.owl-dialogue-open :is(.tutorial-practice-hud,.branch-streak-hud,.stunt-notice,.quest-notice){opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
@media(max-width:680px),(pointer:coarse){
  .owl-dialogue{bottom:max(100px,env(safe-area-inset-bottom));padding:22px 18px 7px;}
  .owl-dialogue [data-page-count]{top:6px;right:18px;}
  .owl-dialogue-copy p{min-height:9.6em;font-size:14px;line-height:1.6;}
  .owl-dialogue footer{gap:10px;}.owl-dialogue button{min-height:44px;padding:4px 5px;}
}
@media(pointer:coarse){.owl-dialogue:not([data-input-device="controller"]) kbd{display:none;}}
@media(pointer:coarse){.owl-dialogue[data-input-device="touch"] [data-dialogue-next] kbd{display:inline-flex;}}
@media(max-height:500px){.owl-dialogue{bottom:12px;width:min(620px,calc(100vw - 36px));padding:22px 20px 5px;}.owl-dialogue-copy p{min-height:4.8em;max-height:27vh;font-size:14px;}}
/* Keep the existing movement stick and A hotspot reachable while reading. */
@media(orientation:landscape) and (max-height:500px){.owl-dialogue[data-input-device="touch"]{width:clamp(240px,calc(100vw - 360px),620px);}}
@media(orientation:portrait){.owl-dialogue[data-input-device="touch"]{bottom:max(224px,calc(env(safe-area-inset-bottom) + 224px));}}
@media(prefers-reduced-motion:reduce){.owl-dialogue,.owl-dialogue.is-visible{transition:none;transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){.owl-dialogue [data-dialogue-next],.owl-dialogue [data-dialogue-next].is-ready{animation:none;transition:none;transform:none;}}