.games-page.svelte-6rw1dw{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;overflow-y:auto;padding:36px 24px 48px;animation:screenFadeIn .4s ease-out;position:relative}.hero.svelte-6rw1dw{text-align:center;margin-bottom:16px}h1.svelte-6rw1dw{font-family:"Syne",var(--font-primary);font-size:32px;font-weight:800;letter-spacing:-1.5px;color:var(--text-primary);margin-bottom:6px}.subtitle.svelte-6rw1dw{font-size:var(--text-body);color:var(--text-secondary);line-height:1.4}.features.svelte-6rw1dw{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:24px}.feature-pill.svelte-6rw1dw{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:5px 12px;box-shadow:inset 0 1px #ffffff0a}.feature-pill.premium.svelte-6rw1dw{color:#fbbf24;background:#facc151a;border-color:#facc154d;text-shadow:0 0 8px rgba(250,204,21,.25);text-decoration:none;transition:transform .15s var(--ease-spring),background .2s ease,border-color .2s ease}.feature-pill.premium.svelte-6rw1dw:hover{transform:translateY(-1px);background:#facc152e;border-color:#facc1580}.feature-pill.premium.svelte-6rw1dw svg{opacity:1;color:#fbbf24;filter:drop-shadow(0 0 4px rgba(250,204,21,.5))}.feature-pill.svelte-6rw1dw svg{opacity:.6}.section-heading.svelte-6rw1dw{font-family:"Syne",var(--font-primary);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px;text-align:center}.mode-grid.svelte-6rw1dw{display:grid;grid-template-columns:1fr;gap:10px;width:100%;max-width:1200px}.mode-card.svelte-6rw1dw{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;text-decoration:none;box-shadow:inset 0 1px #ffffff0d,0 2px 8px #00000040;transition:transform .25s var(--ease-spring),border-color .3s ease,box-shadow .35s ease,background .3s ease;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.mode-card.svelte-6rw1dw:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 24px 50%,color-mix(in srgb,var(--mode-color) 6%,transparent),transparent 50%);opacity:.6;transition:opacity .3s ease;pointer-events:none}.mode-card.svelte-6rw1dw:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.04) 44%,rgba(255,255,255,.07) 50%,rgba(255,255,255,.04) 56%,transparent 62%);transform:translate(-110%);pointer-events:none}.mode-card.svelte-6rw1dw:hover:after{animation:svelte-6rw1dw-shimmerSweep .65s ease-out}@keyframes svelte-6rw1dw-shimmerSweep{0%{transform:translate(-110%)}to{transform:translate(110%)}}.mode-card.svelte-6rw1dw:hover{transform:translateY(-3px);background:#ffffff0d;border-color:color-mix(in srgb,var(--mode-color) 30%,rgba(255,255,255,.1));box-shadow:inset 0 1px #ffffff14,0 8px 32px #00000059,0 0 24px color-mix(in srgb,var(--mode-color) 12%,transparent)}.mode-card.svelte-6rw1dw:hover:before{opacity:1}.mode-card.svelte-6rw1dw:active{transform:scale(.97)}.mode-icon.svelte-6rw1dw{width:42px;height:42px;min-width:42px;border-radius:50%;display:grid;place-items:center;position:relative;transition:transform .3s var(--ease-spring),box-shadow .3s ease}.mode-card.svelte-6rw1dw:hover .mode-icon:where(.svelte-6rw1dw){transform:scale(1.1);box-shadow:0 0 18px color-mix(in srgb,var(--mc, var(--mode-color)) 30%,transparent)}.mode-info.svelte-6rw1dw{display:flex;flex-direction:column;gap:2px;min-width:0}.mode-name.svelte-6rw1dw{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px;transition:color .25s ease}.mode-card.svelte-6rw1dw:hover .mode-name:where(.svelte-6rw1dw){color:var(--mode-color)}.mode-domain.svelte-6rw1dw{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--mode-color);opacity:.7}.mode-desc.svelte-6rw1dw{font-size:12px;color:var(--text-secondary);line-height:1.35;margin:0}.cta-section.svelte-6rw1dw{display:flex;justify-content:center;margin-top:32px}.cta-btn.svelte-6rw1dw{height:44px;padding:0 28px;border-radius:58px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);font-family:var(--font-primary);font-size:14px;font-weight:600;text-decoration:none;display:grid;place-items:center;box-shadow:inset 0 1px #ffffff0f;transition:transform .15s var(--ease-spring),background .2s ease,box-shadow .3s ease;-webkit-tap-highlight-color:transparent}.cta-btn.svelte-6rw1dw:hover{transform:scale(1.03);background:#ffffff1a;box-shadow:inset 0 1px #ffffff14,0 4px 20px #ffffff0f}.cta-btn.svelte-6rw1dw:active{transform:scale(.97)}.seo-footer.svelte-6rw1dw{margin-top:32px;font-size:11px;color:var(--text-muted);line-height:1.5;text-align:center;max-width:600px;padding:0 12px}@media(min-width:520px){.mode-grid.svelte-6rw1dw{grid-template-columns:1fr 1fr}}@media(min-width:800px){.mode-grid.svelte-6rw1dw{grid-template-columns:repeat(4,1fr)}h1.svelte-6rw1dw{font-size:36px}}@media(min-width:1100px){.mode-grid.svelte-6rw1dw{grid-template-columns:repeat(5,1fr);gap:12px}.games-page.svelte-6rw1dw{padding:40px 32px 48px}h1.svelte-6rw1dw{font-size:40px}.mode-card.svelte-6rw1dw{flex-direction:column;text-align:center;padding:22px 14px 18px;gap:10px}.mode-card.svelte-6rw1dw:before{background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--mode-color) 8%,transparent),transparent 60%)}.mode-icon.svelte-6rw1dw{width:52px;height:52px;min-width:52px}.mode-info.svelte-6rw1dw{align-items:center}.mode-desc.svelte-6rw1dw{font-size:11px;line-height:1.25}}.light-mode .mode-card.svelte-6rw1dw{background:#fff9;border-color:#0000000f;box-shadow:inset 0 1px #fffc,0 2px 8px #0000000f}.light-mode .mode-card.svelte-6rw1dw:hover{background:#fffc;border-color:color-mix(in srgb,var(--mode-color) 25%,rgba(0,0,0,.08));box-shadow:inset 0 1px #ffffffe6,0 8px 32px #0000001a,0 0 24px color-mix(in srgb,var(--mode-color) 10%,transparent)}.light-mode .mode-card.svelte-6rw1dw:after{background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.3) 44%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.3) 56%,transparent 62%)}.light-mode .feature-pill.svelte-6rw1dw{background:#fff9;border-color:#0000000f;box-shadow:inset 0 1px #fffc}.light-mode .cta-btn.svelte-6rw1dw{background:#0000000f;border-color:#0000001a;box-shadow:inset 0 1px #fff9}.light-mode .cta-btn.svelte-6rw1dw:hover{background:#0000001a;box-shadow:inset 0 1px #ffffff80,0 4px 16px #00000014}