.gate.svelte-pkw07u{--stage-height:250px;background:linear-gradient(#0b0e15, #0b0e15) top / 100% var(--stage-height) no-repeat, var(--surface);width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border:0;border-radius:28px;padding:0;overflow:hidden;box-shadow:0 24px 64px -16px #00000073,0 8px 20px -10px #0000004d}.gate[open].svelte-pkw07u{animation:svelte-pkw07u-gate-in .6s var(--ease-out)}.gate.svelte-pkw07u::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06080c8c;animation:.5s svelte-pkw07u-fade-in}@keyframes svelte-pkw07u-gate-in{0%{opacity:0;transform:translateY(16px)scale(.96)}}@keyframes svelte-pkw07u-fade-in{0%{opacity:0}}.sheet.svelte-pkw07u{border-radius:inherit;text-align:center;flex-direction:column;align-items:center;padding:0 28px 26px;display:flex;position:relative;overflow:hidden}.close.svelte-pkw07u{z-index:2;color:#fff;background:#ffffff1f;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:14px;right:14px}.close.svelte-pkw07u:hover{background:#ffffff38}.stage.svelte-pkw07u{width:calc(100% + 56px);height:var(--stage-height);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f6fa;background:radial-gradient(60% 70% at 50% 38%,#4f7df573,#0000 70%),radial-gradient(40% 40% at 80% 80%,#f5b40024,#0000 70%),#0b0e15;border-radius:28px 28px 0 0;margin-inline:-28px;position:relative;overflow:hidden}.slide.svelte-pkw07u{opacity:0;transition:opacity .4s ease, transform .5s var(--ease-out);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:26px 28px 22px;display:flex;position:absolute;inset:0;transform:translate(24px)}.slide.active.svelte-pkw07u{opacity:1;transform:none}.slide.svelte-pkw07u p:where(.svelte-pkw07u){letter-spacing:-.02em;max-width:300px;font-size:17px;font-weight:600;line-height:1.3}.visual.svelte-pkw07u{place-items:center;height:128px;display:grid;position:relative}.mini-board.svelte-pkw07u{border-radius:10px;grid-template-rows:repeat(4,28px);grid-template-columns:repeat(4,28px);display:grid;position:relative;overflow:hidden;box-shadow:0 16px 30px -10px #0009}.mini-board.svelte-pkw07u i:where(.svelte-pkw07u){background:var(--square-light)}.mini-board.svelte-pkw07u i.dark:where(.svelte-pkw07u){background:var(--square-dark)}.knight.svelte-pkw07u{width:28px;height:28px;position:absolute;top:84px;left:0}.active.svelte-pkw07u .knight:where(.svelte-pkw07u){animation:svelte-pkw07u-knight-hop 3.8s var(--ease-out) infinite}@keyframes svelte-pkw07u-knight-hop{0%,15%{transform:none}35%,to{transform:translate(28px,-56px)}}.bubble.svelte-pkw07u{color:#0f141d;white-space:nowrap;opacity:0;background:#fff;border-radius:14px 14px 14px 4px;padding:7px 12px;font-size:13px;font-weight:650;position:absolute;top:2px;right:-64px;box-shadow:0 10px 24px -8px #00000080}.active.svelte-pkw07u .bubble:where(.svelte-pkw07u){animation:svelte-pkw07u-pop 3.8s var(--ease-spring) infinite}@keyframes svelte-pkw07u-pop{0%,38%{opacity:0;transform:scale(.6)translateY(8px)}48%,92%{opacity:1;transform:none}to{opacity:0}}.flip.svelte-pkw07u{perspective:600px;width:96px;height:120px;position:relative}.face.svelte-pkw07u{backface-visibility:hidden;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-style:normal;display:flex;position:absolute;inset:0;box-shadow:0 18px 34px -12px #0009}.face.svelte-pkw07u em:where(.svelte-pkw07u){font-size:13px;font-style:normal;font-weight:650}.front.svelte-pkw07u{color:#ffa3a6;background:#2a1416;box-shadow:inset 0 0 0 1px #ff6b6f59}.front.svelte-pkw07u b:where(.svelte-pkw07u){font-size:30px;line-height:1}.back.svelte-pkw07u{color:#0f141d;background:#f4f6fa;transform:rotateY(180deg)}.back.svelte-pkw07u .icon{color:var(--accent)}.active.svelte-pkw07u .front:where(.svelte-pkw07u){animation:svelte-pkw07u-flip-front 3.8s var(--ease-in-out) infinite}.active.svelte-pkw07u .back:where(.svelte-pkw07u){animation:svelte-pkw07u-flip-back 3.8s var(--ease-in-out) infinite}@keyframes svelte-pkw07u-flip-front{0%,30%{transform:none}50%,to{transform:rotateY(-180deg)}}@keyframes svelte-pkw07u-flip-back{0%,30%{transform:rotateY(180deg)}50%,to{transform:none}}.versus.svelte-pkw07u{align-items:center;gap:14px;display:flex}.player.svelte-pkw07u{color:#fff;border-radius:12.8px;place-items:center;width:64px;height:64px;font-size:22px;font-weight:700;display:grid;box-shadow:0 0 0 2px #0b0e15,0 0 0 3px #ffffff38}.player.a.svelte-pkw07u{background:linear-gradient(140deg,#7aa2ff,#2459d6)}.player.b.svelte-pkw07u{background:linear-gradient(140deg,#ffc7a1,#d9653b)}.active.svelte-pkw07u .player.a:where(.svelte-pkw07u){animation:svelte-pkw07u-nudge-right 3.8s var(--ease-out) infinite}.active.svelte-pkw07u .player.b:where(.svelte-pkw07u){animation:svelte-pkw07u-nudge-left 3.8s var(--ease-out) infinite}@keyframes svelte-pkw07u-nudge-right{0%{opacity:0;transform:translate(-30px)}20%,to{opacity:1;transform:none}}@keyframes svelte-pkw07u-nudge-left{0%{opacity:0;transform:translate(30px)}20%,to{opacity:1;transform:none}}.vs.svelte-pkw07u{font-variant-numeric:tabular-nums;color:#fff9;font-size:13px;font-weight:600}.delta.svelte-pkw07u{color:#062615;font-variant-numeric:tabular-nums;opacity:0;background:#45c486;border-radius:999px;padding:4px 9px;font-size:13px;font-weight:700;position:absolute;top:0;right:6px}.active.svelte-pkw07u .delta:where(.svelte-pkw07u){animation:svelte-pkw07u-pop 3.8s var(--ease-spring) infinite}.crowd.svelte-pkw07u{display:flex}.crowd.svelte-pkw07u span:where(.svelte-pkw07u){background:linear-gradient(140deg, oklch(.75 .13 var(--h)), oklch(.52 .15 calc(var(--h) + 40)));border-radius:50%;width:48px;height:48px;margin-left:-12px;box-shadow:0 0 0 3px #0b0e15}.active.svelte-pkw07u .crowd:where(.svelte-pkw07u) span:where(.svelte-pkw07u){animation:svelte-pkw07u-join 3.8s var(--ease-spring) infinite;animation-delay:calc(var(--k) * .12s)}@keyframes svelte-pkw07u-join{0%{opacity:0;transform:translateY(14px)scale(.6)}20%,to{opacity:1;transform:none}}.cup.svelte-pkw07u{background:var(--gold);color:#3d2a00;--icon-stroke:1.8;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:4px;box-shadow:0 8px 20px -6px #f5b40099}.active.svelte-pkw07u .cup:where(.svelte-pkw07u){animation:svelte-pkw07u-pop 3.8s var(--ease-spring) infinite}.medals.svelte-pkw07u{align-items:flex-end;gap:10px;display:flex}.active.svelte-pkw07u .medals:where(.svelte-pkw07u) span:where(.svelte-pkw07u){animation:svelte-pkw07u-join 3.8s var(--ease-spring) infinite}.active.svelte-pkw07u .m2:where(.svelte-pkw07u){animation-delay:.15s!important}.active.svelte-pkw07u .m3:where(.svelte-pkw07u){animation-delay:.3s!important}.dots.svelte-pkw07u{align-items:center;gap:6px;margin:16px 0 18px;display:flex}.dot.svelte-pkw07u{background:var(--off);width:7px;height:7px;transition:width var(--dur) var(--ease-out), background-color var(--dur) ease;border:0;border-radius:999px;padding:0}.dot.on.svelte-pkw07u{background:var(--accent);width:22px}.arrow.svelte-pkw07u{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.arrow.svelte-pkw07u:hover{background:var(--soft);color:var(--ink)}h2.svelte-pkw07u{letter-spacing:-.03em;text-wrap:balance;font-size:24px}.why.svelte-pkw07u{max-width:340px;color:var(--muted);text-wrap:balance;margin-top:8px;font-size:15px;line-height:1.45}.cta.svelte-pkw07u{width:100%;margin-top:18px}.have.svelte-pkw07u{color:var(--muted);margin-top:14px;font-size:14px}.have.svelte-pkw07u a:where(.svelte-pkw07u){font-weight:600}@media (prefers-reduced-motion:reduce){.slide.svelte-pkw07u{transition:none}}
