.frontpage-container.svelte-fx1s8n{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e2029,#2a2d3a);padding:2rem;box-sizing:border-box}@media (min-width: 1024px) and (min-height: 600px){.frontpage-container.svelte-fx1s8n{max-height:100vh;overflow:hidden}}.hero-section.svelte-fx1s8n{text-align:center;max-width:1200px;width:100%}.mode-grid.svelte-fx1s8n{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2rem;max-width:1000px;margin-left:auto;margin-right:auto}.mode-card.svelte-fx1s8n{position:relative;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem 2rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.mode-card.svelte-fx1s8n:hover:not(:disabled){transform:translateY(-8px);border-color:#ffffff4d;background:#ffffff14;box-shadow:0 20px 40px #0000004d}.mode-card.svelte-fx1s8n:active:not(:disabled){transform:translateY(-4px) scale(.98)}.mode-card.svelte-fx1s8n:disabled{opacity:.6;cursor:not-allowed}.mode-card.guess.svelte-fx1s8n:hover:not(:disabled){border-color:#4ade80;box-shadow:0 20px 40px #4ade8033}.mode-card.fight.svelte-fx1s8n:hover:not(:disabled){border-color:#f87171;box-shadow:0 20px 40px #f8717133}.mode-card.flash.svelte-fx1s8n:hover:not(:disabled){border-color:#fbbf24;box-shadow:0 20px 40px #fbbf2433}.mode-card.custom.svelte-fx1s8n:hover:not(:disabled){border-color:#a78bfa;box-shadow:0 20px 40px #a78bfa33}.mode-icon.svelte-fx1s8n{font-size:3rem;margin-bottom:.5rem}.mode-title.svelte-fx1s8n{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.mode-description.svelte-fx1s8n{font-size:1rem;color:#a0a5b8;line-height:1.4}.loading-spinner.svelte-fx1s8n{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top:3px solid #ffffff;border-radius:50%;animation:svelte-fx1s8n-spin 1s linear infinite}@keyframes svelte-fx1s8n-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.error-message.svelte-fx1s8n{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:#fca5a5;padding:1rem 1.5rem;border-radius:12px;margin:1.5rem auto;max-width:500px;font-size:1rem}.join-section.svelte-fx1s8n{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.join-text.svelte-fx1s8n{color:#a0a5b8;margin:0 0 .5rem;font-size:1rem}.join-link.svelte-fx1s8n{color:#60a5fa;text-decoration:none;font-weight:600;font-size:1.1rem;transition:color .2s ease}.join-link.svelte-fx1s8n:hover{color:#93c5fd;text-decoration:underline}@media (max-width: 768px){.frontpage-container.svelte-fx1s8n{padding:4rem 1rem 1rem;align-items:flex-start}.hero-section.svelte-fx1s8n{width:100%}.mode-grid.svelte-fx1s8n{grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}.mode-card.svelte-fx1s8n{padding:2rem 1.5rem;min-height:160px}.mode-icon.svelte-fx1s8n{font-size:2.5rem}.mode-title.svelte-fx1s8n{font-size:1.3rem}.mode-description.svelte-fx1s8n{font-size:.9rem}.join-section.svelte-fx1s8n{margin-top:2rem;padding-top:1.5rem}}@media (min-width: 1200px){.mode-grid.svelte-fx1s8n{grid-template-columns:repeat(4,1fr)}}