*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#f8fafc;background:radial-gradient(circle at 12% 10%,rgba(242,56,148,.35),transparent 28%),radial-gradient(circle at 80% 5%,rgba(56,217,255,.25),transparent 30%),radial-gradient(circle at 70% 80%,rgba(159,92,255,.22),transparent 32%),linear-gradient(145deg,#050713,#10133a 45%,#060817);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}.orb{position:fixed;width:340px;height:340px;border-radius:50%;filter:blur(30px);opacity:.25;pointer-events:none;animation:float 9s ease-in-out infinite alternate}.orb1{background:#f23894;left:-120px;top:120px}.orb2{background:#38d9ff;right:-140px;top:80px;animation-delay:-3s}.orb3{background:#facc15;left:38%;bottom:-220px;animation-delay:-5s}@keyframes float{to{transform:translateY(-35px) scale(1.08)}}.topbar{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:22px 0;display:flex;align-items:center;justify-content:space-between}.logo{width:190px;max-height:86px;object-fit:contain;display:block}.bounce{animation:bounce 1.75s ease-in-out infinite;transform-origin:center bottom}@keyframes bounce{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-12px) scale(1.04)}70%{transform:translateY(2px) scale(.99)}}nav{display:flex;gap:18px;color:#dbeafe;font-weight:900}nav a{padding:9px 12px;border-radius:999px}nav a:hover{background:rgba(255,255,255,.12)}.hero{width:min(1180px,calc(100% - 36px));margin:42px auto 0;display:grid;grid-template-columns:1fr 1.02fr;gap:34px;align-items:center}.pill,label,em{display:inline-flex;align-items:center;gap:8px;color:#111827;background:linear-gradient(90deg,#facc15,#f472b6,#38d9ff);padding:8px 13px;border-radius:999px;font-weight:1000;letter-spacing:.03em;font-size:13px;box-shadow:0 0 22px rgba(250,204,21,.35);font-style:normal}.pill span{width:9px;height:9px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 0 rgba(34,197,94,.9);animation:pulse 1.2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}}h1{font-size:clamp(44px,6vw,76px);line-height:.95;margin:22px 0;letter-spacing:-.06em;text-shadow:0 0 30px rgba(56,217,255,.18)}p{color:#b8c3d8;line-height:1.7;font-size:17px}.hero-copy p{font-size:19px}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 12px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:16px;font-weight:1000;border:1px solid rgba(255,255,255,.14)}.primary{background:linear-gradient(135deg,#f23894,#9f5cff);box-shadow:0 18px 34px rgba(242,56,148,.25)}.secondary{background:rgba(255,255,255,.08)}small{color:#dbeafe}.broadcast-card,.panel,.host-card,.beta{border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(8,13,32,.92),rgba(25,31,76,.82));box-shadow:0 24px 80px rgba(0,0,0,.38),inset 0 0 40px rgba(56,217,255,.06);border-radius:30px}.broadcast-card{padding:24px;position:relative;overflow:hidden}.broadcast-card:before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 50% 35%,rgba(250,204,21,.18),transparent 26%),radial-gradient(circle at 20% 80%,rgba(242,56,148,.12),transparent 30%);pointer-events:none}.stage-head{position:relative;display:flex;justify-content:space-between;gap:20px}.stage-head h2{margin:12px 0 0;font-size:28px}.timer{min-width:92px;text-align:center;padding:12px 14px;border-radius:18px;background:rgba(2,6,23,.78);color:#facc15;font-size:30px;font-weight:1000;text-shadow:0 0 16px rgba(250,204,21,.7)}.ball-wrap{position:relative;width:270px;height:270px;margin:30px auto 18px;display:grid;place-items:center}.gold-ball{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;position:relative;z-index:3;background:radial-gradient(circle at 34% 24%,#fff,#ffe58c 18%,#ff9f2e 48%,#e65300);color:#061021;font-size:78px;font-weight:1000;border:5px solid rgba(255,255,255,.55);box-shadow:0 0 25px rgba(250,204,21,.9),0 0 70px rgba(249,115,22,.55);animation:ball 1.3s ease-in-out infinite alternate}@keyframes ball{to{transform:scale(1.04)}}.ring{position:absolute;border-radius:50%;border:2px solid rgba(250,204,21,.34)}.r1{width:230px;height:230px;animation:spin 10s linear infinite}.r2{width:265px;height:265px;border-color:rgba(56,217,255,.2);animation:spin 15s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}.draw-text{text-align:center;font-size:22px;font-weight:900;margin:8px 0 16px}.draw-text b{color:#38d9ff}.drawn-strip{position:relative;display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:7px}.drawn-strip span,.mini-board span,.player-board span{display:grid;place-items:center;border-radius:50%;font-weight:1000}.drawn-strip span{width:34px;height:34px;background:radial-gradient(circle at 35% 25%,#fff,#fde68a 24%,#f97316 60%,#991b1b);color:#07101f;box-shadow:0 0 16px rgba(250,204,21,.7);font-size:13px}.previews{width:min(1180px,calc(100% - 36px));margin:46px auto 0;display:grid;grid-template-columns:.86fr 1.14fr;gap:24px}.panel{padding:24px}.panel-top{display:flex;justify-content:space-between;gap:12px;align-items:center}em{background:rgba(255,255,255,.09);color:#dbeafe;box-shadow:none;border:1px solid rgba(255,255,255,.14)}h2{font-size:clamp(28px,4vw,44px);line-height:1.05;letter-spacing:-.04em}.player-board,.mini-board{display:grid;gap:10px;background:rgba(2,6,23,.72);padding:16px;border-radius:22px;border:1px solid rgba(255,255,255,.14)}.player-board{grid-template-columns:repeat(5,1fr)}.mini-board{grid-template-columns:repeat(10,1fr);gap:7px}.player-board span,.mini-board span{aspect-ratio:1;background:radial-gradient(circle at 35% 25%,#1e293b,#020617);color:#e0f2fe;border:1px solid #334155}.picked{background:radial-gradient(circle at 35% 25%,#e0f2fe,#38bdf8 38%,#1d4ed8)!important;color:#020617!important;box-shadow:0 0 16px rgba(56,217,255,.8)}.drawn,.hot{background:radial-gradient(circle at 35% 25%,#fff,#fde68a 25%,#f97316 60%,#991b1b)!important;color:#07101f!important;box-shadow:0 0 16px rgba(250,204,21,.75)}.matched{background:radial-gradient(circle at 35% 25%,#dcfce7,#22c55e 48%,#14532d)!important;color:#052e16!important;box-shadow:0 0 18px rgba(34,197,94,.9)}.legend{margin-top:14px;display:flex;gap:12px;align-items:center;color:#dbeafe;font-weight:900}.legend span{width:13px;height:13px;border-radius:50%;display:inline-block}.c1{background:#38d9ff}.c2{background:#f97316}.c3{background:#22c55e}.section,.host-card,.beta{width:min(1180px,calc(100% - 36px));margin:72px auto 0}.section-head{text-align:center;max-width:730px;margin:0 auto 28px}.games{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.games article{padding:22px;border-radius:24px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);min-height:210px}.games b{font-size:34px}.games p{font-size:14px}.host-card{padding:34px;display:grid;grid-template-columns:1fr .85fr;gap:30px;align-items:center}.host-card ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.host-card li{padding:14px 16px;border-radius:16px;background:rgba(2,6,23,.55);border:1px solid rgba(255,255,255,.12);color:#dbeafe;font-weight:900}.host-card li:before{content:"✓";color:#22c55e;margin-right:9px}.beta{margin-bottom:72px;padding:38px;text-align:center;max-width:860px}.beta-logo{width:min(280px,78vw);max-height:120px;object-fit:contain;margin:0 auto 14px;display:block}.beta form{display:flex;gap:10px;max-width:620px;margin:26px auto 0}.beta input{flex:1;min-height:54px;border-radius:16px;padding:0 16px;border:1px solid rgba(255,255,255,.18);background:rgba(2,6,23,.72);color:white;font-size:16px}.beta button{border:0;border-radius:16px;padding:0 22px;min-height:54px;font-weight:1000;color:#111827;background:linear-gradient(90deg,#facc15,#f472b6);cursor:pointer}footer{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:26px 0 40px;color:#93a4bf;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px}@media(max-width:980px){.hero,.previews,.host-card{grid-template-columns:1fr}.games{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.topbar,.hero,.previews,.section,.host-card,.beta,footer{width:min(100% - 22px,1180px)}.logo{width:145px}nav{gap:4px;font-size:13px;flex-wrap:wrap;justify-content:flex-end}h1{font-size:44px}.broadcast-card,.panel,.host-card,.beta{border-radius:22px;padding:18px}.stage-head{flex-direction:column}.gold-ball{width:148px;height:148px;font-size:64px}.ball-wrap{width:220px;height:220px}.drawn-strip{grid-template-columns:repeat(5,1fr)}.drawn-strip span{width:40px;height:40px;margin:0 auto}.games{grid-template-columns:1fr}.beta form{flex-direction:column}.mini-board{grid-template-columns:repeat(5,1fr)}}

/* Turnstile beta form layout fix */
.beta .beta-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  max-width: 720px;
  margin: 26px auto 0;
}

.beta .signup-row {
  display: flex;
  justify-content: center;
  gap: 10px;
  width: 100%;
}

.beta .signup-row input {
  flex: 1;
  min-width: 0;
}

.beta .signup-row button {
  flex: 0 0 auto;
}

.turnstile-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.turnstile-wrap .cf-turnstile {
  max-width: 100%;
}

@media(max-width:680px) {
  .beta .beta-form {
    width: 100%;
    gap: 12px;
  }

  .beta .signup-row {
    flex-direction: column;
    align-items: stretch;
  }

  .beta .signup-row input,
  .beta .signup-row button {
    width: 100%;
  }

  .turnstile-wrap {
    transform: scale(.92);
    transform-origin: top center;
    min-height: 72px;
  }
}

@media(max-width:380px) {
  .turnstile-wrap {
    transform: scale(.84);
    min-height: 68px;
  }
}