html,body{background-color:#050607;color-scheme:dark}
body{min-height:100dvh;background:radial-gradient(circle at 50% 20%,#172027 0,#090c0f 52%,#050607 100%)}

@media(max-width:430px) and (max-height:900px){
  html,body{height:100%;min-height:100%;background:#050607!important}
  .wrap{height:100dvh;min-height:100dvh;padding:max(6px,env(safe-area-inset-top)) 9px max(6px,env(safe-area-inset-bottom));background:#050607;overflow:hidden}
  .brand-block{margin-bottom:6px}
  .brand{font-size:20px!important;line-height:1.1!important}
  .sub{font-size:9px!important;margin-top:2px!important}
  .os{flex:1;min-height:0}
  .screen{padding:8px 9px 10px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  .portrait{height:176px!important;width:auto!important;max-width:100%!important;margin:0 auto!important;aspect-ratio:auto!important}
  .dialog{margin:8px 0!important;padding:11px 11px!important;min-height:0!important}
  .drama-hook{font-size:10px!important;margin-bottom:6px!important;padding-bottom:5px!important}
  .role{font-size:11px!important;margin-bottom:5px!important}
  .who{font-size:20px!important;margin-bottom:7px!important;line-height:1.25!important}
  .quote{font-size:17px!important;line-height:1.52!important}
  .choices{gap:6px!important}
  .choices button{padding:10px 10px!important;min-height:52px!important}
  .choices b{font-size:13.5px!important;line-height:1.35!important}
  .choices small{font-size:10.5px!important;line-height:1.3!important;margin-top:3px!important}
  .recap-panel{margin-top:10px!important;padding:12px 13px!important}
  .recap-kicker{font-size:10px!important;margin-bottom:6px!important}
  .recap-title{font-size:16px!important;margin-bottom:8px!important}
  .recap-list{gap:7px!important}
  .recap-entry{font-size:11px!important;line-height:1.7!important}
  .interaction-panel{margin-top:10px!important;padding:14px 13px!important}
  .interaction-kicker{margin-bottom:8px!important}
  .interaction-speaker{margin-bottom:7px!important}
  .interaction-text{font-size:18px!important;line-height:1.68!important}
  .story-beat{margin-top:10px!important;padding:10px 11px!important;font-size:12px!important;line-height:1.7!important}
  .continue-btn{margin-top:12px!important;padding:13px 10px!important}
  .foot{display:none!important}
}

@media(max-width:360px) and (max-height:900px){
  .portrait{height:158px!important}
}