/* DARK HOSPITAL — viewport-safe Welcome + cinematic radio dialogue.
   Extra overrides only; old welcome, Instructions, Settings, game UI remain intact. */
#dhOnboarding.dh-welcome-visible{
  overflow:hidden;
  padding:clamp(7px,1.35vh,15px);
  align-items:center;
}
#dhOnboarding.dh-welcome-visible .dh-onboarding-panel{
  width:min(940px,100%);
  max-height:calc(100dvh - 20px);
  overflow:hidden;
  padding:clamp(8px,1.5vh,15px) 10px;
  box-sizing:border-box;
}
#dhOnboarding.dh-welcome-visible .dh-onboarding-eyebrow{
  margin-bottom:clamp(7px,1.6vh,15px);
  font-size:clamp(10px,.86vw,12px);
}
#dhOnboarding.dh-welcome-visible h1{
  font-size:clamp(46px,min(8.45vw,15.7vh),113px);
  line-height:.91;
  margin:0 0 clamp(8px,1.5vh,14px);
}
#dhOnboarding.dh-welcome-visible .dh-tagline{
  margin:0 auto clamp(11px,1.7vh,18px);
  font-size:clamp(10px,1.05vw,14px);
  line-height:1.45;
}
#dhOnboarding .dh-last-patient-dialogue{
  width:min(650px,98%);
  min-height:57px;
  padding:8px 12px;
  margin:0 auto clamp(12px,1.9vh,19px);
  border-top:1px solid #a83c475c;
  border-bottom:1px solid #a83c475c;
  background:linear-gradient(90deg,transparent,#18060999 20%,#18060999 80%,transparent);
  text-align:center;
}
#dhOnboarding .dh-last-patient-speaker{
  display:block;
  margin:0 0 5px;
  font:800 10px/1.15 Arial,sans-serif;
  color:#f6777e;
  letter-spacing:.24em;
}
#dhOnboarding .dh-last-patient-line{
  display:block;
  margin:0;
  color:#e6e3d9;
  font:600 clamp(11px,1vw,13px)/1.5 Georgia,serif;
  letter-spacing:.07em;
  text-wrap:pretty;
  text-shadow:0 2px 8px #000;
}
#dhOnboarding.dh-welcome-visible .dh-onboarding-actions.dh-menu{
  margin:clamp(8px,1.2vh,13px) auto;
  gap:clamp(5px,.8vh,8px);
}
#dhOnboarding.dh-welcome-visible .dh-onboarding-btn{
  min-height:clamp(39px,5.3vh,48px);
  padding:10px 22px;
}
#dhOnboarding.dh-welcome-visible .dh-onboarding-info{
  margin:clamp(11px,1.8vh,19px) auto 0;
  line-height:1.45;
}
/* On phones keep everything accessible without opening a second scrollbar. */
@media(max-width:650px){
  #dhOnboarding.dh-welcome-visible .dh-onboarding-panel{padding:8px 6px}
  #dhOnboarding.dh-welcome-visible h1{font-size:clamp(42px,10.5vw,73px);letter-spacing:-.055em}
  #dhOnboarding.dh-welcome-visible .dh-onboarding-btn{min-width:min(240px,88vw);min-height:42px;font-size:13px}
  #dhOnboarding.dh-welcome-visible .dh-onboarding-info{font-size:9px;letter-spacing:.07em}
  #dhOnboarding .dh-last-patient-dialogue{width:min(380px,100%);min-height:57px;padding:8px 7px}
  #dhOnboarding .dh-last-patient-speaker{font-size:9px}
  #dhOnboarding .dh-last-patient-line{font-size:11px}
}
@media(max-height:720px){
  #dhOnboarding.dh-welcome-visible .dh-onboarding-panel{padding:6px 8px}
  #dhOnboarding.dh-welcome-visible h1{font-size:clamp(41px,min(8.0vw,13.7vh),92px)}
  #dhOnboarding.dh-welcome-visible .dh-onboarding-eyebrow{margin-bottom:7px}
  #dhOnboarding.dh-welcome-visible .dh-tagline{margin-bottom:8px}
  #dhOnboarding .dh-last-patient-dialogue{min-height:49px;margin-bottom:8px;padding:6px 10px}
  #dhOnboarding.dh-welcome-visible .dh-onboarding-actions.dh-menu{gap:4px;margin:6px auto}
  #dhOnboarding.dh-welcome-visible .dh-onboarding-btn{min-height:38px;padding:8px 17px}
  #dhOnboarding.dh-welcome-visible .dh-onboarding-info{margin-top:8px}
}
/* Truly short landscape screens can scroll, rather than clipping buttons. */
@media(max-height:465px){
  #dhOnboarding.dh-welcome-visible{overflow-y:auto;align-items:start}
  #dhOnboarding.dh-welcome-visible .dh-onboarding-panel{max-height:none;overflow:visible;margin:auto}
}
@media(prefers-reduced-motion:reduce){
  #dhOnboarding .dh-last-patient-dialogue{transition:none!important;animation:none!important}
}