/* Keep the dungeon full-width. On short screens sacrifice log history, not controls. */
#settings { position:fixed; top:max(8px, env(safe-area-inset-top)); right:10px; display:flex; gap:6px; z-index:30; }
#settings button { min-width:44px; height:44px; background:#17151b; border:1px solid #c9a36b77; color:#ece3d0; cursor:pointer; }
#menu { position:fixed; inset:0; z-index:20; overflow:auto; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#07070a; padding:64px 22px 28px; text-align:center; }
#menu[hidden] { display:none; }
#title-art { width:min(760px,100%); max-height:38svh; object-fit:cover; border:1px solid #c9a36b55; }
#menu>div { max-width:640px; }
#menu h1 { font-size:clamp(36px,7vw,64px); margin:18px 0 10px; color:#eccf9f; }
#menu p { line-height:1.5; font-size:17px; }
#instructions { color:#aaa494; }
body .inv li button { min-height:44px; }
body .side { padding-top:64px; }
button { touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
button:focus-visible { outline:2px solid #eecb86; outline-offset:2px; }
@media(max-width:760px) {
  body .side { padding-top:10px; padding-bottom:max(14px,env(safe-area-inset-bottom)); }
  body .log { top:64px; font-size:14px; }
  body .stone { padding:42px 22px 24px; max-height:85svh; overflow:auto; }
  body .stone .ep { font-size:16px; }
  body .stone .row { gap:15px; }
}
@media(max-height:680px) { body .log p:nth-last-child(n+3) { display:none; } #menu p { font-size:14px; } #title-art { max-height:28svh; } }