@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--glass-bg:hsla(0,0%,100%,.08);--glass-bg-hover:hsla(0,0%,100%,.12);--glass-border:hsla(0,0%,100%,.15);--glass-border-hover:hsla(0,0%,100%,.25);--glass-shadow:rgba(0,0,0,.15);--color-primary:#6366f1;--color-primary-hover:#818cf8;--color-on-primary:#fff;--color-secondary:#a5b4fc;--color-accent:#f472b6;--color-accent-hover:#f9a8d4;--color-background:#0a0a0f;--color-surface:rgba(20,20,30,.6);--color-surface-elevated:rgba(30,30,45,.8);--color-foreground:#f8fafc;--color-foreground-muted:#94a3b8;--color-muted:rgba(148,163,184,.1);--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--font-heading:"Space Grotesk",sans-serif;--font-body:"Outfit",sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--blur-sm:8px;--blur-md:16px;--blur-lg:24px;--blur-xl:40px;--shadow-sm:0 2px 8px rgba(0,0,0,.15);--shadow-md:0 4px 16px rgba(0,0,0,.2);--shadow-lg:0 8px 32px rgba(0,0,0,.25);--shadow-glow:0 0 30px rgba(99,102,241,.2);--shadow-glow-accent:0 0 30px rgba(244,114,182,.2);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease;--transition-bounce:400ms cubic-bezier(0.34,1.56,0.64,1)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--color-background);color:var(--color-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,body{min-height:100vh}.loading-spinner{width:48px;height:48px;border:3px solid var(--color-muted);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.game-card{display:flex;gap:20px;padding:20px;background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.game-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-2px)}.game-thumbnail{width:180px;height:135px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0;background:var(--color-muted);position:relative}.game-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.game-card:hover .game-thumbnail img{transform:scale(1.05)}.placeholder-thumbnail{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-foreground-muted);background:linear-gradient(135deg,var(--glass-bg) 0,var(--color-surface) 100%)}.placeholder-thumbnail svg{width:48px;height:48px;opacity:.5}.game-info{flex:1 1;display:flex;flex-direction:column;gap:8px;min-width:0}.game-title{margin:0;font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--color-foreground);letter-spacing:.3px;line-height:1.3}.game-title a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.game-title a:hover{color:var(--color-primary-hover);text-decoration:none}.game-creator{margin:0;font-size:.9rem;color:var(--color-foreground-muted);font-weight:400}.game-metrics{gap:20px;margin-top:auto;flex-wrap:wrap}.game-metrics,.metric{display:flex;align-items:center}.metric{gap:6px;font-size:.8rem;color:var(--color-foreground-muted)}.metric svg{flex-shrink:0;color:var(--color-primary);width:16px;height:16px}.metric-label{font-weight:500;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:#64748b}.metric-value{color:var(--color-foreground);font-weight:600;font-size:.85rem}.metric-rating{display:flex;align-items:center;gap:8px}.rating-bar{width:50px;height:5px;background:var(--color-muted);overflow:hidden}.rating-bar,.rating-fill{border-radius:var(--radius-full)}.rating-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width var(--transition-normal)}.game-list{display:flex;flex-direction:column;gap:16px}.game-list-empty,.game-list-error,.game-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;gap:16px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));border-radius:var(--radius-xl);border:1px solid var(--glass-border)}.game-list-loading{color:var(--color-foreground-muted)}.game-list-error{border-color:var(--color-error)}.error-message{font-size:.875rem}.error-message,.game-list-empty{color:var(--color-foreground-muted)}.game-list-empty{font-size:1.1rem}.game-list-empty-hint{color:var(--color-foreground-muted);font-size:.85rem;opacity:.7}@media (max-width:768px){.game-card{flex-direction:column}.game-thumbnail{width:100%;height:200px}.game-metrics{gap:12px}}