/* The case folder is full-width on phones. Its log scrolls before input controls shrink. */
html,body{overscroll-behavior:none}
.pane,.log,.sheet{overscroll-behavior:contain}
@media(pointer:coarse){input,textarea{font-size:16px}}
#local-controls{position:fixed;z-index:100;left:8px;bottom:8px;display:flex;gap:4px;align-items:center;padding:3px 6px;background:#171d28ed;color:#f9e9c6;border:1px solid #d9a13b;border-radius:8px;font:11px sans-serif}
#local-controls button{min-width:44px;min-height:44px;background:#d9a13b;color:#141821;border:0;border-radius:4px}
#local-controls button[hidden]{display:none}
#costBox,#menuCost,#demoBadge,[data-act="demo"]{display:none!important}
button{min-height:44px;min-width:44px;touch-action:manipulation}
.icon-btn,.tabs button,.who button,.quick button,.suspects button,.items button,.shop button,.phone button{min-height:44px;min-width:44px}
.clues input{width:44px;height:44px}
.brand h1{font-size:clamp(17px,3.8vw,34px)}
@media(max-width:820px){.folder{bottom:62px}.phone{bottom:70px!important}#local-controls{right:8px;justify-content:flex-end}#local-mode{margin-right:auto}.modal .sheet{max-height:84dvh;overflow:auto}.say{flex-shrink:0}.quick button{flex-shrink:0}}