/* The room is the main surface; controls are a small, explicit tools drawer. */
.interior-hud .interior-header{align-items:flex-start;gap:10px}
.interior-hud .interior-header>div{padding:7px 11px;border:0;border-image:none;background:linear-gradient(90deg,#10130edf,transparent);max-width:calc(100% - 160px);min-width:0}
.interior-hud .interior-header h1{font-size:clamp(16px,2.2vw,22px);line-height:1.35;margin:0;color:#e9d7b2;text-shadow:0 2px 3px #000;word-break:keep-all}
.interior-hud .interior-header small{font-size:10px;letter-spacing:.12em;color:#b9a47d}
.interior-hud .interior-header>button{min-height:42px;padding:7px 12px;background:#141812ba;border:1px solid #bfa67555;border-image:none;box-shadow:none;font-size:13px}
.interior-tools{position:absolute;right:max(16px,env(safe-area-inset-right));top:max(66px,calc(env(safe-area-inset-top) + 58px));pointer-events:auto;z-index:3;max-width:calc(100% - 32px)}
.interior-tools>summary{list-style:none;cursor:pointer;min-height:40px;padding:10px 13px;color:#d3bf98;font-size:12px;background:#141812d9;border:1px solid #bfa67544;text-align:right;box-sizing:border-box}
.interior-tools>summary::-webkit-details-marker{display:none}
.interior-tools>summary::after{content:' ＋'}
.interior-tools[open]>summary::after{content:' −'}
.interior-tools>summary:hover,.interior-tools>summary:focus-visible{color:#fff0cc;border-color:#ddc38a;outline:1px solid #ddc38a;outline-offset:2px}
.interior-tools .interior-controls{position:static;display:grid;gap:5px;width:min(260px,100%);margin:0;padding:9px;background:#151912f5;border:1px solid #bfa67544;border-top:0;max-height:calc(100dvh - 140px);overflow:auto}
.interior-tools .interior-controls button{min-height:42px;font-size:13px;white-space:normal;padding:8px 12px}
.interior-hud .interior-dock:not(.has-dialogue){width:auto;max-width:min(540px,100%);padding:8px 12px;border:0;border-image:none;box-shadow:none;background:linear-gradient(0deg,#0b100eeb,#0b100e80 70%,transparent);text-align:center;pointer-events:none;overflow:visible}
.interior-dock:not(.has-dialogue)>button{pointer-events:auto;font-size:13px;min-height:42px;background:#171d16e8;border:1px solid #bfa67566;border-image:none;box-shadow:none;padding:7px 17px}
.interior-dock #room-hint{font-size:11px;line-height:1.4;color:#c0baa9;margin:0 0 5px;text-shadow:0 1px 3px #000}
.interior-dock button[hidden]{display:none!important}
.interior-hud .interior-dock.has-dialogue{border:1px solid #aa92605c;border-image:none;background:linear-gradient(135deg,#262a20f7,#11170ff7);box-shadow:0 8px 35px #0008}
@media(max-width:480px){.interior-hud .interior-header>div{max-width:calc(100% - 86px)}.interior-hud .interior-header h1{font-size:16px}.interior-tools{right:12px;top:max(67px,calc(env(safe-area-inset-top) + 59px))}.interior-tools .interior-controls{width:220px}.interior-hud .interior-dock:not(.has-dialogue){margin-bottom:0}}
@media(max-height:480px){.interior-tools{top:60px}.interior-tools .interior-controls{max-height:calc(100dvh - 110px)}.interior-hud .interior-dock.has-dialogue{max-height:65dvh}.interior-dock #room-hint{display:none}}