/* Event overlays only; existing compact HUD geometry is unchanged. */
#story-dialogue{position:fixed;inset:0;bottom:0;left:0;top:0;width:100%;height:100%;max-width:none;transform:none;padding:24px;box-sizing:border-box;display:grid;place-items:center;background:#071322a8;border:0;border-radius:0;box-shadow:none;z-index:146;animation:story-dim .22s both}
#story-dialogue.hidden{display:none}#story-dialogue.leaving{opacity:0;transition:opacity .18s;pointer-events:auto}
.story-stage{display:flex;align-items:center;gap:28px;width:min(620px,88vw);box-sizing:border-box;padding:28px 30px;border:2px solid #91a8c8;border-radius:18px;background:linear-gradient(135deg,#26385a,#121c38 72%);box-shadow:0 0 0 4px #0b1328,0 12px 30px #030816a0,inset 0 2px #d6e4ff50;animation:story-enter .25s both}
#story-dialogue .story-portrait{flex:0 0 125px;display:grid;place-items:center;min-height:180px;background:radial-gradient(ellipse at 50% 74%,#89c4da22,transparent 70%)}
#story-dialogue img{width:120px;height:165px;max-width:120px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 7px 2px #05091666)}
#story-dialogue .story-copy{flex:1;min-width:0}#story-dialogue small{font-size:12px;color:#b6c9e6;letter-spacing:.06em}#story-dialogue strong{display:block;font-size:27px;color:#ffe7a5;margin:5px 0 14px;text-shadow:0 3px #172339}
#story-dialogue p{font-size:19px;line-height:1.65;white-space:normal;overflow-wrap:anywhere;word-break:keep-all;color:#f3f7ff;margin:0 0 22px;min-height:65px}
#story-dialogue button{display:block;margin-left:auto;min-height:48px;min-width:140px;padding:10px 24px;background:linear-gradient(#fff0a2,#edb945);border:2px solid #fff1bb;border-radius:9px;color:#382c25;font-size:19px;font-weight:900;box-shadow:0 4px #96702c,0 6px #080e20,inset 0 2px #fffbdc;transition:filter .1s,transform .1s}
#story-dialogue button span{display:inline;font-size:14px;margin-left:12px;color:inherit}#story-dialogue button:hover{filter:brightness(1.12)}#story-dialogue button:active{transform:translateY(3px);box-shadow:0 1px #96702c}#story-dialogue button:focus-visible{outline:3px solid #bfeaff;outline-offset:5px}
#evolution-overlay .evolution-card,#evolution-overlay[data-kind="strengthen"] .evolution-card{position:static!important;width:100%!important;height:100%!important;padding:0!important;transform:none!important}
#evolution-overlay #evolution-name,#evolution-overlay[data-kind="strengthen"] #evolution-name{position:fixed;left:var(--evo-x);top:var(--evo-y);transform:translate(-50%,-100%);box-sizing:border-box;margin:0!important;min-height:0!important;width:max-content;max-width:min(590px,86vw);padding:14px 20px!important;border:2px solid #b9c9df;border-radius:10px;background:linear-gradient(#263650f5,#12213af5);box-shadow:0 0 0 3px #09172c,0 6px 20px #0006,inset 0 1px #d4e5ff40;color:#ffecbc;font-size:clamp(16px,1.2vw,20px)!important;line-height:1.6;word-break:keep-all;z-index:2}
#evolution-overlay #evolution-stars{display:none!important}
@keyframes story-dim{from{background:#07132200}to{background:#071322a8}}
@keyframes story-enter{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:600px){.story-stage{padding:20px;gap:14px}#story-dialogue .story-portrait{flex-basis:76px}#story-dialogue img{width:76px;height:115px}#story-dialogue p{font-size:16px}#story-dialogue strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){#story-dialogue,.story-stage{animation:none}}