:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: #0f3460;--accent: #e94560;--accent-hover: #ff6b6b;--text-primary: #eee;--text-secondary: #aaa;--border: #333}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--bg-secondary);padding:1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.header h1{font-size:1.5rem;display:flex;align-items:center;gap:.5rem}.nav{display:flex;gap:.5rem}.nav-btn{background:transparent;border:1px solid var(--border);color:var(--text-primary);padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.nav-btn:hover,.nav-btn.active{background:var(--accent);border-color:var(--accent)}.main{flex:1;padding:1rem}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.game-card{background:var(--bg-card);border-radius:8px;overflow:hidden;transition:transform .2s;cursor:pointer}.game-card:hover{transform:translateY(-4px)}.game-card-image{aspect-ratio:1;background:#000;display:flex;align-items:center;justify-content:center}.game-card-image img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.game-card-info{padding:.75rem}.game-card-title{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card-meta{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.btn{background:var(--accent);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:.75rem;border-radius:4px;font-size:1rem;width:100%}.input:focus{outline:none;border-color:var(--accent)}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;font-size:1.2rem;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-player{display:flex;flex-direction:column;height:100%}.game-player-frame{flex:1;background:#000;border-radius:8px;overflow:hidden}.game-player-frame iframe{width:100%;height:100%;border:none}.leaderboard{background:var(--bg-secondary);border-radius:8px;padding:1rem}.leaderboard-title{font-size:1.1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.leaderboard-entry{display:flex;align-items:center;padding:.5rem;border-radius:4px;gap:.75rem}.leaderboard-entry:nth-child(2n){background:#ffffff0d}.leaderboard-entry.current-user{background:#e9456033}.leaderboard-rank{width:2rem;text-align:center;font-weight:700}.leaderboard-rank.gold{color:gold}.leaderboard-rank.silver{color:silver}.leaderboard-rank.bronze{color:#cd7f32}.leaderboard-username{flex:1}.leaderboard-score{font-variant-numeric:tabular-nums;font-weight:600}.generate-page{max-width:600px;margin:0 auto}.generate-form{display:flex;flex-direction:column;gap:1rem}.generate-status{background:var(--bg-secondary);border-radius:8px;padding:1rem;margin-top:1rem}.variant-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 0}.variant-status-icon{width:24px;text-align:center}.progress-bar{height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.search-bar{display:flex;gap:.5rem;margin-bottom:1rem}.search-bar .input{flex:1}