:root{--bg: #070910;--bg2: #0e1220;--panel: rgba(255, 255, 255, .045);--panel2: rgba(255, 255, 255, .07);--rim: rgba(190, 205, 220, .16);--rim2: rgba(190, 205, 220, .3);--text: #EEF3F9;--dim: rgba(226, 236, 247, .58);--faint: rgba(226, 236, 247, .34);--tint: #FF7A45;--tint-soft: #FF9A63;--tint-ink: #25100A;--gold: #FFD678;--teal: #4BD6C0;--danger: #FF5E7A;--radius: 16px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--num: ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--text);background:linear-gradient(178deg,#101728 0%,#0b1020 34%,#080b14 68%,var(--bg) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:after{content:"";position:fixed;inset:-15%;z-index:0;pointer-events:none;background:radial-gradient(720px 520px at 50% -4%,rgba(255,122,69,.2),transparent 62%),radial-gradient(640px 520px at 92% 78%,rgba(75,214,192,.1),transparent 60%),radial-gradient(700px 600px at 4% 40%,rgba(90,120,255,.12),transparent 62%);filter:blur(10px)}.app{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:18px 16px 56px}.kicker{color:var(--dim);font-weight:900;font-size:11px;letter-spacing:1.8px;text-transform:uppercase}.beat{font-weight:900;font-size:clamp(23px,6vw,34px);letter-spacing:1.2px;margin:5px 0 12px}.sect{color:var(--dim);font-weight:900;font-size:11px;letter-spacing:1.8px;margin:20px 0 9px}.explain{color:var(--dim);font-weight:600;font-size:13.5px;line-height:1.5}.err{color:var(--danger);font-weight:700;font-size:13px;line-height:1.45}.tiny{color:var(--faint);font-weight:700;font-size:11.5px;line-height:1.5}.num{font-family:var(--num);font-variant-numeric:tabular-nums}.card{background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--rim);border-radius:var(--radius);padding:15px;margin-bottom:12px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.card.lit{border-color:#ff7a4573;box-shadow:0 0 34px #ff7a4521}.card.gold{border-color:#ffd67873;box-shadow:0 0 34px #ffd67821}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{opacity:.5;cursor:default}.primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 18px;border-radius:999px;background:linear-gradient(120deg,#FFB07A,var(--tint) 55%,#D2542A);color:var(--tint-ink);font-weight:900;font-size:14px;letter-spacing:1px}.primary.sm{padding:12px 16px;font-size:12.5px}.primary.nowrap,.ghost.nowrap{white-space:nowrap}.ghost{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;border-radius:999px;border:1.5px solid var(--gold);color:var(--gold);font-weight:900;font-size:12px;letter-spacing:.8px;background:transparent}.ghost.quiet{border-color:var(--rim2);color:var(--dim)}.linkish{color:var(--tint);font-weight:800;text-decoration:underline;text-underline-offset:3px}.stack>*+*{margin-top:9px}.rowbtns{display:flex;gap:9px}.rowbtns>*{flex:1}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1.5px solid var(--rim2);border-radius:12px;padding:9px 13px;background:#2e384466;text-align:left;min-width:0}.chip .lab{font-weight:900;font-size:12.5px;letter-spacing:.6px;display:block}.chip .sub{color:var(--faint);font-weight:700;font-size:10px;margin-top:2px;display:block}.chip.on{border-color:var(--tint);background:var(--tint);color:var(--tint-ink)}.chip.on .sub{color:#25100abf}.chip .badge{display:inline-block;margin-left:6px;padding:1px 5px;border-radius:5px;background:#ffd67829;color:var(--gold);font-size:8.5px;font-weight:900;letter-spacing:1px;vertical-align:1px}.chip.on .badge{background:#25100a33;color:var(--tint-ink)}.field-row{margin-bottom:15px}.field-row .lab{font-weight:900;font-size:12.5px;letter-spacing:1.6px}.field-row .help{color:var(--dim);font-weight:600;font-size:11.5px;margin-top:3px;line-height:1.45}.field-row .body{margin-top:8px}.field{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--rim);background:#060a1099;color:var(--text);font-size:15px;font-weight:600;font-family:inherit}.field::placeholder{color:var(--faint)}.field:focus{outline:none;border-color:var(--tint)}.code-field{letter-spacing:5px;font-weight:900;text-transform:uppercase;text-align:center}.hero{text-align:center;padding-top:6px}.hero img{width:min(100%,330px);border-radius:20px;display:block;margin:0 auto}.hero .tag{color:var(--tint);font-weight:900;font-size:clamp(13px,3.6vw,16px);letter-spacing:2.6px;margin-top:12px}.hero .blurb{color:var(--dim);font-weight:600;font-size:14px;line-height:1.55;margin:10px auto 20px;max-width:46ch}.beats{display:grid;gap:10px;grid-template-columns:1fr}@media(min-width:620px){.beats{grid-template-columns:repeat(3,1fr)}}.beatcard{border:1px solid var(--rim);border-radius:14px;padding:14px;background:var(--panel)}.beatcard .n{color:var(--tint);font-weight:900;font-size:11px;letter-spacing:1.6px}.beatcard .t{font-weight:900;font-size:15px;margin-top:5px}.beatcard .b{color:var(--dim);font-weight:600;font-size:12.5px;line-height:1.5;margin-top:5px}.trow{display:flex;align-items:center;gap:9px;padding:9px 4px;border-bottom:1px solid var(--rim)}.trow.mine{background:#ffd67812;border-radius:8px}.trow .rank{color:var(--faint);font-weight:900;font-size:12px;width:20px}.trow .nm{font-weight:800;font-size:14px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trow.mine .nm{color:var(--gold)}.trow .rec{font-weight:900;font-size:13px;width:56px;text-align:right}.trow .pf{color:var(--dim);font-weight:700;font-size:12.5px;width:64px;text-align:right}.trow .od{font-weight:900;font-size:16px;width:70px;text-align:right}.trow .sp{color:var(--teal);font-weight:800;font-size:12px}.cut{border-top:2px solid var(--gold);margin-top:5px;padding-top:3px}.cut span{color:var(--gold);font-weight:900;font-size:9.5px;letter-spacing:1.6px}.sigil{width:22px;height:22px;border-radius:7px;flex:none;display:flex;align-items:center;justify-content:center;background:#ffffff12;border:1px solid var(--rim);font-size:9px;font-weight:900;color:var(--dim)}.trow.mine .sigil{color:var(--gold);border-color:#ffd67866}.dial{text-align:center;padding:10px 0 4px}.dial .pct{color:var(--gold);font-weight:900;letter-spacing:-2px;font-size:clamp(64px,20vw,96px);line-height:1;font-variant-numeric:tabular-nums;animation:dialIn .9s cubic-bezier(.16,1,.3,1) both}.dial .pct .sign{font-size:.45em}.dial .team{font-weight:900;font-size:15px;letter-spacing:1.4px;margin-top:2px}@keyframes dialIn{0%{transform:scale(.62);opacity:0}to{transform:scale(1);opacity:1}}.pcard{display:flex;align-items:center;gap:11px;padding:9px 4px;border-bottom:1px solid var(--rim)}.pcard .tag{color:var(--faint);font-weight:900;font-size:12px;width:42px;flex:none}.pcard .face{width:34px;height:34px;border-radius:999px;flex:none;object-fit:cover;background:#ffffff12}.pcard .who{flex:1;min-width:0}.pcard .who .n{font-weight:800;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcard .who .m{color:var(--faint);font-weight:700;font-size:11px;margin-top:1px}.pcard .pts{font-weight:900;font-size:16px;min-width:52px;text-align:right}.game{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--rim)}.game .side{flex:1;min-width:0}.game .side.r{text-align:right}.game .side .n{font-weight:800;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game .side .p{color:var(--dim);font-weight:900;font-size:15px;margin-top:1px}.game .side.won .n,.game .side.won .p{color:var(--gold)}.game .vs{color:var(--faint);font-weight:800;font-size:11px}.champ{text-align:center;border-radius:20px;padding:30px 18px;background:linear-gradient(180deg,#ffd67847,#ffd6780d);animation:pop .52s cubic-bezier(.2,1.4,.4,1) both}.champ .cup{font-size:46px;line-height:1}.champ .k{color:var(--gold);font-weight:900;font-size:11.5px;letter-spacing:2.4px;margin-top:10px}.champ .n{font-weight:900;font-size:clamp(24px,8vw,36px);letter-spacing:1px;margin-top:6px}.champ .you{color:var(--gold);font-weight:900;font-size:12.5px;letter-spacing:1.4px;margin-top:10px}@keyframes pop{0%{transform:scale(.86);opacity:0}to{transform:scale(1);opacity:1}}.reveal{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(60% 55% at 50% 45%,#1a1020,#05070c 78%);animation:fadeIn .26s ease both}.reveal .k{color:var(--tint);font-weight:900;font-size:12px;letter-spacing:3px}.reveal .era{color:var(--dim);font-weight:900;font-size:13px;letter-spacing:2.4px;margin-top:6px}.reveal .reels{display:flex;gap:4px;margin:18px 0 6px}.reel{overflow:hidden;height:clamp(88px,22vw,140px)}.reel .strip{display:flex;flex-direction:column;animation:spin var(--dur) cubic-bezier(.16,1,.3,1) both}.reel .d{height:clamp(88px,22vw,140px);line-height:clamp(88px,22vw,140px);font-size:clamp(74px,19vw,118px);font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums;text-align:center;min-width:.62em}@keyframes spin{0%{transform:translateY(0)}to{transform:translateY(var(--stop))}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.backdrop{position:fixed;inset:0;z-index:50;background:#030509bd;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .16s ease both}.sheet{width:100%;max-width:440px;max-height:92vh;overflow-y:auto;background:linear-gradient(165deg,#14192a,#0a0d17);border:1px solid var(--rim);border-radius:20px;padding:20px}.sheet h2{font-weight:900;font-size:19px;letter-spacing:1px}.sheet .sub{color:var(--dim);font-weight:600;font-size:13px;margin-top:6px;line-height:1.5}.top{display:flex;align-items:center;gap:10px;margin-bottom:14px}.top .who{margin-left:auto;color:var(--faint);font-weight:700;font-size:11.5px}.back{border:1px solid var(--rim);border-radius:999px;padding:7px 13px;color:var(--dim);font-weight:900;font-size:11px;letter-spacing:1px}.seatchip{color:var(--gold);border:1px solid rgba(255,214,120,.4);border-radius:6px;font-weight:900;font-size:9.5px;letter-spacing:1.2px;padding:2px 6px;flex:none}.seatchip.you{color:var(--teal);border-color:#5eead466}.trow .nm.dim{color:var(--dim);font-weight:700;font-size:12.5px;white-space:normal}.trow.open{border-bottom:none}.pcard .spent{display:flex;align-items:center;gap:8px;margin-top:4px}.pcard .spent .bar{flex:1;max-width:130px;height:4px;border-radius:2px;background:#ffffff1f;overflow:hidden}.pcard .spent .bar span{display:block;height:100%;border-radius:2px;background:var(--gold)}.pcard .spent .lab{color:var(--dim);font-weight:800;font-size:10.5px;white-space:nowrap}.pcard .pts.dim{color:var(--dim)}.codebar{display:flex;align-items:center;gap:10px;margin-bottom:10px}.roomline{color:var(--gold);font-weight:800;font-size:11.5px;letter-spacing:.3px;margin-bottom:10px;opacity:.9}.codebar .lab{color:var(--faint);font-weight:900;font-size:10px;letter-spacing:1.4px}.codebar .val{color:var(--gold);font-weight:900;font-size:19px;letter-spacing:4px;flex:1;font-family:var(--num)}.notice{border:1px solid rgba(255,214,120,.4);background:#ffd67814;border-radius:12px;padding:12px 14px}.notice .t{color:var(--gold);font-weight:900;font-size:12px;letter-spacing:1.2px}.notice .b{color:var(--dim);font-weight:600;font-size:12.5px;line-height:1.5;margin-top:5px}.spinner{width:22px;height:22px;border-radius:999px;margin:22px auto;border:2.5px solid var(--rim);border-top-color:var(--tint);animation:spin360 .8s linear infinite}@keyframes spin360{to{transform:rotate(360deg)}}.price{display:flex;align-items:baseline;gap:7px;padding:8px 0;border-bottom:1px solid var(--rim)}.price .p{color:var(--gold);font-weight:900;font-size:15px;font-family:var(--num)}.price .w{color:var(--dim);font-weight:700;font-size:12.5px;flex:1}@keyframes riseIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.stage{animation:riseIn .42s cubic-bezier(.16,1,.3,1) both}.cascade>*{animation:riseIn .48s cubic-bezier(.16,1,.3,1) both}.cascade>*:nth-child(1){animation-delay:30ms}.cascade>*:nth-child(2){animation-delay:90ms}.cascade>*:nth-child(3){animation-delay:.15s}.cascade>*:nth-child(4){animation-delay:.21s}.cascade>*:nth-child(5){animation-delay:.27s}.cascade>*:nth-child(6){animation-delay:.33s}.cascade>*:nth-child(7){animation-delay:.38s}.cascade>*:nth-child(n+8){animation-delay:.42s}.ripple>*{animation:riseIn .36s cubic-bezier(.16,1,.3,1) both}.ripple>*:nth-child(1){animation-delay:0ms}.ripple>*:nth-child(2){animation-delay:40ms}.ripple>*:nth-child(3){animation-delay:80ms}.ripple>*:nth-child(4){animation-delay:.12s}.ripple>*:nth-child(5){animation-delay:.16s}.ripple>*:nth-child(6){animation-delay:.2s}.ripple>*:nth-child(7){animation-delay:.24s}.ripple>*:nth-child(8){animation-delay:.28s}.ripple>*:nth-child(9){animation-delay:.32s}.ripple>*:nth-child(n+10){animation-delay:.36s}.rise{opacity:0;transform:translateY(20px);transition:opacity .64s cubic-bezier(.16,1,.3,1),transform .64s cubic-bezier(.16,1,.3,1)}.rise.in{opacity:1;transform:none}.run{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:radial-gradient(64% 58% at 50% 42%,#171126,#05070c 80%);animation:fadeIn .24s ease both}.run .k{color:var(--tint);font-weight:900;font-size:12px;letter-spacing:3px}.run .wk{color:var(--gold);font-weight:900;font-variant-numeric:tabular-nums;font-size:clamp(64px,22vw,110px);line-height:1.05;letter-spacing:-2px;margin-top:10px}.run .wk .lab{display:block;font-size:12px;letter-spacing:3.2px;color:var(--dim);margin-bottom:6px}.run .line{color:var(--dim);font-weight:700;font-size:14px;line-height:1.5;max-width:34ch;min-height:3em;margin-top:18px;animation:riseIn .42s cubic-bezier(.16,1,.3,1) both}.run .ball{font-size:30px;margin-top:16px;animation:tumble 1.1s cubic-bezier(.4,0,.6,1) infinite}@keyframes tumble{0%{transform:rotate(0) translateY(0)}50%{transform:rotate(180deg) translateY(-9px)}to{transform:rotate(360deg) translateY(0)}}.run .yards{width:min(78vw,340px);height:8px;border-radius:999px;margin-top:22px;background:#ffffff17;overflow:hidden;position:relative}.run .yards i{position:absolute;inset:0 auto 0 0;width:var(--p, 0%);border-radius:999px;background:linear-gradient(90deg,var(--tint),var(--gold));transition:width .48s cubic-bezier(.16,1,.3,1)}.thumbbar{position:sticky;bottom:0;z-index:40;margin:18px -16px 0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(5,7,12,.88) 34%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.thumbbar .primary{box-shadow:0 6px 26px #ff7a4559}button,.chip,.linkish{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.primary,.ghost,.chip,.back{transition:transform .12s ease,filter .12s ease}.primary:active,.ghost:active,.chip:active,.back:active{transform:scale(.965);filter:brightness(1.06)}@keyframes breathe{0%,to{box-shadow:0 0 #ff7a4552}55%{box-shadow:0 0 0 12px #ff7a4500}}.primary.pulse{animation:breathe 2.6s ease-out infinite}.sheet{animation:sheetUp .34s cubic-bezier(.16,1,.3,1) both}@keyframes sheetUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.champ{position:relative;overflow:hidden}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;top:-12px;width:7px;height:11px;border-radius:2px;opacity:0;animation:fall 2.6s cubic-bezier(.3,.4,.6,1) both}.confetti i:nth-child(4n+1){background:var(--gold)}.confetti i:nth-child(4n+2){background:var(--tint)}.confetti i:nth-child(4n+3){background:var(--teal)}.confetti i:nth-child(4n+4){background:#9fb6ff}@keyframes fall{0%{opacity:0;transform:translateY(-10px) rotate(0)}8%{opacity:1}to{opacity:.9;transform:translateY(340px) rotate(560deg)}}.floatcta{position:fixed;left:16px;right:16px;z-index:45;bottom:calc(14px + env(safe-area-inset-bottom));animation:riseIn .36s cubic-bezier(.16,1,.3,1) both}@media(min-width:700px){.floatcta{left:auto;right:24px;width:320px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:.01ms!important}.rise{opacity:1;transform:none}}.no-io .rise{opacity:1;transform:none}