/* Noan Horror design refinement — preserves shaking words, dark theme, and random ghosts. */
:root{color-scheme:dark}
html,body{background:#020204}
body{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-sizing:border-box}
.audio-controls{top:max(12px,env(safe-area-inset-top))!important;right:max(12px,env(safe-area-inset-right))!important}
.control-btn{font-size:.68rem!important;padding:6px 10px!important;letter-spacing:1.2px!important;background:rgba(127,29,29,.12)!important;border-color:rgba(239,68,68,.62)!important;box-shadow:0 0 10px rgba(239,68,68,.16)!important}
.card-container{max-width:660px;width:min(90%,660px);padding:34px 32px;border-radius:14px;max-height:82dvh;background:rgba(255,255,255,.018)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;box-shadow:0 18px 50px rgba(0,0,0,.58)!important}
#story-text{font-size:1.22rem;line-height:1.82;max-height:61dvh;padding:2px 4px 2px 2px;overscroll-behavior:contain}
#story-text p{margin-bottom:1.35rem!important}
.next-btn{margin-top:24px;padding:9px 18px;font-size:.9rem;letter-spacing:1.6px;border:1px solid rgba(153,27,27,.36)!important;background:rgba(127,29,29,.09)!important;border-radius:6px}
.next-btn:hover{background:rgba(153,27,27,.2)!important}
.site-footer{max-width:660px;width:min(90%,660px);margin-bottom:10px;font-size:.6rem;color:transparent}
.site-footer.active-state{color:rgba(255,255,255,.42)!important}
.bg-ghost{pointer-events:auto}
@media(max-width:580px){
 body{justify-content:center}
 .card-container{width:94%;max-width:94%;padding:22px 18px 18px;max-height:80dvh;margin:0}
 #story-text{font-size:1.16rem;line-height:1.76;min-height:0;max-height:62dvh}
 #story-text.menu-centered{font-size:2.15rem!important}
 .next-btn{width:auto;min-width:150px;margin-top:16px;padding:10px 18px}
 .site-footer{width:92%;max-width:92%;font-size:.53rem;line-height:1.3;margin-bottom:8px}
}
@media(max-height:600px) and (orientation:landscape){
 .card-container{max-height:78dvh;padding:18px 22px}
 #story-text{max-height:52dvh;font-size:1.02rem;line-height:1.62}
 .site-footer{margin-bottom:5px}
 .next-btn{margin-top:12px}
}