/* A quieter mobile card hierarchy; keep small copy legible and inputs touch-friendly. */
@media(max-width:600px){
 body.mobile-game #overlay .board-event-card h2{font-size:17px!important;line-height:1.35;margin-bottom:6px!important}
 body.mobile-game #overlay .board-event-card p,body.mobile-game #overlay .board-event-card .hint{font-size:12px!important;line-height:1.6!important}
 body.mobile-game #overlay .board-card-category{font-size:13px!important}
 body.mobile-game #overlay .board-card-layout{gap:5px!important}
 body.mobile-game #overlay .choice{padding:6px 8px!important;min-height:40px}
 body.mobile-game #overlay .choice strong{font-size:12px!important;line-height:1.5}
 body.mobile-game #overlay .mobile-opportunity-summary b{font-size:15px}
 body.mobile-game #overlay .market-card-price>strong{font-size:23px;line-height:1.25;letter-spacing:-.02em}
 body.mobile-game #overlay .speculation-card .market-card-price>strong{font-size:22px}
 body.mobile-game #overlay .speculation-card .speculation-field input{font-size:16px;min-height:40px;height:40px}
 body.mobile-game #overlay .speculation-card .speculation-input-row button{height:40px;min-height:40px}
 body.mobile-game #overlay .board-event-card>.board-trade-footer>button{min-height:40px}
 body.mobile-game #overlay .market-card-facts strong{font-size:13px}
 body.mobile-game #overlay .board-event-card .receipt-grid b{font-size:16px}
 body.mobile-game #overlay .board-event-card .bbq-collapse-quote strong{font-size:22px}
 body.mobile-game .compact-auction .auction-project h2{font-size:15px;line-height:1.4;margin-bottom:4px}
 body.mobile-game .compact-auction .auction-project-facts :is(strong,b){font-size:14px!important}
 body.mobile-game .compact-auction .turn-auction-high strong{font-size:26px}
 body.mobile-game .board-center .compact-auction .auction-quote .auction-quote-amount>strong{font-size:min(var(--quote-font,26px),26px)}
 body.mobile-game .compact-auction .turn-bid-buttons button{min-height:40px;font-size:12px;padding:5px}
 body.mobile-game #overlay .board-event-card .protection-prices strong{font-size:17px}
 body.mobile-game #overlay .board-event-card .premium-price-change :is(strong,del){font-size:17px}
 body.mobile-game #overlay .board-event-card .protection-claim-result>strong{font-size:20px}
 #personalTradeLayer .personal-trade-card header{padding:9px 14px}
 #personalTradeLayer .personal-trade-card h2{font-size:18px;line-height:1.4}
 #personalTradeLayer .personal-trade-card h3{font-size:16px}
 #personalTradeLayer .personal-trade-card p{font-size:12px;line-height:1.6}
 #personalTradeLayer .personal-trade-scroll{padding:10px 14px}
 #personalTradeLayer .personal-trade-quote{padding:5px 0}
 #personalTradeLayer .personal-trade-quote strong{font-size:25px;line-height:1.25}
 #personalTradeLayer[data-trade-mode=positions] .personal-trade-quote strong{font-size:21px}
 #personalTradeLayer .personal-trade-tabs{margin:7px 0;gap:8px}
 #personalTradeLayer .personal-trade-tabs button{font-size:13px;min-height:42px;padding:7px}
 #personalTradeLayer .contract-mode-tabs button{font-size:12px;min-height:40px}
 #personalTradeEditor .field{font-size:12px}
 #personalTradeEditor input{font-size:16px;min-height:42px}
 #personalTradeLayer .contract-fields .field{margin:8px 0}
 #personalTradeLayer .contract-presets{margin-bottom:8px}
 #personalTradeLayer .contract-presets button{font-size:12px;min-height:36px}
 #personalTradeLayer .contract-metrics{padding:10px;gap:8px;margin:8px 0}
 #personalTradeLayer .contract-metrics dd{font-size:15px}
 #personalTradeLayer .contract-total{padding:9px 0;gap:6px 10px}
 #personalTradeLayer .contract-total strong,#personalTradeLayer .contract-card-pnl>strong{font-size:20px}
 #personalTradeLayer .contract-position-card{padding:10px;margin:7px 0}
 #personalTradeLayer .contract-card-heading>strong{font-size:13px}
 #personalTradeLayer .contract-close-one{font-size:12px;min-height:40px;padding:6px 12px}
 #personalTradeLayer .contract-card-metrics{gap:7px 10px;margin:8px 0}
 #personalTradeLayer .contract-card-metrics dd{font-size:13px}
 #personalTradeLayer #personalTradeSubmit{font-size:14px;min-height:44px}
 #personalTradeLayer[data-trade-mode=contract] #personalTradeSubmit{font-size:16px;min-height:52px;padding:11px;margin-top:10px;letter-spacing:.5px}
 #personalTradeLayer .trade-quote-alert-card h3{font-size:18px}
 #personalTradeLayer .trade-quote-alert-card button{font-size:14px;min-height:46px}
}