[hidden]{display:none!important}
header{flex-wrap:wrap;gap:10px}header strong{margin-right:auto}
.view-controls{position:absolute;right:3%;top:88px;display:flex;gap:6px}
.view-controls button{padding:4px;width:44px;height:44px;font-size:24px;background:#fff9e8ee}
.indoor-actions{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px;width:max-content;max-width:96%;z-index:5}
.indoor-actions button{background:#fff8e5;border:2px solid #8c9c72;min-height:48px;font-weight:bold}
.game-frame.is-indoor #interact{display:none}
.game-frame.is-indoor #hint{bottom:142px}
.game-frame.is-indoor .pad{bottom:82px}
.forest-links{display:grid;gap:12px}.forest-links a,.fallback section{padding:20px;border-radius:18px;background:#fffaf0}
.fallback section{margin:20px 0}.fallback h1{font-size:clamp(24px,5vw,36px)}
@media(max-width:600px){
 header strong{width:100%;text-align:center;margin:0;font-size:19px}
 header{justify-content:center}header button,header a{font-size:12px;min-height:44px}
 .game-frame{height:68svh;min-height:500px}
 .metrics{right:10px;top:12px;max-width:108px;padding:5px}.metrics select{max-width:98px}
 .place-label{max-width:calc(100% - 126px);left:10px;top:12px;padding:9px}
 .place-label h1{font-size:16px}.place-label p{font-size:9px}
 .view-controls{top:68px;right:10px}.view-controls button{width:44px;height:44px}
 .indoor-actions{bottom:14px;width:calc(100% - 20px);gap:5px}
 .indoor-actions button{flex:1;padding:10px 5px;font-size:12px}
 .game-frame.is-indoor #hint{bottom:153px;max-width:92%;width:92%}
 .game-frame.is-indoor .pad{bottom:76px}
 #hint{font-size:12px}.under{padding:18px 5%}
 dialog{padding:20px;max-height:85svh}dialog h2{font-size:22px}
}