:root{--c-bg:#0e2633;--c-bg-tone:#123045;--c-surface:#123349;--c-surface-2:#1a4360;--c-ink:#eaf6ff;--c-ink-soft:#a8c3d6;--c-on-bg:#eaf6ff;--c-on-bg-soft:#eaf6ffb8;--c-primary:#ffc94d;--c-cta-bg:#5cf2d6;--c-cta-fg:#06202a;--c-cta-shadow:#1f8f80;--c-highlight:#5cf2d6;--c-highlight-fg:#06202a;--c-edge:#5cf2d640;--c-shadow:#04121a;--c-lip:#04121a;--c-glow:#5cf2d659;--c-glow-warm:#ffc94d47;--c-inner-hi:#ffffff0f;--c-inner-lo:#0000;--c-vip:#ffc94d;--c-success:#5cf2d6;--c-danger:#ff7a6b;--c-scrim:#04121ae0;--c-panel:#0a1d28;--c-on-accent:#06202a;--c-edge-interactive:#5cf2d673;--c-pypo-case:#c6ff1a;--c-pypo-case-shadow:#8cc700;--c-pypo-case-highlight:#f4ffd1;--c-pypo-case-line:#2e4a00;--c-pypo-screen:#08141b;--c-pypo-screen-hi:#0f2735;--c-pypo-face:#ffc4a6;--c-pypo-face-core:#fff1e8;--c-pypo-face-glow:#ff9f7a59;--c-pypo-limbs:#c4f7e0;--c-pypo-limbs-shadow:#86d9b8;--c-pypo-limbs-line:#1e6b55;--c-pypo-rim:#5cf2d6;--r-s:10px;--r-m:14px;--r-l:18px;--r-obj:22px;--r-avatar:50%;--av-1:#ffc94d;--av-2:#6ec8ff;--av-3:#52e58c;--av-4:#ff8a5c;--av-5:#f2e95e;--sh-obj:0 14px 30px -14px #000c, 0 0 24px -12px var(--c-glow);--sh-s:0 6px 14px -8px #000000b3;--sh-cta:0 0 0 1px #5cf2d6, 0 0 22px -4px var(--c-glow);--sh-cta-press:0 0 10px -4px var(--c-glow);--sh-inner:inset 0 1px 0 #ffffff14;--font-display:"Bricolage Grotesque", "Arial Narrow", system-ui, sans-serif;--font-body:"Instrument Sans", system-ui, sans-serif;--bw:1.5px}
@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-800-w96.ttf);font-weight:800;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-500-w100.ttf);font-weight:500;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-600-w100.ttf);font-weight:600;font-display:swap}*{box-sizing:border-box}body{background:var(--c-bg);min-height:100dvh;color:var(--c-ink);font:500 17px/1.4 var(--font-body);margin:0}a{color:inherit}.page{flex-direction:column;gap:28px;max-width:1120px;margin:0 auto;padding:0 20px 28px;display:flex}.nav{justify-content:space-between;align-items:center;min-height:70px;display:flex}.logo{font:800 38px var(--font-display);letter-spacing:-.02em}.lang{gap:4px;font-size:15px;font-weight:600;display:flex}.lang a{min-width:44px;min-height:44px;color:var(--c-ink-soft);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.lang a[aria-current]{color:var(--c-ink);text-decoration:underline}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;display:grid}.hero-l{flex-direction:column;gap:18px;display:flex}h1{font:800 clamp(34px, 5vw, 52px) / 1.02 var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0}h2{font:800 20px / 1.12 var(--font-display);margin:0}h3{font:800 20px / 1.12 var(--font-display);margin:0 0 6px}.lead{max-width:560px;margin:0;font-size:20px}.soft{color:var(--c-ink-soft);font-size:15px}.card{background:var(--c-surface);border:var(--bw) solid var(--c-edge-interactive);border-radius:var(--r-obj);box-shadow:var(--sh-obj);flex-direction:column;gap:12px;padding:16px 20px;display:flex}.join-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.code-input{font:800 34px var(--font-display);letter-spacing:.18em;font-variant-numeric:tabular-nums;width:11ch;min-height:64px;color:var(--c-ink);background:var(--c-bg);border:var(--bw) solid var(--c-edge-interactive);border-radius:var(--r-m);text-transform:uppercase;padding:6px 14px}.code-input::placeholder{color:var(--c-ink-soft);opacity:.45}.btn{border-radius:var(--r-m);min-height:52px;font:800 20px / 1.1 var(--font-display);cursor:pointer;text-align:center;border:0;justify-content:center;align-items:center;padding:10px 24px;text-decoration:none;display:inline-flex}.cta{background:var(--c-cta-bg);color:var(--c-cta-fg);box-shadow:var(--sh-cta)}.cta:disabled{opacity:.5;cursor:default;box-shadow:none}.alt{border:var(--bw) solid var(--c-edge-interactive)}.stores{flex-wrap:wrap;gap:12px;display:flex}.play{align-self:flex-start}.hero-r{justify-content:center;display:flex}.hero-r img{max-width:100%;height:auto}.args{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.args p{color:var(--c-ink-soft);margin:0}.foot{color:var(--c-ink-soft);flex-wrap:wrap;gap:20px;font-size:15px;display:flex}.foot a{align-items:center;min-height:44px;display:inline-flex}.foot span{align-items:center;min-height:44px;margin-right:auto;display:inline-flex}@media (max-width:800px){.hero{grid-template-columns:1fr;gap:20px}.hero-r{order:-1}.hero-r img{width:55%}.args{grid-template-columns:1fr;gap:16px}.logo{font-size:30px}.stores .btn,.play{width:100%}}
