/*
 * Mobile-only repair layer. Desktop rules and gameplay are intentionally untouched.
 * Keep this last in the site cascade; the link and this query both guard desktop.
 */
@media (max-width: 760px) {
  /* Separate family prevents these local faces from changing desktop font selection. */
  @font-face { font-family: "Taptyque Mobile"; src: url("assets/Poppins-400.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
  @font-face { font-family: "Taptyque Mobile"; src: url("assets/Poppins-500.ttf") format("truetype"); font-style: normal; font-weight: 500; font-display: swap; }
  @font-face { font-family: "Taptyque Mobile"; src: url("assets/Poppins-600.ttf") format("truetype"); font-style: normal; font-weight: 600; font-display: swap; }
  @font-face { font-family: "Taptyque Mobile"; src: url("assets/Poppins-700.ttf") format("truetype"); font-style: normal; font-weight: 700; font-display: swap; }
  @font-face { font-family: "Taptyque Mobile"; src: url("assets/Poppins-800.ttf") format("truetype"); font-style: normal; font-weight: 800; font-display: swap; }html{ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: 88px; }body:not([data-view="play"]){
    --font-body: "Taptyque Mobile", Arial, sans-serif;
    --mobile-gutter: 14px;
    --mobile-title: clamp(26px, 7.2vw, 36px);
    --mobile-lead: 14px;
    --home-heading-inset: 0px;
    overflow-x: clip;
    overflow-y: visible;
    font-family: var(--font-body);
  }body:not([data-view="play"]) > main{ overflow: visible; }body:not([data-view="play"]) > .site-chrome{ margin-bottom: 18px !important; }body:not([data-view="play"]) .site-chrome:not(:has(.site-nav.open)) .menu-button{
    left: 6px !important; width: 44px !important; min-width: 44px !important; height: 44px !important;
    background:
      linear-gradient(#4d4f54, #4d4f54) center 14px / 24px 2px no-repeat,
      linear-gradient(#4d4f54, #4d4f54) center 21px / 24px 2px no-repeat,
      linear-gradient(#4d4f54, #4d4f54) center 28px / 24px 2px no-repeat !important;
  }body:not([data-view="play"]) .site-chrome .menu-button img{ display: none !important; }body:not([data-view="play"]) .site-chrome .menu-button[aria-expanded="true"]::before,
  body:not([data-view="play"]) .site-chrome .menu-button[aria-expanded="true"]::after{ width: 24px !important; left: 10px; }body:not([data-view="play"]) .site-chrome:not(:has(.site-nav.open)) .site-brand{
    left: 54px !important; max-width: calc(100% - 164px) !important; font-size: 14px !important;
  }body:not([data-view="play"]) .site-chrome:not(:has(.site-nav.open)) .play-now{
    width: 96px !important; min-width: 96px !important; max-width: 96px !important;
    height: 44px !important; min-height: 44px !important; font-size: 13px !important;
  }body:not([data-view="play"]) .site-chrome:has(.site-nav.open) .menu-button{
    width: 44px !important; height: 44px !important; min-width: 44px !important;
  }.site-nav{ max-height: 100dvh; padding-bottom: max(24px, env(safe-area-inset-bottom)); background: #fff; }body:not([data-view="play"]) .menu-button{ border-radius: 12px; -webkit-tap-highlight-color: transparent; }.drawer-secondary > :is(a, button){ min-height: 44px; display: flex; align-items: center; }.drawer-socials button{ width: 44px; height: 44px; }:is(#home-title, #archive-title, #support-title, #download-title, #terms-title, #faq-title),
  .auth-screen h1, .access-screen h1, .wc-ui .wc-heading h1,
  #rewards.rewards-screen .rewards-panel-hero #rewards-title{
    font-size: var(--mobile-title) !important; line-height: 1.2 !important;
    letter-spacing: -.035em !important; white-space: normal !important; overflow-wrap: normal;
  }:is(#home-title, #archive-title, #support-title, #download-title, #terms-title, #faq-title) > span{
    display: inline !important;
  }#home-title{ font-size: clamp(24px, 7.5vw, 38px) !important; white-space: nowrap !important; }#support-title{ font-size: clamp(24px, 6.8vw, 34px) !important; }#faq-title{ font-size: clamp(22px, 5.8vw, 32px) !important; }
  #rewards.rewards-screen .rewards-panel-hero p{
    width: 100% !important; max-width: 380px !important; margin: 14px auto 0 !important;
    font-size: var(--mobile-lead) !important; line-height: 1.6 !important;
  }.home-screen .leaderboard-panel{
    --leaderboard-top-space: 22px; --leaderboard-inline-space: 12px;
    --leaderboard-side-width: 72px; --leaderboard-rank-size: 32px;
    --leaderboard-row-height: 64px; --leaderboard-row-gap: 10px;
    margin-top: 28px !important; backdrop-filter: none; -webkit-backdrop-filter: none;
  }.home-screen .leaderboard-header{ margin-bottom: 18px; }.home-screen .leaderboard-header h2{ font-size: 26px !important; line-height: 1.25; }.home-screen .leaderboard-header p{ font-size: 13px !important; margin-top: 8px; }.home-screen .leaderboard-summary{ font-size: 12px; }.home-screen .leaderboard-scroll{
    overscroll-behavior-y: auto; scrollbar-gutter: auto; touch-action: pan-y;
    padding: 2px 0 !important; height: 296px !important; max-height: 296px !important;
  }.home-screen #leaderboard-list{ grid-template-columns: minmax(0, 1fr) !important; }.home-screen #leaderboard-list > li{ gap: 6px !important; padding: 8px !important; }.home-screen #leaderboard-list .leaderboard-standing{ gap: 4px; }.home-screen #leaderboard-list .leaderboard-player{ font-size: 12px !important; }.home-screen #leaderboard-list .leaderboard-prize{ min-width: 64px !important; font-size: 13px !important; gap: 3px; padding-inline: 6px; }.home-screen #leaderboard-list .leaderboard-prize-coin{ display: none; }.home-screen #leaderboard-self-list > li{ padding: 8px !important; gap: 8px !important; }.home-screen .home-prize{ margin-top: 28px; }.home-screen .home-prize h2{ font-size: 20px; line-height: 1.4; }.home-screen .home-prize .btn{ max-width: 100%; min-height: 48px; padding: 12px 18px; }body:not([data-view="play"]) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea){ font-size: 16px !important; }.auth-screen .auth-card{
    width: 100%; min-height: 0 !important; margin-top: 24px !important;
    padding: 24px 18px !important; gap: 14px;
  }.auth-screen .auth-actions{ width: 100%; margin-top: 16px; }.auth-screen .auth-input{ min-height: 52px; padding-inline: 16px; font-weight: 500 !important; }.auth-screen .auth-input:-webkit-autofill{ font-weight: 500 !important; }.auth-screen .password-field .auth-input{ padding-left: 16px; padding-right: 58px; }.auth-screen .password-toggle{ width: 44px; height: 44px; right: 6px; }.auth-screen .auth-options{ flex-wrap: wrap; gap: 4px 16px; font-size: 13px; }.auth-screen .auth-options :is(label, button), .auth-screen .terms-row{ min-height: 44px; }.auth-screen .auth-inline-action, .auth-screen .auth-alt, .site-toast-action{ min-height: 44px; padding-block: 10px; }.access-screen h1 span{ display: inline !important; }.access-screen .lead{ font-family: var(--font-body); }.access-screen .social-row button{ min-width: 44px; min-height: 44px; }.auth-screen .terms-row{ font-size: 13px; line-height: 1.5; }.auth-screen .auth-card input::placeholder{ font-size: 16px !important; font-weight: 400 !important; }.auth-screen .otp-field{ gap: 5px !important; }.auth-screen .otp-digit{ height: 48px !important; }#wallet .wallet-inner{ width: calc(100% - 28px) !important; padding-top: 0; }.wc-ui, #wallet .prize-wallet-ui{
    --font: "Taptyque Mobile", Arial, sans-serif;
    font-family: "Taptyque Mobile", Arial, sans-serif;
  }.wc-ui :is(.wc-amount, .wc-balance-split, .wc-sub-balance, .wc-plan-price, .wc-purchase-summary) small{
    font-family: "Taptyque Mobile", Arial, sans-serif;
  }.wc-wallet-tabs .wc-button{ font-size: 12px; min-height: 48px; }.wc-ui .wc-button, .wc-dialog .wc-button{ min-height: 44px; font-size: 13px; }.wc-dialog .wc-close, #wallet .prize-wallet-ui .dialog-close, #wallet .prize-wallet-ui .icon-button{ width: 44px; height: 44px; min-height: 44px; }.wc-dialog{ width: min(100% - 24px, 540px); max-height: calc(100dvh - 24px); padding: 24px 18px; }.wc-ui .wc-dialog h2{ padding-right: 34px; font-size: 23px; }.wc-dialog .wc-preset{ flex-wrap: wrap; }.wc-dialog .wc-preset .wc-button{ min-height: 44px; }.wc-plans{ grid-template-columns: minmax(0, 1fr); gap: 22px; }.wc-plan p, .wc-plan li{ font-size: 13px !important; }.wc-activity-row > div{ min-width: 0; overflow-wrap: anywhere; }.wc-activity-row strong{ font-size: 13px; }
  @media (max-width: 560px) {.wc-activity-row{ grid-template-columns: minmax(0, 1fr) 78px 60px; }
  }#support .support-panel{ width: 100%; min-height: 0; margin-top: 24px; padding: 18px; gap: 12px; }#support .support-action{ min-height: 64px; grid-template-columns: 44px minmax(0, 1fr) 24px; }#support .support-action-icon{ width: 40px; height: 40px; }#support .support-fact{ font-size: 12px; line-height: 1.6; }.faq-screen .faq-panel, .terms-screen .terms-panel{
    width: 100%; max-width: 100%; height: auto; max-height: none !important;
    overflow: visible; margin-top: 24px; padding: 20px 16px;
  }.faq-item{ min-height: 48px; }.faq-item > span{ font-size: 15px; line-height: 1.5; }.faq-item em{ font-size: 14px !important; line-height: 1.8; }.archive-screen .archive-panel{ width: 100%; margin-top: 24px; padding: 24px 14px; height: auto; min-height: 0; }.archive-screen .archive-header h2{ font-size: 25px; }.archive-screen .archive-scroll{ height: auto; max-height: 440px; overscroll-behavior-y: auto; }#rewards.rewards-screen{ padding-top: 22px !important; }#rewards.rewards-screen .rewards-inner{ width: calc(100% - 28px) !important; padding: 0 !important; }#rewards.rewards-screen .rewards-panel{ width: 100% !important; margin: 0 !important; padding: 0 !important; }#rewards.rewards-screen .rewards-panel-hero{ width: 100% !important; margin-inline: 0 !important; padding: 0 !important; }#rewards.rewards-screen .rewards-live-count,
  #rewards.rewards-screen .rewards-roadmap-scroller :is(.reward-step-label, .reward-card strong, .reward-card small, .reward-badge),
  #rewards.rewards-screen .roadmap-details-table,
  #rewards.rewards-screen .roadmap-details-table .roadmap-details-row > span{
    font-family: "Taptyque Mobile", Arial, sans-serif !important;
  }#rewards.rewards-screen .rewards-roadmap-scroller{ margin-top: 24px !important; padding: 24px 16px !important; overscroll-behavior-x: contain; }#rewards.rewards-screen .roadmap-details-panel.glass-panel{ padding: 20px 14px !important; }#rewards.rewards-screen .roadmap-details-row,
  #rewards.rewards-screen .roadmap-details-row > span{ font-size: 12px !important; min-height: 44px !important; line-height: 1.5; }#rewards.rewards-screen .roadmap-details-row > span{ padding: 10px 8px !important; }#rewards.rewards-screen .roadmap-details-table{ overscroll-behavior-x: contain; scrollbar-width: thin; }#streamer{ --sp-font: "Taptyque Mobile", Arial, sans-serif; }#streamer .streamer-ui .sp-heading h1{ font-size: var(--mobile-title); }#streamer .streamer-ui .sp-heading p{ font: 500 14px/1.6 var(--sp-font); }#streamer .streamer-ui .sp-stat{ padding: 16px; gap: 14px; }#streamer .streamer-ui .sp-number{ font-size: 23px; }#streamer .streamer-ui .sp-code-value{ font-size: 18px; line-height: 1.5; }#streamer .streamer-ui .sp-icon-button,
  #streamer .streamer-ui .sp-code-actions .sp-icon-button{ width: 44px; height: 44px; }#streamer .streamer-ui .sp-text-button,
  #streamer .streamer-ui .sp-code-actions .sp-text-button{ min-width: 44px; min-height: 44px; font-size: 13px; }#streamer .streamer-ui .sp-history{ padding: 18px 12px; }#streamer .streamer-ui .sp-history-head{ gap: 8px; }#streamer .streamer-ui .sp-history-head > div{ gap: 8px; }#streamer .streamer-ui .sp-history-head h2{ font-size: 14px; }#streamer .streamer-ui .sp-table-wrap{ overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }#streamer .streamer-ui table{ min-width: 520px; }#streamer .streamer-ui th{ font-size: 11px; padding: 12px; }#streamer .streamer-ui td{ font-size: 13px; padding: 12px; }#streamer .streamer-ui .sp-share-col{ width: 20%; }#streamer .streamer-ui .sp-total-col{ width: 26%; }#streamer .streamer-ui .sp-history-footer{ flex-direction: column; gap: 12px; }#streamer .streamer-ui #sp-count{ position: static; font-size: 12px; }#streamer .streamer-ui .sp-pagination{ width: 100%; flex-wrap: wrap; justify-content: center; gap: 4px; }#streamer .streamer-ui .sp-page{ width: 44px; min-width: 44px; min-height: 44px; font-size: 13px; }#streamer .streamer-ui .sp-dialog{ padding: 20px; width: min(500px, calc(100% - 24px)); max-height: calc(100dvh - 24px); }#streamer .streamer-ui .sp-dialog h2{ padding-right: 48px; margin-top: 0; font-size: 24px; }#streamer .streamer-ui .sp-dialog-actions{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }#streamer .streamer-ui .sp-dialog-actions .sp-primary{ min-width: 0; }
  @media (max-width: 420px) {#streamer .streamer-ui .sp-summary{ grid-template-columns: minmax(0, 1fr); }#streamer .streamer-ui .sp-stat{ display: flex; min-height: 110px; }#streamer .streamer-ui .sp-code-card{ grid-column: auto; }#streamer .streamer-ui .sp-stat .sp-icon{ width: 44px; height: 44px; margin: 0; }
  }:root{ --promotion-banner-height: 116px; }body.has-active-promotion{ padding-top: 0; }.promotion-banner{ position: relative; flex: none; }body.has-active-promotion .site-chrome:not(:has(.site-nav.open)){ top: var(--floating-header-top) !important; }.promotion-banner-inner{
    width: calc(100% - 24px); max-width: 600px; padding: 8px 0;
    grid-template-columns: minmax(0, 1fr) 140px; grid-template-rows: 44px 52px; gap: 4px 8px;
  }.promotion-banner-copy{ grid-column: 1 / -1; grid-row: 1; padding-right: 44px; gap: 2px; }#promotion-label{ font-size: 10px; }.promotion-banner-copy strong{ font-size: 12px; }.promotion-code-action{ grid-column: 1; grid-row: 2; min-width: 0; width: 100%; min-height: 44px; padding: 6px 8px; }.promotion-code-action strong{ font-size: 11px; overflow-wrap: anywhere; white-space: normal; }.promotion-countdown{ grid-column: 2; grid-row: 2; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3px; }.promotion-countdown > span{ min-height: 44px; }.promotion-countdown small{ font-size: 8px; }.promotion-close{ width: 44px; height: 44px; top: 6px; right: max(4px, env(safe-area-inset-right)); transform: none; }.site-maintenance-shell{ padding: 16px; }.site-maintenance-card{ padding: 28px 20px; overflow: clip; }.site-maintenance-staff, .site-maintenance-retry{ min-height: 44px; font-size: 13px; }
}