@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--primary-dark: #0a0a1a;--primary-bg: #12122a;--secondary-bg: #1a1a3a;--card-bg: #1e1e40;--card-hover-bg: #252550;--neon-purple: #9d4edd;--neon-blue: #00d4ff;--neon-pink: #ff006e;--neon-green: #00ff88;--text-primary: #ffffff;--text-secondary: #b0b0c0;--text-muted: #6c6c8a;--gradient-purple: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-neon: linear-gradient(135deg, #00d4ff 0%, #9d4edd 50%, #ff006e 100%);--shadow-neon: 0 0 20px rgba(157, 78, 221, .3);--shadow-card: 0 4px 20px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--primary-bg);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--primary-dark)}::-webkit-scrollbar-thumb{background:var(--neon-purple);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-blue)}.app-container{background:var(--primary-bg)}.navbar-custom{background:linear-gradient(180deg,var(--primary-dark) 0%,var(--primary-bg) 100%);border-bottom:1px solid rgba(157,78,221,.2);padding:.75rem 0}.navbar-brand{font-size:1.75rem;font-weight:700;background:var(--gradient-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-brand-pixel{font-family:"Press Start 2P",cursive;font-size:1.5rem;color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px var(--neon-pink),0 0 30px var(--neon-pink),0 0 40px var(--neon-pink),0 0 55px var(--neon-pink),0 0 75px var(--neon-pink);-webkit-text-stroke:1px black;paint-order:stroke fill;background:linear-gradient(135deg,var(--neon-pink) 0%,var(--neon-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:flicker 3s infinite alternate}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px var(--neon-pink),0 0 80px var(--neon-pink),0 0 90px var(--neon-pink),0 0 100px var(--neon-pink),0 0 150px var(--neon-pink)}20%,24%,55%{text-shadow:none}}.nav-link{color:var(--text-secondary)!important;font-weight:500;padding:.5rem 1rem!important;transition:all .3s ease}.nav-link:hover{color:var(--neon-blue)!important}.nav-link.active{color:var(--neon-purple)!important}.search-box{background:var(--secondary-bg);border:1px solid rgba(157,78,221,.3);border-radius:25px;padding:.5rem 1rem;color:var(--text-primary);transition:all .3s ease}.search-box:focus{outline:none;border-color:var(--neon-purple);box-shadow:var(--shadow-neon)}.search-box::placeholder{color:var(--text-muted)}.btn-neon{background:var(--gradient-purple);border:none;color:#fff;padding:.5rem 1.5rem;border-radius:25px;font-weight:600;transition:all .3s ease}.btn-neon:hover{transform:translateY(-2px);box-shadow:var(--shadow-neon);color:#fff}.btn-outline-neon{background:transparent;border:2px solid var(--neon-purple);color:var(--neon-purple);padding:.5rem 1.5rem;border-radius:25px;font-weight:600;transition:all .3s ease}.btn-outline-neon:hover{background:var(--neon-purple);color:#fff}.game-card{background:var(--card-bg);border-radius:8px;overflow:hidden;transition:all .2s ease;cursor:pointer;border:1px solid transparent;height:100%}.game-card:hover{transform:translateY(-3px);background:var(--card-hover-bg);border-color:var(--neon-purple);box-shadow:0 8px 25px #9d4edd40}.game-card-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.game-card-body{padding:.5rem}.game-card-title{font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.15rem;line-height:1.3}.game-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.65rem;color:var(--text-muted)}.game-card-rating{color:#ffc107}.game-card-likes{color:var(--neon-pink)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,140px);gap:12px;justify-content:center}@media(min-width:576px){.games-grid{grid-template-columns:repeat(auto-fill,150px);gap:14px}}@media(min-width:992px){.games-grid{grid-template-columns:repeat(auto-fill,160px);gap:16px}}.games-grid-featured{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}@media(min-width:1200px){.games-grid-featured{grid-template-columns:repeat(6,1fr)}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(157,78,221,.15)}.section-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.section-link{color:var(--neon-blue);text-decoration:none;font-weight:500;font-size:.85rem}.section-link:hover{color:var(--neon-purple)}.hero-section{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--secondary-bg) 100%);padding:1.5rem 0;margin-bottom:1rem}.hero-game-img{border-radius:12px;box-shadow:var(--shadow-card);max-height:280px;object-fit:cover;width:100%}.footer-custom{background:var(--primary-dark);border-top:1px solid rgba(157,78,221,.2);padding:1.5rem 0;color:var(--text-secondary);font-size:.85rem}.footer-link{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--neon-blue)}.badge-hot{background:linear-gradient(135deg,#ff006e,#ff4d94);font-size:.65rem;padding:.2rem .5rem;border-radius:4px}.badge-new{background:linear-gradient(135deg,#0f8,#00cc6a);color:#000;font-size:.65rem;padding:.2rem .5rem;border-radius:4px}.category-chip{background:var(--secondary-bg);color:var(--text-secondary);padding:.35rem .75rem;border-radius:16px;font-size:.75rem;font-weight:500;border:1px solid rgba(157,78,221,.3);transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}.category-chip:hover{background:var(--neon-purple);color:#fff;border-color:var(--neon-purple)}.category-chip i{font-size:.7rem}.categories-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(157,78,221,.1)}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:200px}.article-card{background:var(--card-bg);border-radius:6px;padding:.65rem .75rem;margin-bottom:.5rem;border-left:2px solid var(--neon-purple);transition:all .2s ease}.article-card:hover{background:var(--card-hover-bg);transform:translate(3px)}.article-title{font-size:.8rem;font-weight:600;color:var(--text-primary);margin-bottom:.2rem;line-height:1.3}.article-meta{font-size:.65rem;color:var(--text-muted)}@media(max-width:991px){.hero-section{padding:1rem 0}.hero-game-img{max-height:200px}.section-title{font-size:1rem}}@media(max-width:768px){.navbar-brand{font-size:1.25rem}.section-title{font-size:.95rem}.hero-section{padding:1rem 0}.hero-section h1{font-size:1.25rem!important}.games-grid{grid-template-columns:repeat(3,1fr);gap:8px}.games-grid-featured{grid-template-columns:repeat(3,1fr);gap:10px}.game-card-body{padding:.4rem}.game-card-title{font-size:.7rem}.game-card-meta{font-size:.6rem}.categories-row{gap:6px;margin-bottom:1rem}.category-chip{padding:.25rem .5rem;font-size:.65rem}}@media(max-width:480px){.games-grid{grid-template-columns:repeat(2,1fr);gap:6px}.games-grid-featured{grid-template-columns:repeat(2,1fr);gap:8px}}