:root {
      --black:   #040810;
      --surface: #080d18;
      --card:    #0d1220;
      --blue:    #1a6fff;
      --bright:  #3d8fff;
      --sky:     #00c3ff;
      --line:    rgba(26,111,255,.22);
      --text:    #e2eeff;
      --muted:   #7a94bb;
      --glow:    rgba(26,111,255,.55);
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    html { scroll-behavior: smooth; }

    body {
      background: var(--black);
      color: var(--text);
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 15px;
      line-height: 1.6;
      overflow-x: hidden;
    }

    a { color: inherit; text-decoration: none; }
    .container{max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,48px);}
    .hero, section, footer { max-width: 100vw; }
    img { display: block; }

    #loader {
      position: fixed; inset: 0; z-index: 9999;
      background: var(--black);
      display: flex; flex-direction: column;
      align-items: center; justify-content: center;
      gap: 24px;
      transition: opacity .4s ease, visibility .4s ease;
    }
    #loader.hide { opacity: 0; visibility: hidden; pointer-events: none; }
    .loader-logo {
      width: 110px; height: 110px; border-radius: 50%;
      object-fit: cover;
      filter: drop-shadow(0 0 32px rgba(26,111,255,.9)) drop-shadow(0 0 80px rgba(0,195,255,.5));
      animation: logoPulse 1.6s ease-in-out infinite;
    }
    .loader-text {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 18px; letter-spacing: .5em;
      color: var(--muted); text-transform: uppercase;
    }
    .loader-bar {
      width: 180px; height: 3px;
      background: rgba(255,255,255,.06);
      border-radius: 99px; overflow: hidden;
    }
    .loader-bar::after {
      content: '';
      display: block; height: 100%;
      background: linear-gradient(90deg, var(--blue), var(--sky));
      box-shadow: 0 0 18px var(--bright);
      animation: barSlide 1.35s ease-in-out infinite;
    }
    @keyframes logoPulse {
      0%,100% { transform: scale(1); filter: drop-shadow(0 0 28px rgba(26,111,255,.85)) drop-shadow(0 0 70px rgba(0,195,255,.4)); }
      50%      { transform: scale(1.07); filter: drop-shadow(0 0 48px rgba(26,111,255,1)) drop-shadow(0 0 120px rgba(0,195,255,.7)); }
    }
    @keyframes barSlide {
      0%   { transform: scaleX(.2) translateX(-120%); }
      50%  { transform: scaleX(1) translateX(0%); }
      100% { transform: scaleX(.2) translateX(120%); }
    }

    #sparkCanvas {
      position: fixed; inset: 0; z-index: -1;
      pointer-events: none; opacity: .7;
      mix-blend-mode: screen;
    }

    .bg-ambient {
      position: fixed; inset: 0; z-index: -2;
      background:
        radial-gradient(ellipse 60% 40% at 50% -5%, rgba(0,80,200,.18), transparent),
        radial-gradient(ellipse 35% 55% at 92% 80%, rgba(0,60,140,.09), transparent),
        var(--black);
    }

    .nav {
      position: fixed; inset: 0 0 auto 0; z-index: 90;
      height: 72px;
      display: flex; align-items: center;
      padding: 0 clamp(32px, 5vw, 80px);
      transition: background .4s, backdrop-filter .4s, border-color .4s;
      border-bottom: 1px solid transparent;
    }
    .nav.scrolled {
      background: rgba(4,8,16,.88);
      backdrop-filter: blur(18px);
      border-bottom-color: var(--line);
    }
    .nav-brand {
      display: flex; align-items: center; gap: 12px;
      flex-shrink: 0;
    }
    .nav-brand img {
      width: 40px; height: 40px; border-radius: 50%;
      object-fit: cover;
      filter: drop-shadow(0 0 10px rgba(26,111,255,.65));
      transition: transform .25s ease, filter .25s ease;
    }
    .nav-brand:hover img {
      transform: scale(1.12) rotate(-4deg);
      filter: drop-shadow(0 0 14px rgba(0,195,255,.95));
    }
    .nav-brand-name {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 26px; letter-spacing: .08em;
      background: linear-gradient(90deg, #fff, #55aaff);
      -webkit-background-clip: text; background-clip: text; color: transparent;
    }
    .nav-links {
      display: flex; align-items: center; gap: 32px;
      margin-left: auto;
      font-weight: 700; font-size: 14px;
      letter-spacing: .02em;
      color: var(--muted);
    }
    .nav-links a.lnk {
      position: relative; padding: 4px 0;
      transition: color .2s ease;
    }
    .nav-links a.lnk::after {
      content: '';
      position: absolute; bottom: -2px; left: 0;
      width: 0; height: 2px;
      background: linear-gradient(90deg, var(--blue), var(--sky));
      transition: width .25s ease;
    }
    .nav-links a.lnk:hover { color: #fff; }
    .nav-links a.lnk:hover::after { width: 100%; }

    .nav-cta { display: flex; gap: 10px; align-items: center; margin-left: 24px; }
    .btn-nav {
      display: inline-flex; align-items: center; gap: 8px;
      font-weight: 700; font-size: 13px;
      border-radius: 999px; padding: 10px 18px;
      letter-spacing: .01em;
      transition: transform .22s ease, box-shadow .25s ease;
      white-space: nowrap; border: 1px solid transparent; cursor: pointer;
      text-decoration: none;
    }
    .btn-nav svg { width: 16px; height: 16px; flex-shrink: 0; }
    .btn-nav-kick {
      background: #53FC18; color: #06210a;
      box-shadow: 0 6px 22px rgba(83,252,24,.26);
    }
    .btn-nav-kick:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(83,252,24,.4); }
    .btn-nav-blox {
      background: linear-gradient(90deg, var(--blue), var(--sky));
      color: #fff;
      box-shadow: 0 6px 22px rgba(26,111,255,.3);
      display: flex; align-items: center; gap: 8px;
    }
    .btn-nav-blox img { height: 18px; border-radius: 3px; }
    .btn-nav-blox:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(26,111,255,.5); }

    .live-dot {
      width: 7px; height: 7px; border-radius: 50%;
      background: #1dff4d;
      box-shadow: 0 0 10px #1dff4d;
      animation: pulse 1.8s ease-in-out infinite;
    }
    @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.35} }

    .hamburger {
      display: none; cursor: pointer;
      flex-direction: column; gap: 5px;
      margin-left: 16px; padding: 10px;
      background: rgba(255,255,255,.03); border: 1px solid var(--line);
      border-radius: 10px; width: 44px; height: 44px;
      align-items: center; justify-content: center;
    }
    .hamburger span {
      display: block; width: 20px; height: 2px;
      background: var(--text); border-radius: 2px;
      transition: .25s ease;
    }
    .hamburger.x span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .hamburger.x span:nth-child(2) { opacity: 0; }
    .hamburger.x span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

    .mobile-menu {
      position: fixed; inset: 0; z-index: 85;
      background: rgba(4,8,16,.97); backdrop-filter: blur(8px);
      display: flex; flex-direction: column; justify-content: center;
      gap: 8px; padding: clamp(20px, 5vw, 72px);
      clip-path: circle(0% at 100% 0%);
      transition: clip-path .5s cubic-bezier(.2,.8,.2,1);
      pointer-events: none;
    }
    .mobile-menu.open { clip-path: circle(150% at 100% 0%); pointer-events: auto; }
    .mobile-menu a {
      font-family: 'Bebas Neue', sans-serif; font-size: 36px;
      text-transform: uppercase;
      padding: 10px 0; border-bottom: 1px solid var(--line);
      letter-spacing: .04em;
    }
    .mobile-menu a:hover { color: var(--sky); }
    .mobile-menu .m-cta { display: flex; gap: 12px; margin-top: 24px; flex-wrap: wrap; }
    .mobile-menu .m-cta .btn-nav { font-size: 14px; padding: 13px 22px; }

    #cursorGlow {
      position: fixed;
      pointer-events: none;
      z-index: 0;
      width: 520px; height: 520px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(26,111,255,.15) 0%, rgba(26,111,255,.06) 35%, transparent 70%);
      transform: translate(-50%, -50%);
      transition: opacity .4s ease;
      opacity: 0;
      left: 50%; top: 50%;
    }
    #cursorGlow.on { opacity: 1; }

    .hero {
      min-height: calc(100vh - 72px);
      margin-top: 50px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      text-align: left;
      gap: clamp(40px, 6vw, 80px);
      padding: clamp(90px,10vh,130px) clamp(32px,5vw,80px) clamp(60px,7vh,90px);
      max-width: 1400px;
      margin-inline: auto;
      position: relative;
      overflow: hidden;
    }

    .hero::after {
      content: '';
      position: absolute;
      bottom: 0; left: 0; right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(26,111,255,.35), transparent);
    }

    .hero-copy { position: relative; z-index: 2; flex: 1; min-width: 0; }
    .hero-eyebrow {
      display: inline-flex; align-items: center; gap: 10px;
      font-size: 11px; font-weight: 900; letter-spacing: .45em;
      text-transform: uppercase; color: var(--sky);
      margin-bottom: 18px;
      justify-content: flex-start;
    }
    .hero-eyebrow::before {
      content: '';
      display: inline-block;
      width: 28px; height: 2px;
      background: linear-gradient(90deg, var(--blue), var(--sky));
      box-shadow: 0 0 8px var(--blue);
    }

    .hero h1 {
      font-family: 'Bebas Neue', sans-serif;
      font-size: clamp(40px, 7.2vw, 96px);
      line-height: .98;
      letter-spacing: .01em;
      color: #fff;
      text-shadow: 0 0 80px rgba(26,111,255,.25);
    }
    .hero h1 em {
      font-style: normal;
      -webkit-text-stroke: 2px var(--blue);
      color: transparent;
      display: block;
      filter: drop-shadow(0 0 4px rgba(26,111,255,.5)) drop-shadow(0 0 4px rgba(0,195,255,.15));
    }

    .hero-actions { display: flex; gap: 14px; flex-wrap: wrap; justify-content: flex-start; margin-top: 28px; }

    .btn {
      display: inline-flex; align-items: center; justify-content: center;
      gap: 8px; padding: 14px 28px;
      font-family: 'Inter', sans-serif;
      font-weight: 900; font-size: 12px;
      letter-spacing: .1em; text-transform: uppercase;
      border: none; cursor: pointer;
      position: relative; overflow: hidden;
      transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
      clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
    }
    .btn::before {
      content: '';
      position: absolute; inset: 0;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
      transform: translateX(-130%);
      transition: transform .5s ease;
    }
    .btn:hover::before { transform: translateX(130%); }
    .btn:hover { transform: translateY(-3px); }

    .btn-primary {
      background: linear-gradient(90deg, var(--blue), var(--sky));
      color: #fff;
      box-shadow: 0 0 28px rgba(26,111,255,.35), 0 6px 20px rgba(0,0,0,.4);
    }
    .btn-primary:hover { box-shadow: 0 0 42px rgba(26,111,255,.65), 0 8px 28px rgba(0,0,0,.5); }

    .btn-ghost {
      background: rgba(255,255,255,.04);
      color: var(--text);
      border: 1px solid rgba(26,111,255,.4);
      box-shadow: inset 0 0 20px rgba(26,111,255,.04);
      clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
    }
    .btn-ghost:hover {
      border-color: var(--sky);
      background: rgba(26,111,255,.1);
      box-shadow: 0 0 20px rgba(26,111,255,.25);
    }

    .hero-stats-strip {
      display: flex;
      gap: 0;
      border: 1px solid var(--line);
      border-radius: 16px;
      overflow: hidden;
      background: rgba(13,18,32,.7);
      backdrop-filter: blur(12px);
    }
    .hss-item {
      flex: 1; padding: 20px 28px;
      text-align: center;
      border-right: 1px solid var(--line);
    }
    .hss-item:last-child { border-right: none; }
    .hss-num {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 34px; letter-spacing: .04em;
      background: linear-gradient(90deg, #fff, #55aaff);
      -webkit-background-clip: text; background-clip: text; color: transparent;
    }
    .hss-label {
      font-size: 10px; font-weight: 800;
      letter-spacing: .26em; text-transform: uppercase;
      color: var(--muted); margin-top: 2px;
    }

    .code-pill {
      display: inline-flex; align-items: center; gap: 12px;
      margin-top: 24px; padding: 10px 12px 10px 18px;
      border: 1px dashed rgba(26,111,255,.55);
      border-radius: 14px;
      background: rgba(26,111,255,.06);
    }
    .code-pill .cp-lbl {
      font-size: 11px; font-weight: 900; letter-spacing: .25em;
      text-transform: uppercase; color: var(--muted);
    }
    .code-pill .cp-val {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 22px; letter-spacing: .08em;
      background: linear-gradient(90deg, #fff, #55aaff);
      -webkit-background-clip: text; background-clip: text; color: transparent;
    }
    .code-pill .cp-copy {
      border: none; background: linear-gradient(90deg, var(--blue), var(--sky));
      color: #fff; font-weight: 900; font-size: 12px; letter-spacing: .06em;
      padding: 8px 14px; border-radius: 9px; cursor: pointer;
      transition: transform .2s ease, opacity .2s ease;
    }
    .code-pill .cp-copy:hover { transform: translateY(-1px); opacity: .9; }

    .hero-visual { flex-shrink: 0; width: clamp(280px, 36vw, 420px); }
    .hero-pool {
      position: relative;
      border-radius: 24px;
      padding: clamp(28px,4vw,44px) clamp(24px,3.5vw,38px);
      background:
        radial-gradient(ellipse 100% 60% at 50% -10%, rgba(26,111,255,.22), transparent 65%),
        linear-gradient(160deg, rgba(16,26,52,1) 0%, rgba(8,13,28,1) 100%);
      text-align: center; overflow: hidden;
      max-width: 600px; width: 100%;
      box-shadow:
        0 0 0 1px rgba(26,111,255,.25),
        0 0 0 4px rgba(26,111,255,.06),
        0 32px 80px rgba(0,0,0,.55),
        inset 0 1px 0 rgba(255,255,255,.07);
    }
    .hero-pool::before {
      content: "";
      position: absolute; top: 0; left: 15%; right: 15%; height: 2px;
      background: linear-gradient(90deg, transparent, rgba(0,195,255,.9), var(--blue), rgba(0,195,255,.9), transparent);
      border-radius: 0 0 8px 8px;
      animation: topStreakPulse 3s ease-in-out infinite;
      filter: blur(1px);
    }
    @keyframes topStreakPulse {
      0%,100% { opacity: .55; transform: scaleX(.7); }
      50%      { opacity: 1;   transform: scaleX(1); }
    }
    .hero-pool::after {
      content: "";
      position: absolute; bottom: -30px; right: -30px;
      width: 160px; height: 160px; border-radius: 50%;
      background: radial-gradient(circle, rgba(0,195,255,.12), transparent 70%);
      pointer-events: none;
    }
    .pool-ring {
      width: 96px; height: 96px; margin: 0 auto 16px;
      border-radius: 50%; display: grid; place-items: center;
      background:
        radial-gradient(circle at 50% 38%, rgba(26,111,255,.35), transparent 70%),
        linear-gradient(135deg, rgba(26,111,255,.18), rgba(0,195,255,.08));
      box-shadow:
        0 0 0 1px rgba(26,111,255,.3),
        0 0 28px rgba(26,111,255,.25),
        inset 0 1px 0 rgba(255,255,255,.1);
      position: relative;
    }
    .pool-ring img { width: 76px; height: 76px; border-radius: 50%; }
    .pool-label {
      font-size: 9px; font-weight: 900; letter-spacing: .38em;
      text-transform: uppercase; color: var(--muted);
      margin-bottom: 4px;
    }
    .pool-amount {
      font-family: 'Bebas Neue', sans-serif;
      font-size: clamp(44px,7vw,68px); line-height: 1;
      background: linear-gradient(90deg, #fff 20%, #55aaff 60%, var(--sky));
      -webkit-background-clip: text; background-clip: text; color: transparent;
      margin: 4px 0 2px;
      filter: drop-shadow(0 0 24px rgba(26,111,255,.35));
    }
    .pool-sub { font-size: 14px; color: var(--muted); }
    .pool-sub b { color: var(--text); font-weight: 700; }
    .pool-divider {
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(26,111,255,.3), rgba(0,195,255,.2), transparent);
      margin: 20px 0 16px;
    }
    .pool-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 10px;
    }
    .pool-cell {
      background: linear-gradient(135deg, rgba(26,111,255,.08), rgba(0,195,255,.04));
      border: 1px solid rgba(26,111,255,.18);
      border-radius: 14px; padding: 14px 12px;
      position: relative; overflow: hidden;
      transition: border-color .25s ease, background .25s ease;
    }
    .pool-cell:hover {
      border-color: rgba(26,111,255,.4);
      background: linear-gradient(135deg, rgba(26,111,255,.14), rgba(0,195,255,.08));
    }
    .pool-cell::before {
      content: '';
      position: absolute; top: 0; left: 20%; right: 20%; height: 1px;
      background: linear-gradient(90deg, transparent, rgba(0,195,255,.4), transparent);
    }
    .pool-cell .pk {
      font-size: 9px; font-weight: 900; letter-spacing: .22em;
      text-transform: uppercase; color: var(--muted);
    }
    .pool-cell .pv {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 28px; letter-spacing: .03em;
      background: linear-gradient(90deg, #fff, #7bc4ff);
      -webkit-background-clip: text; background-clip: text; color: transparent;
      margin-top: 4px; line-height: 1;
    }

    .hero-lead {
      margin-top: 20px; font-size: clamp(15px,1.7vw,17px);
      color: var(--muted); max-width: 60ch; line-height: 1.65;
    }
    .hero-lead b { color: var(--text); font-weight: 700; }

    .stats-bar {
      display: grid; grid-template-columns: repeat(3, 1fr);
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
    }
    .stat-item {
      padding: 28px 24px;
      border-right: 1px solid var(--line);
      text-align: center;
      transition: background .22s ease;
    }
    .stat-item:last-child { border-right: none; }
    .stat-item:hover { background: rgba(26,111,255,.05); }
    .stat-num {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 38px; letter-spacing: .04em;
      background: linear-gradient(90deg, #fff, #55aaff);
      -webkit-background-clip: text; background-clip: text; color: transparent;
    }
    .stat-label {
      font-size: 11px; font-weight: 800;
      letter-spacing: .28em; text-transform: uppercase;
      color: var(--muted); margin-top: 2px;
    }
    @media (max-width: 520px) {
      .stat-item { padding: 16px 8px; }
      .stat-num { font-size: 24px; letter-spacing: .02em; }
      .stat-label { font-size: 8px; letter-spacing: .12em; }
    }
    @media (max-width: 380px) {
      .stat-num { font-size: 20px; }
      .stat-label { font-size: 7px; letter-spacing: .08em; }
    }

    .board-wrap {
      background: var(--card);
      border: 1px solid var(--line);
      border-radius: 18px;
      overflow: hidden;
      margin-top: 32px;
    }
    .board-head, .board-row {
      display: grid;
      grid-template-columns: 56px 1fr 160px 200px;
      align-items: center; gap: 14px;
      padding: 14px clamp(16px,2.4vw,26px);
    }
    .board-head {
      background: rgba(26,111,255,.06);
      border-bottom: 1px solid var(--line);
      font-size: 10px; font-weight: 900;
      letter-spacing: .25em; text-transform: uppercase;
      color: var(--muted);
    }
    .board-head .bh-prize, .board-row .br-prize { text-align: right; }
    .board-head .bh-wag,   .board-row .br-wag   { text-align: right; }
    .board-row {
      border-bottom: 1px solid rgba(255,255,255,.03);
      transition: background .18s ease;
    }
    .board-row:last-child { border-bottom: none; }
    .board-row:hover { background: rgba(26,111,255,.04); }
    .br-rank {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 42px; color: var(--muted);
    }
    .br-who { display: flex; align-items: center; gap: 14px; min-width: 0; }
    .br-mini {
      width: 38px; height: 38px; border-radius: 50%;
      flex-shrink: 0; display: grid; place-items: center;
      font-family: 'Bebas Neue', sans-serif; font-size: 16px; color: #fff;
      background: linear-gradient(135deg, #050d1a, #030810);
      border: 1px solid var(--line);
    }
    .br-mini.lit { background: linear-gradient(135deg, var(--blue), var(--sky)); }
    .br-mini img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
    .br-name {
      font-weight: 700; color: var(--text); font-size: 15px;
      overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    }
    .br-prize { text-align: right; font-size: 13px; }
    .br-prize .bp-fc {
      font-family: 'Bebas Neue', sans-serif; font-size: 20px;
      color: var(--sky); display: block; line-height: 1.1;
    }
    .br-prize .bp-usd {
      font-size: 11px; color: var(--muted); font-weight: 700;
      letter-spacing: .05em; display: block; margin-top: 2px;
    }
    .br-prize.none { color: var(--muted); font-size: 12px; }
    .br-wag { text-align: right; }
    .wag-num {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 32px; color: #fff; letter-spacing: .03em;
    }
    .wag-num .wu { font-size: 12px; font-weight: 900; color: var(--muted); letter-spacing: .1em; margin-left: 3px; }
    .wag-num.small { font-size: 22px; }

    .podium-grid {
      display: grid;
      grid-template-columns: 1fr 1.18fr 1fr;
      gap: clamp(12px,2vw,20px);
      align-items: end;
      margin-bottom: 0;
    }
    .pcard {
      position: relative;
      border: 1px solid var(--line);
      border-radius: 18px;
      background: linear-gradient(180deg, rgba(13,18,32,1), rgba(8,13,24,1));
      padding: clamp(18px,2.6vw,28px) clamp(16px,2.4vw,24px);
      text-align: center; overflow: hidden;
      transition: transform .35s ease;
    }
    .pcard::before {
      content: '';
      position: absolute; top: 0; left: 0; right: 0; height: 3px;
      background: linear-gradient(90deg, transparent, var(--line), transparent);
    }
    .pcard:hover { transform: translateY(-6px); }
    .pcard .p-rankbadge {
      font-size: 11px; font-weight: 900; letter-spacing: .18em;
      text-transform: uppercase; color: var(--muted);
      display: inline-flex; align-items: center; gap: 6px;
      padding: 5px 12px; border-radius: 999px;
      border: 1px solid var(--line);
    }
    .p-rankdot {
      width: 6px; height: 6px; border-radius: 50%;
      background: var(--muted); flex-shrink: 0;
    }
    .pcard.first .p-rankdot { background: #ffd24d; box-shadow: 0 0 8px rgba(255,210,77,.7); }
    .pcard.second .p-rankdot { background: #d9dde2; box-shadow: 0 0 8px rgba(217,221,226,.6); }
    .pcard.third .p-rankdot { background: #e8ac62; box-shadow: 0 0 8px rgba(232,172,98,.6); }
    .pcard .p-av {
      width: clamp(64px,9vw,88px); height: clamp(64px,9vw,88px);
      margin: 16px auto 12px; border-radius: 50%;
      display: grid; place-items: center;
      font-family: 'Bebas Neue', sans-serif;
      font-size: clamp(26px,4vw,38px); color: #fff;
      background: linear-gradient(135deg, #050d1a, #030810);
      border: 2px solid rgba(255,255,255,.1);
      overflow: hidden; position: relative;
    }
    .pcard .p-av img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
    .pcard .p-uname {
      font-family: 'Bebas Neue', sans-serif;
      font-size: clamp(18px,2.4vw,24px); color: #fff;
      letter-spacing: .03em; word-break: break-word;
    }
    .pcard .p-wlabel {
      font-size: 10px; font-weight: 900; letter-spacing: .2em;
      text-transform: uppercase; color: #555; margin-top: 12px;
    }
    .pcard .p-wager {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 26px; color: var(--muted); margin-top: 4px;
    }
    .pcard .p-prize {
      margin-top: 14px; padding-top: 14px;
      border-top: 1px solid rgba(255,255,255,.06);
    }
    .pcard .p-prize .p-fc {
      font-family: 'Bebas Neue', sans-serif;
      font-size: clamp(22px,3vw,32px);
      background: linear-gradient(90deg, #fff, #55aaff);
      -webkit-background-clip: text; background-clip: text; color: transparent;
      display: block;
    }
    .pcard .p-prize .p-usd {
      font-size: 13px; color: var(--muted); font-weight: 700;
      letter-spacing: .06em; margin-top: 4px; display: block;
    }

    .pcard.first {
      background:
        radial-gradient(120% 80% at 50% 0%, rgba(26,111,255,.2), transparent 62%),
        linear-gradient(180deg, rgba(13,18,32,1), rgba(8,13,24,1));
      box-shadow: 0 24px 60px rgba(26,111,255,.14);
    }
    .pcard.first::before {
      height: 3px;
      background: linear-gradient(90deg, transparent, #ffd24d, var(--sky), #ffd24d, transparent);
      background-size: 200% 100%;
      animation: shimmerBar 3s linear infinite;
    }
    @keyframes shimmerBar { from { background-position: 200% 0; } to { background-position: -200% 0; } }
    .pcard.first .p-av { box-shadow: 0 0 0 3px rgba(26,111,255,.35), 0 0 30px rgba(26,111,255,.3); }
    .pcard.second {
      border-color: rgba(217,221,226,.25);
    }
    .pcard.second::before { background: linear-gradient(90deg, transparent, rgba(217,221,226,.85), transparent); }
    .pcard.second .p-av { box-shadow: 0 0 0 2px rgba(217,221,226,.3), 0 0 18px rgba(217,221,226,.18); }
    .pcard.third {
      border-color: rgba(232,172,98,.28);
    }
    .pcard.third::before { background: linear-gradient(90deg, transparent, rgba(232,172,98,.85), transparent); }
    .pcard.third .p-av { box-shadow: 0 0 0 2px rgba(232,172,98,.32), 0 0 18px rgba(232,172,98,.18); }
    .crown-svg {
      position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
      width: 34px; height: 34px; color: var(--sky);
      filter: drop-shadow(0 4px 10px rgba(26,111,255,.5));
    }
    .board-data-note {
      font-size: 11px; letter-spacing: .12em; color: #444;
      margin-top: 12px; text-align: right;
      font-weight: 700; text-transform: uppercase;
    }
    section { padding: clamp(70px,8vw,110px) clamp(32px,5vw,80px); max-width: 1400px; margin-inline: auto; }
    .section-eyebrow {
      display: inline-flex; align-items: center; gap: 10px;
      font-size: 11px; font-weight: 900; letter-spacing: .45em;
      text-transform: uppercase; color: var(--sky);
      margin-bottom: 14px;
    }
    .section-eyebrow::before {
      content: '';
      display: inline-block; width: 22px; height: 2px;
      background: linear-gradient(90deg, var(--blue), var(--sky));
      box-shadow: 0 0 6px var(--blue);
    }
    .section-title {
      font-family: 'Bebas Neue', sans-serif;
      font-size: clamp(42px, 6vw, 72px);
      letter-spacing: .03em;
      line-height: .9; color: #fff;
      margin-bottom: 12px;
    }
    .section-sub {
      font-size: 15px; color: var(--muted);
      max-width: 540px; line-height: 1.7;
      margin-bottom: 48px;
    }

    .htj-steps {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0;
      margin-top: 48px;
      position: relative;
    }
    .htj-step {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding: 0 20px;
      position: relative;
    }
    .htj-step-icon {
      width: 64px; height: 64px;
      border-radius: 50%;
      background: linear-gradient(135deg, rgba(26,111,255,.18), rgba(0,195,255,.12));
      border: 1.5px solid rgba(26,111,255,.4);
      display: grid; place-items: center;
      position: relative; z-index: 2;
      box-shadow: 0 0 24px rgba(26,111,255,.18);
      transition: border-color .25s ease, box-shadow .25s ease;
      flex-shrink: 0;
    }
    .htj-step:hover .htj-step-icon {
      border-color: var(--sky);
      box-shadow: 0 0 32px rgba(0,195,255,.35);
    }
    .htj-num {
        font-size: 30px !important;
        font-weight: bold;

        color: transparent !important;
        -webkit-text-stroke: 2px var(--sky);

        text-shadow:
            0 0 5px var(--bright),
            0 0 10px var(--bright),
            0 0 20px var(--sky),
            0 0 40px var(--sky),
            0 0 80px var(--sky),
            0 0 120px var(--sky);

        display: block;
    }
    .htj-connector {
      position: absolute;
      top: 32px;
      left: calc(50% + 32px);
      right: calc(-50% + 32px);
      height: 1.5px;
      background: linear-gradient(90deg, rgba(26,111,255,.5), rgba(26,111,255,.1));
      z-index: 1;
    }
    .htj-step-last .htj-connector { display: none; }
    .htj-step strong {
      display: block;
      font-size: 13px; font-weight: 900;
      letter-spacing: .06em; text-transform: uppercase;
      color: #fff; margin-top: 18px; margin-bottom: 8px;
    }
    .htj-step span {
      font-size: 13px; color: var(--muted); line-height: 1.6;
    }

    .htj-code-row {
      margin-top: 56px;
      display: flex;
      justify-content: center;
    }
    .htj-code-card {
      width: 100%; max-width: 860px;
    }
    .htj-code-inner {
      display: flex;
      align-items: center;
      gap: 32px;
      flex-wrap: wrap;
    }
    .htj-code-inner > div:first-child { flex: 1; min-width: 180px; }
    .htj-code-inner .code-display { flex: 1; min-width: 220px; margin: 0; }

    @media (max-width: 860px) {
      .htj-steps { grid-template-columns: 1fr 1fr; gap: 32px 0; }
      .htj-connector { display: none; }
      .htj-code-inner .code-display { width: 100%; }
    }
    @media (max-width: 500px) {
      .htj-steps { grid-template-columns: 1fr; gap: 24px; }
    }

    .shard-card {
      position: relative;
      padding: 42px;
      background: var(--card);
      clip-path: polygon(18px 0%, 100% 0%, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0% 100%, 0% 18px);
      border: 0;
    }
    .shard-card::before {
      content: '';
      position: absolute; inset: 0;
      clip-path: inherit;
      background: linear-gradient(135deg, rgba(26,111,255,.6), rgba(0,195,255,.4), rgba(26,111,255,.6));
      z-index: -1;
      transition: opacity .28s ease;
    }
    .shard-card::after {
      content: '';
      position: absolute; inset: 1px;
      clip-path: inherit;
      background: linear-gradient(160deg, rgba(8,14,28,.98), rgba(4,8,18,.98));
      z-index: -1;
    }
    .shard-card:hover::before { opacity: 1.4; }

    .partner-logo-display {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 52px; letter-spacing: .04em;
      color: #fff; margin-bottom: 6px;
    }
    .partner-logo-display span { color: var(--sky); }

    .partner-tagline {
      font-size: 12px; font-weight: 800;
      letter-spacing: .28em; text-transform: uppercase;
      color: var(--muted); margin-bottom: 28px;
    }

    .code-display {
      display: flex; align-items: center;
      gap: 0;
      margin: 28px 0 24px;
      background: rgba(0,0,0,.5);
      border: 1px solid rgba(26,111,255,.3);
      border-radius: 0;
      overflow: hidden;
      clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);
    }
    .code-label {
      padding: 0 16px;
      font-size: 10px; font-weight: 900;
      letter-spacing: .35em; text-transform: uppercase;
      color: var(--sky);
      border-right: 1px solid rgba(26,111,255,.2);
      display: flex; align-items: center;
      background: rgba(26,111,255,.08);
      white-space: nowrap;
      align-self: stretch;
    }
    .code-value {
      flex: 1; padding: 14px 20px;
      font-family: 'Bebas Neue', sans-serif;
      font-size: 42px; letter-spacing: .06em;
      background: linear-gradient(90deg, #fff, var(--sky));
      -webkit-background-clip: text; background-clip: text; color: transparent;
    }
    .code-copy-btn {
      padding: 0 18px;
      background: rgba(26,111,255,.15);
      border: 0; border-left: 1px solid rgba(26,111,255,.2);
      color: var(--sky); font-size: 18px; cursor: pointer;
      transition: background .2s ease, color .2s ease;
      display: flex; align-items: center; justify-content: center;
      align-self: stretch;
    }
    .code-copy-btn:hover {
      background: rgba(26,111,255,.35); color: #fff;
    }

    .partner-steps { list-style: none; display: grid; gap: 24px; margin-top: 36px; }
    .partner-step {
      display: flex; align-items: flex-start; gap: 18px;
      padding: 22px;
      background: rgba(255,255,255,.025);
      border: 1px solid var(--line);
      border-radius: 2px;
      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);
      transition: background .22s ease, border-color .22s ease, transform .22s ease;
    }
    .partner-step:hover {
      background: rgba(26,111,255,.06);
      border-color: rgba(26,111,255,.4);
      transform: translateX(4px);
    }
    .step-num {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 32px; line-height: 1;
      color: var(--blue); flex-shrink: 0;
      text-shadow: 0 0 18px rgba(26,111,255,.45);
    }
    .step-body strong {
      display: block; font-size: 13px; font-weight: 900;
      letter-spacing: .06em; text-transform: uppercase;
      color: #fff; margin-bottom: 4px;
    }
    .step-body span { font-size: 13px; color: var(--muted); line-height: 1.55; }

    .leaderboard-section { background: none; }
    .lb-header {
      display: flex; align-items: flex-end;
      justify-content: space-between;
      margin-bottom: 48px; flex-wrap: wrap; gap: 20px;
    }
    .countdown-pill {
      display: flex; align-items: center; gap: 12px;
      padding: 12px 20px;
      background: rgba(255,255,255,.03);
      border: 1px solid var(--line);
      border-radius: 2px;
      clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);
    }

    .period-tabs {
      display: flex; gap: 8px;
      margin-bottom: 28px; flex-wrap: wrap;
    }
    .period-tab {
      font-family: inherit;
      font-size: 12px; font-weight: 800;
      letter-spacing: .08em; text-transform: uppercase;
      color: var(--muted);
      background: rgba(255,255,255,.03);
      border: 1px solid var(--line);
      padding: 10px 20px;
      border-radius: 2px;
      cursor: pointer;
      clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);
      transition: color .18s ease, background .18s ease, border-color .18s ease;
    }
    .period-tab:hover { color: var(--text); border-color: rgba(26,111,255,.4); }
    .period-tab.active {
      color: #fff;
      background: linear-gradient(135deg, var(--blue), var(--sky));
      border-color: transparent;
      box-shadow: 0 0 22px rgba(26,111,255,.4);
    }
    .countdown-label {
      font-size: 10px; font-weight: 900;
      letter-spacing: .35em; text-transform: uppercase;
      color: var(--muted);
    }
    #countdown {
      display: flex; gap: 10px; align-items: center;
      font-family: 'Bebas Neue', sans-serif;
    }
    #countdown span {
      display: flex; align-items: baseline; gap: 2px;
      font-size: 28px; letter-spacing: .06em; color: #fff;
    }
    #countdown small {
      font-size: 11px; font-weight: 900;
      letter-spacing: .2em; color: var(--sky);
    }
    .countdown-sep {
      font-size: 22px; color: rgba(255,255,255,.2);
    }

    .prizes-layout {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(24px, 4vw, 56px);
      align-items: center;
      margin-top: 48px;
    }
    .prize-spotlight {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      gap: 12px;
    }
    .prize-spot {
      display: flex; flex-direction: column; align-items: center;
      padding: 24px 18px 20px;
      background: var(--card);
      border: 1px solid var(--line);
      border-radius: 4px;
      text-align: center;
      position: relative;
      clip-path: polygon(10px 0%, 100% 0%, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0% 100%, 0% 10px);
      transition: transform .3s ease;
    }
    .prize-spot:hover { transform: translateY(-6px); }
    .prize-spot::before {
      content: '';
      position: absolute; top: 0; left: 0; right: 0; height: 3px;
    }
    .prize-spot-1::before { background: linear-gradient(90deg, #ffe066, #d4960a); box-shadow: 0 0 12px rgba(243,207,0,.5); }
    .prize-spot-2::before { background: linear-gradient(90deg, #f0f0f0, #8a9099); }
    .prize-spot-3::before { background: linear-gradient(90deg, #e8ac62, #9b5c10); }
    .prize-spot-1 {
      padding-top: 40px;
      min-height: 240px;
      background:
        radial-gradient(100% 60% at 50% 0%, rgba(26,111,255,.18), transparent 65%),
        var(--card);
      border-color: rgba(26,111,255,.4);
      box-shadow: 0 0 40px rgba(26,111,255,.1);
    }
    .prize-spot-2 { min-height: 190px; }
    .prize-spot-3 { min-height: 175px; }

    .ps-crown {
      position: absolute; top: -18px; left: 50%; transform: translateX(-50%);
      font-size: 26px; line-height: 1;
      filter: drop-shadow(0 0 10px rgba(26,111,255,.7));
    }
    .ps-rank {
      font-size: 10px; font-weight: 900; letter-spacing: .28em;
      text-transform: uppercase; color: var(--muted);
      margin-bottom: 12px;
    }
    .prize-spot-1 .ps-rank { color: var(--sky); }
    .ps-medal {
      width: 44px; height: 44px; border-radius: 50%;
      margin-bottom: 12px; flex-shrink: 0;
      display: grid; place-items: center;
      position: relative;
    }
    .ps-medal::after {
      content: '';
      position: absolute; inset: -4px; border-radius: 50%;
      border: 1px solid rgba(255,255,255,.18);
    }
    .ps-trophy { width: 20px; height: 20px; }
    .ps-gold   { background: radial-gradient(circle at 35% 35%, #ffe066, #d4960a); box-shadow: 0 0 20px rgba(243,207,0,.45); color: #3a2900; }
    .ps-silver { background: radial-gradient(circle at 35% 35%, #f0f0f0, #8a9099); color: #2c2f33; }
    .ps-bronze { background: radial-gradient(circle at 35% 35%, #e8ac62, #9b5c10); color: #3a1f00; }
    .ps-amount {
      font-family: 'Bebas Neue', sans-serif;
      font-size: clamp(18px, 2.4vw, 26px);
      letter-spacing: .04em;
      background: linear-gradient(90deg, #fff, #55aaff);
      -webkit-background-clip: text; background-clip: text; color: transparent;
      line-height: 1;
    }
    .ps-usd {
      font-size: 11px; font-weight: 700; color: var(--muted);
      letter-spacing: .1em; margin-top: 5px;
    }

    .prize-rest { display: grid; gap: 10px; }
    .pr-row {
      display: flex; align-items: center; gap: 14px;
      padding: 8px 10px;
      border-radius: 6px;
      transition: background .2s ease;
    }
    .pr-row:hover { background: rgba(255,255,255,.025); }
    .pr-n {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 13px; color: var(--muted);
      width: 26px; height: 26px; flex-shrink: 0;
      border-radius: 50%;
      border: 1px solid var(--line);
      display: grid; place-items: center;
      background: rgba(26,111,255,.05);
    }
    .pr-bar {
      flex: 1; height: 6px;
      background: rgba(255,255,255,.06);
      border-radius: 99px; overflow: hidden;
    }
    .pr-fill {
      height: 100%;
      background: linear-gradient(90deg, var(--blue), var(--sky));
      border-radius: 99px;
      box-shadow: 0 0 8px rgba(26,111,255,.4);
    }
    .pr-fc {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 16px; color: var(--sky);
      width: 80px; text-align: right; flex-shrink: 0;
      letter-spacing: .03em;
    }
    .pr-usd {
      font-size: 11px; font-weight: 800; color: var(--muted);
      letter-spacing: .08em; width: 36px; text-align: right; flex-shrink: 0;
    }

    .p-wager-wrap { margin-top: 4px; display: block; }

    .prize-notice {
      display: flex; align-items: flex-start; gap: 10px;
      margin-top: 36px;
      padding: 16px 22px;
      background: rgba(255,255,255,.025);
      border: 1px solid rgba(255,255,255,.07);
      border-radius: 4px;
      font-size: 12px; font-weight: 700;
      letter-spacing: .05em; color: var(--muted);
      line-height: 1.6;
      clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);
    }
    .prize-notice svg { flex-shrink: 0; margin-top: 2px; color: var(--sky); }

    .community-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 14px; margin-top: 48px;
    }
    .social-card {
      grid-column: span 2;
      position: relative; overflow: hidden;
      padding: 24px;
      background: linear-gradient(180deg, rgba(13,18,32,1), rgba(8,13,24,1));
      border: 1px solid var(--line);
      border-radius: 18px;
      display: flex; align-items: center; gap: 16px;
      transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease !important;
    }
    .social-card.big { grid-column: span 3; padding: 30px; }
    .social-card:hover { transform: translateY(-5px) !important; }

    .social-kick:hover     { border-color: #53fc18; box-shadow: 0 18px 44px rgba(83,252,24,.18); }
    .social-discord:hover  { border-color: rgba(88,101,242,.6); box-shadow: 0 18px 44px rgba(88,101,242,.18); }
    .social-youtube:hover  { border-color: rgba(255,0,51,.6); box-shadow: 0 18px 44px rgba(255,0,51,.18); }
    .social-blox:hover     { border-color: rgba(26,111,255,.6); box-shadow: 0 18px 44px rgba(26,111,255,.18); }
    .social-instagram:hover{ border-color: rgba(225,48,108,.6); box-shadow: 0 18px 44px rgba(225,48,108,.18); }
    .social-tiktok:hover   { border-color: rgba(105,201,208,.6); box-shadow: 0 18px 44px rgba(105,201,208,.18); }

    .social-icon {
      width: 48px; height: 48px; border-radius: 12px;
      display: grid; place-items: center;
      flex-shrink: 0;
    }
    .social-icon svg { width: 26px; height: 26px; }
    .social-card.big .social-icon { width: 62px; height: 62px; border-radius: 16px; }
    .social-card.big .social-icon svg { width: 34px; height: 34px; }

    .icon-kick      { background: #53FC18; color: #06210a; }
    .icon-discord   { background: #5865F2; color: #fff; }
    .icon-youtube   { background: #FF0033; color: #fff; }
    .icon-blox      { background: #1a1f40; color: #fff; }
    .icon-instagram { background: linear-gradient(135deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); color: #fff; }
    .icon-tiktok    { background: #010101; color: #fff; }

    .social-platform {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 20px; letter-spacing: .04em; color: #fff;
      line-height: 1;
    }
    .social-card.big .social-platform { font-size: 28px; }
    .social-handle {
      font-size: 13px; font-weight: 600;
      color: var(--muted); letter-spacing: .02em;
      margin-top: 2px;
    }

    footer {
      border-top: 1px solid var(--line);
      background: linear-gradient(180deg, transparent, rgba(26,111,255,.025));
      padding: clamp(50px,7vw,80px) clamp(32px,5vw,80px) 40px;
      max-width: 1400px;
      margin-inline: auto;
    }
    .footer-crest {
      display: flex; flex-direction: column;
      align-items: center; text-align: center; gap: 14px;
    }
    .footer-crest img {
      width: 84px; height: 84px; border-radius: 50%;
      object-fit: cover;
      box-shadow: 0 0 0 1px var(--line), 0 10px 40px rgba(26,111,255,.3);
    }
    .footer-crest-name {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 30px; letter-spacing: .1em; color: #fff;
      text-transform: uppercase;
    }
    .footer-crest-sub {
      font-size: 11px; font-weight: 800;
      letter-spacing: .28em; text-transform: uppercase;
      color: #555;
    }
    .footer-soc {
      display: flex; gap: 14px; margin-top: 6px;
    }
    .footer-soc a {
      width: 42px; height: 42px; border-radius: 50%;
      border: 1px solid var(--line);
      display: grid; place-items: center;
      color: var(--muted);
      transition: color .25s ease, border-color .25s ease, transform .25s ease;
    }
    .footer-soc a:hover {
      color: var(--sky); border-color: var(--sky);
      transform: translateY(-3px);
    }
    .footer-soc .bloxflip-link:hover div {
        background-color: var(--sky);
    }
    .footer-soc a svg { width: 18px; height: 18px; }
    .footer-soc .bloxflip-link div {
        width: 19px;
        height: 100%;
        margin-left: 1.5px;
        background-color: var(--muted);

        -webkit-mask: url("bloxflip-logo-white.svg") no-repeat center;
        mask: url("bloxflip-logo-white.svg") no-repeat center;

        -webkit-mask-size: contain;
        mask-size: contain;
    }
    .footer-disclaimer {
      max-width: 680px; margin: 34px auto 0;
      text-align: center; font-size: 12px; line-height: 1.7;
      color: #444;
      border-top: 1px solid rgba(255,255,255,.05);
      padding-top: 26px;
    }
    .footer-disclaimer b { color: #666; }
    .footer-copyright {
      text-align: center; margin-top: 22px;
      font-size: 11px; letter-spacing: .1em;
      color: #444;
    }

    #toast {
      position: fixed; bottom: 28px; left: 50%;
      transform: translate(-50%, 20px) scale(.96);
      opacity: 0; pointer-events: none; z-index: 9999;
      padding: 14px 22px;
      background: linear-gradient(135deg, rgba(4,8,24,.97), rgba(8,16,40,.95));
      border: 1px solid rgba(26,111,255,.5);
      clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
      color: #fff; font-weight: 900; font-size: 12px;
      letter-spacing: .1em; text-transform: uppercase;
      box-shadow: 0 0 28px rgba(26,111,255,.35);
      transition: opacity .22s ease, transform .22s ease;
    }
    #toast.show { opacity: 1; transform: translate(-50%, 0) scale(1); }

    .wag-num .wn { display: inline; }
    .wag-num .wu { font-size: 12px; font-weight: 900; color: var(--muted); letter-spacing: .1em; margin-left: 3px; }

    .reveal { opacity: 0; transform: translateY(24px); transition: opacity .65s ease, transform .65s ease; }
    .reveal.visible { opacity: 1; transform: translateY(0); }

    @media (max-width: 900px) {
      .hero { flex-direction: column; text-align: center; gap: 36px; }
      .hero-eyebrow { justify-content: center; }
      .hero-actions { justify-content: center; }
      .hero-lead { margin-inline: auto; }
      .hero-visual { width: 100%; max-width: 400px; }
      .hero-stats-strip { flex-wrap: wrap; }
      .hss-item { min-width: 45%; }
      .prizes-layout { grid-template-columns: 1fr; }
      .partner-section { grid-template-columns: 1fr; }
      .community-grid { grid-template-columns: 1fr 1fr; }
      .social-card, .social-card.big { grid-column: span 1; }
      footer { padding: clamp(40px,5vw,70px) clamp(20px,5vw,40px) 32px; }
      .podium-grid { grid-template-columns: 1fr; gap: 14px; }
      .pcard.first { order: -1; }
      .board-head, .board-row { grid-template-columns: 40px 1fr auto; }
      .board-head .bh-prize, .board-row .br-prize { display: none; }
    }
    @media (max-width: 768px) {
      .nav { justify-content: space-between; }
      .hamburger { display: flex; }
      .nav-links { display: none; }
      .nav-cta { display: none; }
      .community-grid { grid-template-columns: 1fr; }
      .social-card, .social-card.big { grid-column: span 1; }
      .board-head, .board-row { grid-template-columns: 36px 1fr auto; padding-inline: 14px; gap: 10px; }

      .shard-card { padding: 22px 18px; }
      .partner-logo-display { font-size: 36px; }
      .partner-tagline { font-size: 10px; letter-spacing: .18em; }
      .code-value { font-size: 28px; padding: 12px; }
      .code-label { padding: 0 10px; font-size: 9px; letter-spacing: .15em; }
      .code-copy-btn { min-height: 52px; padding: 0 12px; }
      .partner-steps { gap: 14px; margin-top: 24px; }
      .partner-step { padding: 14px; gap: 12px; }
      .step-num { font-size: 24px; }
      .step-body strong { font-size: 12px; }
      .step-body span { font-size: 12px; line-height: 1.45; }
      .countdown-pill { padding: 10px 14px; width: 100%; justify-content: center; flex-wrap: wrap; gap: 8px; }
      .countdown-label { width: 100%; text-align: center; letter-spacing: .2em; font-size: 9px; }
      #countdown { gap: 6px; flex-wrap: wrap; justify-content: center; }
      #countdown span { font-size: 22px; }
      #countdown small { font-size: 10px !important; }
      .countdown-sep { font-size: 16px; }
      .prize-spotlight { gap: 8px; }
      .prize-spot { padding: 18px 12px 16px; }
      .ps-medal { width: 34px; height: 34px; }
      .hero-stats-strip { flex-direction: column; border-radius: 12px; }
      .hss-item { border-right: none; border-bottom: 1px solid var(--line); }
      .hss-item:last-child { border-bottom: none; }
    }
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { animation: none !important; transition: none !important; }
    }

    .pool-amount{font-size:clamp(60px,9vw,90px)!important;}
    .pool-sub b{font-size:28px;}
    #countdown small{font-size:14px!important;}
    .pod-wagered{font-size:22px!important;}
    .pod-prize{font-size:34px!important;}
    .wag-num{font-size:36px!important;}
    .br-prize .bp-fc{font-size:32px!important;}
    .prize-cell{font-size:22px!important;}
    .pr-fc{font-size:28px!important;width:110px!important;}

    .wt-board-head, .wt-board-row {
      grid-template-columns: 56px 1fr 170px 130px !important;
    }
    .streak-pill {
      display: inline-flex; align-items: center; gap: 3px;
      font-size: 10.5px; font-weight: 800;
      padding: 2px 7px 2px 6px; border-radius: 20px;
      background: rgba(255,255,255,.05);
      border: 1px solid var(--line);
      color: var(--text);
      margin-left: 8px;
      vertical-align: middle;
    }
    .streak-pill svg { flex-shrink: 0; }
    .streak-pill-daily svg { color: #ff9d3d; }
    .streak-pill-stream svg { color: var(--sky); }
    .streak-pill-kind {
      font-size: 8px; font-weight: 900; letter-spacing: .04em;
      color: var(--muted); margin-left: 1px;
    }
    .br-who { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

    .p-streak-row { display: flex; justify-content: center; gap: 6px; margin: 8px 0 4px; }
    .p-streak-row .streak-pill { margin-left: 0; }

    .gp-usd, .fc-usd {
      display: block; font-size: 11px; color: var(--muted);
      font-weight: 700; letter-spacing: .04em;
    }
    .gauntlet-pool .gp-usd { margin-top: 2px; }

    @media (max-width: 900px) {
      .wt-board-head, .wt-board-row { grid-template-columns: 40px 1fr 120px !important; gap: 8px; }
      .wt-board-head .bh-wag, .wt-board-row .br-wag { display: none; }
      .streak-pill-kind { display: none; }
    }

    .arena-status-pill {
      display: flex; align-items: center; gap: 10px;
      padding: 10px 20px;
      background: rgba(255,255,255,.03);
      border: 1px solid var(--line);
      border-radius: 2px;
      clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);
      font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
      color: var(--muted);
    }
    .asp-dot {
      width: 8px; height: 8px; border-radius: 50%;
      background: var(--muted); flex-shrink: 0;
    }
    .asp-dot.open { background: #4dff88; box-shadow: 0 0 8px rgba(77,255,136,.7); }
    .arena-status-pill.open { color: #4dff88; }

    .arena-dates {
      display: flex; align-items: center; justify-content: center; gap: 20px;
      margin-bottom: 24px; flex-wrap: wrap;
    }
    .arena-date-cell { text-align: center; }
    .arena-date-cell .adc-lbl {
      display: block; font-size: 10px; font-weight: 900; letter-spacing: .25em;
      text-transform: uppercase; color: var(--muted); margin-bottom: 4px;
    }
    .arena-date-cell .adc-val {
      font-family: 'Bebas Neue', sans-serif; font-size: 20px; color: var(--text);
    }
    .arena-date-sep { color: var(--muted); font-size: 18px; }

    .arena-countdown-row {
      display: flex; flex-direction: column; align-items: center; gap: 10px;
      margin-bottom: 30px;
    }
    .arena-countdown-label {
      font-size: 11px; font-weight: 900; letter-spacing: .25em;
      text-transform: uppercase; color: var(--muted);
    }

    .fighter-sprite {
      width: clamp(74px, 13vw, 104px); height: clamp(74px, 13vw, 104px);
      margin: 0 auto 12px; color: var(--sky);
      transition: color .15s ease, transform .12s ease;
      will-change: transform;
    }
    .fighter-b .fighter-sprite { color: var(--bright); }
    .fighter.hit .fighter-sprite { color: #ff5b5b; }
    .fighter-b.hit .fighter-sprite { color: #ff5b5b; }
    .fighter.dead .fighter-sprite { opacity: .35; transform: rotate(90deg) scale(.9); }

    @keyframes lungeRight { 0%,100% { transform: translateX(0) scale(1); } 60% { transform: translateX(16px) scale(1.06); } }
    @keyframes lungeLeft  { 0%,100% { transform: translateX(0) scale(1); } 60% { transform: translateX(-16px) scale(1.06); } }
    .fighter-a.attacking .fighter-sprite { animation: lungeRight .45s ease; }
    .fighter-b.attacking .fighter-sprite { animation: lungeLeft .45s ease; }

    @keyframes squashRight { 0% { transform: translateX(0) scale(1); } 30% { transform: translateX(10px) scale(.85,1.12); } 100% { transform: translateX(0) scale(1); } }
    @keyframes squashLeft  { 0% { transform: translateX(0) scale(1); } 30% { transform: translateX(-10px) scale(.85,1.12); } 100% { transform: translateX(0) scale(1); } }
    .fighter-a.hit .fighter-sprite { animation: squashRight .4s ease; }
    .fighter-b.hit .fighter-sprite { animation: squashLeft .4s ease; }

    .duel-card-pending { opacity: .7; }
    .duel-slot.pending { color: var(--muted); background: rgba(255,255,255,.015); }
    .duel-slot.pending .ds-name { font-style: italic; }
    .duel-slot.advanced { color: var(--text); font-style: normal; background: rgba(26,111,255,.06); }
    .duel-card-tbd .ds-name { color: var(--muted); }

    #wtBoardRows .board-row.eliminated { opacity: .4; }
    #wtBoardRows .board-row.eliminated .br-name { text-decoration: line-through; }
    #wtBoardRows .board-row.champion { background: rgba(255,210,77,.06); }
    #wtBoardRows .board-row.champion .br-name::after { content: " 👑"; }
    .nav-links .mode-switch.active,
    .mobile-menu a.mode-switch.active { color: var(--sky); }

    .mode-panel[hidden] { display: none !important; }

    .gauntlet-pool {
      display: flex; align-items: center; gap: 14px;
      padding: 12px 22px;
      background: rgba(255,255,255,.03);
      border: 1px solid var(--line);
      border-radius: 2px;
      clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);
    }
    .gauntlet-pool .gp-lbl {
      font-size: 10px; font-weight: 900; letter-spacing: .3em;
      text-transform: uppercase; color: var(--muted);
    }
    .gauntlet-pool .gp-val {
      font-family: 'Bebas Neue', sans-serif; font-size: 26px;
      letter-spacing: .02em; color: var(--text);
    }

    .gauntlet-seeds {
      display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
      gap: 10px; margin: 40px 0 30px;
    }
    .seed-card {
      background: var(--card);
      border: 1px solid var(--line);
      border-radius: 2px;
      padding: 12px 14px;
      display: flex; align-items: center; gap: 10px;
      clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);
    }
    .seed-card .sc-num {
      font-family: 'Bebas Neue', sans-serif; font-size: 20px;
      color: var(--sky); min-width: 26px;
    }
    .seed-card .sc-name {
      font-size: 13px; font-weight: 700; color: var(--text);
      overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    }
    .seed-card .sc-power {
      margin-left: auto; font-size: 11px; color: var(--muted); font-weight: 600;
    }
    .seed-card.eliminated { opacity: .35; }
    .seed-card.champion { border-color: #ffd24d; box-shadow: 0 0 18px rgba(255,210,77,.25); }

    .gauntlet-trigger-row { display: flex; justify-content: center; margin: 28px 0 40px; }
    .gauntlet-trigger {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 22px; letter-spacing: .04em;
      color: #fff; padding: 16px 46px;
      background: linear-gradient(90deg, var(--blue), var(--sky));
      border: none; border-radius: 2px; cursor: pointer;
      box-shadow: 0 0 24px var(--glow);
      clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
      transition: transform .15s ease, box-shadow .15s ease;
    }
    .gauntlet-trigger:hover { transform: translateY(-2px); box-shadow: 0 0 34px var(--bright); }
    .gauntlet-trigger:disabled { opacity: .5; cursor: default; transform: none; }

    .gauntlet-arena {
      background: var(--card);
      border: 1px solid var(--line);
      border-radius: 2px;
      padding: 32px clamp(16px, 4vw, 40px);
      margin-bottom: 40px;
    }
    .arena-round-label {
      text-align: center; font-size: 11px; font-weight: 900;
      letter-spacing: .3em; text-transform: uppercase; color: var(--sky);
      margin-bottom: 26px;
    }
    .arena-fight {
      display: grid; grid-template-columns: 1fr auto 1fr;
      align-items: center; gap: 20px; margin-bottom: 24px;
    }
    .arena-vs {
      font-family: 'Bebas Neue', sans-serif; font-size: 28px;
      color: var(--muted); text-align: center;
    }
    .fighter { text-align: center; }
    .fighter-name {
      font-size: 16px; font-weight: 800; color: var(--text);
      margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
      transition: color .15s ease;
    }
    .fighter.hit .fighter-name { color: #ff5b5b; }
    .fighter.dead .fighter-name { color: var(--muted); text-decoration: line-through; }
    .fighter-hpbar {
      height: 14px; border-radius: 2px; overflow: hidden;
      background: rgba(255,255,255,.06);
      border: 1px solid var(--line);
    }
    .fighter-hpfill {
      height: 100%; width: 100%;
      background: linear-gradient(90deg, var(--blue), var(--sky));
      transition: width .5s cubic-bezier(.2,.8,.2,1);
    }
    .fighter-hpfill.low { background: linear-gradient(90deg, #ff5b5b, #ff8a3d); }
    .fighter-hpnum {
      font-family: 'Bebas Neue', sans-serif; font-size: 15px;
      color: var(--muted); margin-top: 6px;
    }
    @keyframes dmgPop {
      0% { opacity: 0; transform: translateY(0) scale(.8); }
      30% { opacity: 1; transform: translateY(-14px) scale(1.1); }
      100% { opacity: 0; transform: translateY(-32px) scale(1); }
    }
    .dmg-float {
      position: absolute; font-family: 'Bebas Neue', sans-serif;
      font-size: 22px; color: #ff5b5b; pointer-events: none;
      animation: dmgPop .7s ease forwards;
    }
    .fighter { position: relative; }

    .arena-log {
      max-width: 480px; margin: 0 auto 22px;
      min-height: 24px; text-align: center;
      font-size: 13px; color: var(--muted); font-weight: 600;
    }
    .arena-controls { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
    .arena-skip {
      font-family: inherit; font-size: 12px; font-weight: 700;
      color: var(--muted); background: transparent;
      border: 1px solid var(--line); border-radius: 2px;
      padding: 8px 16px; cursor: pointer;
      transition: color .15s ease, border-color .15s ease;
    }
    .arena-skip:hover { color: var(--sky); border-color: var(--bright); }

    .arena-next {
      font-family: 'Bebas Neue', sans-serif; font-size: 15px; letter-spacing: .04em;
      color: #fff; background: linear-gradient(90deg, var(--blue), var(--sky));
      border: none; border-radius: 2px;
      padding: 8px 22px; cursor: pointer;
      box-shadow: 0 0 14px var(--glow);
      transition: transform .12s ease, box-shadow .12s ease;
    }
    .arena-next:hover { transform: translateY(-1px); box-shadow: 0 0 20px var(--bright); }

    .bracket-toggle-row { display: flex; justify-content: center; margin: -8px 0 30px; }
    .bracket-toggle-row[hidden] { display: none; }
    .bracket-toggle-btn {
      font-family: inherit; font-size: 12px; font-weight: 700;
      color: var(--muted); background: transparent;
      border: 1px dashed var(--line); border-radius: 2px;
      padding: 8px 18px; cursor: pointer;
      transition: color .15s ease, border-color .15s ease;
    }
    .bracket-toggle-btn:hover { color: var(--sky); border-color: var(--bright); }

    .autoplay-row { display: flex; justify-content: center; margin-bottom: 22px; }
    .autoplay-row[hidden] { display: none; }
    .autoplay-switch {
      display: inline-flex; align-items: center; gap: 10px;
      cursor: pointer; user-select: none;
    }
    .autoplay-switch input { position: absolute; opacity: 0; width: 0; height: 0; }
    .autoplay-slider {
      width: 38px; height: 20px; border-radius: 20px;
      background: rgba(255,255,255,.08);
      border: 1px solid var(--line);
      position: relative;
      transition: background .2s ease;
      flex-shrink: 0;
    }
    .autoplay-slider::before {
      content: ""; position: absolute; top: 2px; left: 2px;
      width: 14px; height: 14px; border-radius: 50%;
      background: var(--muted);
      transition: transform .2s ease, background .2s ease;
    }
    .autoplay-switch input:checked + .autoplay-slider { background: rgba(26,111,255,.3); border-color: var(--bright); }
    .autoplay-switch input:checked + .autoplay-slider::before { transform: translateX(16px); background: var(--sky); }
    .autoplay-label { font-size: 12.5px; font-weight: 700; color: var(--text); }

    .gauntlet-bracket {
      display: flex; gap: 18px; overflow-x: auto; padding-bottom: 12px;
      scrollbar-width: thin;
    }
    .gauntlet-bracket[hidden] { display: none; }
    .gauntlet-round { display: flex; flex-direction: column; justify-content: center; gap: 14px; min-width: 190px; flex-shrink: 0; }
    .gauntlet-round .round-label {
      font-size: 10px; font-weight: 900; letter-spacing: .28em;
      text-transform: uppercase; color: var(--muted);
      text-align: center; margin-bottom: 6px;
    }
    .duel-card {
      background: var(--card);
      border: 1px solid var(--line);
      border-radius: 2px; padding: 10px;
      display: flex; flex-direction: column; gap: 6px;
      opacity: 0; transform: translateY(8px);
      animation: duelIn .4s ease forwards;
    }
    @keyframes duelIn { to { opacity: 1; transform: translateY(0); } }
    .duel-slot {
      display: flex; align-items: center; gap: 8px;
      padding: 7px 9px; border-radius: 2px;
      background: rgba(255,255,255,.02);
      font-size: 12.5px; font-weight: 700; color: var(--text);
      border: 1px solid transparent;
      transition: background .3s ease, border-color .3s ease, color .3s ease;
    }
    .duel-slot .ds-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; }
    .duel-slot .ds-chance { font-size: 10.5px; color: var(--muted); font-weight: 600; }
    .duel-slot.winner {
      background: rgba(26,111,255,.14);
      border-color: var(--bright);
      color: #fff;
    }
    .duel-slot.winner .ds-name::after { content: " ✓"; color: var(--sky); }
    .duel-slot.loser { opacity: .35; text-decoration: line-through; }

    .gauntlet-history-panel {
      margin-bottom: 40px;
    }
    .gauntlet-history-panel #wtHistoryLabel {
      margin-bottom: 14px;
    }
    .gauntlet-podium {
      display: grid; grid-template-columns: repeat(3,1fr); gap: 16px;
      margin-top: 36px; opacity: 0; transform: translateY(10px);
      transition: opacity .5s ease, transform .5s ease;
    }
    .gauntlet-podium.show { opacity: 1; transform: translateY(0); }
    .gp-card {
      background: var(--card); border: 1px solid var(--line);
      border-radius: 2px; padding: 22px 16px; text-align: center;
      clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
    }
    .gp-card.gold { border-color: #ffd24d; box-shadow: 0 0 26px rgba(255,210,77,.25); order: 2; }
    .gp-card.silver { border-color: #d9dde2; order: 1; }
    .gp-card.bronze { border-color: #e8ac62; order: 3; }
    .gp-card .gp-rank {
      font-family: 'Bebas Neue', sans-serif; font-size: 15px;
      letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin-bottom: 10px;
    }
    .gp-card .gp-name { font-size: 16px; font-weight: 800; color: var(--text); margin-bottom: 8px; }
    .gp-card .gp-amount { font-family: 'Bebas Neue', sans-serif; font-size: 28px; color: var(--sky); }

    .gauntlet-note { text-align: center; font-size: 12px; color: var(--muted); margin-top: 18px; }

    @media (max-width: 720px) {
      .gauntlet-podium { grid-template-columns: 1fr; }
      .gp-card.gold, .gp-card.silver, .gp-card.bronze { order: 0; }
      .arena-fight { grid-template-columns: 1fr; gap: 14px; }
      .arena-vs { order: 2; }
    }