:root {
  --bg: #07060d;
  --surface: #0f0d18;
  --surface-2: #161321;
  --line: rgba(255, 255, 255, 0.11);
  --muted: #9691a8;
  --text: #f7f5ff;
  --purple: #7a4dff;
  --pink: #ff4fc8;
  --lime: #b7ff52;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background: var(--bg);
  font-family: "DM Sans", sans-serif;
}
button, input, select { font: inherit; }
textarea { font: inherit; }
button, a { cursor: pointer; }
.noise {
  position: fixed; inset: 0; pointer-events: none; z-index: 20; opacity: .17;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");
}
.topbar {
  height: 74px; display: flex; align-items: center; justify-content: space-between;
  padding: 0 4vw; border-bottom: 1px solid var(--line); position: sticky; top: 0;
  background: rgba(7, 6, 13, .78); backdrop-filter: blur(18px); z-index: 10;
}
.brand { color: white; text-decoration: none; font: 700 18px "Space Grotesk"; letter-spacing: -.8px; display: flex; align-items: center; gap: 10px; }
.brand > span:last-child > span { color: var(--pink); }
.brand-mark { width: 33px; height: 33px; border-radius: 9px; display: grid; place-items: center; background: linear-gradient(135deg,var(--purple),var(--pink)); box-shadow: 0 0 25px rgba(122,77,255,.4); }
.brand-logo { display:block;width:110px;max-height:56px;height:auto;object-fit:contain; }
.onboarding-appbar .brand-logo { width:128px; }
.footer .brand-logo { width:125px; }
.top-tabs { display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:100px;background:rgba(255,255,255,.035); }
.top-tabs a { color:var(--muted);text-decoration:none;font-size:11px;font-weight:600;padding:9px 14px;border-radius:100px;white-space:nowrap;transition:.2s ease; }
.top-tabs a:hover { color:white;background:rgba(255,255,255,.06); }
.top-tabs a.active { color:white;background:linear-gradient(110deg,rgba(122,77,255,.7),rgba(255,79,200,.6));box-shadow:0 7px 22px rgba(122,77,255,.22); }
.ghost-button, .primary-button {
  border-radius: 100px; color: white; padding: 12px 20px; border: 1px solid var(--line);
  background: transparent; font-weight: 600; transition: .25s ease;
}
.ghost-button:hover { border-color: rgba(255,255,255,.35); transform: translateY(-1px); }
.primary-button { border: 0; padding: 15px 23px; background: linear-gradient(110deg, var(--purple), #9b4fff 48%, var(--pink)); box-shadow: 0 12px 35px rgba(122,77,255,.25); }
.primary-button:hover { transform: translateY(-2px); box-shadow: 0 16px 45px rgba(122,77,255,.4); }
.primary-button span { margin-left: 10px; }
.wide { width: 100%; margin-top: 22px; }
.hero { min-height: calc(100vh - 74px); position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 90px 24px 155px; }
.hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(to bottom,black,transparent 85%); }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(2px); opacity: .45; }
.glow-one { width: 520px; height: 520px; background: radial-gradient(circle, rgba(122,77,255,.5), transparent 68%); top: -170px; left: 13%; }
.glow-two { width: 560px; height: 560px; background: radial-gradient(circle, rgba(255,79,200,.32), transparent 68%); right: 8%; bottom: -220px; }
.eyebrow, .kicker { text-transform: uppercase; letter-spacing: 2.3px; font-size: 10px; font-weight: 700; color: #b8adc9; position: relative; }
.eyebrow { border: 1px solid var(--line); border-radius: 100px; padding: 9px 13px; background: rgba(255,255,255,.035); }
.eyebrow span { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 10px var(--lime); }
h1,h2,h3 { font-family: "Space Grotesk",sans-serif; }
.hero h1, .success h1 { margin: 24px 0 18px; font-size: clamp(53px,8vw,108px); line-height: .94; letter-spacing: -6px; max-width: 1050px; }
em { font-style: normal; background: linear-gradient(95deg,#a98cff,var(--pink)); -webkit-background-clip: text; color: transparent; }
.hero > p { color: var(--muted); max-width: 620px; font-size: 18px; line-height: 1.7; }
.hero-actions { display: flex; align-items: center; gap: 18px; margin-top: 24px; }
.microcopy { color: #777184; font-size: 11px; }
.launch-strip { width: min(900px,92vw); display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: 28px; border: 1px solid var(--line); padding: 16px 20px; border-radius: 18px; background: rgba(15,13,24,.68); backdrop-filter: blur(16px); text-align: left; }
.launch-strip span { display: block; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 4px; }
.launch-strip strong { font-size: 14px; }
.launch-status { font-size: 12px; color: #cdc8d7; }.launch-status i { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: var(--lime); margin-right: 8px; }
.countdown { display: flex; gap: 8px; }
.countdown div { min-width: 48px; text-align: center; }
.countdown strong { display: block; font: 600 17px "Space Grotesk"; }
.countdown small { color: var(--muted); font-size: 8px; text-transform: uppercase; }
.tournaments,.how,.faq,.community { padding: 120px 5vw; max-width: 1450px; margin: auto; scroll-margin-top: 88px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; margin-bottom: 45px; }
.section-heading h2,.how h2 { font-size: clamp(36px,5vw,65px); letter-spacing: -3px; margin: 14px 0 0; }
.section-heading p { max-width: 290px; color: var(--muted); line-height: 1.6; font-size: 13px; }
.tournament-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.tournament-card { border: 1px solid var(--line); border-radius: 25px; padding: 25px; min-height: 475px; display: flex; flex-direction: column; background: linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); position: relative; overflow: hidden; transition: .3s ease; }
.tournament-card:hover { transform: translateY(-7px); border-color: rgba(255,255,255,.25); }
.tournament-card.featured { border-color: rgba(166,111,255,.55); box-shadow: 0 30px 80px rgba(91,54,187,.18); }
.tournament-card::after { content:""; position:absolute; width:260px;height:260px;border-radius:50%;background:var(--glow);filter:blur(70px);right:-160px;top:-120px;opacity:.35; }
.card-top,.fee,.capacity,.tournament-card button { position: relative; z-index: 2; }
.card-top { display: flex; justify-content: space-between; align-items: center; }
.tier { color: var(--muted); text-transform: uppercase; font-size: 9px; letter-spacing: 2px; }
.tag { border: 1px solid var(--line); border-radius: 100px; padding: 5px 8px; font-size: 9px; color: #ddd7e8; }
.tournament-card h3 { font-size: 30px; letter-spacing: -1.7px; margin: 45px 0 4px; }
.prize-label { color: var(--muted); font-size: 11px; }.prize { color:var(--lime);font:700 clamp(34px,4vw,54px) "Space Grotesk";letter-spacing:-3px;line-height:1;margin:8px 0 28px;text-shadow:0 0 28px rgba(183,255,82,.16); }
.card-info { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 18px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: auto; }
.card-info span,.fee span,.capacity span { display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:5px; }
.card-info strong { font-size: 12px; }.fee { display:flex;justify-content:space-between;align-items:end;padding:24px 0 15px; }.fee strong { font:700 25px "Space Grotesk"; }
.tier-countdown { position:relative;z-index:2;padding:18px 0 2px; }
.tier-countdown > span { display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px; }
.tier-countdown .countdown { justify-content:space-between;gap:4px;border:1px solid var(--line);border-radius:12px;padding:10px;background:rgba(0,0,0,.16); }
.tier-countdown .countdown div { min-width:42px; }
.tier-countdown .countdown strong { font-size:14px; }
.capacity { margin-bottom:17px; }.capacity > div { height:3px;background:rgba(255,255,255,.09);border-radius:10px; }.capacity i { display:block;height:100%;width:var(--capacity);background:linear-gradient(90deg,var(--purple),var(--pink));border-radius:10px; }
.tournament-card button { width:100%; }
.how { border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:none; }
.how > * { max-width:1305px;margin-left:auto;margin-right:auto; }.steps { display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:55px; }
.steps article { background:var(--bg);padding:35px;min-height:230px; }.steps b { color:var(--pink);font-size:11px; }.steps h3 { font-size:20px;margin-top:55px; }.steps p { color:var(--muted);font-size:12px;line-height:1.7; }
.how-actions { display:flex;align-items:center;gap:20px;margin-top:28px; }.how-actions a { text-decoration:none; }.how-actions > span { color:var(--muted);font-size:11px; }
.faq-grid { display:grid;grid-template-columns:1fr 1.4fr;gap:10vw; }.faq h2 { font-size:clamp(43px,6vw,76px);letter-spacing:-4px;line-height:1;margin:25px 0; }
details { border-top:1px solid var(--line);padding:22px 0; } details:last-child { border-bottom:1px solid var(--line); } summary { font:600 16px "Space Grotesk";cursor:pointer; } details p { color:var(--muted);font-size:13px;line-height:1.7; }
.community { display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:center;border-top:1px solid var(--line); }.community h2 { font-size:clamp(40px,6vw,72px);letter-spacing:-4px;margin:14px 0; }.community p { color:var(--muted);max-width:580px;font-size:13px;line-height:1.8; }
.discord-button { display:flex;align-items:center;gap:16px;text-decoration:none;color:white;border:1px solid rgba(139,81,255,.5);background:linear-gradient(135deg,rgba(79,86,229,.2),rgba(122,77,255,.12));padding:22px;border-radius:20px;transition:.25s ease; }.discord-button:hover { transform:translateY(-3px);box-shadow:0 18px 50px rgba(79,86,229,.2); }.discord-mark { width:48px;height:48px;border-radius:14px;background:#5865f2;display:grid;place-items:center;font-size:28px; }.discord-button span:nth-child(2) { font:600 18px "Space Grotesk"; }.discord-button small { display:block;color:#a9a7ca;font:500 8px "DM Sans";text-transform:uppercase;letter-spacing:1.3px;margin-bottom:3px; }.discord-button b { margin-left:auto; }
.footer { border-top:1px solid var(--line);padding:30px 5vw 45px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px; }.footer p { color:var(--muted);font-size:11px; }.footer > div { display:flex;gap:20px; }.footer > div a { color:var(--muted);font-size:10px;text-decoration:none; }.footer > div a:hover { color:white; }
.checkout-shell { max-width:1300px;margin:auto;padding:45px 4vw 100px; }.back-link { border:0;background:transparent;color:var(--muted);padding:0;margin-bottom:30px;font-size:12px; }
.app-onboarding { max-width:none;min-height:calc(100vh - 74px);padding:28px max(4vw,calc((100vw - 1250px)/2)) 100px;background:radial-gradient(circle at 72% 10%,rgba(139,40,255,.25),transparent 30%),radial-gradient(circle at 20% 75%,rgba(70,19,176,.18),transparent 34%),#05030c; }.onboarding-appbar { height:62px;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08); }.balance-pill { border:1px solid #303876;background:#0a1130;border-radius:100px;padding:8px 12px;color:#aeb5d7;font-size:9px;text-transform:uppercase;letter-spacing:1px; }.balance-pill b { color:#27e0bf;margin-left:8px; }
.checkout-grid { display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:25px;align-items:start; }.progress { display:flex;align-items:center;margin-bottom:25px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px; }
.progress span { display:flex;align-items:center;gap:7px;white-space:nowrap; }.progress i { font-style:normal;width:23px;height:23px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center; }.progress b { height:1px;background:var(--line);flex:1;margin:0 12px; }.progress .active { color:white; }.progress .active i { background:var(--purple);border-color:var(--purple); }.progress .done { color:#b6ff78; }
.form-card,.order-summary { border:1px solid #30366e;border-radius:18px;background:linear-gradient(155deg,#121743,#080a22 60%,#11072b);padding:30px;box-shadow:0 24px 70px rgba(0,0,0,.28); }.form-card h2 { font-size:35px;letter-spacing:-2px;margin:12px 0 5px; }.form-intro { color:#9da5c8;font-size:12px;margin-bottom:28px; }
.field-grid { display:grid;grid-template-columns:1fr 1fr;gap:17px; }.field-grid .full { grid-column:1/-1; } label { color:#bab4c7;font-size:10px;text-transform:uppercase;letter-spacing:1px; }
input,select { display:block;width:100%;border:1px solid #39427f;background:#080c2a;color:white;border-radius:8px;padding:13px 14px;margin-top:7px;outline:none; }.field-grid input:focus,.field-grid select:focus { border-color:#7a29ff;box-shadow:0 0 0 2px rgba(122,41,255,.14); }
textarea { display:block;width:100%;resize:vertical;border:1px solid #39427f;background:#080c2a;color:white;border-radius:8px;padding:13px 14px;margin-top:7px;outline:none; }
.check { display:flex;gap:9px;align-items:start;margin-top:17px;text-transform:none;letter-spacing:0;line-height:1.5;font-size:11px;color:var(--muted); }.check input { width:15px;margin:1px 0 0; }
.form-status { min-height:18px;margin:14px 0 0;color:#25dfbd;font-size:10px;line-height:1.6; }.form-status.error { color:#ff7187; }
.state-eligibility { margin:-7px 0 2px;color:#9da5c9;font-size:11px;line-height:1.5;text-transform:none;letter-spacing:0; }
.state-eligibility.eligible { color:#25dfbd; }.state-eligibility.restricted { color:#ff7187; }
.order-summary { position:sticky;top:100px; }.summary-visual { height:125px;border-radius:12px;background:radial-gradient(circle at 70% 30%,var(--glow),transparent 42%),linear-gradient(120deg,#231355,#6d10c9 55%,#161847);display:flex;align-items:end;padding:17px;margin-bottom:20px;border:1px solid #7836db;box-shadow:inset 0 0 32px rgba(255,70,255,.18); }.summary-visual strong { font:700 25px "Space Grotesk"; }.summary-row { display:flex;justify-content:space-between;font-size:11px;padding:11px 0;color:#9da5c8;border-bottom:1px solid #30366e; }.summary-row strong { color:white; }.summary-row.money strong { color:var(--lime); }.summary-total { display:flex;justify-content:space-between;align-items:end;margin:22px 0;padding:15px;border:1px solid #20cdb3;border-radius:8px;background:linear-gradient(90deg,rgba(39,224,191,.18),rgba(106,36,255,.22)); }.summary-total span { color:#a9dcd3;font-size:10px;text-transform:uppercase;letter-spacing:1px; }.summary-total strong { font:700 30px "Space Grotesk"; }.summary-note { color:#9da5c8;font-size:10px;line-height:1.6;border-top:1px solid #30366e;padding-top:15px; }
.secure-badge { display:inline-block;color:#b6ff78;border:1px solid rgba(183,255,82,.25);background:rgba(183,255,82,.06);padding:7px 10px;border-radius:100px;font-size:9px;text-transform:uppercase;letter-spacing:1px; }
.payment-method { border:1px solid #27dfbf;border-radius:10px;padding:18px;display:flex;justify-content:space-between;align-items:center;background:rgba(39,224,191,.1); }.payment-method div { display:grid;grid-template-columns:auto 1fr;gap:2px 10px; }.payment-method small { color:#9da5c8;font-size:9px; }.payment-method > span { color:#27dfbf;font-size:9px;text-transform:uppercase; }.card-icon { grid-row:span 2;width:42px;height:28px;border-radius:6px;background:linear-gradient(135deg,#27dfbf,#8a22ff);display:grid;place-items:center;font-size:10px; }
.fake-card { border:1px solid var(--line);padding:20px;border-radius:14px;margin-top:16px; }.fake-card > div { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px; }.legal { text-align:center;color:var(--muted);font-size:9px;line-height:1.6; }
.success { min-height:calc(100vh - 74px);display:flex;flex-direction:column;align-items:center;text-align:center;padding:70px 20px 100px;background:radial-gradient(circle at 50% 23%,rgba(122,77,255,.18),transparent 27%); }.success-orbit { width:78px;height:78px;border:1px solid rgba(183,255,82,.25);border-radius:50%;padding:9px;margin-bottom:22px;box-shadow:0 0 50px rgba(183,255,82,.1); }.success-orbit span { width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#10120c;font-size:26px; }.success h1 { font-size:clamp(52px,7vw,90px);margin:18px 0; }.success > p { color:var(--muted);font-size:13px; }.ticket { width:min(650px,95vw);display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.035);padding:20px;margin:28px 0;position:relative; }.ticket::before,.ticket::after { content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:var(--bg);top:50%;transform:translateY(-50%); }.ticket::before { left:-11px; }.ticket::after { right:-11px; }.ticket div { border-right:1px dashed var(--line); }.ticket div:last-child { border:0; }.ticket span { display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:1.3px;margin-bottom:5px; }.ticket strong { font-size:13px; }.success-countdown > span { color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:1.5px; }.countdown.large { margin-top:12px;gap:20px; }.countdown.large strong { font-size:25px; }.success-actions { display:flex;gap:10px;margin-top:28px; }
.play-hero { padding:70px 5vw 45px;max-width:1450px;margin:auto;position:relative;overflow:hidden; }.play-hero::after { content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(122,77,255,.24),transparent 68%);right:-120px;top:-220px;pointer-events:none; }.play-hero h1 { font-size:clamp(55px,8vw,105px);line-height:.93;letter-spacing:-6px;margin:24px 0 18px;position:relative;z-index:1; }.play-hero > p { color:var(--muted);max-width:590px;font-size:14px;line-height:1.7; }.guide-nav { display:flex;gap:8px;flex-wrap:wrap;margin-top:35px;position:relative;z-index:2; }.guide-nav button { border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--muted);border-radius:100px;padding:11px 16px;font-size:10px;text-transform:uppercase;letter-spacing:1.2px; }.guide-nav button.active { color:white;border-color:var(--purple);background:rgba(122,77,255,.16); }
.guide-shell { padding:20px 5vw 110px;max-width:1450px;margin:auto; }.guide-panel { border:1px solid #252a60;border-radius:20px;background:linear-gradient(145deg,#07082a,#030417);padding:35px;min-height:480px; }.guide-grid { display:grid;grid-template-columns:1fr 1fr;gap:45px; }.guide-copy h2 { font-size:40px;letter-spacing:-2px;margin:12px 0; }.guide-copy h3 { margin-top:30px;font-size:17px; }.guide-copy p,.guide-copy li { color:var(--muted);font-size:12px;line-height:1.8; }.guide-copy ol,.guide-copy ul { padding-left:18px; }.deal-visual { display:flex;align-items:center;justify-content:center;min-height:360px;padding:28px;overflow:hidden;border:1px solid #29316e;border-radius:20px;background:radial-gradient(circle,rgba(46,222,187,.13),transparent 55%),#061611; }.card-fan { display:flex;align-items:center;justify-content:center;width:min(100%,500px);padding:20px 36px; }.game-card { display:block;width:clamp(58px,7vw,82px);height:auto;aspect-ratio:12 / 19;margin-left:clamp(-25px,-2.2vw,-15px);border:0;border-radius:8px;object-fit:contain;box-shadow:0 12px 25px rgba(0,0,0,.45);transform:rotate(var(--r));transform-origin:center bottom;flex:0 0 auto; }.game-card:first-child { margin-left:0; }
.special-layout { display:grid;grid-template-columns:280px 1fr;gap:30px; }.card-menu { display:flex;flex-direction:column;gap:8px; }.card-menu button { display:flex;align-items:center;gap:12px;min-height:72px;border:1px solid #252a60;background:#050621;color:var(--muted);padding:10px 14px;border-radius:9px;text-align:left;font-size:11px; }.card-menu button.active { background:#11184b;border-color:#6730ff;color:white; }.mini-card { display:block;width:34px;height:auto;aspect-ratio:12 / 19;border-radius:4px;object-fit:contain;flex:0 0 auto; }.special-detail { border:1px solid #252a60;border-radius:14px;padding:35px;display:grid;grid-template-columns:minmax(130px,180px) 1fr;gap:35px;align-items:center;background:#050621; }.special-big-card { display:block;width:min(100%,170px);height:auto;aspect-ratio:12 / 19;margin:auto;border-radius:10px;object-fit:contain;box-shadow:0 20px 55px rgba(0,0,0,.5); }.special-detail h2 { font-size:35px;letter-spacing:-2px;margin:0 0 10px; }.special-detail p { color:var(--muted);font-size:13px;line-height:1.8; }
.turn-demo { display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start; }
.match-notice { grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border:1px solid #6b36e8;border-radius:15px;background:linear-gradient(100deg,rgba(113,58,255,.2),rgba(255,79,200,.1) 58%,rgba(37,223,189,.13));box-shadow:0 14px 42px rgba(47,20,125,.22); }
.match-notice div { display:flex;align-items:center;gap:14px;flex-wrap:wrap; }
.match-notice span,.match-notice small { color:#9ca4c3;font-size:8px;text-transform:uppercase;letter-spacing:1.3px; }
.match-notice strong { font:600 15px "Space Grotesk"; }
.match-notice small { color:#ffd344; }
.match-notice b { min-width:72px;padding:8px 10px;border:1px solid rgba(37,223,189,.45);border-radius:9px;background:#071a23;color:#25dfbd;font:700 18px "Space Grotesk";text-align:center;letter-spacing:1px; }
.table { min-height:570px;border:8px solid #26141f;border-radius:44% / 16%;background:radial-gradient(ellipse at center,#247653 0%,#0d422e 52%,#05150f 82%);box-shadow:inset 0 0 0 3px #66472e,inset 0 0 85px rgba(0,0,0,.75),0 0 40px rgba(78,18,126,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;position:relative;overflow:hidden; }
.table::before { content:"";position:absolute;inset:-4% 8%;border:1px solid rgba(255,255,255,.08);border-radius:50%; }
.table.round-live { box-shadow:inset 0 0 0 3px #66472e,inset 0 0 85px rgba(0,0,0,.75),0 0 42px rgba(37,223,189,.18); }
.opponent,.player-tag { position:absolute;z-index:4;background:#080629;border:1px solid #4f2794;border-radius:7px;padding:7px 14px;font-size:9px;color:#cfd1df; }
.opponent { top:14px; }
.opponent span { color:#27dfbf;margin-right:8px; }
.player-tag { bottom:14px;color:#27dfbf; }
.opponent-hand { position:absolute;top:53px;left:50%;z-index:3;display:flex;justify-content:center;transform:translateX(-50%); }
.opponent-hand i,.draw-deck i { display:grid;place-items:center;width:33px;aspect-ratio:12/19;border:2px solid #a14cff;border-radius:5px;background:radial-gradient(circle at 50% 40%,#ff4fc8,#713aff 55%,#15062d);box-shadow:0 8px 15px rgba(0,0,0,.35);color:white;font:700 11px "Space Grotesk";font-style:normal; }
.opponent-hand i { margin-left:-21px;transform:rotate(calc((var(--i) - 3) * 4deg));transform-origin:center -35px; }
.opponent-hand i:first-child { margin-left:0; }
.draw-deck { position:absolute;left:16%;top:44%;z-index:3;display:grid;place-items:center;gap:4px;border:0;background:transparent;color:#cfd1df;font-size:7px;text-transform:uppercase;letter-spacing:1px; }
.draw-deck i { width:43px;box-shadow:-4px 4px 0 #281148,-8px 8px 0 #100722,0 12px 22px rgba(0,0,0,.45);transition:.2s ease; }
.draw-deck:hover i { transform:translateY(-5px); }
.table.drawing-cards .draw-deck i { animation:deck-pulse .55s ease-in-out infinite alternate; }
.table.drawing-cards button { pointer-events:none; }
.flying-draw-card { position:absolute;z-index:8;display:grid;place-items:center;width:43px;aspect-ratio:12/19;border:2px solid #a14cff;border-radius:6px;background:radial-gradient(circle at 50% 40%,#ff4fc8,#713aff 55%,#15062d);box-shadow:0 14px 30px rgba(0,0,0,.5),0 0 22px rgba(161,76,255,.45);color:white;font:700 11px "Space Grotesk";font-style:normal;pointer-events:none;will-change:transform,opacity; }
.receiving-cards { animation:hand-receive .42s ease-in-out alternate 2; }
@keyframes deck-pulse { to { transform:translateY(-4px) rotate(-3deg);filter:brightness(1.35); } }
@keyframes hand-receive { to { filter:drop-shadow(0 0 14px rgba(37,223,189,.8)); } }
.discard { margin-bottom:48px;z-index:3; }
.discard .game-card { margin-left:0;width:68px; }
.penalty-stack { position:absolute;top:36%;right:12%;z-index:4;padding:7px 10px;border:1px solid #8b3dff;border-radius:9px;background:#2c0b48;color:#ffd344;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 24px rgba(43,8,74,.35); }
.table-status { z-index:3;background:#27dfbf;color:#05120f;border-radius:100px;padding:6px 20px;font-size:10px;font-weight:700;margin-bottom:14px; }
.hand { display:flex;align-items:flex-end;justify-content:center;width:min(100%,330px);padding:8px 20px 18px;z-index:3; }
.hand button { border:0;padding:0;margin-left:-14px;background:transparent;transition:.2s ease;flex:0 0 auto; }
.hand button:first-child { margin-left:0; }
.hand button .game-card { margin-left:0;width:62px; }
.hand button:hover:not(:disabled) { transform:translateY(-13px); }
.hand button:disabled { cursor:default; }
.hand button.legal-play .game-card { box-shadow:0 0 0 2px #25dfbd,0 12px 25px rgba(0,0,0,.45),0 0 22px rgba(37,223,189,.3); }
.hand button.blocked-play .game-card { opacity:.48;filter:saturate(.65); }
.color-picker { position:absolute;inset:auto 50% 82px auto;z-index:7;width:min(310px,84%);padding:22px;border:1px solid #753aff;border-radius:18px;background:linear-gradient(150deg,#080627,#130832);box-shadow:0 26px 70px rgba(0,0,0,.55);text-align:center;transform:translateX(50%); }
.color-picker span { color:#ffd344;font-size:8px;text-transform:uppercase;letter-spacing:1.3px; }
.color-picker h3 { margin:8px 0 4px;font:600 22px "Space Grotesk";letter-spacing:-1px; }
.color-picker p { margin:0;color:#9ca4c3;font-size:9px; }
.color-picker > div { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px; }
.color-picker button { aspect-ratio:1;border:2px solid rgba(255,255,255,.25);border-radius:13px;box-shadow:inset 0 0 18px rgba(255,255,255,.12);transition:.2s ease; }
.color-picker button:hover { transform:translateY(-4px);border-color:white; }
.color-picker .red { background:#ff4056; }.color-picker .yellow { background:#ffca1f; }.color-picker .green { background:#24c76e; }.color-picker .blue { background:#3380ff; }
.start-overlay { position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px;text-align:center;background:radial-gradient(circle at 50% 45%,rgba(18,84,70,.72),rgba(2,8,15,.88) 68%);backdrop-filter:blur(3px); }
.start-overlay span { color:#25dfbd;font-size:8px;text-transform:uppercase;letter-spacing:1.5px; }
.start-overlay h3 { max-width:290px;margin:0;color:white;font:600 25px/1.15 "Space Grotesk";letter-spacing:-1px; }
.start-overlay .primary-button { margin-top:6px; }
.demo-sidebar h2 { font-size:30px;letter-spacing:-1.5px;margin-top:8px; }
.demo-sidebar p { color:var(--muted);font-size:12px;line-height:1.7; }
.demo-status { border:1px solid #30366e;border-radius:10px;padding:15px;margin:20px 0;color:#d8d2e4;font-size:11px;line-height:1.6;background:#101642; }
.rule-scenarios { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px; }
.rule-scenarios button { border:1px solid #30366e;border-radius:9px;padding:10px;background:#080a26;color:#9ca4c3;font-size:9px;text-transform:uppercase;letter-spacing:1px; }
.rule-scenarios button.active { border-color:#713aff;background:#151047;color:white;box-shadow:0 8px 24px rgba(78,35,180,.2); }
.demo-reset { width:100%; }
.rule-list { display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px; }.rule-item { border:1px solid var(--line);border-radius:16px;padding:20px;background:rgba(255,255,255,.025); }.rule-item b { display:block;color:var(--pink);font-size:10px;margin-bottom:9px; }.rule-item strong { font:600 16px "Space Grotesk"; }.rule-item p { color:var(--muted);font-size:11px;line-height:1.7; }
.points-layout { display:grid;grid-template-columns:minmax(310px,.8fr) 1.2fr;gap:32px; }.win-summary { min-height:590px;padding:34px;border:1px solid #6132b9;border-radius:26px;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(35,212,165,.2),transparent 28%),radial-gradient(circle at 50% 8%,rgba(154,55,255,.38),transparent 35%),linear-gradient(160deg,#17072d,#05091c 62%,#061a12);box-shadow:inset 0 0 75px rgba(119,37,220,.14); }.win-kicker { color:#ffd344;font-size:9px;text-transform:uppercase;letter-spacing:2px;font-weight:700; }.win-summary h2 { margin:12px 0 5px;color:#ffd344;font-size:44px;letter-spacing:-2px;text-transform:uppercase; }.win-summary > p { color:#a7a4bb;font-size:11px;line-height:1.6; }.score-panel { margin:25px 0 20px;padding:20px;border:1px solid #25d8b5;border-radius:17px;background:#080b28; }.score-panel span,.score-panel small { display:block;color:#9ca4c3;font-size:8px;text-transform:uppercase;letter-spacing:1.5px; }.score-panel strong { display:block;font:700 65px "Space Grotesk";line-height:1.05;margin:5px 0;color:white; }.winning-hand { display:flex;align-items:flex-end;justify-content:center;padding:25px 20px 18px; }.winning-hand .game-card { width:66px;margin-left:-18px; }.winning-hand .game-card:first-child { margin-left:0; }.score-equation { color:#bfc4d5;font-size:11px;padding:12px;border:1px solid #293169;border-radius:10px;background:rgba(5,6,30,.75); }.score-equation b { color:#25dfbd; }.points-copy h2 { font-size:40px;letter-spacing:-2px;margin:12px 0; }.points-copy > p { color:var(--muted);font-size:12px;line-height:1.7; }.point-card-grid { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0; }.point-card-grid button { display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #293169;border-radius:11px;background:#070824;color:white;text-align:left; }.point-card-grid button.active { border-color:#713aff;background:#121847; }.point-card-grid img { display:block;width:34px;height:auto;aspect-ratio:12/19;object-fit:contain;border-radius:4px;flex:0 0 34px; }.point-card-grid span { display:flex;flex-direction:column;gap:4px; }.point-card-grid strong { font-size:11px; }.point-card-grid small { color:#25dfbd;font-size:9px;text-transform:uppercase;letter-spacing:1px; }.point-explainer { display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:22px;min-height:180px;padding:24px;border:1px solid #303873;border-radius:14px;background:#090b2b; }.point-explainer img { display:block;width:76px;height:auto;aspect-ratio:12/19;margin:auto;object-fit:contain;border-radius:7px;box-shadow:0 14px 28px rgba(0,0,0,.32); }.point-explainer strong { font:700 25px "Space Grotesk";color:#ffd344; }.point-explainer p,.payout-note p { margin:7px 0 0;color:#a7aac0;font-size:11px;line-height:1.65; }.payout-note { margin-top:14px;padding:18px;border:1px solid rgba(37,223,189,.45);border-radius:14px;background:linear-gradient(100deg,rgba(37,223,189,.11),rgba(104,45,222,.13)); }.payout-note b { color:#25dfbd;font:600 14px "Space Grotesk"; }
.leaderboard-example { grid-column:1/-1;padding:28px;border:1px solid #303873;border-radius:20px;background:linear-gradient(145deg,#080a26,#050518); }.leaderboard-heading { display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:22px; }.leaderboard-heading h2 { margin:8px 0 0;font-size:30px;letter-spacing:-1.5px; }.leaderboard-heading p { max-width:480px;margin:0;color:var(--muted);font-size:11px;line-height:1.65; }.leaderboard-labels,.leaderboard-row { display:grid;grid-template-columns:42px 38px minmax(130px,1fr) 130px 130px;align-items:center;gap:10px; }.leaderboard-labels { padding:0 14px 8px;color:#7f819a;font-size:8px;text-transform:uppercase;letter-spacing:1.2px; }.leaderboard-labels span:first-child { grid-column:1/4; }.leaderboard-row { min-height:62px;margin-top:7px;padding:10px 14px;border:1px solid #252c5d;border-radius:12px;background:#080a26; }.leaderboard-row.leader { border-color:#6d38e8;background:linear-gradient(90deg,rgba(108,55,232,.22),rgba(37,223,189,.08));box-shadow:0 10px 35px rgba(69,32,160,.15); }.leaderboard-row > b { color:#9b91b8;font:700 17px "Space Grotesk"; }.leaderboard-row.leader > b { color:#ffd344; }.leader-avatar { width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#713aff,#ff4fc8);font-size:10px;font-weight:700; }.leaderboard-row > strong { font-size:11px; }.leader-points { color:#25dfbd;font-size:10px; }.leader-payout { color:#b7ff52;font:700 12px "Space Grotesk";text-align:right; }.leaderboard-disclaimer { display:block;margin-top:14px;color:#74758a;font-size:8px;line-height:1.5; }
.legal-hero { max-width:1450px;margin:auto;padding:72px 5vw 54px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 5%,rgba(122,77,255,.2),transparent 32%); }
.legal-hero h1 { max-width:950px;margin:22px 0 18px;font-size:clamp(55px,8vw,105px);line-height:.94;letter-spacing:-6px; }
.legal-hero > p { max-width:660px;color:var(--muted);font-size:14px;line-height:1.75; }
.legal-tabs { display:flex;gap:8px;margin-top:32px; }
.legal-tabs button { border:1px solid var(--line);border-radius:100px;padding:11px 17px;background:rgba(255,255,255,.025);color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.1px; }
.legal-tabs button.active { border-color:rgba(255,79,200,.6);background:linear-gradient(110deg,rgba(122,77,255,.7),rgba(255,79,200,.55));color:white;box-shadow:0 10px 28px rgba(122,77,255,.2); }
.legal-shell { display:grid;grid-template-columns:340px minmax(0,1fr);gap:42px;max-width:1450px;margin:auto;padding:58px 5vw 110px;align-items:start; }
.legal-summary { position:sticky;top:105px;padding:25px;border:1px solid #30366e;border-radius:21px;background:linear-gradient(150deg,#121743,#080a22 62%,#11072b);box-shadow:0 25px 70px rgba(0,0,0,.28); }
.legal-summary img { display:block;width:min(210px,100%);height:auto;margin:-12px 0 20px -16px;mix-blend-mode:screen;filter:drop-shadow(0 0 18px rgba(122,77,255,.45)) saturate(1.08);mask-image:radial-gradient(ellipse 65% 58% at center,black 48%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 65% 58% at center,black 48%,transparent 100%); }
.legal-summary > span { display:block;margin-bottom:5px;color:#8f94b6;font-size:8px;text-transform:uppercase;letter-spacing:1.5px; }
.legal-summary > strong { display:block;font:600 15px "Space Grotesk"; }
.legal-summary p { margin:20px 0 0;padding-top:20px;border-top:1px solid #30366e;color:#a8adc6;font-size:11px;line-height:1.75; }
.legal-download { display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:22px;text-decoration:none;font-size:11px; }
.legal-content { display:grid;gap:12px; }
.legal-content article { display:grid;grid-template-columns:45px minmax(0,1fr);gap:20px;padding:28px;border:1px solid #282e65;border-radius:17px;background:linear-gradient(145deg,#090a2b,#050518); }
.legal-content article > span { color:var(--pink);font:700 10px "Space Grotesk";letter-spacing:1.5px; }
.legal-content h2 { margin:0 0 10px;font-size:21px;letter-spacing:-1px; }
.legal-content p { margin:0;color:#a6a8bc;font-size:12px;line-height:1.8; }
.legal-source { margin-top:12px;padding:22px;border:1px solid rgba(37,223,189,.4);border-radius:15px;background:linear-gradient(105deg,rgba(37,223,189,.1),rgba(122,77,255,.12)); }
.legal-source b { color:#25dfbd;font:600 13px "Space Grotesk"; }
.legal-source p { margin:7px 0 0;color:#a6a8bc;font-size:10px;line-height:1.7; }
.privacy-contact { margin-top:12px;padding:30px;border:1px solid #6132b9;border-radius:20px;background:radial-gradient(circle at 95% 0,rgba(255,79,200,.16),transparent 32%),linear-gradient(145deg,#10133c,#07071f);scroll-margin-top:105px; }
.privacy-contact h2 { margin:12px 0 8px;font-size:30px;letter-spacing:-1.5px; }
.privacy-contact > p { max-width:680px;margin:0 0 24px;color:#a6a8bc;font-size:11px;line-height:1.7; }
.privacy-contact > p a { color:#25dfbd; }
.privacy-fields { display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:18px; }
.privacy-fields .full { grid-column:1/-1; }
.privacy-fields label { color:#bab4c7;font-size:9px;text-transform:uppercase;letter-spacing:1px; }
.privacy-fields input:focus,.privacy-fields select:focus,.privacy-fields textarea:focus { border-color:#7a29ff;box-shadow:0 0 0 2px rgba(122,41,255,.14); }
.privacy-contact button:disabled { opacity:.8;cursor:default; }
.privacy-form-status { min-height:18px;margin:14px 0 0;color:#25dfbd;font-size:10px;line-height:1.6; }
@media(max-width:900px){.topbar{gap:12px}.topbar .ghost-button{display:none}.top-tabs{margin-left:auto}.tournament-grid,.steps{grid-template-columns:1fr 1fr}.checkout-grid,.guide-grid,.turn-demo,.points-layout,.legal-shell{grid-template-columns:1fr}.match-notice{grid-column:auto}.order-summary,.legal-summary{position:static}.faq-grid,.community,.special-layout{grid-template-columns:1fr}.card-menu{display:grid;grid-template-columns:1fr 1fr}.special-detail{grid-template-columns:1fr}.special-big-card{margin:auto}.section-heading{display:block}.section-heading p{margin-top:20px}.hero h1,.success h1,.play-hero h1,.legal-hero h1{letter-spacing:-3px}.footer{grid-template-columns:1fr}.footer > div{flex-wrap:wrap}.legal-summary{display:grid;grid-template-columns:auto 1fr;column-gap:20px;align-items:start}.legal-summary img{grid-row:1/3;width:165px;margin:-12px 0 -4px -15px}.legal-summary p,.legal-summary .legal-download{grid-column:1/-1}}
@media(max-width:620px){.topbar{height:auto;min-height:74px;padding:10px 12px;align-items:center;gap:8px}.brand{font-size:0;gap:0}.brand-mark{width:32px;height:32px;font-size:16px}.top-tabs{min-width:0;overflow-x:auto;scrollbar-width:none}.top-tabs::-webkit-scrollbar{display:none}.top-tabs a{padding:8px 11px;font-size:10px}.hero{padding-top:65px}.hero-actions,.launch-strip,.how-actions{flex-direction:column}.launch-strip{position:relative;bottom:auto;margin-top:40px;text-align:center}.tournament-grid,.steps,.field-grid,.rule-list,.card-menu,.point-card-grid{grid-template-columns:1fr}.field-grid .full{grid-column:auto}.section-heading h2,.how h2{letter-spacing:-2px}.tournaments,.how,.faq,.community{padding:75px 20px}.discord-button{width:100%}.progress{font-size:0}.ticket{grid-template-columns:1fr;gap:15px}.ticket div{border:0}.success-actions{flex-direction:column}.hero h1,.success h1,.play-hero h1{font-size:53px}.guide-panel{padding:20px}.deal-visual{padding:12px}.card-fan{padding:20px 8px}.game-card{width:clamp(46px,14vw,58px)}.match-notice{align-items:stretch;padding:12px}.match-notice div{display:grid;gap:4px}.match-notice b{align-self:center}.table{min-height:510px;border-width:5px;padding:18px 10px}.opponent-hand{top:49px}.opponent-hand i{width:27px;margin-left:-18px}.draw-deck{left:8%;top:43%}.draw-deck i{width:36px}.hand{width:min(100%,270px);padding-inline:4px}.hand button{margin-left:-9px}.hand button .game-card{width:48px}.discard{margin-bottom:42px}.discard .game-card{width:58px}.start-overlay h3{font-size:22px}.special-detail{padding:22px}.win-summary{padding:22px}.winning-hand .game-card{width:54px;margin-left:-14px}.winning-hand .game-card:first-child{margin-left:0}.point-explainer{grid-template-columns:76px minmax(0,1fr);gap:16px;min-height:160px;padding:18px}.point-explainer img{width:66px}.leaderboard-example{padding:18px}.leaderboard-heading{display:block}.leaderboard-heading p{margin-top:10px}.leaderboard-labels{display:none}.leaderboard-row{grid-template-columns:28px 34px minmax(90px,1fr) auto;gap:7px}.leader-points{grid-column:3}.leader-payout{grid-column:4;grid-row:1/3}}
@media(max-width:620px){.brand-logo{width:80px;max-height:48px;object-fit:contain}.onboarding-appbar .brand-logo,.footer .brand-logo{width:122px;max-height:none}.legal-hero{padding:48px 20px 38px}.legal-hero h1{font-size:53px}.legal-tabs{overflow-x:auto}.legal-tabs button{white-space:nowrap}.legal-shell{padding:30px 20px 75px;gap:22px}.legal-summary{display:block;padding:20px}.legal-summary img{width:168px;margin:-14px 0 10px -17px}.legal-content article{grid-template-columns:1fr;gap:8px;padding:21px}.legal-content h2{font-size:18px}.privacy-contact{padding:21px}.privacy-fields{grid-template-columns:1fr}.privacy-fields .full{grid-column:auto}}