/* Earn MP (js/casino.js earnHTML): made from Home's own pieces (stat cards, h14 cards and tiles, the Today card).
   This file only sets the page layout around them. */
.e9{padding:4px 0 28px;max-width:1240px;margin:0 auto}
.e9-stats{margin:6px 0 0!important;padding:0!important;gap:10px!important;overflow:visible!important}
.e9-stats .fu6-c{flex:1 1 0!important;min-width:0!important;padding:14px 10px 12px!important;border-radius:18px!important}
.e9-stats .fu6-c b{font-size:24px!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.e9-stats .e9-hot b{color:#4ade80}
.e9-cols,.e9-col{display:flex;flex-direction:column}
/* challenges read better one per row; the three games sit side by side */
.h14-grid.e9-one{grid-template-columns:1fr}
.h14-grid.e9-one .h14-tt b{white-space:normal}
.h14-grid.e9-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.h14-grid.e9-three .h14-t{flex-direction:column;align-items:flex-start;gap:8px}
.h14-t:disabled{cursor:default}
@media (min-width:1100px){
  .e9-stats{max-width:520px}
  .e9-cols{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:start;margin-top:16px}
  .e9-col{gap:16px}.e9-col>.h14-card{margin-top:0}
  .e9-col .h14-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .e9-col .h14-grid.e9-one{grid-template-columns:1fr}
  .e9-col .h14-grid.e9-three{grid-template-columns:repeat(3,minmax(0,1fr))}
}