/* Reference composition: typography and spacing tweaks. Layout (grid, signs, calculator width) lives in play.css. */
body.classic-home{display:flow-root}
body.classic-home .play-hero h1{font-size:clamp(34px,3.3vw,50px);text-wrap:balance}
body.classic-home .play-hero p{font-size:17px;max-width:590px}
body.classic-home .offer h3{font-size:24px}
body.classic-home .slot strong{font-size:14px}
body.classic-home .slot .edit{font-size:12px;line-height:1.3}
body.classic-home .slot .price{font-size:16px}
body.classic-home .slot{overflow-wrap:anywhere}
body.classic-home .check-trade-btn{border:2px solid #bca1ff;border-radius:28px;min-height:68px}
@media(min-width:1181px){
  body.classic-home #main{width:min(1600px,calc(100% - 40px))}
  .player-card{padding:14px 12px;gap:10px}
  .player-avatar{width:64px;height:64px}
  .player-hello strong{font-size:17px}
  .player-hello span{font-size:12px}
  .quest-row{font-size:12px;min-height:42px}
  .quest-head{gap:6px}.quest-head h2{font-size:16px}.quest-timer{font-size:11px}
  body.classic-home .play-hero{padding:4px 20px 14px;min-height:173px}
  body.classic-home .offers{grid-template-columns:minmax(0,1fr) 127px minmax(0,1fr)}
  body.classic-home .offer,body.classic-home .offer.theirs{padding:18px 17px 33px}
  body.classic-home .slots{grid-auto-rows:minmax(110px,auto);gap:8px}
  body.classic-home .slot,body.classic-home .empty-slot.ghost{min-height:110px}
  body.classic-home .slot{padding:4px 3px}
  body.classic-home .slot img{height:48px}
  body.classic-home .slot .classic-pet{width:48px;height:48px}
  body.classic-home .slot strong{font-size:12px;line-height:1.12}
  body.classic-home .slot .edit{font-size:10px;line-height:1.1;min-height:18px}
  body.classic-home .slot .price{font-size:13px;line-height:1.1}
  body.classic-home .offer-heading small{font-size:12px}
  body.classic-home .slot img{height:58px}
  body.classic-home .total{margin-top:18px}
  .journey{margin-top:24px}
}
@media(min-width:1600px){body.classic-home .play-hero{min-height:173px}body.classic-home .slots{grid-auto-rows:minmax(110px,auto)}body.classic-home .slot,body.classic-home .empty-slot.ghost{min-height:110px}}
@media(max-width:720px){
  body.classic-home .play-hero h1{font-size:32px}
  body.classic-home .play-hero p{font-size:15px}body.classic-home .site-header{width:calc(100% - 24px)}
  body.classic-home .offer h3{font-size:21px}body.classic-home .slot strong{font-size:13px}
  .diff-card{flex-wrap:wrap;justify-content:center;max-width:calc(100% - 70px)}
}

body.classic-home .trade-swap{font-size:28px}
body.classic-home .total{font-size:18px}
body.classic-home .total strong,body.classic-home .theirs .total strong{font-size:21px}
@media(max-width:720px){body.classic-home .trade-swap{font-size:21px}}