/* Fase 07 regression: keep the price visible above a filled wallet on narrow
   screens. The displayed history has at most 18 coins: two rows of nine. */
@media(max-width:680px){
 .game-shell .world-market .market-stall .stall-roof{height:16px;min-height:16px}
 .game-shell .world-market .market-wallet{padding:3px 7px}
 .game-shell .world-market .market-wallet>div{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:2px}
 .game-shell .world-market .wallet-coin{width:22px;height:22px;max-width:100%;justify-self:center}
 .game-shell .world-market .coin-tools{gap:5px;margin-top:3px}
}

.paused-identity{display:flex;align-items:center;gap:12px;min-width:0}.paused-identity>span{width:92px;height:56px;flex:none}.paused-identity strong{overflow-wrap:anywhere}
/* The adult gate scrolls as a single document: error/copy must never shrink into
   each other when six cards, large text and a short viewport share a modal. */
.dialog.modal-gate>*{flex-shrink:0}
.modal-gate .adult-gate-card>.toy-face{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:7px;white-space:normal}
.modal-gate .adult-gate-card strong{white-space:nowrap;word-break:normal;overflow-wrap:normal}
.modal-gate .adult-gate-icon{flex:none}
.modal-gate .gate-return>.toy-face{display:flex;align-items:center;justify-content:center;gap:10px}
.modal-habitat-character .wardrobe-choice>.toy-face{display:block;white-space:normal;word-break:normal;overflow-wrap:normal}
@media(max-width:600px){.modal-habitat-character .wardrobe-choice{flex-basis:135px;overflow-wrap:normal;word-break:normal}}