.speculation-field{margin-top:10px}.speculation-field>span{display:block;margin-bottom:5px}.speculation-input-row{display:flex;gap:7px;align-items:stretch}.speculation-input-row input{flex:1;width:0;min-width:0;font-size:20px;min-height:44px}.speculation-input-row button{flex:none;width:58px;margin:0}.speculation-balance{color:var(--muted,#adc4b0);font-size:14px;line-height:1.6}
@media(max-width:600px){body.mobile-game #overlay .speculation-card h2{font-size:17px!important;margin-bottom:5px!important}body.mobile-game #overlay .speculation-card .market-card-price{padding:5px}body.mobile-game #overlay .speculation-card .market-card-price>strong{font-size:24px;margin:2px 0}body.mobile-game #overlay .speculation-card .market-card-badge{padding:3px 5px;font-size:10px}body.mobile-game #overlay .speculation-card .speculation-field{margin:3px 0;font-size:12px}body.mobile-game #overlay .speculation-card .speculation-field input{min-height:38px;height:38px;font-size:17px;padding:6px 10px}body.mobile-game #overlay .speculation-card .speculation-input-row button{min-height:38px;height:38px;font-size:12px;padding:4px;width:48px}body.mobile-game #overlay .speculation-card .speculation-balance{font-size:11px}body.mobile-game #overlay .speculation-card #speculationPreview{font-size:13px!important;margin:4px 0!important}body.mobile-game #overlay .speculation-card .board-card-layout{gap:5px}body.mobile-game #overlay .speculation-card .market-card-note{font-size:11px!important;line-height:1.4!important;margin:4px 0!important}body.mobile-game #overlay .speculation-card>.board-trade-footer{padding-top:5px;gap:5px}body.mobile-game #overlay .speculation-card>.board-trade-footer>button{font-size:12px;min-height:38px;padding:5px}}
#overlay .speculation-input-label{display:flex;justify-content:space-between;gap:6px;align-items:baseline}#overlay .speculation-input-label b{font-weight:650;flex:none}#overlay .speculation-input-label #speculationPreview{font-size:13px;color:#f2d895;line-height:1.4;text-align:right}body.mobile-game #overlay .speculation-card .speculation-input-label #speculationPreview{font-size:11px!important;margin:0!important}
#overlay .speculation-card .speculation-field>.speculation-input-label{display:flex;justify-content:space-between;gap:8px;align-items:baseline;flex-wrap:wrap}#overlay .speculation-card .speculation-input-label #speculationPreview{font-size:13px;flex:1;text-align:right;min-width:0}body.mobile-game #overlay .speculation-card .speculation-input-label #speculationPreview{font-size:11px!important}

/* Token offers share a cash budget editor; market sales retain quantity inputs. */
#overlay .token-purchase-card>.board-trade-footer{display:grid;grid-template-columns:1fr 1fr}
#overlay .token-purchase-card .board-card-actions{margin-top:8px}
#overlay .token-purchase-card .event-card-heading h2{font-size:25px;color:#f2d58e;line-height:1.3;margin:4px 0}
#overlay .token-purchase-card .token-offer-subtitle{font-size:18px;font-weight:650;color:#cad8c4;margin:0 0 10px;line-height:1.3}
.token-offer-price{display:flex;align-items:baseline;justify-content:center;gap:12px;padding:8px 0;border-top:1px solid #b7b47830;border-bottom:1px solid #b7b47830;margin:8px 0}
.token-offer-price>span{font-size:13px;color:#afc1aa}.token-offer-price strong{font-size:23px;color:#f1d795}.token-offer-price small{font-size:12px;font-weight:500;color:#bbcbb4}
.token-budget-editor{min-width:0}.token-budget-field{margin:8px 0}.token-budget-field>span{display:flex;align-items:baseline;justify-content:space-between;gap:6px;flex-wrap:wrap;font-size:14px}.token-budget-field small{font-size:12px;color:#b3c5af}.token-budget-field small strong{color:#efd99e;font-weight:600}.token-budget-field input{min-height:44px;font-size:20px;width:100%;margin-top:5px}
.token-budget-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.token-budget-presets button{min-height:36px;padding:6px;font-size:13px}
#overlay .token-purchase-card .token-budget-note{font-size:12px;line-height:1.5;color:#aebeac;margin:6px 0}
#overlay .token-purchase-card .error:empty{display:none}
@media(min-width:601px){
 #overlay.board-card-host:has(.token-purchase-card){max-height:max(260px,calc(100dvh - var(--card-top) - 12px))}
 #overlay.board-card-host .token-purchase-card{padding:14px!important;gap:8px}
 #overlay .token-purchase-card .event-card-heading h2{font-size:23px;margin:2px 0}
 #overlay .token-purchase-card .token-offer-subtitle{font-size:16px;margin-bottom:4px}
 #overlay .token-purchase-card .token-offer-price{padding:4px 0;margin:4px 0}
 #overlay .token-purchase-card .speculation-balance{font-size:12px;line-height:1.4}
 #overlay .token-purchase-card .board-card-actions{margin-top:4px}
 #overlay .token-purchase-card .token-budget-field{margin:4px 0 6px}
 #overlay .token-purchase-card .token-budget-field input{height:40px;min-height:40px;padding:8px 10px;font-size:17px}
 #overlay .token-purchase-card .token-budget-note{font-size:11px;margin:4px 0}
 #overlay .token-purchase-card .error{font-size:12px;margin:4px 0}
 @container eventcard (max-height:460px){
  #overlay .token-purchase-card.card-compact .board-card-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;align-items:start}
  #overlay .token-purchase-card .board-card-actions{margin-top:0}
  #overlay .token-purchase-card .event-card-heading h2{font-size:21px;text-wrap:wrap}
  #overlay .token-purchase-card .token-offer-price{justify-content:flex-start;gap:6px}
  #overlay .token-purchase-card .token-offer-price strong{font-size:20px}
  #overlay .token-purchase-card .token-budget-field>span{font-size:12px}
  #overlay .token-purchase-card .token-budget-field small{font-size:11px}
 }
}
@media(max-width:600px){
 body.mobile-game #overlay .token-purchase-card .event-card-heading h2{font-size:20px!important;line-height:1.3!important;margin:3px 0!important}
 body.mobile-game #overlay .token-purchase-card .token-offer-subtitle{font-size:14px!important;line-height:1.3!important;margin:0 0 5px!important}
 .token-offer-price{padding:5px 0;margin:5px 0;gap:7px}.token-offer-price strong{font-size:20px}.token-offer-price>span,.token-offer-price small{font-size:11px}
 .token-budget-field{margin:3px 0 6px}.token-budget-field>span{font-size:12px}.token-budget-field small{font-size:10px}.token-budget-field input{height:38px;min-height:38px;font-size:17px;padding:6px 10px}
 .token-budget-presets button{font-size:12px;min-height:34px;padding:5px}
 body.mobile-game #overlay .token-purchase-card .token-budget-note{font-size:10px!important;line-height:1.4!important;margin:4px 0!important}
}