/* A quiet, always available possessions tray. The native button opens a paused,
   full-name inventory; no hover-only or individually tiny item targets. */
.possessions-tray{min-width:0;gap:12px;border-radius:9px 9px 0 0}
.possessions-tray .possessions-button{position:relative;min-height:44px;height:44px;min-width:0;margin:0;padding:3px 22px 3px 8px;border:1px solid #b7b49655;border-radius:7px;background:#ffffff06;text-align:left;line-height:1.25;flex-shrink:1;overflow:hidden}
.possessions-tray .possessions-button:hover{background:#ffffff10}
.possessions-tray .possessions-button span,.possessions-tray .possessions-button b{margin:0;font-size:13px;letter-spacing:0;line-height:1.3;color:inherit}
.possessions-tray .possessions-button .possession-label{font-size:11px;color:#d7cdb9;font-weight:400}
.possessions-tray .possessions-button .details-chevron{position:absolute;right:9px;top:10px;font-size:20px}
.possessions-tray #pocketCompact{display:none}
.inventory-list{margin:22px 0;font-size:16px;line-height:1.5}
.inventory-list dt{font-size:12px;letter-spacing:.06em;color:#d0c1a9;margin:16px 0 5px}
.inventory-list dd{margin:0;color:#fff0d3;overflow-wrap:anywhere}
.inventory-list ul{margin:0;padding-left:22px}
.inventory-list li+li{margin-top:7px}
.inventory-list+ p{font-size:14px;line-height:1.6}
#closePocket{min-height:48px}
.room-label{transition:opacity .4s;pointer-events:none}
.room-label.room-label-settled{opacity:0}
/* The Help button remains the persistent route to complete keyboard/touch help. */
#help,#pause{min-width:44px;min-height:44px}
.bottom-tip{display:none}
@media(prefers-reduced-motion:reduce){.room-label{transition:none}}
.possessions-tray{display:flex;align-items:center;padding:5px 8px;background:#272230}
.possessions-tray .possessions-button{flex:1 1 auto;max-width:760px}
.possessions-tray .possessions-button .hand-line,.possessions-tray .possessions-button .pocket-line{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.possessions-tray .possessions-button b{display:inline;font-weight:500}
.possessions-tray>.rescue-status,.possessions-tray>.ghost-status{display:flex;flex-direction:column;justify-content:center;flex:0 0 auto;border:0;padding:0 5px;min-width:0}
.possessions-tray>.rescue-status{width:104px}.possessions-tray>.ghost-status{width:56px}
.possessions-tray small{font-size:10px;color:#d7cdb9;letter-spacing:.03em}
.possessions-tray b{font-size:13px;margin:2px 0 0}
#ghostProgress{display:none}
.touch-mode.is-playing .hud.possessions-tray{display:flex;flex:0 0 48px;height:48px;min-height:48px;gap:6px;padding:2px 4px;overflow:visible}
.touch-mode.is-playing .hud.possessions-tray .possessions-button{height:44px;min-height:44px;padding-left:5px;padding-right:18px}
.touch-mode.is-playing .hud.possessions-tray>.rescue-status,.touch-mode.is-playing .hud.possessions-tray>.ghost-status{display:flex;padding:0 3px}
.touch-mode.is-playing .hud.possessions-tray>.rescue-status{width:76px}.touch-mode.is-playing .hud.possessions-tray>.ghost-status{width:44px}
.touch-mode.is-playing .hud.possessions-tray small{font-size:9px;letter-spacing:0}
.touch-mode.is-playing .hud.possessions-tray b{font-size:12px;overflow:visible}
/* Set-down always has its own slot. Picking up an item never moves Act. */
.controls #actTouch,.controls.has-carry #actTouch{grid-column:3/5}
.controls.has-carry #jumpTouch,.controls.has-carry #rollTouch{transform:none}
@media(max-width:700px){.possessions-tray .possessions-button span,.possessions-tray .possessions-button b{font-size:12px}.possessions-tray .possessions-button .possession-label{font-size:11px}}
@media(orientation:landscape) and (max-height:650px){
 .touch-mode.is-playing #play{grid-template-rows:48px 48px minmax(0,1fr) 44px;gap:4px 8px}
 .touch-mode.is-playing .mission-heading{height:48px;grid-row:1}
 .touch-mode.is-playing .hud.possessions-tray{grid-column:1/-1;grid-row:2;align-self:stretch}
 .touch-mode.is-playing .stage-wrap{grid-row:3}
 .touch-mode.is-playing .interaction{grid-row:4}
 .touch-mode.is-playing .controls{height:160px}
 .touch-mode.is-playing .controls #jumpTouch,.touch-mode.is-playing .controls #rollTouch,.touch-mode.is-playing .controls.has-carry #jumpTouch,.touch-mode.is-playing .controls.has-carry #rollTouch{bottom:108px}
 .touch-mode.is-playing .hud.possessions-tray #pocketCompact{display:none}
}
@media(orientation:landscape) and (max-height:400px){.touch-mode.is-playing .room-label strong{font-size:11px}}

.room-label.room-label-still{transition:none}

/* Icon-first pocket, one large accessible button. Full names are in its paused dialog. */
.possessions-tray .possessions-button #pocketIcons{display:inline-block;vertical-align:middle;height:22px;max-width:80px;margin:0}

.possessions-tray .possessions-button #pocketCompact{display:none!important}
.possessions-tray .possessions-button .pocket-line{height:22px;line-height:22px}
.possessions-tray .possessions-button .hand-line{font-size:11px;line-height:14px}
.possessions-tray .possessions-button .hand-line b{font-size:12px}

.home-more{margin-top:14px;font-size:13px;color:#d0c6b6}.home-more>summary{cursor:pointer;min-height:44px;display:list-item;padding:11px 0;list-style-position:inside}.home-more>summary:focus-visible{outline:3px solid #f3d59e;outline-offset:2px}.optional-actions{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}.optional-actions button{min-height:44px}.home-options-end{display:none}

/* Keep the one actual action prompt. A secondary lesson still points at its
   real control and describes it for assistive technology, without competing text. */
.interaction.guidance-secondary>:not(.guidance-status){visibility:visible}
.interaction.guidance-secondary>.guidance-status{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;border:0;white-space:nowrap}

.possessions-tray .possessions-button .pocket-line{display:flex;align-items:center;gap:4px}
.possessions-tray .possessions-button .pocket-line>.possession-label,.possessions-tray .possessions-button #pocketIcons{flex:0 0 auto}

/* Localized prose can grow without changing game geometry or control semantics. */
html:not([lang="en"]) body,html:not([lang="en"]) button{font-family:system-ui,"Noto Sans","PingFang TC","PingFang SC","Hiragino Sans","Malgun Gothic",sans-serif}
html:not([lang="en"]) .dialog h2,html:not([lang="en"]) .dialog p,html:not([lang="en"]) .home-copy{overflow-wrap:anywhere}
html:not([lang="en"]) .buttons button,html:not([lang="en"]) .optional-actions button{white-space:normal;overflow-wrap:anywhere;height:auto}
html:not([lang="en"]) .controls button{white-space:normal;overflow-wrap:anywhere;line-height:1.1;letter-spacing:0}
html:not([lang="en"]) .room-label{max-width:calc(100% - 24px)}
html:not([lang="en"]) .room-label strong,html:not([lang="en"]) .room-label span{white-space:normal;overflow-wrap:anywhere}
html:not([lang="en"]) .map-room{overflow-wrap:anywhere}
html:not([lang="en"]) .dialog .settings label{min-width:0;overflow-wrap:anywhere}

/* The one contextual action has one paw; keyboard letters stay off touch controls. */
#actTouch .interact-paw{display:inline-block;width:28px;height:20px;vertical-align:middle;margin-right:6px;flex:none}
#actTouch.paw-guidance::after,#actTouch.paw-guidance::before{display:none}
#actTouch:disabled{cursor:default}