/* CREAIONX universal mobile navigation + responsive hardening */
:root{--crx-mobile-paper:#F8F4E8;--crx-mobile-ink:#09090B;--crx-mobile-acid:#D2E823}
.crx-mobile-shell{display:none}
@media(max-width:820px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:86px}
  body{overflow-x:hidden!important}
  img,svg,video,canvas{max-width:100%;height:auto}
  input,select,textarea,button{font-size:16px}
  a,button,[role="button"]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}

  /* Desktop navigations are replaced by the consistent mobile bar. */
  .site-nav,.nav,.legal-nav{display:none!important}
  .crx-mobile-shell{display:block;position:sticky;top:8px;z-index:99990;width:calc(100% - 20px);margin:8px auto 10px;font-family:"Space Grotesk",sans-serif}
  .crx-mobile-bar{position:relative;z-index:3;min-height:62px;padding:8px 9px 8px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:2px solid var(--crx-mobile-ink);border-radius:14px;background:rgba(248,244,232,.96);box-shadow:4px 4px 0 var(--crx-mobile-ink);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .crx-mobile-home{display:flex;align-items:center;min-width:0;text-decoration:none}
  .crx-mobile-logo{display:block;width:146px;max-width:47vw;height:auto;object-fit:contain;border-radius:5px}
  .crx-mobile-toggle{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;padding:0;border:2px solid var(--crx-mobile-ink)!important;border-radius:11px;background:var(--crx-mobile-acid);box-shadow:3px 3px 0 var(--crx-mobile-ink);color:var(--crx-mobile-ink);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}
  .crx-mobile-toggle:active{transform:translate(2px,2px);box-shadow:none}
  .crx-mobile-toggle-lines{position:relative;width:21px;height:15px;display:block}
  .crx-mobile-toggle-lines:before,.crx-mobile-toggle-lines:after,.crx-mobile-toggle-lines i{content:"";position:absolute;left:0;width:21px;height:3px;border-radius:99px;background:currentColor;transition:transform .2s ease,top .2s ease,opacity .18s ease}
  .crx-mobile-toggle-lines:before{top:0}.crx-mobile-toggle-lines i{top:6px}.crx-mobile-toggle-lines:after{top:12px}
  .crx-mobile-shell.is-open .crx-mobile-toggle-lines:before{top:6px;transform:rotate(45deg)}
  .crx-mobile-shell.is-open .crx-mobile-toggle-lines i{opacity:0}
  .crx-mobile-shell.is-open .crx-mobile-toggle-lines:after{top:6px;transform:rotate(-45deg)}
  .crx-mobile-backdrop{position:fixed;z-index:1;inset:0;background:rgba(9,9,11,.58);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .22s}
  .crx-mobile-shell.is-open .crx-mobile-backdrop{opacity:1;visibility:visible;transition:opacity .2s ease}
  .crx-mobile-drawer{position:fixed;z-index:2;top:80px;left:10px;right:10px;max-height:calc(100dvh - 92px);overflow:auto;overscroll-behavior:contain;padding:14px;border:2px solid var(--crx-mobile-ink);border-radius:18px;background:var(--crx-mobile-paper);box-shadow:7px 7px 0 var(--crx-mobile-acid);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.985);transform-origin:top center;transition:opacity .2s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s linear .24s}
  .crx-mobile-shell.is-open .crx-mobile-drawer{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .22s cubic-bezier(.2,.8,.2,1)}
  .crx-mobile-kicker{padding:4px 3px 10px;font:900 10px/1.2 monospace;letter-spacing:.15em;text-transform:uppercase;color:#67645d}
  .crx-mobile-links{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .crx-mobile-link{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;border:2px solid var(--crx-mobile-ink);border-radius:12px;background:#fff;color:var(--crx-mobile-ink);box-shadow:3px 3px 0 var(--crx-mobile-ink);font-weight:850;line-height:1.15;text-decoration:none}
  .crx-mobile-link strong{font-size:13px}.crx-mobile-link span{font-size:16px}
  .crx-mobile-link.is-active,.crx-mobile-link.crx-mobile-enter{background:var(--crx-mobile-acid)}
  .crx-mobile-link.crx-mobile-enter{grid-column:1/-1;min-height:56px;font-family:"Dela Gothic One",sans-serif;text-transform:uppercase;letter-spacing:-.025em}
  .crx-mobile-language{margin-top:14px;padding-top:14px;border-top:2px solid var(--crx-mobile-ink)}
  .crx-mobile-language-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;font:900 10px/1.2 monospace;letter-spacing:.12em;text-transform:uppercase;color:#5b5851}
  .crx-mobile-language-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .crx-mobile-lang{min-height:45px;padding:8px;border:2px solid var(--crx-mobile-ink)!important;border-radius:10px;background:#fff;color:var(--crx-mobile-ink);box-shadow:2px 2px 0 var(--crx-mobile-ink);font-family:"Space Grotesk",sans-serif;font-weight:850;cursor:pointer}
  .crx-mobile-lang[data-active="true"],.crx-mobile-lang[aria-pressed="true"]{background:var(--crx-mobile-acid)}
  body.crx-mobile-menu-open{overflow:hidden!important}

  /* Universal content safeguards */
  h1,h2,h3,.display,.hero-title,.section-title,.legal-hero h1,.crx-footer-title{max-width:100%;overflow-wrap:anywhere;word-break:normal}
  p,li,.privacy-note{overflow-wrap:anywhere}
  .hero,.hero-inner,.section-wrap,.main,.legal-hero-inner,.legal-wrap{max-width:100%!important}
  .hero-inner,.entry-shell,.country-progress-grid,.podium,.footer-grid,.crx-footer-inner{grid-template-columns:1fr!important}
  .hero-inner{gap:24px!important}
  .summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .live-card{justify-self:stretch!important;width:100%!important;max-width:none!important}
  .entry-pitch{position:relative!important;top:auto!important;min-height:auto!important}
  .checkout-card,.entry-pitch,.metric,.country-progress-card,.podium-card,.live-card{max-width:100%;box-shadow:5px 5px 0 var(--crx-mobile-ink)!important}
  .section-head,.pool-status-head,.toolbar,.progress-numbers,.table-footer{align-items:flex-start!important;flex-direction:column!important}
  .hero-actions,.filter-wrap,.refresh-wrap,.crx-cookie-actions{width:100%}
  .hero-actions>a,.filter-btn,.refresh-wrap .btn,.load-more{min-height:48px}
  .refresh-wrap{justify-content:space-between}
  .newsletter{width:100%;max-width:100%}
  .newsletter input{min-width:0}
  .legal-table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .table-shell{max-width:100%;box-shadow:5px 5px 0 var(--crx-mobile-ink)!important}
  form,input,select,textarea{max-width:100%}
  input:not([type="radio"]):not([type="checkbox"]),select,textarea{width:100%}
  .crx-cookie-banner{max-height:min(75dvh,620px);overflow:auto}
  .crx-ticket-reveal{padding:8px!important;align-items:start!important}
  .crx-ticket-modal{padding-top:6px}
}

@media(max-width:600px){
  .crx-mobile-shell{top:6px;width:calc(100% - 16px);margin:6px auto 8px}
  .crx-mobile-bar{min-height:58px;padding:7px 8px 7px 10px;border-radius:13px;box-shadow:3px 3px 0 var(--crx-mobile-ink)}
  .crx-mobile-logo{width:134px;max-width:52vw}
  .crx-mobile-toggle{width:43px;height:43px;flex-basis:43px}
  .crx-mobile-drawer{top:70px;left:8px;right:8px;max-height:calc(100dvh - 80px);padding:12px;box-shadow:5px 5px 0 var(--crx-mobile-acid)}
  .crx-mobile-links{grid-template-columns:1fr}
  .crx-mobile-link.crx-mobile-enter{grid-column:auto}

  .hero,.hero-inner{padding-left:16px!important;padding-right:16px!important}
  .hero{padding-top:42px!important;padding-bottom:52px!important}
  .hero-inner{padding-top:48px!important;padding-bottom:54px!important}
  .main{padding:34px 15px 68px!important}
  .section-wrap{padding:58px 16px!important}
  .legal-hero{padding:42px 15px 38px!important}
  .legal-wrap{width:calc(100% - 28px)!important;padding-top:34px!important;padding-bottom:58px!important}
  .hero-title,.hero h1,.legal-hero h1{font-size:clamp(2.45rem,13.4vw,4.4rem)!important;line-height:.92!important;letter-spacing:-.05em!important}
  .section-title,.section-head h2,.pool-status-head h2{font-size:clamp(2rem,10vw,3.25rem)!important;line-height:.96!important}
  .hero-subtitle,.hero p{font-size:1rem!important;line-height:1.55!important}
  .eyebrow{max-width:100%;font-size:10px!important;line-height:1.35;white-space:normal}
  .hero-art{min-height:350px!important}
  .summary{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .metric{padding:15px!important;border-radius:14px!important}.metric strong{font-size:clamp(1.45rem,8.5vw,2.3rem)!important}
  .country-progress-card,.podium-card{padding:16px!important}
  .progress-numbers{gap:5px!important}
  .progress-numbers span{text-align:left!important}
  .entry-pitch,.checkout-card{padding:18px!important;border-radius:17px!important}
  .entry-pitch h2{font-size:clamp(2.2rem,12vw,3.4rem)!important;line-height:.94!important}
  .checkout-card label{padding:15px!important}
  .hard-btn,.outlined-btn,.btn,.filter-btn{max-width:100%}
  .crx-footer{padding-left:18px!important;padding-right:18px!important}
  .crx-footer-inner{gap:28px!important}
  .crx-footer-bottom{flex-direction:column!important;gap:12px!important}
  .crx-footer-bottom span:last-child{text-align:left!important}

  /* Turn live leaderboard tables into readable participant cards on phones. */
  .leaderboard{min-width:0!important;width:100%!important;display:block!important}
  .leaderboard thead{display:none!important}
  .leaderboard tbody{display:grid!important;gap:10px!important;padding:10px!important;background:var(--crx-mobile-paper)}
  .leaderboard tr{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 12px!important;padding:14px!important;border:2px solid var(--crx-mobile-ink)!important;border-radius:14px!important;background:#fff!important;box-shadow:3px 3px 0 var(--crx-mobile-ink)!important}
  .leaderboard tbody tr:first-child{background:#f4ffd0!important}
  .leaderboard td{display:block!important;padding:0!important;border:0!important;text-align:left!important;min-width:0!important}
  .leaderboard td:nth-child(1){grid-column:1/2}.leaderboard td:nth-child(2){grid-column:2/3;text-align:right!important}
  .leaderboard td:nth-child(n+3):before{display:block;margin-bottom:3px;font:900 9px/1.2 monospace;letter-spacing:.08em;text-transform:uppercase;color:#716e66}
  .leaderboard td:nth-child(3):before{content:"Paid"}.leaderboard td:nth-child(4):before{content:"Bonus"}.leaderboard td:nth-child(5):before{content:"Total entries"}.leaderboard td:nth-child(6):before{content:"Winning chance"}
  .leaderboard td:nth-child(5),.leaderboard td:nth-child(6){grid-column:1/-1}
  .leaderboard .chance-cell{min-width:0!important}.leaderboard .total-cell{font-size:1.25rem!important}
}

@media(max-width:390px){
  .crx-mobile-logo{width:124px}
  .summary{grid-template-columns:1fr!important}
  .hero-title,.hero h1,.legal-hero h1{font-size:clamp(2.25rem,13vw,3.6rem)!important}
  .prize-amount{font-size:3.4rem!important}
  .crx-mobile-language-grid{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){.crx-mobile-drawer,.crx-mobile-backdrop,.crx-mobile-toggle-lines:before,.crx-mobile-toggle-lines:after,.crx-mobile-toggle-lines i{transition:none!important}}
@media(max-width:820px){
  .crx-mobile-backdrop{border:0!important;padding:0!important;margin:0!important;border-radius:0!important;box-shadow:none!important}
  .hero:has(>.hero-inner){padding:0!important}
}

/* Country-specific logo sizing */
img[src="creaionx-gameshow-usa-logo.webp"].brand-logo{width:212px;max-width:40vw;border-radius:0}
.crx-mobile-logo[src="creaionx-gameshow-usa-logo.webp"]{width:172px;max-width:58vw;border-radius:0}
@media(max-width:560px){img[src="creaionx-gameshow-usa-logo.webp"].brand-logo{width:174px;max-width:50vw}.crx-mobile-logo[src="creaionx-gameshow-usa-logo.webp"]{width:158px;max-width:56vw}}

/* Country-specific Pakistan logo sizing */
img[src="creaionx-gameshow-pakistan-logo.webp"].brand-logo{width:212px;max-width:40vw;border-radius:0}
.crx-mobile-logo[src="creaionx-gameshow-pakistan-logo.webp"]{width:172px;max-width:58vw;border-radius:0}
@media(max-width:560px){img[src="creaionx-gameshow-pakistan-logo.webp"].brand-logo{width:174px;max-width:50vw}.crx-mobile-logo[src="creaionx-gameshow-pakistan-logo.webp"]{width:158px;max-width:56vw}}

/* United Kingdom country-specific logo */
img[src="creaionx-gameshow-united-kingdom-logo.webp"].brand-logo{width:228px;max-width:42vw;border-radius:0}
.crx-mobile-logo[src="creaionx-gameshow-united-kingdom-logo.webp"]{width:180px;max-width:60vw;border-radius:0}
@media(max-width:560px){img[src="creaionx-gameshow-united-kingdom-logo.webp"].brand-logo{width:182px;max-width:52vw}.crx-mobile-logo[src="creaionx-gameshow-united-kingdom-logo.webp"]{width:164px;max-width:58vw}}

/* India country logo sizing */
img[src="creaionx-gameshow-india-logo.webp"].brand-logo{width:212px;max-width:40vw;border-radius:0}
.crx-mobile-logo[src="creaionx-gameshow-india-logo.webp"]{width:172px;max-width:58vw;border-radius:0}
@media(max-width:560px){img[src="creaionx-gameshow-india-logo.webp"].brand-logo{width:174px;max-width:50vw}.crx-mobile-logo[src="creaionx-gameshow-india-logo.webp"]{width:158px;max-width:56vw}}

/* 2026-09: compact country navigation + consistent country logos */
/* All country-specific desktop headers use the same visual logo height, regardless of artwork aspect ratio. */
img.brand-logo[src="creaionx-gameshow-usa-logo.webp"],
img.brand-logo[src="creaionx-gameshow-pakistan-logo.webp"],
img.brand-logo[src="creaionx-gameshow-united-kingdom-logo.webp"],
img.brand-logo[src="creaionx-gameshow-india-logo.webp"]{
  width:auto!important;
  height:auto!important;
  max-height:50px!important;
  max-width:168px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* Make every country desktop nav noticeably thinner while preserving the hard-outline UI. */
.site-nav .nav-inner{
  min-height:58px!important;
  padding:5px 20px!important;
  gap:14px!important;
}
.site-nav .actions{gap:7px!important}
.site-nav .btn,
.site-nav .outlined-btn,
.site-nav .hard-btn{
  min-height:36px!important;
  padding:7px 13px!important;
  border-radius:9px!important;
  font-size:13px!important;
  line-height:1.1!important;
}

@media(max-width:820px){
  html{scroll-padding-top:70px}
  .crx-mobile-shell{top:5px;width:calc(100% - 14px);margin:5px auto 7px}
  .crx-mobile-bar{
    min-height:50px!important;
    padding:5px 7px 5px 9px!important;
    gap:9px!important;
    border-radius:12px!important;
    box-shadow:3px 3px 0 var(--crx-mobile-ink)!important;
  }
  .crx-mobile-logo[src="creaionx-gameshow-usa-logo.webp"],
  .crx-mobile-logo[src="creaionx-gameshow-pakistan-logo.webp"],
  .crx-mobile-logo[src="creaionx-gameshow-united-kingdom-logo.webp"],
  .crx-mobile-logo[src="creaionx-gameshow-india-logo.webp"]{
    width:auto!important;
    height:auto!important;
    max-height:39px!important;
    max-width:145px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .crx-mobile-toggle{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
    border-radius:9px!important;
    box-shadow:2px 2px 0 var(--crx-mobile-ink)!important;
  }
  .crx-mobile-toggle-lines{width:19px;height:13px}
  .crx-mobile-toggle-lines:before,.crx-mobile-toggle-lines:after,.crx-mobile-toggle-lines i{width:19px;height:2.5px}
  .crx-mobile-toggle-lines i{top:5.5px}.crx-mobile-toggle-lines:after{top:11px}
  .crx-mobile-shell.is-open .crx-mobile-toggle-lines:before,
  .crx-mobile-shell.is-open .crx-mobile-toggle-lines:after{top:5.5px}
  .crx-mobile-drawer{top:61px;max-height:calc(100dvh - 70px)}
}

@media(max-width:560px){
  .crx-mobile-logo[src="creaionx-gameshow-usa-logo.webp"],
  .crx-mobile-logo[src="creaionx-gameshow-pakistan-logo.webp"],
  .crx-mobile-logo[src="creaionx-gameshow-united-kingdom-logo.webp"],
  .crx-mobile-logo[src="creaionx-gameshow-india-logo.webp"]{
    max-height:36px!important;
    max-width:132px!important;
  }
}

/* 2026-09 multilingual heading QA */
html[data-crx-language="ur"] h1,
html[data-crx-language="ur"] h2,
html[data-crx-language="ur"] h3,
html[data-crx-language="ur"] .hero-title,
html[data-crx-language="ur"] .section-title,
html[data-crx-language="ur"] .legal-hero h1{
  letter-spacing:0!important;
  text-transform:none!important;
  line-height:1.48!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
html[data-crx-language="hi"] h1,
html[data-crx-language="hi"] h2,
html[data-crx-language="hi"] h3,
html[data-crx-language="hi"] .hero-title,
html[data-crx-language="hi"] .section-title,
html[data-crx-language="hi"] .legal-hero h1{
  letter-spacing:0!important;
  text-transform:none!important;
  line-height:1.2!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

@media(max-width:600px){
  html[data-crx-language="ur"] .hero-title,
  html[data-crx-language="ur"] .hero h1,
  html[data-crx-language="ur"] .legal-hero h1{
    font-size:clamp(1.85rem,9.5vw,3rem)!important;
    line-height:1.55!important;
  }
  html[data-crx-language="ur"] .section-title,
  html[data-crx-language="ur"] .section-head h2,
  html[data-crx-language="ur"] .pool-status-head h2{
    font-size:clamp(1.65rem,8vw,2.55rem)!important;
    line-height:1.52!important;
  }
  html[data-crx-language="hi"] .hero-title,
  html[data-crx-language="hi"] .hero h1,
  html[data-crx-language="hi"] .legal-hero h1{
    font-size:clamp(2rem,10vw,3.2rem)!important;
    line-height:1.18!important;
  }
  html[data-crx-language="hi"] .section-title,
  html[data-crx-language="hi"] .section-head h2,
  html[data-crx-language="hi"] .pool-status-head h2{
    font-size:clamp(1.8rem,8.7vw,2.75rem)!important;
    line-height:1.2!important;
  }

  /* The phone leaderboard uses CSS labels, so localize those too. */
  html[data-crx-language="ur"] .leaderboard td:nth-child(3):before{content:"ادا شدہ"}
  html[data-crx-language="ur"] .leaderboard td:nth-child(4):before{content:"بونس"}
  html[data-crx-language="ur"] .leaderboard td:nth-child(5):before{content:"کل انٹریز"}
  html[data-crx-language="ur"] .leaderboard td:nth-child(6):before{content:"جیتنے کا امکان"}
  html[data-crx-language="hi"] .leaderboard td:nth-child(3):before{content:"भुगतान"}
  html[data-crx-language="hi"] .leaderboard td:nth-child(4):before{content:"बोनस"}
  html[data-crx-language="hi"] .leaderboard td:nth-child(5):before{content:"कुल एंट्री"}
  html[data-crx-language="hi"] .leaderboard td:nth-child(6):before{content:"जीतने की संभावना"}
}

/* ==========================================================
   2026-09 FULL PHONE RESPONSIVE PASS
   Covers 320px phones through large phones / small tablets.
   ========================================================== */

/* Make every layout mathematically safe before breakpoints kick in. */
html,body{max-width:100%;min-width:0}
body{min-height:100dvh}
*{min-width:0}
img,svg,video,canvas,iframe{max-width:100%}
button,a,input,select,textarea{font:inherit}
pre,code{white-space:pre-wrap;overflow-wrap:anywhere}

@media(max-width:1024px){
  /* Tablet / large phone bridge: prevent two-column layouts from feeling cramped. */
  .hero,.hero-inner,.entry-shell,.grid,.hero-grid,.section-intro,.cta,.closing,.legal-hero-inner{
    column-gap:22px!important;
  }
  .hero-title,.hero h1,.legal-hero h1{font-size:clamp(3.25rem,8.4vw,6.4rem)!important}
  .section-title,.section-head h2,.pool-status-head h2{font-size:clamp(2.35rem,6vw,4.25rem)!important}
  .prize-card{inset:20px 0 34px 10px!important;padding:28px!important}
  .entry-shell{grid-template-columns:minmax(0,1fr) minmax(340px,.82fr)!important}
  .entry-pitch{padding:28px!important}
  .checkout-card{padding:24px!important}
  .method-grid{gap:12px!important}
  .faq-list{gap:16px!important}
}

@media(max-width:820px){
  :root{--crx-phone-gutter:16px}
  html{
    scroll-padding-top:68px!important;
    padding-top:env(safe-area-inset-top,0px);
  }
  body{
    width:100%;
    overscroll-behavior-x:none;
    padding-bottom:env(safe-area-inset-bottom,0px);
  }

  /* Safe-area aware compact sticky mobile header. */
  .crx-mobile-shell{
    top:max(5px,env(safe-area-inset-top,0px))!important;
    width:calc(100% - 14px)!important;
    max-width:760px;
  }
  .crx-mobile-bar{width:100%}
  .crx-mobile-home{flex:1 1 auto;overflow:hidden}
  .crx-mobile-logo{object-position:left center}
  html[dir="rtl"] .crx-mobile-logo,
  html[data-crx-language="ur"] .crx-mobile-logo{object-position:right center}
  .crx-mobile-drawer{
    top:calc(max(5px,env(safe-area-inset-top,0px)) + 56px)!important;
    max-height:calc(100dvh - max(76px,env(safe-area-inset-top,0px) + 70px))!important;
    padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;
  }

  /* One-column structural reset for every public page. */
  .hero,
  .hero-inner,
  .hero-grid,
  .entry-shell,
  .grid,
  .section-intro,
  .cta,
  .closing,
  .legal-hero-inner,
  .legal-section,
  .status-inner,
  .progress,
  .notice,
  .country-progress-grid,
  .podium,
  .remaining{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .hero-copy,.hero-art{grid-column:1/-1!important}
  .hero-art{width:100%;max-width:620px;margin-inline:auto}
  .hero-copy{width:100%}

  /* Consistent gutters: page-specific giant desktop paddings cannot bleed through. */
  .hero,
  .main,
  .section-wrap,
  .legal-hero,
  .legal-wrap,
  .section,
  .pool-status-section{
    padding-left:var(--crx-phone-gutter)!important;
    padding-right:var(--crx-phone-gutter)!important;
  }
  .main,.section-wrap,.legal-wrap{width:100%!important;max-width:100%!important}

  /* Headlines stay impactful but never collide with adjacent copy. */
  h1,h2,h3,.hero-title,.section-title,.display,.big-copy,.legal-hero h1,.entry-pitch h2{
    width:auto!important;
    max-width:100%!important;
    hyphens:none;
    overflow-wrap:break-word!important;
    text-wrap:balance;
  }
  p,.intro,.lead,.copy,.faq-body,.hero-subtitle,.legal-body,.legal-section li{text-wrap:pretty}

  /* Main country hero. */
  .hero{padding-top:34px!important;padding-bottom:48px!important;gap:22px!important}
  .hero-inner{padding-top:34px!important;padding-bottom:44px!important;gap:22px!important}
  .hero-title,.hero h1,.legal-hero h1{font-size:clamp(2.75rem,11vw,5.1rem)!important;line-height:.94!important}
  .hero-subtitle,.hero p{max-width:100%!important;font-size:1rem!important;line-height:1.55!important}
  .hero-actions{gap:10px!important;align-items:stretch!important}
  .hero-actions .hard-btn,.hero-actions .outlined-btn,.hero-actions .btn{flex:1 1 210px;min-height:50px!important;padding:12px 16px!important;font-size:15px!important}
  .mini-proof{width:100%;font-size:10px!important;line-height:1.5}
  .eyebrow{margin-bottom:16px!important;padding:7px 11px!important;font-size:10px!important;max-width:100%;white-space:normal!important}
  .hero-art{min-height:430px!important}
  .prize-card{inset:10px 5px 40px 5px!important;border-radius:24px!important;padding:24px!important;box-shadow:7px 7px 0 var(--acid)!important}
  .prize-card::before{font-size:330px!important;right:-20px!important;bottom:-95px!important}
  .prize-amount{font-size:clamp(3.35rem,16vw,6rem)!important}
  .prize-caption{gap:12px!important;align-items:flex-end!important}
  .float-card{right:4px!important;bottom:0!important;width:min(190px,57vw)!important;padding:14px!important;box-shadow:5px 5px 0 var(--ink)!important}
  .float-card b{font-size:26px!important}

  /* Prize / entry areas. */
  .section-wrap{padding-top:58px!important;padding-bottom:58px!important}
  .section-title{margin-bottom:24px!important;font-size:clamp(2.25rem,9.5vw,3.85rem)!important;line-height:.98!important}
  .prize-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .prize-tier{min-width:0!important;padding:18px!important}
  .prize-value{font-size:clamp(1.55rem,7vw,2.5rem)!important;overflow-wrap:anywhere}
  .entry-shell{gap:20px!important}
  .entry-pitch{position:relative!important;top:auto!important;min-height:0!important;padding:22px!important;border-radius:18px!important}
  .entry-pitch h2{font-size:clamp(2.25rem,9.5vw,3.8rem)!important;line-height:.95!important}
  .entry-pitch p{font-size:1rem!important}
  .ticket-count{font-size:100px!important}
  .checkout-card{padding:18px!important;border-radius:18px!important}
  .checkout-card label{padding:14px!important}
  .space-y-7>*+*{margin-top:18px!important}
  .custom-entry-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  .custom-amount-wrap{width:100%!important}
  .custom-amount-input{min-width:0!important;width:100%!important}
  .best-value{right:9px!important;font-size:9px!important}

  /* Payment pages: cards, amount summary, and actions. */
  .payment-nav,.winners-nav{display:none!important}
  .method-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .method-card{min-height:116px!important;padding:14px!important;border-radius:14px!important}
  .method-name{font-size:clamp(1rem,4.5vw,1.25rem)!important;overflow-wrap:anywhere}
  .method-detail{font-size:12px!important;line-height:1.35!important;overflow-wrap:anywhere}
  .card,.mini-card,.warning,.detail{max-width:100%!important}
  .card{border-radius:18px!important}
  .card-head,.card-body{padding:18px!important}
  .value-row{gap:10px!important;flex-wrap:wrap!important}
  .value{min-width:0!important;overflow-wrap:anywhere}
  .amounts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .amount{min-width:0!important;padding:12px!important}
  .checks{padding-left:20px!important}
  .toast{left:12px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-width:none!important}

  /* Winners pages. */
  .status-band{margin-inline:var(--crx-phone-gutter)!important}
  .status-inner{gap:10px!important;padding:14px!important}
  .section-head{gap:12px!important}
  .podium{gap:12px!important}
  .winner-card{min-width:0!important;border-radius:16px!important}
  .winner-card.top{min-height:0!important}
  .rank{font-size:clamp(2rem,10vw,3.2rem)!important}
  .winner-body{padding:16px!important}
  .prize{font-size:clamp(1.45rem,7vw,2.35rem)!important;line-height:1!important;white-space:normal!important}
  .slot{grid-template-columns:minmax(0,1fr)!important;gap:4px!important;padding:10px!important}
  .slot-value{text-align:left!important;overflow-wrap:anywhere}
  html[data-crx-language="ur"] .slot-value{text-align:right!important}

  /* Current Pool pages. */
  .toolbar{gap:12px!important}
  .filter-wrap{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .filter-btn{flex:1 1 130px!important;min-width:0!important}
  .refresh-wrap{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important}
  .refresh-wrap .btn{flex:0 0 auto}
  .live-card{padding:16px!important}
  .country-progress-card{padding:16px!important;border-radius:16px!important}
  .country-progress-top,.progress-meta{gap:8px!important;flex-wrap:wrap!important}
  .progress-track{height:14px!important}
  .summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .metric{padding:14px!important;border-radius:14px!important}
  .metric strong{font-size:clamp(1.45rem,7vw,2.25rem)!important;overflow-wrap:anywhere}
  .privacy-note{width:100%!important}
  .table-shell{border-radius:16px!important;overflow:hidden!important}

  /* FAQ / About / generic content pages. */
  .section-intro{gap:18px!important;margin-bottom:26px!important}
  .section-intro>*{width:100%!important;max-width:100%!important}
  .faq-list{display:grid!important;gap:12px!important}
  .faq{padding:0!important;border-radius:16px!important;overflow:hidden!important}
  .faq summary,.faq>button,.faq h3{font-size:clamp(1.05rem,4.8vw,1.35rem)!important;line-height:1.25!important}
  .faq-body{padding:0 16px 16px!important;font-size:.98rem!important;line-height:1.6!important}
  .promise-card,.promise-item,.highlight,.note{max-width:100%!important}
  .promise-list{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .closing-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
  .closing-actions .btn{flex:1 1 190px!important}

  /* Legal pages. */
  .legal-hero{padding-top:34px!important;padding-bottom:34px!important}
  .legal-hero-inner{gap:16px!important}
  .legal-meta{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .legal-wrap{padding-top:28px!important;padding-bottom:54px!important}
  .legal-section{padding:20px!important;border-radius:16px!important}
  .legal-toc{padding:16px!important;border-radius:14px!important}
  .legal-callout,.legal-alert{padding:16px!important}

  /* Footer and cookie UI. */
  .crx-footer{padding-top:48px!important;padding-bottom:28px!important}
  .crx-footer-inner{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
  .crx-footer-links{gap:8px!important}
  .crx-footer-title{font-size:clamp(1.9rem,8vw,3rem)!important}
  .crx-footer-bottom{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important}
  .crx-cookie-banner{
    left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
    width:auto!important;max-width:none!important;padding:15px!important;border-radius:15px!important;
  }
  .crx-cookie-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .crx-cookie-btn{min-height:44px!important;padding:9px 10px!important}

  /* Ticket reveal stays inside every viewport. */
  .crx-ticket-reveal{padding:8px!important;overflow:auto!important}
  .crx-ticket-modal{width:min(100%,760px)!important;max-height:calc(100dvh - 16px)!important;overflow:auto!important;margin:auto!important}
  .crx-ticket-stage,.crx-ticket-card,.crx-ticket-shell{max-width:100%!important}
  .crx-ticket-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .crx-ticket-actions button,.crx-ticket-actions a{flex:1 1 145px!important;min-height:44px!important}
}

@media(max-width:600px){
  :root{--crx-phone-gutter:14px}
  .crx-mobile-shell{width:calc(100% - 12px)!important}
  .crx-mobile-bar{min-height:48px!important}
  .crx-mobile-drawer{left:6px!important;right:6px!important;padding:11px!important;border-radius:15px!important}
  .crx-mobile-links{gap:7px!important}
  .crx-mobile-link{min-height:47px!important;padding:10px 11px!important}
  .crx-mobile-language{margin-top:11px!important;padding-top:11px!important}

  .hero{padding-top:28px!important;padding-bottom:42px!important}
  .hero-inner{padding-top:28px!important;padding-bottom:38px!important}
  .hero-title,.hero h1,.legal-hero h1{font-size:clamp(2.45rem,12vw,4.15rem)!important}
  .hero-art{min-height:370px!important}
  .prize-card{padding:20px!important;inset:8px 3px 34px!important;border-radius:20px!important}
  .prize-caption{font-size:12px!important}
  .barcode{width:78px!important;height:32px!important}
  .float-card{width:min(172px,58vw)!important;padding:12px!important}
  .float-card b{font-size:23px!important}
  .marquee-track span{padding:12px 18px!important;font-size:14px!important}

  .prize-grid{grid-template-columns:minmax(0,1fr)!important}
  .method-grid{grid-template-columns:minmax(0,1fr)!important}
  .method-card{min-height:0!important}
  .amounts{grid-template-columns:minmax(0,1fr)!important}
  .summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .section-wrap{padding-top:48px!important;padding-bottom:48px!important}
  .section-title,.section-head h2,.pool-status-head h2{font-size:clamp(2rem,10vw,3.15rem)!important}
  .entry-pitch,.checkout-card,.card,.legal-section{padding:16px!important}
  .checkout-card label{padding:13px!important}

  /* Mobile Current Pool: card format instead of horizontal scrolling. */
  .table-scroll{overflow:visible!important}
  .leaderboard{display:block!important;width:100%!important;min-width:0!important}
  .leaderboard thead{display:none!important}
  .leaderboard tbody{display:grid!important;gap:9px!important;padding:9px!important}
  .leaderboard tr{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px 10px!important;padding:13px!important}
  .leaderboard td{display:block!important;min-width:0!important;padding:0!important;border:0!important;overflow-wrap:anywhere!important}
  .leaderboard td:nth-child(1){grid-column:1/2}
  .leaderboard td:nth-child(2){grid-column:2/3;text-align:right!important}
  .leaderboard td:nth-child(3),.leaderboard td:nth-child(4){grid-column:auto}
  .leaderboard td:nth-child(5),.leaderboard td:nth-child(6){grid-column:1/-1}

  .crx-cookie-actions{grid-template-columns:minmax(0,1fr)!important}
}

@media(max-width:430px){
  :root{--crx-phone-gutter:12px}
  .crx-mobile-bar{padding:4px 6px 4px 8px!important;box-shadow:2px 2px 0 var(--crx-mobile-ink)!important}
  .crx-mobile-toggle{width:36px!important;height:36px!important;flex-basis:36px!important}
  .crx-mobile-logo,
  .crx-mobile-logo[src="creaionx-gameshow-usa-logo.webp"],
  .crx-mobile-logo[src="creaionx-gameshow-pakistan-logo.webp"],
  .crx-mobile-logo[src="creaionx-gameshow-united-kingdom-logo.webp"],
  .crx-mobile-logo[src="creaionx-gameshow-india-logo.webp"]{max-height:33px!important;max-width:124px!important;width:auto!important}

  .hero-title,.hero h1,.legal-hero h1{font-size:clamp(2.2rem,12.5vw,3.55rem)!important;letter-spacing:-.045em!important}
  .section-title,.section-head h2,.pool-status-head h2{font-size:clamp(1.85rem,9.8vw,2.75rem)!important}
  .hero-art{min-height:330px!important}
  .prize-amount{font-size:clamp(3rem,15vw,4.2rem)!important}
  .prize-card::before{font-size:270px!important}
  .float-card{width:min(155px,58vw)!important}
  .float-card b{font-size:20px!important}
  .hero-actions .hard-btn,.hero-actions .outlined-btn,.hero-actions .btn{flex-basis:100%!important;width:100%!important}
  .summary{grid-template-columns:minmax(0,1fr)!important}
  .filter-btn{flex-basis:100%!important}
  .refresh-wrap{flex-direction:column!important;align-items:stretch!important}
  .refresh-wrap .btn{width:100%!important}
  .metric strong{font-size:1.75rem!important}
  .winner-body{padding:14px!important}
  .rank{font-size:2.2rem!important}
  .prize{font-size:1.65rem!important}
  .faq summary,.faq>button,.faq h3{font-size:1rem!important}
  .crx-footer{padding-left:14px!important;padding-right:14px!important}
  .crx-footer-title{font-size:1.9rem!important}
}

@media(max-width:360px){
  :root{--crx-phone-gutter:10px}
  .crx-mobile-shell{width:calc(100% - 8px)!important}
  .crx-mobile-logo,
  .crx-mobile-logo[src="creaionx-gameshow-usa-logo.webp"],
  .crx-mobile-logo[src="creaionx-gameshow-pakistan-logo.webp"],
  .crx-mobile-logo[src="creaionx-gameshow-united-kingdom-logo.webp"],
  .crx-mobile-logo[src="creaionx-gameshow-india-logo.webp"]{max-width:112px!important;max-height:31px!important}
  .crx-mobile-drawer{left:4px!important;right:4px!important}
  .hero-title,.hero h1,.legal-hero h1{font-size:clamp(2rem,12.8vw,3rem)!important}
  .hero-art{min-height:300px!important}
  .prize-card{padding:17px!important}
  .prize-amount{font-size:2.8rem!important}
  .float-card{width:145px!important}
  .entry-pitch h2{font-size:2.2rem!important}
  .section-title,.section-head h2,.pool-status-head h2{font-size:1.8rem!important}
  .leaderboard tr{grid-template-columns:minmax(0,1fr)!important}
  .leaderboard td:nth-child(n){grid-column:1/-1!important;text-align:left!important}
  html[data-crx-language="ur"] .leaderboard td:nth-child(n){text-align:right!important}
}

/* Short phone landscape: menu and modal must remain usable. */
@media(max-width:900px) and (max-height:520px) and (orientation:landscape){
  .crx-mobile-shell{position:relative!important;top:0!important}
  .crx-mobile-drawer{top:56px!important;max-height:calc(100dvh - 62px)!important}
  .hero{padding-top:24px!important}
  .hero-art{min-height:300px!important}
  .crx-ticket-modal{max-height:calc(100dvh - 8px)!important}
}

/* Language-specific mobile alignment / wrapping. */
@media(max-width:820px){
  html[data-crx-language="ur"] body{direction:rtl}
  html[data-crx-language="ur"] .crx-mobile-bar,
  html[data-crx-language="ur"] .crx-mobile-links,
  html[data-crx-language="ur"] .crx-mobile-language-grid{direction:rtl}
  html[data-crx-language="ur"] .hero-actions,
  html[data-crx-language="ur"] .closing-actions,
  html[data-crx-language="ur"] .filter-wrap,
  html[data-crx-language="ur"] .refresh-wrap{direction:rtl}
  html[data-crx-language="ur"] .hero-copy,
  html[data-crx-language="ur"] .entry-pitch,
  html[data-crx-language="ur"] .checkout-card,
  html[data-crx-language="ur"] .section-head,
  html[data-crx-language="ur"] .pool-status-head,
  html[data-crx-language="ur"] .metric,
  html[data-crx-language="ur"] .country-progress-card,
  html[data-crx-language="ur"] .winner-card,
  html[data-crx-language="ur"] .legal-section,
  html[data-crx-language="ur"] .crx-footer{text-align:right!important}

  html[data-crx-language="ur"] .hero-title,
  html[data-crx-language="ur"] .hero h1,
  html[data-crx-language="ur"] .legal-hero h1{
    font-size:clamp(1.75rem,8.2vw,2.85rem)!important;
    line-height:1.55!important;
  }
  html[data-crx-language="ur"] .section-title,
  html[data-crx-language="ur"] .section-head h2,
  html[data-crx-language="ur"] .pool-status-head h2{
    font-size:clamp(1.55rem,7.4vw,2.35rem)!important;
    line-height:1.55!important;
  }
  html[data-crx-language="hi"] .hero-title,
  html[data-crx-language="hi"] .hero h1,
  html[data-crx-language="hi"] .legal-hero h1{
    font-size:clamp(2rem,9.4vw,3.4rem)!important;
    line-height:1.18!important;
  }
}

/* Accessibility / platform behavior. */
@media(hover:none){
  .hard-btn:hover,.outlined-btn:hover,.btn:hover,.method-card:hover,.checkout-card label:hover{transform:none!important}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* Country selector: use transparent worldwide logo with no image background. */
img.brand-logo[src="creaionx-gameshow-worldwide-transparent.webp"]{
  width:min(250px,68vw)!important;
  max-width:68vw!important;
  height:auto!important;
  object-fit:contain!important;
  background:transparent!important;
  border-radius:0!important;
}
.crx-mobile-logo[src="creaionx-gameshow-worldwide-transparent.webp"]{
  width:auto!important;
  height:auto!important;
  max-width:148px!important;
  max-height:38px!important;
  object-fit:contain!important;
  background:transparent!important;
  border-radius:0!important;
}
@media(max-width:390px){
  .crx-mobile-logo[src="creaionx-gameshow-worldwide-transparent.webp"]{max-width:136px!important;max-height:35px!important}
}