/* THE LAST PATIENT: All new UI is additive; existing game HUD untouched. */
#dhStoryHud,#dhStoryOverlay{font-family:Arial,Helvetica,sans-serif}
#dhStoryHud[hidden],#dhStoryOverlay[hidden]{display:none!important}
#dhStoryHud{position:fixed;top:123px;left:14px;z-index:8;width:206px;display:grid;gap:7px;padding:10px;background:#071014e8;border:1px solid #94704c;color:#ffe1bc;pointer-events:none;box-shadow:0 7px 30px #000a}
#dhStoryHud .dh-story-count{font-size:10px;font-weight:900;letter-spacing:.075em}
#dhStoryHud .dh-story-direction{font-size:10px;color:#ffc18c;font-weight:800}
#dhStoryHud .dh-story-journal{pointer-events:auto;border:1px solid #9a7650;background:#1d2627;color:#f5dfb9;font-size:10px;font-weight:800;letter-spacing:.1em;padding:11px;cursor:pointer}
#dhStoryHud .dh-story-journal:focus-visible{outline:2px solid #fff0c7}
#dhStoryOverlay{position:fixed;inset:0;z-index:36;display:grid;place-items:center;padding:18px;background:radial-gradient(ellipse at 50% 35%,#3b1120e6,#050909f5 66%);backdrop-filter:blur(7px);color:#ece8de}
#dhStoryOverlay .dh-story-panel{position:relative;width:min(770px,100%);max-height:88dvh;overflow-y:auto;padding:clamp(22px,5vw,43px);background:linear-gradient(146deg,#1c2326,#070b0e 60%,#1b1014);border:1px solid #b34956;box-shadow:0 20px 90px #000e,0 0 45px #96253255}
#dhStoryOverlay .dh-story-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#55151d,#d04c58,#ad8555)}
#dhStoryOverlay .dh-story-kicker{font-size:11px;font-weight:800;color:#f0b2a8;letter-spacing:.18em}
#dhStoryOverlay .dh-story-heading{font-weight:900;font-size:clamp(26px,4.8vw,43px);line-height:1.1;color:#fff4e8;margin:13px 0 23px}
#dhStoryOverlay .dh-story-body{display:grid;gap:13px}
#dhStoryOverlay .dh-story-line{font-size:clamp(13px,2vw,17px);color:#d8e0dc;line-height:1.67;margin:0;white-space:pre-wrap}
#dhStoryOverlay .dh-story-line:first-child{color:#efc6b6;font-weight:700}
#dhStoryOverlay .dh-story-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
#dhStoryOverlay .dh-story-choice{border:1px solid #e99788;background:#872430;color:#fff5e8;font-size:11px;line-height:1.4;font-weight:900;letter-spacing:.065em;padding:13px 18px;cursor:pointer}
#dhStoryOverlay .dh-story-choice:hover:not(:disabled){background:#b82b3d}
#dhStoryOverlay .dh-story-choice:focus-visible{outline:2px solid #ffe2a6;outline-offset:2px}
#dhStoryOverlay .dh-story-choice:disabled{opacity:.45;cursor:not-allowed;background:#384041;border-color:#737777;color:#d3cece}
@media(pointer:coarse){#dhStoryHud{top:133px;left:7px;width:140px;padding:6px;gap:4px}#dhStoryHud .dh-story-count,#dhStoryHud .dh-story-direction{font-size:8px}#dhStoryHud .dh-story-journal{font-size:9px;padding:8px}}
@media(max-width:570px){#dhStoryHud{top:124px;width:128px}#dhStoryOverlay{padding:9px}#dhStoryOverlay .dh-story-panel{max-height:91dvh;padding:20px 16px}#dhStoryOverlay .dh-story-heading{font-size:25px}#dhStoryOverlay .dh-story-line{font-size:13px}#dhStoryOverlay .dh-story-actions{display:grid;grid-template-columns:1fr}#dhStoryOverlay .dh-story-choice{min-height:45px;font-size:10px;width:100%}}
@media(max-height:610px){#dhStoryHud{top:90px}#dhStoryOverlay .dh-story-panel{max-height:94dvh}}
@media(prefers-reduced-motion:reduce){#dhStoryOverlay{backdrop-filter:none}}
