@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Nunito:wght@600;700;800;900&display=swap";:root{--elara-primary: #6D28D9;--elara-secondary: #F97316;--elara-glow: rgba(109, 40, 217, .22);--family-violet: #6D28D9;--family-orange: #F97316;--button-text: #FFFFFF;--danger: #DC2626;--danger-soft: #B91C1C;--success: #059669;--font-sans: "Inter", system-ui, sans-serif;--font-display: "Nunito", "Inter", system-ui, sans-serif;--radius: .875rem;--bg-base: #FFFFFF;--text-main: #1E1B4B;--text-accent: #4A4270;--text-muted: #6258A8;--bg-card: rgba(255, 255, 255, .92);--border-card: #EDE9FE;--surface-input: #F5F3FF;--surface-input-soft: #FFFFFF;--surface-input-strong: #FFFFFF;--surface-subtle: #F5F3FF;--surface-panel-strong: #F5F3FF;--overlay-thinking: rgba(255, 255, 255, .72)}:root[data-theme=dark]{--elara-primary: #A78BFA;--elara-glow: rgba(167, 139, 250, .28);--button-text: #121C2A;--danger: #F87171;--danger-soft: #FCA5A5;--success: #34D399;--bg-base: #121C2A;--text-main: #EFF1F6;--text-accent: #C9CFDB;--text-muted: #A9B2C4;--bg-card: rgba(255, 255, 255, .055);--border-card: #2E3A4C;--surface-input: rgba(255, 255, 255, .05);--surface-input-soft: rgba(255, 255, 255, .09);--surface-input-strong: rgba(255, 255, 255, .07);--surface-subtle: rgba(255, 255, 255, .05);--surface-panel-strong: rgba(255, 255, 255, .07);--overlay-thinking: rgba(18, 28, 42, .72)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .6s ease,color .6s ease}#root{min-height:100vh;width:100%;position:relative;z-index:10}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-card);border-radius:calc(var(--radius) * 1.4);box-shadow:0 8px 32px 0 var(--elara-glow)}.glow-text{text-shadow:0 0 10px var(--elara-glow)}button{font-family:inherit}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-accent);background:var(--surface-subtle);border:1px solid var(--border-card);padding:6px 16px;border-radius:999px}.display-heading{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1.05}.cta-button{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--elara-primary),var(--elara-secondary));color:#fff;font-weight:700;font-size:1rem;padding:15px 36px;border-radius:999px;border:none;text-decoration:none;cursor:pointer;box-shadow:0 8px 28px var(--elara-glow);transition:transform .2s ease,box-shadow .2s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 36px var(--elara-glow)}.cta-button.secondary{background:var(--surface-subtle);color:var(--text-main);border:1px solid var(--border-card);box-shadow:none;font-weight:600}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--border-card);background:var(--surface-subtle);color:var(--text-accent);cursor:pointer;transition:background .2s ease,transform .2s ease}.theme-toggle:hover{transform:scale(1.06);background:var(--elara-glow)}.cosmic-canvas{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.liquid-blob{position:absolute;filter:blur(70px);pointer-events:none;will-change:transform,border-radius;opacity:.42;animation:liquidMove 26s ease-in-out infinite,liquidMorph 18s ease-in-out infinite}.liquid-blob--violet{width:46vmax;height:46vmax;top:-14vmax;right:-12vmax;background:var(--elara-primary)}.liquid-blob--orange{width:38vmax;height:38vmax;bottom:-14vmax;left:-10vmax;background:var(--elara-secondary);opacity:.3;animation-duration:32s,22s}@keyframes liquidMove{0%,to{transform:translate(0) scale(1)}33%{transform:translate(6%,8%) scale(1.12)}66%{transform:translate(-7%,4%) scale(.94)}}@keyframes liquidMorph{0%,to{border-radius:42% 58% 65% 35%/45% 45% 55% 55%}25%{border-radius:58% 42% 35% 65%/55% 62% 38% 45%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 40% 60% 37%}}@media(prefers-reduced-motion:reduce){.liquid-blob{animation:none}body{transition:none}}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;position:relative;z-index:10;padding:24px}.navbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:18px 32px;background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-card)}.navbar-links{display:flex;gap:28px;justify-self:center;white-space:nowrap}.navbar-actions{display:flex;gap:12px;align-items:center;justify-self:end}.logo{display:inline-flex;align-items:baseline;gap:6px;font-family:var(--font-display);font-weight:800;font-size:1.1rem;white-space:nowrap}@media(max-width:900px){.navbar{grid-template-columns:1fr auto;padding:14px 20px;gap:8px}.navbar-links{display:none}}@media(max-width:480px){.navbar{padding:14px 16px}.navbar-actions{gap:6px}.navbar-actions>a:not(.cta-button){display:none}.navbar-actions .cta-button{padding:8px 16px;font-size:.85rem}.logo{font-size:.85rem}}.game-card-link{transition:transform .18s ease,border-color .18s ease}.game-card-link:hover{transform:translateY(-2px);border-color:var(--elara-primary)}.game-card-link:focus-visible{outline:2px solid var(--elara-primary);outline-offset:3px}@media(max-width:700px){.demo-grid{grid-template-columns:1fr!important}}@media(prefers-reduced-motion:reduce){.game-card-link{transition:none}.game-card-link:hover{transform:none}}
