/* Centered desktop stage. The mobile source and its crop stay unchanged. */
body{background:var(--bg)}
.header{position:relative;z-index:2;border-bottom-color:#8585b132}
.game-world{position:relative;isolation:isolate;padding-bottom:4px}
.world-backdrop{position:absolute;top:-104px;left:0;width:100%;height:1520px;z-index:-1;pointer-events:none;overflow:hidden;opacity:.86;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 130px,#000 64%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 130px,#000 64%,transparent 100%)}
.world-backdrop picture{display:block;width:100%;height:100%}
.world-backdrop img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}
.world-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c10233d 0,#0c102352 25%,#0c102393 50%,#0c102352 75%,#0c10233d 100%),linear-gradient(180deg,#0c102322 0,#0c102316 35%,#0c102355 75%)}
.hero{display:flex;flex-direction:column;align-items:center;min-height:0;gap:0;padding:44px 0 44px;background:none;overflow:visible;text-align:center}
.hero-copy{padding:0;width:100%;max-width:880px;text-shadow:0 3px 28px #030918cc}
.hero h1{font-size:clamp(4.8rem,6vw,6rem);line-height:.91;margin:20px 0;max-width:none}
.hero-copy>p{color:#d3dbee;font-size:1.0625rem;line-height:1.55;max-width:none}.hero .eyebrow{color:#d4c4ff}.hero-footnote{color:#c1cadb}
.hero-reward{align-self:center;justify-self:auto;margin:24px 0 0;width:min(640px,100%);max-width:100%}
.hero-pool{display:block;position:static;transform:none;padding:16px 30px 19px;border:1px solid #ffda7b9c;border-radius:16px;background:linear-gradient(125deg,#192031ef,#0b1327f5);box-shadow:0 0 46px #e3b34716,inset 0 1px 0 #fff2,0 14px 44px #02071560;text-align:center;text-shadow:none}
.hero-pool strong{display:block;font-size:clamp(5.5rem,8vw,8rem);line-height:1.03;letter-spacing:-.025em;color:#ffde83;text-shadow:0 0 32px #ffce583b;margin:6px 0}
.hero-pool span{display:block;color:#e3d5af;font-size:.875rem;letter-spacing:.12em;line-height:1.45;font-weight:700}
.hero-pool span:last-child{color:#b8c7db;font-size:.8125rem;letter-spacing:.09em;font-weight:500}
.hero-controls{margin-top:24px}.hero-actions{justify-content:center;margin-top:0;gap:28px}.hero-actions>.button{min-width:210px}.hero-footnote{justify-content:center;margin-top:17px;font-size:.75rem}
.benefits{background:#151b32c9;border-color:#62678466;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 32px #01061630}
.benefits>div:nth-child(1){background:linear-gradient(115deg,#41205f59,#201a3d66)}.benefits>div:nth-child(2){background:linear-gradient(115deg,#114b6747,#1527436b)}.benefits>div:nth-child(3){background:linear-gradient(115deg,#6126543d,#2b1c3e66)}.partner-logo{background:#141b3199}
.ranking-section{padding-top:64px}.ranking-section>.section-heading,.ranking-section>.section-kicker{text-shadow:0 2px 20px #020617}
.ranking-section>.section-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px;margin-bottom:18px}
.ranking-section h2{font-size:clamp(2.5rem,5vw,4.25rem);line-height:1.05}
.ranking-section h2 em{color:#7ff4cc;background:linear-gradient(100deg,#63f5c2,#78d9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ranking-section .section-heading p{font-size:1rem;color:#c7d3e6}
.ranking-section .period-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:auto}
.ranking-section .period-label>span{font-size:.8125rem;color:#b3c1d9}
.ranking-section select{font-size:1.125rem;font-weight:700;padding:10px 38px 10px 16px;min-width:215px;border-color:#7c87aa77;background-color:#17203be8;text-align:center}
.season-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:14px 0 20px;border:0;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;text-align:center}
.countdown-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}
.countdown-wrap>span{display:block;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;line-height:1.5;color:#c0cbe1}
.countdown-wrap strong{display:block;font-family:var(--display);font-size:clamp(2.5rem,5.5vw,4.5rem);font-weight:800;line-height:1.1;letter-spacing:.015em;word-spacing:.1em;color:#75f5c9;font-variant-numeric:tabular-nums;text-shadow:0 0 30px #65edbf35;white-space:normal;max-width:100%}
#season-progress{display:block;appearance:none;-webkit-appearance:none;border:0;border-radius:10px;background:#25314a;width:min(380px,86%);height:7px;margin-top:7px;overflow:hidden;color:#68edc0;accent-color:#68edc0}
#season-progress::-webkit-progress-bar{background:#25314a;border-radius:10px}
#season-progress::-webkit-progress-value{background:linear-gradient(90deg,#68edc0,#7cdaff);border-radius:10px}
#season-progress::-moz-progress-bar{background:linear-gradient(90deg,#68edc0,#7cdaff);border-radius:10px}
.season-meta{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;color:#afc0d9}
.season-meta>span{font-size:.8125rem;letter-spacing:.035em}
.season-bar .text-link{font-size:.875rem;padding:7px 13px;border:1px solid #66799477;border-radius:6px;background:#15203aca;color:#d6e9ff;width:auto}
.podium{padding-top:30px}
.podium-card{background:linear-gradient(160deg,#263d65ed,#17233eef 65%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.podium-card.first{background:linear-gradient(155deg,#55432bee,#2c2941f2 70%)}.podium-card.third{background:linear-gradient(155deg,#552c50eb,#2b223eef 70%)}
.table-panel{background:#141c33f2}
@media(min-width:1800px){.world-backdrop{height:1600px}.hero{min-height:0}.hero-copy{padding-top:0}}
@media(max-width:1000px) and (min-width:701px){.world-backdrop{height:1440px}.hero{min-height:0;padding-top:40px}.hero-reward{width:min(600px,100%)}.hero-pool strong{font-size:6.5rem}}
@media(max-width:700px){
  .header{background:transparent}
  .world-backdrop{top:-84px;height:1040px;opacity:.74;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 100px,#000 50%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 100px,#000 50%,transparent 100%)}
  .world-backdrop img{object-position:78% top}
  .world-backdrop::after{background:linear-gradient(90deg,#0c1023d9 0,#0c1023b0 35%,#0c102365 70%,#0c10233d 100%)}
  .hero{align-items:flex-start;text-align:left;padding:39px 0 29px;min-height:0;overflow:visible}
  .hero-copy{padding:0;width:100%;pointer-events:auto}
  .hero h1{font-size:4.65rem;max-width:none;margin:24px 0;line-height:.9}
  .hero-copy>p{max-width:290px;font-size:1rem;line-height:1.6}
  .hero .eyebrow{font-size:.75rem;letter-spacing:.08em}
  .hero-reward{align-self:flex-start;justify-self:auto;margin:24px 0 0;width:100%;max-width:430px}
  .hero-pool{display:block;padding:17px 14px 19px;border:1px solid #ffda7b99;border-radius:12px;background:linear-gradient(125deg,#192031f2,#0b1327f5)}
  .hero-pool strong{font-size:clamp(3.9rem,14vw,5.3rem);line-height:1.1;margin:7px 0;color:#ffde83}
  .hero-pool span{font-size:.8125rem;letter-spacing:.07em}.hero-pool span:last-child{font-size:.75rem;letter-spacing:.04em;color:#c9d4e4}
  .hero-controls{width:100%;margin-top:23px}
  .hero-actions{justify-content:flex-start;margin:0;gap:24px}.hero-actions .button{min-width:0;min-height:48px;padding:14px 20px;font-size:.875rem}.hero-actions .text-link{font-size:.875rem}
  .hero-footnote{justify-content:flex-start;font-size:.75rem;margin-top:20px}
  .benefits{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .ranking-section{padding-top:45px}.ranking-section h2{font-size:2.7rem}.ranking-section .section-heading p{font-size:.875rem}
  .ranking-section>.section-heading{gap:20px;margin-bottom:12px}.ranking-section .period-label{width:auto;gap:7px}.ranking-section select{font-size:1rem;min-width:205px}
  .season-bar{gap:18px;padding:12px 0 16px}.countdown-wrap{gap:10px}.countdown-wrap>span{display:block;font-size:.75rem;letter-spacing:.06em}.countdown-wrap strong{font-size:clamp(2.3rem,9.5vw,3.5rem);letter-spacing:0;word-spacing:.02em;line-height:1.2;white-space:normal}
  #season-progress{width:min(320px,90%);height:6px}.season-meta{gap:12px}.season-meta>span{font-size:.75rem}.season-bar .text-link{width:auto;text-align:center;font-size:.8125rem;padding:7px 10px}
  .podium{padding-top:31px}
}
@media(max-width:380px){.hero h1{font-size:4.1rem}.hero-actions{gap:18px}.hero-actions .button{padding:12px 16px}.hero-actions .text-link{font-size:.8125rem}.hero-copy>p{max-width:280px}.world-backdrop{height:1090px}.hero-pool strong{font-size:3.9rem}.ranking-section h2{font-size:2.4rem}}
@media(prefers-reduced-transparency:reduce){.benefits,.podium-card,.table-panel{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:#151d32}.hero-pool{background:#121b2e}}