@import url(https://fonts.googleapis.com/css2?family=Unbounded:wght@400;500;700;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap);@keyframes auroraShift{0%{transform:translate(0,0) scale(1);opacity:.8}33%{transform:translate(3%,-2%) scale(1.05);opacity:1}66%{transform:translate(-2%,3%) scale(.98);opacity:.9}to{transform:translate(1%,-1%) scale(1.03);opacity:1}}@keyframes phoenixFloat{0%,to{transform:translateY(0);filter:drop-shadow(0 0 30px rgba(232,160,51,.3)) drop-shadow(0 0 70px rgba(232,160,51,.1))}50%{transform:translateY(-8px);filter:drop-shadow(0 0 45px rgba(255,107,43,.4)) drop-shadow(0 0 90px rgba(255,107,43,.15))}}@keyframes cardReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}:root{--bg-void:#06060a;--bg-deep:#0a0a10;--bg-surface:#101018;--bg-card:#141420;--bg-card-hover:#1a1a2a;--text-primary:#ede9e3;--text-secondary:#9590a8;--text-muted:#5a5570;--accent-gold:#e8a033;--accent-amber:#d4882a;--accent-hot:#ff6b2b;--accent-glow:rgba(232, 160, 51, 0.35);--ps-blue:#0070d1;--ps-blue-soft:#4da6ff;--xbox-green:#107c10;--xbox-green-soft:#5dc25d;--font-display:'Unbounded', cursive;--font-body:'Plus Jakarta Sans', sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--ease-out:cubic-bezier(0.16, 1, 0.3, 1);--ease-smooth:cubic-bezier(0.4, 0, 0.2, 1);--transition-fast:0.2s var(--ease-smooth);--transition-med:0.4s var(--ease-out)}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-void);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh}body::after{content:"";position:fixed;inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;pointer-events:none;z-index:9999}.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 2rem 2.5rem;text-align:center;overflow:hidden;z-index:1}.hero::after,.hero::before{content:"";position:absolute;pointer-events:none}.hero::before{top:-30%;left:-20%;width:140%;height:160%;background:radial-gradient(ellipse 600px 400px at 30% 40%,rgba(232,160,51,.12)0,transparent 70%),radial-gradient(ellipse 500px 350px at 70% 60%,rgba(255,107,43,.08)0,transparent 70%),radial-gradient(ellipse 800px 500px at 50% 30%,rgba(212,136,42,.06)0,transparent 60%);animation:auroraShift 12s ease-in-out infinite alternate}.hero::after{inset:0;background:radial-gradient(ellipse at center,transparent 40%,var(--bg-void) 100%)}.hero-phoenix{display:none}.hero-logo{position:relative;z-index:2;width:clamp(80px,12vw,130px);height:auto;margin-bottom:1.5rem;animation:phoenixFloat 6s ease-in-out infinite}.filter-btn:hover,.logo{color:var(--text-primary)}.logo{font-family:var(--font-display);font-size:clamp(1.6rem,4.5vw,3.2rem);font-weight:900;letter-spacing:-.02em;position:relative;z-index:2;line-height:1.1}.logo-accent{background:linear-gradient(135deg,var(--accent-gold) 0%,var(--accent-hot) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{display:none}.hero-divider,.hero-quote{position:relative;z-index:2}.hero-quote{font-family:var(--font-body);font-size:clamp(.75rem,1.2vw,.9rem);font-weight:400;font-style:italic;color:var(--text-muted);letter-spacing:.04em;margin-top:.8rem}.hero-divider{width:60px;height:3px;background:linear-gradient(90deg,var(--accent-gold),var(--accent-hot));margin-top:2.5rem;border-radius:2px}.games-section{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:1rem 2.5rem 6rem}.section-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.section-title{font-family:var(--font-display);font-size:clamp(.8rem,1.5vw,1rem);font-weight:700;color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.section-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(150,140,170,.2),transparent 80%)}.filters{display:flex;gap:.6rem;margin-bottom:2.5rem;flex-wrap:wrap}.filter-btn{font-family:var(--font-body);font-size:.8rem;font-weight:600;padding:.55em 1.5em;background:0 0;color:var(--text-secondary);border:1px solid rgba(150,140,170,.15);border-radius:100px;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;transition:var(--transition-fast);position:relative;overflow:hidden}.filter-btn:hover{border-color:rgba(150,140,170,.3);background:rgba(150,140,170,.06)}.filter-btn.active{color:var(--bg-void);background:linear-gradient(135deg,var(--accent-gold),var(--accent-hot));border-color:transparent;box-shadow:0 4px 20px rgba(232,160,51,.25),0 0 0 1px rgba(232,160,51,.1)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.8rem}.game-card{background:var(--bg-card);border:1px solid rgba(150,140,170,.06);border-radius:var(--radius-md);overflow:hidden;transition:transform .5s var(--ease-out),border-color .3s var(--ease-smooth),box-shadow .5s var(--ease-out);position:relative;display:flex;flex-direction:column;animation:cardReveal .6s var(--ease-out) both}.game-card:hover{transform:translateY(-6px);border-color:rgba(232,160,51,.12);box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 0 1px rgba(232,160,51,.06),0 4px 30px rgba(232,160,51,.06)}.game-card:nth-child(1){animation-delay:0s}.game-card:nth-child(2){animation-delay:.06s}.game-card:nth-child(3){animation-delay:.12s}.game-card:nth-child(4){animation-delay:.18s}.game-card:nth-child(5){animation-delay:.24s}.game-card:nth-child(6){animation-delay:.3s}.game-card:nth-child(7){animation-delay:.36s}.game-card:nth-child(8){animation-delay:.42s}.game-card:nth-child(9){animation-delay:.48s}.game-card.hidden{display:none}.card-image{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--bg-deep)}.card-image img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .7s var(--ease-out)}.game-card:hover .card-image img{transform:scale(1.06)}.card-image::after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,var(--bg-card) 0%,rgba(20,20,32,.6) 40%,transparent 100%);pointer-events:none}.card-body{padding:1.1rem 1.4rem 1.4rem;position:relative;display:flex;flex-direction:column;flex:1}.card-title{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.6rem;line-height:1.3}.card-desc{font-family:var(--font-body);font-size:.82rem;font-weight:400;color:var(--text-secondary);line-height:1.55;margin-bottom:auto;padding-bottom:.8rem}.card-meta{display:flex;gap:1rem;margin-bottom:.9rem;font-size:.72rem;font-weight:500;color:var(--text-muted);flex-wrap:wrap;letter-spacing:.02em}.card-date{color:var(--text-secondary)}.card-date::before{content:"";display:inline-block;width:6px;height:6px;background:var(--accent-gold);border-radius:50%;margin-right:.5em;vertical-align:middle}.card-genre{opacity:.7;text-transform:uppercase;letter-spacing:.06em}.card-dev{color:var(--accent-gold);opacity:.7}.card-dev::before{content:"by ";color:var(--text-muted)}.card-platforms{display:flex;gap:.5rem;flex-wrap:wrap}.platform-badge{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-body);font-size:.72rem;font-weight:600;padding:.35em .8em;border-radius:6px;text-decoration:none;transition:var(--transition-fast);letter-spacing:.02em}.platform-badge svg{width:13px;height:13px;flex-shrink:0}.platform-badge.ps4,.platform-badge.ps5{background:rgba(0,112,209,.1);color:var(--ps-blue-soft);border:1px solid rgba(0,112,209,.15)}.platform-badge.ps4:hover,.platform-badge.ps5:hover{background:rgba(0,112,209,.2);border-color:rgba(77,166,255,.35);box-shadow:0 0 16px rgba(0,112,209,.12)}.platform-badge.ps4 svg,.platform-badge.ps5 svg{fill:var(--ps-blue-soft)}.platform-badge.xbox{background:rgba(16,124,16,.1);color:var(--xbox-green-soft);border:1px solid rgba(16,124,16,.15)}.platform-badge.xbox:hover{background:rgba(16,124,16,.2);border-color:rgba(93,194,93,.35);box-shadow:0 0 16px rgba(16,124,16,.12)}.platform-badge.xbox svg{fill:var(--xbox-green-soft)}.platform-badge.steam{background:rgba(102,153,204,.1);color:#8bb9e0;border:1px solid rgba(102,153,204,.15)}.platform-badge.steam:hover{background:rgba(102,153,204,.2);border-color:rgba(139,185,224,.35);box-shadow:0 0 16px rgba(102,153,204,.12)}.platform-badge.steam svg{fill:#8bb9e0}#flappy-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:0 0;transition:background .3s ease;pointer-events:none}#flappy-overlay.active{background:rgba(6,6,10,.85);pointer-events:all}#flappy-container{position:relative;opacity:0;transform:scale(.9);transition:opacity .3s ease,transform .3s ease}#flappy-overlay.active #flappy-container{opacity:1;transform:scale(1)}#flappy-canvas{display:block;border-radius:12px;border:1px solid rgba(232,160,51,.15);box-shadow:0 20px 80px rgba(0,0,0,.6),0 0 40px rgba(232,160,51,.08);max-height:90vh;max-width:90vw}#flappy-close{position:absolute;top:10px;right:10px;width:28px;height:28px;background:rgba(6,6,10,.7);border:0;border-radius:6px;color:var(--text-muted);font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s,background .2s}#flappy-close:hover{background:rgba(6,6,10,.9)}.site-footer{position:relative;z-index:1;border-top:1px solid rgba(150,140,170,.06);padding:4rem 2rem;text-align:center}.site-footer::before{content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:300px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);opacity:.3}.footer-inner{max-width:640px;margin:0 auto}.footer-brand{font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--accent-gold);letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin-bottom:1.8rem}.footer-links{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;margin-bottom:1.8rem}.footer-link,.page-content a{text-decoration:none;transition:var(--transition-fast)}.footer-link{font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--text-secondary);display:inline-flex;align-items:center;gap:.5em}#flappy-close:hover,.footer-link:hover,.page-content h1{color:var(--text-primary)}.footer-link svg{width:16px;height:16px;fill:currentColor;opacity:.6}.footer-copy{font-size:.75rem;font-weight:400;color:var(--text-muted);margin-top:1rem}.page-content{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:2rem 2rem 4rem}.page-content h1{font-family:var(--font-display);font-size:clamp(1rem,2vw,1.3rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2rem}.page-content li,.page-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.8;margin-bottom:1rem}.page-content ul{margin:1.2rem 0;padding-left:1.5rem}.page-content li{margin-bottom:.5rem}.page-content a{color:var(--accent-gold);border-bottom:1px solid rgba(232,160,51,.25)}.page-content a:hover{color:var(--accent-hot);border-bottom-color:var(--accent-hot)}@media (max-width:768px){.hero{padding:2.5rem 1.5rem 2rem}.hero-logo{width:56px;margin-bottom:1rem}.games-section{padding:1rem 1.2rem 4rem}.games-grid{grid-template-columns:1fr;gap:1.2rem}.filters{gap:.4rem}.filter-btn{font-size:.7rem;padding:.5em 1.2em}.footer-links{flex-direction:column;align-items:center;gap:1.2rem}.scroll-hint{display:none}}@media (max-width:480px){.logo{font-size:1.3rem}.tagline{font-size:.7rem;letter-spacing:.15em}.card-title{font-size:.78rem}.games-grid{gap:1rem}}@media (min-width:1024px){.games-grid{grid-template-columns:repeat(3,1fr)}}