/* Only the backpack mount opts into this layout. Original tool buttons keep
   their IDs and handlers for keyboard shortcuts and existing game actions. */
.simple-hud [data-backpack-stowed]{display:none!important}
/* Quiet steps lives in the backpack during ordinary play. The original
   awareness control returns when somebody notices Scout, keeping its live
   words, question/exclamation cue and one-tap tiptoeing available. */
.simple-hud #stealth-pill[data-backpack-stowed]:has(.awareness-cue:not([hidden])){display:flex!important}
.simple-hud .mission-actions,.simple-hud .bottom-hud{display:none!important}
.simple-hud .status-column>.alert-track{display:none}
.simple-hud .status-column:has(.danger)>.alert-track{display:block;width:64px}
.simple-hud .camera-toolbar #backpack-button{background:#f5dda8;border-color:#8b693c;color:#3d4a31}
.simple-hud .camera-toolbar #backpack-button>svg{width:29px;height:29px;stroke-width:1.6}
.simple-hud .camera-toolbar #play-nearby-button{background:#edf3d8;border-color:#7e9863}
.simple-hud .camera-toolbar #play-nearby-button.has-play-nearby{box-shadow:0 0 0 2px #a9bd72,0 3px 14px #183e2929}
.simple-hud .camera-toolbar #play-nearby-button.has-play-nearby>svg{color:#7a581f}
.backpack-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:3px 0}
.backpack-choice{position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:100px;padding:12px 10px;border:1px solid #b7c5a2;border-radius:14px;background:#f2f4e6;color:#304b37;text-align:left;touch-action:manipulation}
.backpack-choice:hover{background:#e8efd5;border-color:#63804e}
.backpack-choice:focus-visible{outline:3px solid #9a6423;outline-offset:2px}
.backpack-choice-art{display:grid;place-items:center;flex:0 0 40px;width:40px;height:46px;border-radius:10px;background:#e3e9cf;color:#426442}
.backpack-choice-art>svg{width:31px;height:31px}
.backpack-choice[data-backpack-target="coin-wallet"] .backpack-choice-art>svg{stroke:none}
.backpack-choice-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.backpack-choice strong{font-size:16px;line-height:1.2;overflow-wrap:normal}
.backpack-choice small{font-size:12px;line-height:1.3;color:#526447}
.backpack-choice kbd{position:absolute;right:5px;top:5px;font-size:10px;background:transparent;color:#526447;padding:0}
@media(pointer:coarse){.backpack-choice kbd{display:none}}
@media(min-width:601px) and (min-height:561px){
 .simple-hud .camera-toolbar{left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px)}
 .simple-hud .quest.compact{padding-bottom:12px}
}
@media(max-width:600px),(max-height:560px) and (orientation:landscape){
 .simple-hud .top-hud>.quest.compact,.simple-hud.driving .top-hud>.quest.compact{grid-template-rows:44px 14px;height:72px;row-gap:8px}
 .simple-hud .quest.compact #compact-progress,.simple-hud.driving .quest.compact #compact-progress{grid-row:2;display:block}
 .simple-hud .top-hud>.status-column,.simple-hud .quest.compact~.status-column{display:flex;flex-direction:column;align-items:center;gap:8px;width:65px}
 .simple-hud .camera-toolbar,.simple-hud.driving .camera-toolbar.playing-only{top:auto;bottom:112px;left:10px;right:10px;transform:none;width:auto;max-width:none;gap:8px}
 .simple-hud .camera-toolbar button{min-width:44px;flex:1;height:52px;min-height:52px;padding:4px;font-size:11px}
 .simple-hud .camera-toolbar #backpack-button>svg{width:24px;height:24px}
 .simple-hud .rest-controls{bottom:174px;left:10px;transform:none;display:flex;flex-wrap:nowrap;width:calc(100% - 92px);max-width:calc(100% - 92px);padding:4px;gap:8px}
 .simple-hud .rest-controls[hidden]{display:none}
 .simple-hud .rest-controls>#rest-label{display:none}
 .simple-hud .rest-controls .secondary-button{flex:1;width:auto;min-height:48px;padding:6px;font-size:13px}
 .simple-hud #game-shell:has(#rest-controls:not([hidden])) #interaction{display:none}
 .simple-hud #game-shell:has(#rest-controls:not([hidden])) #sticker-toast{top:90px;bottom:auto;left:10px;transform:none;transition:opacity .25s;width:calc(100% - 92px);max-width:calc(100% - 92px)}
 .backpack-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .backpack-choice{min-height:80px;padding:9px 7px;gap:7px}
 .backpack-choice-art{flex-basis:31px;width:31px;height:40px}
 .backpack-choice-art>svg{width:26px;height:26px}
 .backpack-choice strong{font-size:15px}
 .backpack-choice small{font-size:11px}
}
@media(max-height:560px) and (orientation:landscape){
 .simple-hud .top-hud{grid-template-columns:minmax(0,260px) 65px;justify-content:space-between}
 .simple-hud .camera-toolbar,.simple-hud.driving .camera-toolbar.playing-only{bottom:10px;left:104px;right:150px;width:auto;transform:none;gap:6px}
 .simple-hud .camera-toolbar button{height:48px;min-height:48px;font-size:10px}
 .simple-hud .top-hud>.quest.compact,.simple-hud.driving .top-hud>.quest.compact{width:260px;max-width:100%}
 .simple-hud .rest-controls{bottom:68px;left:110px;right:150px;width:auto;max-width:none}
 .simple-hud #game-shell:has(#rest-controls:not([hidden])) #sticker-toast{top:8px;left:276px;right:76px;width:auto;max-width:none;padding:5px;gap:5px;font-size:11px}
 .simple-hud #game-shell:has(#rest-controls:not([hidden])) #sticker-toast-art{display:none}
 .backpack-choices{grid-template-columns:repeat(3,minmax(0,1fr))}
 .backpack-choice{min-height:72px}
}
@media(max-width:360px){
 .backpack-choice{min-height:88px;gap:5px;padding:7px 5px}
 .backpack-choice-art{flex-basis:26px;width:26px}
 .backpack-choice-art>svg{width:24px;height:24px}
 .backpack-choice strong{font-size:14px}
 .backpack-choice small{font-size:11px}
}
/* On a short phone, driving instructions fit between the mission and energy
   cards. Keep every word and the speaker; only the decorative tick steps out. */
@media(max-width:900px) and (max-height:430px) and (orientation:landscape){
 .simple-hud.driving #reward-toast{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;top:8px;bottom:auto;left:276px;right:76px;transform:none;transition:opacity .25s;width:auto;max-width:none;padding:6px;gap:6px;font-size:13px;line-height:1.2;text-align:left}
 .simple-hud.driving #reward-toast>svg{display:none}
 .simple-hud.driving #reward-toast>div{min-width:0}
 .simple-hud.driving #reward-toast strong{display:block}
 .simple-hud.driving #reward-toast small{margin-top:4px;font-size:11px;line-height:1.2}
}