.hero{position:relative;overflow:hidden;padding:var(--s-5) 0 var(--s-7);isolation:isolate;background:radial-gradient(120% 70% at 85% -10%,rgb(var(--rgb-pink) / .22),transparent 60%),radial-gradient(90% 60% at -10% 105%,rgb(var(--rgb-cyan) / .16),transparent 55%),var(--bg)}.hero:before{content:"";position:absolute;left:-50%;right:-50%;bottom:-8%;height:62%;z-index:-1;background-image:linear-gradient(rgb(var(--rgb-pink) / .35) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--rgb-pink) / .35) 1px,transparent 1px);background-size:44px 44px;transform:perspective(320px) rotateX(62deg);transform-origin:50% 0;-webkit-mask-image:linear-gradient(to bottom,transparent,var(--c-void) 35%,var(--c-void) 70%,transparent);mask-image:linear-gradient(to bottom,transparent,var(--c-void) 35%,var(--c-void) 70%,transparent);animation:floor 3.2s linear infinite;opacity:.55}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgb(var(--rgb-ink) / .025) 0 1px,transparent 1px 3px)}.hero-grid{display:grid;gap:var(--s-5);align-items:center}.hero-copy{position:relative}.hero-copy:before{content:"";position:absolute;top:-24px;right:-40px;bottom:-24px;left:-40px;z-index:-1;background:radial-gradient(closest-side,rgb(var(--rgb-void) / .7),transparent);pointer-events:none}.hero h1{font-size:var(--t-display);margin:var(--s-4) 0 var(--s-3)}.hero h1 em{font-style:normal;color:var(--enemy);text-shadow:var(--text-glow-pink)}.hero h1 span{display:block;color:var(--tower);text-shadow:var(--text-glow-cyan);font-size:.5em;letter-spacing:.02em;margin-top:.28em;line-height:1.1}.promise{color:var(--ink);font-size:var(--t-body);max-width:28ch;margin-bottom:var(--s-4)}.promise b{color:var(--reward);font-weight:600}.cta-stack{display:grid;gap:var(--s-2);max-width:420px}.cta-stack .link{justify-self:start}.pulse{animation:ring var(--d-loop) ease-in-out infinite}.pulse:hover,.pulse:active{animation:none}.trust{display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s-3);margin-top:var(--s-3);font-size:var(--t-label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}.trust span{display:inline-flex;align-items:center;gap:6px}.trust span:before{content:"";width:5px;height:5px;background:var(--tower);transform:rotate(45deg)}.game{position:relative;background:var(--surface-sunk);border-radius:var(--r-panel);box-shadow:var(--glow-cyan);overflow:hidden;aspect-ratio:16/11}.game canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hud{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:var(--s-2) var(--s-3);font-family:var(--f-display);font-weight:700;font-size:.66rem;letter-spacing:.12em;background:linear-gradient(rgb(var(--rgb-pit) / .9),transparent);pointer-events:none}.hud .w{color:var(--tower)}.hud .l{color:var(--enemy)}.hud .s{color:var(--reward)}.game-cap{position:absolute;left:var(--s-3);bottom:var(--s-2);font-size:var(--t-label);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:6px;pointer-events:none}.game-cap i{width:6px;height:6px;border-radius:50%;background:var(--enemy);box-shadow:0 0 8px var(--enemy);animation:blink 1.2s steps(2) infinite}.hero-accent{position:absolute;pointer-events:none;z-index:-1;opacity:.75}.hero-accent.a1{right:6%;top:8%;width:30px;animation:drift 7s ease-in-out infinite}.hero-accent.a2{left:54%;bottom:6%;width:22px;animation:drift 9s ease-in-out infinite reverse}@media(min-width:880px){.hero{padding:var(--s-8) 0}.hero-grid{grid-template-columns:1.08fr .92fr;gap:var(--s-7)}.game{aspect-ratio:4/5}.promise{font-size:1.15rem}.hero h1{font-size:clamp(2.6rem,4.6vw,3.9rem)}}.board-side p{color:var(--muted);max-width:40ch;margin-top:var(--s-3)}.board-side .pts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2);margin-top:var(--s-5);max-width:420px}.pt{border:1px solid var(--line-soft);border-radius:var(--r-btn);padding:var(--s-3);background:rgb(var(--rgb-void) / .5)}.pt b{display:block;font-family:var(--f-display);font-weight:900;font-size:1.25rem;color:var(--reward)}.pt span{font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}.pt:nth-child(2) b{color:var(--tower)}.pt:nth-child(3) b{color:var(--enemy)}@media(min-width:880px){.board-grid{grid-template-columns:.9fr 1.1fr;align-items:start}.board-col{justify-self:end;width:100%;max-width:480px}}.steps{display:grid;gap:var(--s-3);margin-top:var(--s-5);counter-reset:s;list-style:none}.step{position:relative;display:grid;grid-template-columns:52px 1fr;gap:var(--s-4);align-items:start;padding:var(--s-4);border-radius:var(--r-card);background:linear-gradient(160deg,rgb(var(--rgb-pink) / .08),rgb(var(--rgb-cyan) / .04));border:1px solid var(--line)}.step .gl{width:52px;height:52px;border-radius:var(--r-btn);display:grid;place-items:center;background:var(--surface-sunk);box-shadow:var(--glow-cyan);color:var(--tower)}.step .gl .ico{width:26px;height:26px;stroke-width:1.75}.step:nth-child(2) .gl{color:var(--enemy);box-shadow:var(--glow-pink)}.step:nth-child(3) .gl{color:var(--reward);box-shadow:0 0 0 1px rgb(var(--rgb-gold) / .5),0 0 24px rgb(var(--rgb-gold) / .16)}.step h3{font-size:var(--t-h3);margin-bottom:6px;letter-spacing:.02em;line-height:1.2}.step p{color:var(--muted);font-size:var(--t-small)}.step .n{position:absolute;top:var(--s-3);right:var(--s-4);font-family:var(--f-display);font-weight:900;font-size:.8rem;color:rgb(var(--rgb-pink) / .7)}@media(min-width:760px){.steps{grid-template-columns:repeat(3,1fr)}.step{grid-template-columns:1fr}}.break{background-color:var(--bg-alt);background-image:radial-gradient(rgb(var(--rgb-cyan) / .14) 1px,transparent 1.5px);background-size:22px 22px}.facts{display:grid;gap:var(--s-3);margin-top:var(--s-5)}.fact{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-4);background:rgb(var(--rgb-void) / .8);border-radius:var(--r-card);border:1px solid var(--line-soft)}.fact .ico{color:var(--tower);margin-top:2px}.fact h3{font-size:.9rem;letter-spacing:.03em;line-height:1.25;margin-bottom:4px}.fact p{color:var(--muted);font-size:var(--t-small)}.free{margin-top:var(--s-5);display:inline-flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);align-items:center;font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:clamp(1rem,4.6vw,1.35rem);letter-spacing:.03em}.free span:nth-child(1){color:var(--cta)}.free span:nth-child(2){color:var(--tower)}.free span:nth-child(3){color:var(--enemy)}@media(min-width:760px){.facts{grid-template-columns:repeat(3,1fr)}}.final{position:relative;overflow:hidden;isolation:isolate;text-align:center;padding:var(--s-8) 0;border-top:1px solid var(--line);background:radial-gradient(80% 70% at 50% 110%,rgb(var(--rgb-lime) / .16),transparent 60%),radial-gradient(70% 60% at 50% -20%,rgb(var(--rgb-pink) / .18),transparent 60%),var(--bg)}.final:before{content:"";position:absolute;left:-50%;right:-50%;bottom:-20%;height:60%;z-index:-1;background-image:linear-gradient(rgb(var(--rgb-cyan) / .3) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--rgb-cyan) / .3) 1px,transparent 1px);background-size:44px 44px;transform:perspective(320px) rotateX(62deg);transform-origin:50% 0;-webkit-mask-image:linear-gradient(to bottom,transparent,var(--c-void) 40%,transparent);mask-image:linear-gradient(to bottom,transparent,var(--c-void) 40%,transparent);opacity:.45}.final h2{font-size:clamp(1.8rem,8.6vw,3.4rem)}.final h2 em{font-style:normal;color:var(--cta);text-shadow:0 0 22px rgb(var(--rgb-lime) / .45)}.final p{color:var(--muted);margin:var(--s-3) auto var(--s-5);max-width:34ch}.final .cta-stack{margin:0 auto}.final .btn-ghost{width:100%}footer{background:var(--surface-sunk);border-top:1px solid var(--line);padding:var(--s-6) 0 calc(var(--s-6) + env(safe-area-inset-bottom))}.foot{display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-5);justify-content:space-between;align-items:center}.made{color:var(--muted);font-size:var(--t-small)}.made a{color:var(--tower);font-weight:600;text-underline-offset:3px}.fl{display:flex;gap:var(--s-4);list-style:none}.fl a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--t-label);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-decoration:none;font-weight:600}.fl a:hover{color:var(--ink)}.rail{display:none}@media(min-width:1240px){.rail{display:flex;position:fixed;top:50%;transform:translateY(-50%);z-index:var(--z-rail);flex-direction:column;align-items:center;gap:var(--s-4)}.rail-l{left:28px}.rail-l .vt{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--f-display);font-weight:700;font-size:var(--t-label);letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}.rail-l .vt b{color:var(--enemy)}.rail-l .bar{width:1px;height:90px;background:linear-gradient(var(--c-pink),transparent)}.rail-r{right:28px}.rail-r a{position:relative;display:grid;place-items:center;width:24px;height:24px;text-decoration:none}.rail-r a:before{content:"";width:8px;height:8px;transform:rotate(45deg);border:1px solid var(--muted);transition:all var(--d-base) var(--ease)}.rail-r a.on:before{background:var(--tower);border-color:var(--tower);box-shadow:0 0 10px var(--tower);width:10px;height:10px}.rail-r a span{position:absolute;right:30px;white-space:nowrap;font-size:var(--t-label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:0;transition:opacity var(--d-base)}.rail-r a:hover span,.rail-r a:focus-visible span{opacity:1}.rail-r .line{width:1px;height:28px;background:var(--line)}}