/* Phone layout: a real mobile board, not a compressed desktop board. */
@media (max-width: 900px) {
  html, body { width:100%; max-width:100%; min-height:100%; overflow-x:hidden !important; }
  html.gf-scale body { overflow-y:auto !important; }
  .app { display:block !important; height:auto !important; min-height:100dvh !important; overflow:visible !important; }
  .rail { display:none !important; }
  main { display:block !important; min-height:100dvh !important; padding:0 !important; overflow:visible !important; }

  html.gf-scale main > header, main > header {
    position:sticky !important; top:0 !important; z-index:1500 !important;
    display:grid !important; grid-template-columns:42px minmax(0,1fr) auto !important;
    grid-template-rows:58px 44px !important; column-gap:8px !important;
    width:100% !important; height:102px !important; min-height:102px !important;
    padding:0 16px !important; background:#0e0d13 !important;
    border-bottom:1px solid rgba(255,255,255,.07) !important;
  }
  html.gf-scale main > header > .top-brand, main > header > .top-brand { grid-column:1; grid-row:1; width:42px !important; min-width:42px !important; padding:0 !important; }
  html.gf-scale main > header .brand-mark, main > header .brand-mark { width:38px !important; height:38px !important; }
  html.gf-scale main > header .brand-name, main > header .brand-name { display:none !important; }
  html.gf-scale main > header .header-right, main > header .header-right { grid-column:3; grid-row:1; min-width:0 !important; gap:7px !important; }
  html.gf-scale main > header .online, main > header .online,
  html.gf-scale main > header .account > span, main > header .account > span { display:none !important; }
  html.gf-scale main > header .header-icons, main > header .header-icons { gap:5px !important; }
  html.gf-scale main > header .hicon, main > header .hicon { width:32px !important; height:32px !important; }
  html.gf-scale main > header .account, main > header .account { width:34px !important; height:34px !important; min-width:34px !important; padding:0 !important; font-size:0 !important; }
  html.gf-scale main > header .account img, main > header .account img { width:32px !important; height:32px !important; }
  html.gf-scale main > header .balance, main > header .balance {
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    width:auto !important; min-width:70px !important; height:34px !important; margin:0 !important;
    padding:0 3px !important; gap:3px !important; border:0 !important; background:transparent !important;
    box-shadow:none !important; color:#ba8aff !important;
  }
  html.gf-scale main > header .balance small, main > header .balance small,
  html.gf-scale main > header .balance strong, main > header .balance strong { display:none !important; }
  html.gf-scale main > header .balance b, main > header .balance b {
    display:inline-flex !important; align-items:center !important; gap:3px !important; white-space:nowrap !important;
    color:#ba8aff !important; font-size:13px !important; line-height:1 !important;
  }
  html.gf-scale main > header .balance b em, main > header .balance b em { font-size:11px !important; }
  html.gf-scale main > header #gfPrimaryNav, main > header #gfPrimaryNav {
    grid-column:1 / -1 !important; grid-row:2 !important; display:flex !important;
    width:100% !important; height:44px !important; min-height:44px !important; overflow-x:auto !important;
    justify-content:flex-start !important; align-items:stretch !important; gap:0 !important;
    padding:0 2px !important; scroll-padding-left:2px !important; scrollbar-width:none !important;
    position:relative !important; isolation:isolate !important; overflow-y:hidden !important;
    border:0 !important; background:#0e0d13 !important; box-shadow:0 1px 0 rgba(255,255,255,.055) !important;
  }
  html.gf-scale main > header #gfPrimaryNav::-webkit-scrollbar, main > header #gfPrimaryNav::-webkit-scrollbar { display:none; }
  html.gf-scale main > header #gfPrimaryNav button, main > header #gfPrimaryNav button {
    flex:0 0 auto !important; width:auto !important; min-width:max-content !important; height:44px !important;
    position:relative !important; display:inline-flex !important; align-items:center !important; justify-content:center !important;
    padding:0 14px !important; border:0 !important; background:transparent !important; box-shadow:none !important;
    color:#9893a3 !important; font-size:11px !important; letter-spacing:.015em !important;
  }
  html.gf-scale main > header #gfPrimaryNav button::before, main > header #gfPrimaryNav button::before { display:none !important; }
  html.gf-scale main > header #gfPrimaryNav button::after, main > header #gfPrimaryNav button::after { content:"" !important; position:absolute !important; z-index:1 !important; left:14px !important; right:14px !important; bottom:0 !important; height:2px !important; border:0 !important; background:#a466f0 !important; box-shadow:0 0 10px rgba(164,102,240,.7) !important; opacity:0 !important; transform:scaleX(.45) !important; transition:opacity .18s ease,transform .18s ease !important; }
  html.gf-scale main > header #gfPrimaryNav button.active, main > header #gfPrimaryNav button.active { color:#f7f4fb !important; }
  html.gf-scale main > header #gfPrimaryNav button.active::after, main > header #gfPrimaryNav button.active::after { opacity:1 !important; transform:scaleX(1) !important; }
  html.gf-scale main > header #gfPrimaryNav .top-nav-stat, main > header #gfPrimaryNav .top-nav-stat { display:none !important; }

  .workspace { display:block !important; width:100% !important; min-height:0 !important; height:auto !important; margin:0 !important; padding:0 16px calc(82px + env(safe-area-inset-bottom)) !important; overflow:visible !important; }
  .page-title { min-height:0 !important; margin:0 !important; padding:21px 0 15px !important; }
  .page-title h1 { font-size:26px !important; line-height:1.05 !important; }
  .page-title p { font-size:10px !important; }
  .columns { display:block !important; width:100% !important; min-height:0 !important; height:auto !important; overflow:visible !important; }
  .game-list, #racePage, #affiliatesPage, #jackpotPage, #inventoryPage { width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; overflow:visible !important; }

  /* Make the race teaser useful without wasting half the phone. */
  #gfAnnounce.race-banner--editorial { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; grid-template-areas:"summary actions" !important; align-items:center !important; gap:16px !important; min-height:112px !important; margin:0 0 12px !important; padding:17px 16px !important; border-radius:10px !important; text-align:left !important; }
  #gfAnnounce .rb-art { display:none !important; }
  #gfAnnounce .rb-summary { min-width:0 !important; text-align:left !important; justify-self:start !important; justify-items:start !important; align-items:flex-start !important; justify-content:center !important; }
  #gfAnnounce .rb-summary *, #gfAnnounce .rb-line { text-align:left !important; justify-content:flex-start !important; }
  #gfAnnounce .rb-summary h2 { margin:0 0 8px !important; font-size:18px !important; line-height:1.05 !important; }
  #gfAnnounce .rb-line { width:auto !important; margin:0 !important; }
  #gfAnnounce .rb-value { display:inline-flex !important; align-items:center !important; justify-content:flex-start !important; font-size:28px !important; line-height:1 !important; }
  #gfAnnounce .rb-actions { display:flex !important; flex-direction:column !important; align-items:flex-end !important; gap:10px !important; }
  #gfAnnounce .rb-countdown { display:block !important; text-align:right !important; }
  #gfAnnounce .rb-countdown span { display:block !important; margin-bottom:4px !important; font-size:8px !important; }
  #gfAnnounce .rb-countdown b { font-size:15px !important; letter-spacing:-.025em !important; white-space:nowrap !important; }
  #gfAnnounce .rb-countdown b i { font-size:.72em !important; }
  #gfAnnounce .rb-view { min-height:32px !important; padding:0 11px !important; font-size:9px !important; }

  /* Jackpot: title starts with the rest of the mobile page, not in the middle. */
  body.on-jackpot .page-title, body.on-jackpot .page-title > div { text-align:left !important; align-items:flex-start !important; justify-content:flex-start !important; }
  body.on-jackpot #jackpotPage .jp-commit {
    display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; gap:12px 14px !important;
    padding:13px 14px !important; align-items:end !important;
  }
  body.on-jackpot #jackpotPage .jp-commit-k:first-child { grid-column:1 !important; grid-row:1 !important; }
  body.on-jackpot #jackpotPage .jp-commit-k:nth-of-type(2) { grid-column:2 !important; grid-row:1 !important; text-align:right !important; }
  body.on-jackpot #jackpotPage .jp-commit-h { grid-column:1 / -1 !important; grid-row:2 !important; width:100% !important; }
  body.on-jackpot #jackpotPage .jp-commit-h code { overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; font-size:10px !important; }
  body.on-jackpot #jackpotPage .jp-commit-btn { grid-column:1 / -1 !important; grid-row:3 !important; width:100% !important; min-height:36px !important; }
  body.on-jackpot #jackpotPage .jp-h-av,
  body.on-jackpot #jackpotPage .jp-entry-av,
  body.on-jackpot #jackpotPage .jp-tile-av { aspect-ratio:1 !important; object-fit:cover !important; object-position:center !important; border-radius:50% !important; }

  .game-list { border-radius:10px !important; }
  .list-head { min-height:0 !important; padding:12px !important; gap:10px !important; align-items:flex-start !important; flex-direction:column !important; }
  .lobby-heading { width:100% !important; flex-wrap:wrap !important; gap:8px !important; }
  .lobby-heading .live-total { margin-left:auto !important; }
  .create-open { margin-left:auto !important; }
  .lobby-tools { width:100% !important; display:flex !important; gap:6px !important; overflow-x:auto !important; padding-bottom:2px !important; }
  .lobby-tools button { flex:0 0 auto !important; }
  .labels { display:none !important; }
  .lobby { grid-template-columns:minmax(0,1fr) auto !important; min-height:76px !important; height:auto !important; padding:10px 12px !important; gap:10px !important; }
  .lobby .offer, .lobby .chance { display:none !important; }
  .lobby .pot { grid-column:1 !important; grid-row:2 !important; font-size:13px !important; }
  .lobby .actions { grid-column:2 !important; grid-row:1 / span 2 !important; display:flex !important; }
  .lobby .actions button { min-width:50px !important; }
  .past-game { grid-template-columns:minmax(0,1fr) auto !important; gap:10px !important; padding:12px !important; }
  .past-game .won-items, .past-game .history-chance { display:none !important; }
  .lobby .pot em, .live-total em, .past-game > b em { width:13px !important; height:13px !important; vertical-align:-2px !important; }
  .lobby .pot, .past-game > b { white-space:nowrap !important; }

  /* Race cards become an ordered podium feed rather than tiny three columns. */
  #racePage .race-arena { display:block !important; min-height:0 !important; height:auto !important; }
  #racePage .race-podium-stage { min-height:0 !important; height:auto !important; border-radius:12px !important; overflow:visible !important; }
  #racePage .race-stage-header { min-height:0 !important; height:auto !important; padding:15px !important; flex-wrap:wrap !important; gap:12px !important; }
  #racePage .race-stage-title > span { font-size:15px !important; }
  #racePage .race-stage-title > small { font-size:9px !important; }
  #racePage .race-stage-stats { width:100% !important; justify-content:space-between !important; gap:8px !important; }
  #racePage .race-stage-stats > span { flex:1 1 0 !important; min-width:0 !important; padding-left:0 !important; text-align:center !important; }
  #racePage .race-stage-stats > span b { font-size:16px !important; white-space:nowrap !important; }
  #racePage .race-stage-stats .race-stage-total b { font-size:21px !important; }
  #racePage .race-podium-grid { display:flex !important; flex-direction:column !important; height:auto !important; padding:13px !important; gap:12px !important; }
  #racePage .race-podium-racer { order:2 !important; min-height:0 !important; height:auto !important; padding:16px !important; }
  #racePage .race-podium-racer-1 { order:0 !important; }
  #racePage .race-podium-racer-2 { order:1 !important; }
  #racePage .race-podium-racer .race-podium-avatar .pg-av { width:74px !important; height:74px !important; }
  #racePage .race-podium-racer-1 .race-podium-avatar .pg-av { width:88px !important; height:88px !important; }
  #racePage .race-chasing { margin-top:12px !important; }
  #racePage .race-my-position { display:grid !important; grid-template-columns:1fr auto !important; gap:12px !important; padding:13px !important; }
  #racePage .race-my-wager { grid-column:1 / -1 !important; text-align:left !important; }

  /* Affiliate dashboard: preserve the hierarchy in one mobile column. */
  #affiliatesPage .aff-dashboard { width:100% !important; padding:0 0 8px !important; gap:14px !important; }
  #affiliatesPage .aff-main-hero { grid-template-columns:1fr !important; gap:18px !important; padding:20px 16px !important; }
  #affiliatesPage .aff-claim-card { padding:17px 0 0 !important; border-top:1px solid rgba(195,165,240,.22) !important; border-left:0 !important; }
  #affiliatesPage .aff-hero-copy h2 { font-size:34px !important; }
  #affiliatesPage .aff-link-shell { flex-direction:column !important; align-items:stretch !important; }
  #affiliatesPage .aff-link-shell button { width:100% !important; }
  #affiliatesPage .aff-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; }
  #affiliatesPage .aff-stat-grid article { min-height:92px !important; padding:14px !important; }
  #affiliatesPage .aff-payout-strip { grid-template-columns:1fr !important; gap:14px !important; padding:16px 0 !important; }
  #affiliatesPage .aff-bottom-grid { grid-template-columns:1fr !important; min-height:0 !important; height:auto !important; gap:18px !important; }
  #affiliatesPage .aff-panel { min-height:0 !important; padding:17px 0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; }
  #affiliatesPage .aff-panel header { flex-wrap:wrap !important; gap:10px !important; }
  #affiliatesPage .aff-chart { height:172px !important; }

  /* Every overlay can be reached, closed and scrolled on a phone. */
  .modal { align-items:flex-end !important; padding:9px !important; }
  .modal > section, .modal .profile-card, .modal .viewer-card, .modal .creator-card, .modal .set-card, .modal .bot-card, .modal .myflips-card, .modal .fd-card, .modal .pf-card, .modal .jpd-card {
    width:100% !important; max-width:100% !important; max-height:calc(100dvh - 18px) !important;
    margin:0 !important; transform:none !important; border-radius:12px !important;
  }
  #profile .profile-card { padding:18px 14px !important; }
  #profile .profile-hero { grid-template-columns:70px minmax(0,1fr) !important; gap:12px !important; }
  #profile .profile-avatar { width:68px !important; height:68px !important; }
  #profile .profile-career-strip, #profile .profile-performance { grid-template-columns:1fr 1fr !important; }
  #profile .profile-performance > div { min-height:70px !important; }
  #creator .creator-card { padding:19px 14px !important; }
  #creator .item-picker { grid-template-columns:1fr !important; }
  #creator .item-picker > button {
    display:grid !important; grid-template-columns:68px minmax(0,1fr) auto !important; grid-template-rows:1fr !important;
    align-items:center !important; min-height:82px !important; height:82px !important; padding:8px 10px !important;
    gap:10px !important; text-align:left !important;
  }
  #creator .item-picker > button img { grid-column:1 !important; grid-row:1 !important; width:64px !important; height:64px !important; object-fit:contain !important; }
  #creator .item-picker > button > span { grid-column:2 !important; grid-row:1 !important; min-width:0 !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; text-align:left !important; }
  #creator .item-picker > button > b { grid-column:3 !important; grid-row:1 !important; align-self:center !important; white-space:nowrap !important; font-size:13px !important; }
  #creator .catalog-picker { margin-top:13px !important; max-height:50dvh !important; }
  #creator .catalog-grid { grid-template-columns:1fr !important; gap:7px !important; padding:8px !important; }
  #creator .catalog-item {
    grid-template-columns:68px minmax(0,1fr) auto !important; grid-template-rows:1fr !important;
    justify-items:stretch !important; align-items:center !important; height:82px !important; min-height:82px !important;
    padding:8px 10px !important; gap:10px !important; text-align:left !important;
  }
  #creator .catalog-item img { grid-column:1 !important; grid-row:1 !important; width:64px !important; height:64px !important; }
  #creator .catalog-item > span { grid-column:2 !important; grid-row:1 !important; justify-items:start !important; align-self:center !important; }
  #creator .catalog-item > span b { font-size:13px !important; text-align:left !important; white-space:normal !important; overflow:visible !important; text-overflow:clip !important; }
  #creator .catalog-item > strong { grid-column:3 !important; grid-row:1 !important; align-self:center !important; font-size:13px !important; white-space:nowrap !important; }
  #creator .catalog-item > strong .g-coin { width:13px !important; height:13px !important; vertical-align:-2px !important; margin-right:2px !important; }
  #creator .catalog-item .cat-half { display:none !important; }
  #creator .creator-total em, #creator .creator-total .g-coin { width:17px !important; height:17px !important; vertical-align:-3px !important; }
  #myFlips .myflips-card { height:calc(100dvh - 18px) !important; padding:18px 14px !important; }
  #myFlips .mf-list { grid-template-columns:1fr !important; }
  #settings .set-card { height:calc(100dvh - 18px) !important; overflow:auto !important; }
  #settings .set-body { display:block !important; }
  #settings .set-side { display:block !important; border:0 !important; padding:16px 16px 0 !important; }
  #settings .set-brand h1 { font-size:21px !important; }
  #settings .set-nav { display:flex !important; flex-wrap:nowrap !important; overflow-x:auto !important; gap:7px !important; padding:12px 0 !important; border-bottom:1px solid rgba(255,255,255,.08) !important; }
  #settings .set-nav button { flex:0 0 auto !important; }
  #settings .set-main { min-height:0 !important; padding:16px !important; }
  #settings .set-content { padding-bottom:10px !important; }

  .gf-footer { margin-top:26px !important; }
  .gff-inner { grid-template-columns:1fr !important; gap:26px !important; padding:26px 0 !important; }
  .gff-cols { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:12px !important; }

  /* Desktop chat becomes a deliberate bottom sheet on phones. */
  .columns > .chat { position:fixed !important; inset:auto 10px calc(10px + env(safe-area-inset-bottom)) !important; z-index:2200 !important; display:flex !important; width:auto !important; height:min(70dvh,560px) !important; min-height:360px !important; margin:0 !important; border-radius:12px !important; visibility:hidden !important; opacity:0 !important; transform:translateY(calc(100% + 26px)) !important; transition:transform .22s ease,opacity .18s ease,visibility .18s ease !important; box-shadow:0 20px 64px rgba(0,0,0,.62) !important; }
  .columns > .chat .messages { min-height:0 !important; overflow-y:auto !important; }
  body.gf-mobile-chat-open .columns > .chat { visibility:visible !important; opacity:1 !important; transform:translateY(0) !important; }
  #gfMobileChatToggle { position:fixed; right:14px; bottom:calc(14px + env(safe-area-inset-bottom)); z-index:2150; display:grid; place-items:center; width:48px; height:48px; border:1px solid rgba(171,113,244,.7); border-radius:50%; background:#241535; color:#f5ebff; box-shadow:0 10px 26px rgba(0,0,0,.45),0 0 18px rgba(145,78,230,.2); cursor:pointer; }
  #gfMobileChatToggle svg { width:22px; height:22px; }
  #gfMobileChatClose { position:absolute; display:grid; place-items:center; top:9px; right:9px; z-index:2; width:28px; height:28px; padding:0; border:0; border-radius:6px; background:rgba(255,255,255,.07); color:#eee7f7; font-size:20px; cursor:pointer; }
  body.gf-mobile-chat-open #gfMobileChatToggle { pointer-events:none; opacity:0; }
}

/* Mobile polish v8: one continuous top surface, a reliable coinflip picker,
   and Race details that remain readable instead of being squeezed away. */
@media (max-width:900px) {
  html.gf-scale main > header, main > header {
    grid-template-rows:52px 38px !important;
    height:90px !important;
    min-height:90px !important;
    background:#0e0d13 !important;
    border-bottom:0 !important;
  }
  html.gf-scale main > header #gfPrimaryNav, main > header #gfPrimaryNav {
    height:38px !important;
    min-height:38px !important;
    padding:0 !important;
    scroll-padding-left:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  html.gf-scale main > header #gfPrimaryNav button, main > header #gfPrimaryNav button {
    height:38px !important;
    padding:0 13px !important;
  }
  html.gf-scale main > header #gfPrimaryNav button::after, main > header #gfPrimaryNav button::after {
    left:13px !important;
    right:13px !important;
    bottom:1px !important;
    box-shadow:none !important;
  }
  .page-title { padding:17px 0 14px !important; text-align:left !important; }
  .page-title > div { width:100% !important; text-align:left !important; }
  .page-title p, .page-title h1 { text-align:left !important; }

  /* Create Coinflip follows the exact phone-sheet geometry used by Join Jackpot.
     The card itself never scrolls; only its item grid does, keeping the close
     button and action area reachable at all times. */
  #creator.modal { align-items:center !important; justify-content:center !important; padding:8px !important; }
  #creator .creator-card {
    width:calc(100vw - 16px) !important;
    max-width:calc(100vw - 16px) !important;
    height:min(90dvh,760px) !important;
    max-height:calc(100dvh - 16px) !important;
    min-height:0 !important;
    padding:18px !important;
    overflow:hidden !important;
    border-radius:12px !important;
    display:flex !important;
    flex-direction:column !important;
  }
  #creator .creator-card > .close {
    display:grid !important;
    place-items:center !important;
    top:10px !important;
    right:10px !important;
    z-index:30 !important;
    width:34px !important;
    height:34px !important;
    font-size:27px !important;
  }
  #creator .creator-card > h2 { padding-right:42px !important; font-size:27px !important; }
  #creator .catalog-picker { flex:1 1 auto !important; min-height:0 !important; max-height:none !important; margin-top:13px !important; }
  #creator .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; padding:9px !important; }
  #creator .catalog-item {
    grid-template-columns:1fr !important;
    grid-template-rows:72px minmax(28px,auto) 20px !important;
    justify-items:center !important;
    align-content:center !important;
    min-height:132px !important;
    height:132px !important;
    padding:8px !important;
    gap:3px !important;
    text-align:center !important;
  }
  #creator .catalog-item img { grid-column:1 !important; grid-row:1 !important; width:68px !important; height:68px !important; }
  #creator .catalog-item > span { grid-column:1 !important; grid-row:2 !important; justify-items:center !important; width:100% !important; }
  #creator .catalog-item > span b { max-width:100% !important; font-size:11px !important; line-height:1.12 !important; text-align:center !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
  #creator .catalog-item > span small { display:none !important; }
  #creator .catalog-item > strong { grid-column:1 !important; grid-row:3 !important; justify-self:center !important; font-size:12px !important; }
  #creator .catalog-item > strong .g-coin { width:12px !important; height:12px !important; }
  #creator .creator-total { flex:0 0 auto !important; min-height:56px !important; margin-top:10px !important; }
  #creator .create-submit { flex:0 0 auto !important; min-height:48px !important; margin-top:10px !important; }

  /* Give the phone Race board enough room for a real player, their wager and
     the featured reward instead of turning the reward into an unreadable icon. */
  #racePage .race-podium-grid { gap:11px !important; padding:12px !important; }
  #racePage .race-podium-racer,
  #racePage .race-podium-racer-1,
  #racePage .race-podium-racer-2,
  #racePage .race-podium-racer-3 {
    grid-template-columns:31px 64px minmax(0,1fr) !important;
    grid-template-rows:auto auto auto !important;
    min-height:145px !important;
    padding:15px !important;
  }
  #racePage .race-podium-avatar { grid-column:2 !important; grid-row:1 !important; }
  #racePage .race-podium-avatar .pg-av,
  #racePage .race-podium-racer-1 .race-podium-avatar .pg-av { width:60px !important; height:60px !important; }
  #racePage .race-podium-person { grid-column:3 !important; grid-row:1 !important; }
  #racePage .race-podium-person b,
  #racePage .race-podium-racer-1 .race-podium-person b { font-size:17px !important; }
  #racePage .race-podium-amount { margin-top:6px !important; font-size:12px !important; color:#d0adff !important; }
  #racePage .race-podium-reward {
    grid-column:2 / -1 !important;
    grid-row:2 !important;
    min-height:42px !important;
    margin:11px 0 0 !important;
    gap:10px !important;
    overflow:visible !important;
  }
  #racePage .race-podium-reward .race-prize-item,
  #racePage .race-podium-racer-1 .race-podium-reward .race-prize-item { width:46px !important; height:46px !important; }
  #racePage .race-podium-reward small { font-size:8px !important; }
  #racePage .race-podium-reward b { max-width:none !important; font-size:13px !important; }
  #racePage .race-podium-reward .race-prize-value { font-size:11px !important; }
  #racePage .race-podium-meter { margin-top:12px !important; }
  #racePage .race-my-position { margin:12px !important; padding:15px !important; gap:11px 14px !important; }
  #racePage .race-my-player .pg-av { width:50px !important; height:50px !important; }
  #racePage .race-my-player b { font-size:16px !important; }
  #racePage .race-my-rank b { font-size:32px !important; }
  #racePage .race-my-wager b { font-size:14px !important; }
}

@media (max-width:390px) {
  #creator .creator-card { padding:15px !important; }
  #creator .catalog-grid { gap:6px !important; padding:7px !important; }
  #creator .catalog-item { min-height:118px !important; height:118px !important; grid-template-rows:61px minmax(25px,auto) 18px !important; }
  #creator .catalog-item img { width:58px !important; height:58px !important; }
  #creator .catalog-item > span b { font-size:10px !important; }
}

/* v10 — final mobile race layout. This block must stay last: earlier race
   polish deliberately uses desktop-size card heights. */
@media (max-width:900px) {
  #racePage .race-champ-wrap,
  #racePage .race-arena { padding-bottom:96px !important; overflow:visible !important; }
  #racePage .race-podium-stage { height:auto !important; min-height:0 !important; overflow:visible !important; }

  #racePage .race-stage-header {
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto !important;
    align-items:start !important;
    justify-content:stretch !important;
    min-height:0 !important;
    height:auto !important;
    padding:14px 15px 13px !important;
    gap:10px !important;
  }
  #racePage .race-stage-title { grid-column:1 !important; grid-row:1 !important; }
  #racePage .race-stage-title > span { font-size:18px !important; line-height:1.05 !important; }
  #racePage .race-stage-stats {
    display:flex !important;
    grid-column:1 !important;
    grid-row:2 !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    gap:14px !important;
  }
  #racePage .race-stage-stats .race-stage-total,
  #racePage .race-stage-stats > span:last-child {
    position:static !important;
    display:flex !important;
    grid-column:auto !important;
    grid-row:auto !important;
    align-items:center !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }
  #racePage .race-stage-stats .race-stage-total b { font-size:22px !important; }
  #racePage .race-stage-stats > span:last-child { gap:6px !important; text-align:left !important; }
  #racePage .race-stage-stats > span:last-child small { display:inline !important; font-size:8px !important; }
  #racePage .race-stage-stats > span:last-child b { display:inline !important; font-size:13px !important; }

  #racePage .race-podium-grid {
    display:flex !important;
    flex-direction:column !important;
    height:auto !important;
    min-height:0 !important;
    padding:10px !important;
    gap:10px !important;
  }
  #racePage .race-podium-racer,
  #racePage .race-podium-racer-1,
  #racePage .race-podium-racer-2,
  #racePage .race-podium-racer-3 {
    display:grid !important;
    grid-template-columns:31px 60px minmax(0,1fr) !important;
    grid-template-rows:auto auto auto !important;
    align-items:center !important;
    align-content:start !important;
    justify-content:start !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:13px !important;
    gap:0 !important;
    text-align:left !important;
  }
  #racePage .race-podium-racer::before { inset:0 !important; height:100% !important; }
  #racePage .race-podium-place { grid-column:1 !important; grid-row:1 !important; align-self:start !important; }
  #racePage .race-podium-avatar { grid-column:2 !important; grid-row:1 !important; align-self:start !important; margin:0 !important; }
  #racePage .race-podium-avatar .pg-av,
  #racePage .race-podium-racer-1 .race-podium-avatar .pg-av { width:56px !important; height:56px !important; }
  #racePage .race-podium-person {
    grid-column:3 !important;
    grid-row:1 !important;
    align-self:center !important;
    justify-self:start !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 0 0 8px !important;
    text-align:left !important;
  }
  #racePage .race-podium-person b,
  #racePage .race-podium-racer-1 .race-podium-person b {
    justify-content:flex-start !important;
    max-width:100% !important;
    font-size:16px !important;
    line-height:1.1 !important;
    text-align:left !important;
  }
  #racePage .race-podium-amount {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    margin:6px 0 0 !important;
    color:#cba8f4 !important;
    font-size:12px !important;
    text-align:left !important;
  }
  #racePage .race-podium-reward {
    grid-column:2 / -1 !important;
    grid-row:2 !important;
    align-self:center !important;
    justify-self:stretch !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-height:46px !important;
    margin:12px 0 0 !important;
    padding:10px 0 0 !important;
    gap:10px !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    overflow:visible !important;
    text-align:left !important;
  }
  #racePage .race-podium-reward .race-prize-item,
  #racePage .race-podium-racer-1 .race-podium-reward .race-prize-item { width:43px !important; height:43px !important; flex:0 0 43px !important; }
  #racePage .race-podium-reward > span { align-items:flex-start !important; min-width:0 !important; }
  #racePage .race-podium-reward small { font-size:8px !important; }
  #racePage .race-podium-reward b { max-width:100% !important; font-size:13px !important; text-align:left !important; }
  #racePage .race-podium-meter { grid-column:1 / -1 !important; grid-row:3 !important; align-self:end !important; width:100% !important; margin:11px 0 0 !important; }

  #racePage .race-my-position {
    position:relative !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    min-height:0 !important;
    height:auto !important;
    margin:10px !important;
    padding:13px !important;
  }
}

/* v9 — Race cards are real phone rows.  Keep the identity, wager, reward,
   and status compact instead of preserving the desktop stadium height. */
@media (max-width:900px) {
  #racePage .race-champ-wrap,
  #racePage .race-arena { padding-bottom:96px !important; overflow:visible !important; }
  #racePage .race-podium-stage { height:auto !important; min-height:0 !important; overflow:visible !important; }

  #racePage .race-stage-header {
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto !important;
    align-items:start !important;
    justify-content:stretch !important;
    min-height:0 !important;
    height:auto !important;
    padding:14px 15px 13px !important;
    gap:10px !important;
  }
  #racePage .race-stage-title { grid-column:1 !important; grid-row:1 !important; }
  #racePage .race-stage-title > span { font-size:18px !important; line-height:1.05 !important; }
  #racePage .race-stage-stats {
    display:flex !important;
    grid-column:1 !important;
    grid-row:2 !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    gap:14px !important;
  }
  #racePage .race-stage-stats .race-stage-total,
  #racePage .race-stage-stats > span:last-child {
    position:static !important;
    display:flex !important;
    grid-column:auto !important;
    grid-row:auto !important;
    align-items:center !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }
  #racePage .race-stage-stats .race-stage-total b { font-size:22px !important; }
  #racePage .race-stage-stats > span:last-child { gap:6px !important; text-align:left !important; }
  #racePage .race-stage-stats > span:last-child small { display:inline !important; font-size:8px !important; }
  #racePage .race-stage-stats > span:last-child b { display:inline !important; font-size:13px !important; }

  #racePage .race-podium-grid {
    display:flex !important;
    flex-direction:column !important;
    height:auto !important;
    min-height:0 !important;
    padding:10px !important;
    gap:10px !important;
  }
  #racePage .race-podium-racer,
  #racePage .race-podium-racer-1,
  #racePage .race-podium-racer-2,
  #racePage .race-podium-racer-3 {
    display:grid !important;
    grid-template-columns:31px 60px minmax(0,1fr) !important;
    grid-template-rows:auto auto auto !important;
    align-items:center !important;
    align-content:start !important;
    justify-content:start !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:13px !important;
    gap:0 !important;
    text-align:left !important;
  }
  #racePage .race-podium-racer::before { inset:0 !important; height:100% !important; }
  #racePage .race-podium-place { grid-column:1 !important; grid-row:1 !important; align-self:start !important; }
  #racePage .race-podium-avatar { grid-column:2 !important; grid-row:1 !important; align-self:start !important; margin:0 !important; }
  #racePage .race-podium-avatar .pg-av,
  #racePage .race-podium-racer-1 .race-podium-avatar .pg-av { width:56px !important; height:56px !important; }
  #racePage .race-podium-person {
    grid-column:3 !important;
    grid-row:1 !important;
    align-self:center !important;
    justify-self:start !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 0 0 8px !important;
    text-align:left !important;
  }
  #racePage .race-podium-person b,
  #racePage .race-podium-racer-1 .race-podium-person b {
    justify-content:flex-start !important;
    max-width:100% !important;
    font-size:16px !important;
    line-height:1.1 !important;
    text-align:left !important;
  }
  #racePage .race-podium-amount {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    margin:6px 0 0 !important;
    color:#cba8f4 !important;
    font-size:12px !important;
    text-align:left !important;
  }
  #racePage .race-podium-reward {
    grid-column:2 / -1 !important;
    grid-row:2 !important;
    align-self:center !important;
    justify-self:stretch !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-height:46px !important;
    margin:12px 0 0 !important;
    padding:10px 0 0 !important;
    gap:10px !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    overflow:visible !important;
    text-align:left !important;
  }
  #racePage .race-podium-reward .race-prize-item,
  #racePage .race-podium-racer-1 .race-podium-reward .race-prize-item { width:43px !important; height:43px !important; flex:0 0 43px !important; }
  #racePage .race-podium-reward > span { align-items:flex-start !important; min-width:0 !important; }
  #racePage .race-podium-reward small { font-size:8px !important; }
  #racePage .race-podium-reward b { max-width:100% !important; font-size:13px !important; text-align:left !important; }
  #racePage .race-podium-meter { grid-column:1 / -1 !important; grid-row:3 !important; align-self:end !important; width:100% !important; margin:11px 0 0 !important; }

  #racePage .race-my-position {
    position:relative !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    min-height:0 !important;
    height:auto !important;
    margin:10px !important;
    padding:13px !important;
  }
}

@media (max-width: 440px) {
  html.gf-scale main > header .hicon-leaderboard, main > header .hicon-leaderboard { display:none !important; }
  html.gf-scale main > header, main > header { padding-left:12px !important; padding-right:12px !important; }
  .workspace { padding-left:12px !important; padding-right:12px !important; }
  #racePage .race-stage-stats > span b { font-size:14px !important; }
  #racePage .race-stage-stats .race-stage-total b { font-size:18px !important; }
  #affiliatesPage .aff-stat-grid { grid-template-columns:1fr !important; }
  #profile .profile-career-strip, #profile .profile-performance { grid-template-columns:1fr !important; }
  .gff-cols { grid-template-columns:1fr 1fr !important; }
  #gfAnnounce.race-banner--editorial { gap:10px !important; padding:15px 13px !important; }
  #gfAnnounce .rb-summary h2 { font-size:16px !important; }
  #gfAnnounce .rb-value { font-size:25px !important; }
  #gfAnnounce .rb-countdown b { font-size:13px !important; }
  html.gf-scale main > header .balance, main > header .balance { min-width:62px !important; }
  html.gf-scale main > header .balance b, main > header .balance b { font-size:12px !important; }
  #creator .catalog-item { grid-template-columns:59px minmax(0,1fr) auto !important; gap:8px !important; height:76px !important; min-height:76px !important; padding:7px !important; }
  #creator .catalog-item img { width:55px !important; height:55px !important; }
  #creator .catalog-item > span b { font-size:12px !important; }
  #creator .catalog-item > strong { font-size:12px !important; }
  #creator .item-picker > button { grid-template-columns:59px minmax(0,1fr) auto !important; min-height:76px !important; height:76px !important; gap:8px !important; padding:7px !important; }
  #creator .item-picker > button img { width:55px !important; height:55px !important; }
  #creator .item-picker > button > span, #creator .item-picker > button > b { font-size:12px !important; }
}

@media (max-width: 520px) {
  #gfAnnounce.race-banner--editorial { grid-template-columns:minmax(0,1fr) auto !important; grid-template-areas:"summary actions" !important; gap:12px !important; min-height:0 !important; }
  #gfAnnounce .rb-countdown { display:none !important; }
  #gfAnnounce .rb-actions { width:auto !important; flex-direction:row !important; align-items:center !important; justify-content:flex-end !important; gap:0 !important; text-align:left !important; }
}

@media (min-width: 901px) {
  #gfMobileChatToggle, #gfMobileChatClose { display:none !important; }
}

/* The weekly-race teaser belongs to Coinflip only.  Other pages keep their own
   content canvas instead of exposing the shared lobby component while scrolling. */
@media (max-width: 900px) {
  body.on-inventory #gfAnnounce,
  body.on-affiliates #gfAnnounce,
  body.on-race #gfAnnounce,
  body.on-jackpot #gfAnnounce { display:none !important; }

  /* Race is a phone-first podium: a compact event header, then three clear
     finish cards instead of a squeezed desktop stadium. */
  body.on-race .workspace { padding-top:12px !important; }
  body.on-race .page-title { display:none !important; }
  #racePage .race-champ-wrap,
  #racePage .race-arena { display:block !important; width:100% !important; height:auto !important; min-height:0 !important; padding:0 0 22px !important; }
  #racePage .race-podium-stage { overflow:visible !important; border:1px solid rgba(255,255,255,.09) !important; border-radius:14px !important; background:#121116 !important; }
  #racePage .race-stage-header { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; grid-template-rows:auto auto !important; min-height:0 !important; height:auto !important; padding:15px !important; gap:10px 14px !important; border-radius:14px 14px 0 0 !important; background:#17151c !important; box-shadow:inset 0 -1px 0 rgba(255,255,255,.07) !important; }
  #racePage .race-stage-title { grid-column:1 !important; grid-row:1 !important; min-width:0 !important; }
  #racePage .race-stage-title > span { display:block !important; color:#f6f2fa !important; font-size:17px !important; line-height:1.05 !important; }
  #racePage .race-stage-stats { display:contents !important; }
  #racePage .race-stage-stats .race-stage-total { grid-column:2 !important; grid-row:1 !important; align-self:center !important; display:flex !important; padding:0 !important; border:0 !important; background:transparent !important; }
  #racePage .race-stage-stats .race-stage-total b { gap:6px !important; color:#c89aff !important; font-size:25px !important; text-shadow:none !important; }
  #racePage .race-stage-stats .race-stage-total .g-coin { width:18px !important; height:18px !important; }
  #racePage .race-stage-stats > span:last-child { grid-column:1 / -1 !important; grid-row:2 !important; display:flex !important; align-items:center !important; gap:7px !important; padding:0 !important; border:0 !important; text-align:left !important; }
  #racePage .race-stage-stats > span:last-child small { display:inline !important; color:#958ca0 !important; font-size:8px !important; }
  #racePage .race-stage-stats > span:last-child b { display:inline !important; margin:0 !important; color:#d7d1df !important; font-size:13px !important; letter-spacing:0 !important; }

  #racePage .race-podium-grid { display:grid !important; grid-template-columns:1fr !important; height:auto !important; min-height:0 !important; padding:10px !important; gap:9px !important; background:transparent !important; }
  #racePage .race-podium-racer,
  #racePage .race-podium-racer-1,
  #racePage .race-podium-racer-2,
  #racePage .race-podium-racer-3 { display:grid !important; grid-template-columns:30px 60px minmax(0,1fr) !important; grid-template-rows:auto auto auto !important; align-items:center !important; min-height:118px !important; height:auto !important; margin:0 !important; padding:13px !important; text-align:left !important; }
  #racePage .race-podium-racer::before { inset:0 !important; height:100% !important; border-radius:11px !important; }
  #racePage .race-podium-place { position:relative !important; top:auto !important; left:auto !important; grid-column:1 !important; grid-row:1 !important; align-self:start !important; width:27px !important; height:27px !important; font-size:12px !important; }
  #racePage .race-podium-avatar { grid-column:2 !important; grid-row:1 / span 2 !important; margin:0 !important; }
  #racePage .race-podium-avatar .pg-av,
  #racePage .race-podium-racer-1 .race-podium-avatar .pg-av { width:56px !important; height:56px !important; box-shadow:none !important; }
  #racePage .race-podium-person { grid-column:3 !important; grid-row:1 !important; min-width:0 !important; text-align:left !important; }
  #racePage .race-podium-person b,
  #racePage .race-podium-racer-1 .race-podium-person b { max-width:100% !important; color:#f7f4fa !important; font-size:16px !important; text-align:left !important; }
  #racePage .race-podium-amount { justify-content:flex-start !important; margin-top:5px !important; color:#bda0e9 !important; font-size:11px !important; text-shadow:none !important; }
  #racePage .race-podium-reward { grid-column:3 !important; grid-row:2 !important; justify-content:flex-start !important; gap:7px !important; margin:7px 0 0 !important; min-width:0 !important; }
  #racePage .race-podium-reward .race-prize-item,
  #racePage .race-podium-racer-1 .race-podium-reward .race-prize-item { width:36px !important; height:36px !important; }
  #racePage .race-podium-reward small { font-size:7px !important; }
  #racePage .race-podium-reward b { max-width:170px !important; margin-top:3px !important; font-size:11px !important; }
  #racePage .race-podium-meter { grid-column:1 / -1 !important; grid-row:3 !important; width:100% !important; margin:11px 0 0 !important; }
  #racePage .race-podium-meter > i { height:5px !important; }
  #racePage .race-podium-meter > b { display:none !important; }

  #racePage .race-my-position { position:relative !important; right:auto !important; bottom:auto !important; left:auto !important; display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; gap:9px 12px !important; min-height:0 !important; margin:10px !important; padding:12px !important; border-radius:11px !important; background:#17141d !important; box-shadow:none !important; }
  #racePage .race-my-position::before { display:none !important; }
  #racePage .race-my-player { padding:0 !important; }
  #racePage .race-my-player .pg-av { width:44px !important; height:44px !important; box-shadow:none !important; }
  #racePage .race-my-player b { margin-top:4px !important; font-size:15px !important; }
  #racePage .race-my-rank { min-width:0 !important; padding:0 0 0 12px !important; border:0 !important; border-left:1px solid rgba(255,255,255,.08) !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
  #racePage .race-my-rank b { margin-top:4px !important; font-size:29px !important; text-shadow:none !important; }
  #racePage .race-my-wager { display:block !important; grid-column:1 / -1 !important; justify-self:start !important; padding-top:9px !important; border-top:1px solid rgba(255,255,255,.08) !important; text-align:left !important; }
  #racePage .race-my-wager b { justify-content:flex-start !important; margin-top:4px !important; color:#c7a8f3 !important; font-size:13px !important; text-shadow:none !important; }
}

/* Keep these after the older responsive rules: they deliberately replace the
   old compressed creator/Race treatment on every phone width. */
@media (max-width:900px) {
  html.gf-scale main > header, main > header {
    grid-template-rows:52px 38px !important;
    height:90px !important;
    min-height:90px !important;
    background:#0e0d13 !important;
    border-bottom:0 !important;
  }
  html.gf-scale main > header #gfPrimaryNav, main > header #gfPrimaryNav {
    height:38px !important;
    min-height:38px !important;
    padding:0 !important;
    scroll-padding-left:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  html.gf-scale main > header #gfPrimaryNav button, main > header #gfPrimaryNav button { height:38px !important; padding:0 13px !important; }
  html.gf-scale main > header #gfPrimaryNav button::after, main > header #gfPrimaryNav button::after { left:13px !important; right:13px !important; bottom:1px !important; box-shadow:none !important; }
  .page-title { padding:17px 0 14px !important; text-align:left !important; }
  .page-title > div,.page-title p,.page-title h1 { width:100% !important; text-align:left !important; }

  #creator.modal { align-items:center !important; justify-content:center !important; padding:8px !important; }
  #creator .creator-card { width:calc(100vw - 16px) !important; max-width:calc(100vw - 16px) !important; height:min(90dvh,760px) !important; max-height:calc(100dvh - 16px) !important; min-height:0 !important; padding:18px !important; overflow:hidden !important; border-radius:12px !important; display:flex !important; flex-direction:column !important; }
  #creator .creator-card > .close { display:grid !important; place-items:center !important; top:10px !important; right:10px !important; z-index:30 !important; width:34px !important; height:34px !important; font-size:27px !important; }
  #creator .creator-card > h2 { padding-right:42px !important; font-size:27px !important; }
  #creator .catalog-picker { flex:1 1 auto !important; min-height:0 !important; max-height:none !important; margin-top:13px !important; }
  #creator .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; padding:9px !important; }
  #creator .catalog-item { grid-template-columns:1fr !important; grid-template-rows:72px minmax(28px,auto) 20px !important; justify-items:center !important; align-content:center !important; min-height:132px !important; height:132px !important; padding:8px !important; gap:3px !important; text-align:center !important; }
  #creator .catalog-item img { grid-column:1 !important; grid-row:1 !important; width:68px !important; height:68px !important; }
  #creator .catalog-item > span { grid-column:1 !important; grid-row:2 !important; justify-items:center !important; width:100% !important; }
  #creator .catalog-item > span b { max-width:100% !important; font-size:11px !important; line-height:1.12 !important; text-align:center !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
  #creator .catalog-item > span small { display:none !important; }
  #creator .catalog-item > strong { grid-column:1 !important; grid-row:3 !important; justify-self:center !important; font-size:12px !important; }
  #creator .catalog-item > strong .g-coin { width:12px !important; height:12px !important; }
  #creator .creator-total { flex:0 0 auto !important; min-height:56px !important; margin-top:10px !important; }
  #creator .create-submit { flex:0 0 auto !important; min-height:48px !important; margin-top:10px !important; }

  #racePage .race-podium-grid { gap:11px !important; padding:12px !important; }
  #racePage .race-podium-racer,#racePage .race-podium-racer-1,#racePage .race-podium-racer-2,#racePage .race-podium-racer-3 { grid-template-columns:31px 64px minmax(0,1fr) !important; grid-template-rows:auto auto auto !important; min-height:145px !important; padding:15px !important; }
  #racePage .race-podium-avatar { grid-column:2 !important; grid-row:1 !important; }
  #racePage .race-podium-avatar .pg-av,#racePage .race-podium-racer-1 .race-podium-avatar .pg-av { width:60px !important; height:60px !important; }
  #racePage .race-podium-person { grid-column:3 !important; grid-row:1 !important; }
  #racePage .race-podium-person b,#racePage .race-podium-racer-1 .race-podium-person b { font-size:17px !important; }
  #racePage .race-podium-amount { margin-top:6px !important; font-size:12px !important; color:#d0adff !important; }
  #racePage .race-podium-reward { grid-column:2 / -1 !important; grid-row:2 !important; min-height:42px !important; margin:11px 0 0 !important; gap:10px !important; overflow:visible !important; }
  #racePage .race-podium-reward .race-prize-item,#racePage .race-podium-racer-1 .race-podium-reward .race-prize-item { width:46px !important; height:46px !important; }
  #racePage .race-podium-reward small { font-size:8px !important; }
  #racePage .race-podium-reward b { max-width:none !important; font-size:13px !important; }
  #racePage .race-podium-reward .race-prize-value { font-size:11px !important; }
  #racePage .race-podium-meter { margin-top:12px !important; }
  #racePage .race-my-position { margin:12px !important; padding:15px !important; gap:11px 14px !important; }
  #racePage .race-my-player .pg-av { width:50px !important; height:50px !important; }
  #racePage .race-my-player b { font-size:16px !important; }
  #racePage .race-my-rank b { font-size:32px !important; }
  #racePage .race-my-wager b { font-size:14px !important; }
}

@media (max-width:390px) {
  #creator .creator-card { padding:15px !important; }
  #creator .catalog-grid { gap:6px !important; padding:7px !important; }
  #creator .catalog-item { min-height:118px !important; height:118px !important; grid-template-rows:61px minmax(25px,auto) 18px !important; }
  #creator .catalog-item img { width:58px !important; height:58px !important; }
  #creator .catalog-item > span b { font-size:10px !important; }
}