@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;background:#0a0a0a;color:#fff;min-height:100vh}html{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) #0a0a0a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:Pixelify Sans,cursive;font-weight:600}p,span,div,a,button,input,textarea,select,label{font-family:Poppins,sans-serif}.poster-title,.game-title,.card-title{font-family:Pixelify Sans,cursive;font-weight:500}nav,.nav,.header-nav,.site-header,.site-footer{font-family:Pixelify Sans,cursive;font-weight:500}.section-title,.page-title,.hero-title{font-family:Pixelify Sans,cursive;font-weight:600}a{color:inherit;text-decoration:none}.site-header{background:#0f0f0ff2;border:1px solid rgba(251,191,36,.3);border-bottom:2px solid transparent;background-image:linear-gradient(#0f0f0ff2,#0f0f0ff2),linear-gradient(90deg,transparent,rgba(251,191,36,.6),transparent);background-origin:border-box;background-clip:padding-box,border-box;position:sticky;top:4px;z-index:1000;backdrop-filter:blur(10px);margin:0 auto;max-width:1400px;border-radius:0 0 8px 8px}.header-content{max-width:1400px;margin:0 auto;padding:.5rem 2rem;display:flex;align-items:center;justify-content:space-between}.logo h1{font-family:Pixelify Sans,cursive;font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#ff6b6b,#ff8e53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.logo-tagline{font-family:Poppins,sans-serif;font-size:.65rem;font-weight:400;color:#ffffff80;margin:0;font-style:italic}.header-nav{display:flex;gap:.4rem}.header-nav a,.header-nav .nav-dropdown-toggle{font-size:.8rem;font-weight:600;color:#fff9;text-decoration:none;padding:.4rem .7rem;transition:all .2s ease;position:relative;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));background:#ffffff05;border:1px solid transparent}.header-nav a:after,.header-nav .nav-dropdown-toggle:after{content:"";position:absolute;bottom:2px;left:10%;width:0;height:2px;background:linear-gradient(90deg,transparent,#fbbf24,transparent);transition:width .3s ease}.header-nav a:hover,.header-nav .nav-dropdown-toggle:hover{color:#fff;background:#ffffff0d;border-color:#fbbf244d}.header-nav a:hover:after,.header-nav .nav-dropdown-toggle:hover:after{width:80%}.header-nav a.active{color:#fbbf24;background:#fbbf241a;border-color:#fbbf2466}.header-nav a.active:after{width:80%;background:linear-gradient(90deg,transparent,#fbbf24,transparent)}@media(max-width:768px){.header-nav{flex-wrap:wrap;gap:1rem}.mobile-hidden{display:none}}.header-nav a:hover{color:#fff}.nav-dropdown{position:relative;display:flex;align-items:center}.nav-dropdown-toggle{background:none;border:none;font-size:.9rem;font-weight:500;color:#ffffffb3;cursor:pointer;transition:color .2s;padding:0;font-family:inherit}.nav-dropdown-toggle:hover{color:#fff}.nav-dropdown-menu{position:absolute;top:100%;left:0;background:#0f0f0ffa;border:1px solid rgba(251,191,36,.2);border-radius:0;min-width:180px;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease;z-index:1000;box-shadow:0 8px 32px #0006;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-menu a{display:block;padding:10px 20px;color:#fffc;text-decoration:none;font-size:.85rem;transition:all .15s ease;border-left:2px solid transparent}.nav-dropdown-menu a:hover{background:transparent;color:#fbbf24;border-left-color:#fbbf24}.site-main{max-width:1400px;margin:0 auto;padding:2rem;min-height:calc(100vh - 200px)}.site-footer{background:#0f0f0ff2;border-top:2px solid transparent;background-image:linear-gradient(#0f0f0ff2,#0f0f0ff2),linear-gradient(90deg,transparent,rgba(251,191,36,.5),transparent);background-origin:border-box;background-clip:padding-box,border-box;padding:2rem;margin:0 auto;max-width:1400px;border-radius:8px 8px 0 0}.mobile-menu-toggle{display:none;background:#fbbf241a;border:2px solid rgba(251,191,36,.3);color:#fbbf24;cursor:pointer;padding:8px;border-radius:0;transition:all .2s ease;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.mobile-menu-toggle:hover{background:#fbbf2433;border-color:#fbbf24;color:#fff;box-shadow:0 0 12px #fbbf244d}.mobile-menu-toggle .menu-close,.mobile-menu-toggle.active .menu-open{display:none}.mobile-menu-toggle.active .menu-close{display:block}.mobile-nav-overlay{display:none;position:fixed;inset:0;z-index:200;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-nav-backdrop{position:absolute;inset:0;background:#000c}.mobile-nav-panel{position:fixed;top:0;right:0;width:280px;max-width:80vw;height:100vh;background:#0f0f0ffa;border-left:2px solid rgba(251,191,36,.3);padding:70px 24px 24px;transform:translate(100%);transition:transform .3s ease;overflow-y:auto;z-index:201;clip-path:polygon(16px 0,100% 0,100% 100%,0 calc(100% - 16px),0 16px)}.mobile-nav-overlay.active .mobile-nav-panel{transform:translate(0)}.mobile-nav-close{position:absolute;top:12px;left:12px;background:#ffffff1a;border:none;color:#fffc;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:202}.mobile-nav-close:hover{background:#fff3;color:#fff}.mobile-nav-close svg{width:18px;height:18px}.mobile-nav-link{display:block;padding:12px 0;color:#ffffffb3;font-family:Pixelify Sans,cursive;font-size:1rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.08);transition:all .2s ease;position:relative;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));margin-bottom:4px}.mobile-nav-link:hover{color:#fbbf24;background:#fbbf2414;border-color:#fbbf244d;padding-left:8px}.mobile-nav-link:after{content:"";position:absolute;bottom:4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#fbbf24,transparent);transition:width .3s ease}.mobile-nav-link:hover:after{width:60%}.mobile-nav-section{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-nav-section-title{display:block;color:#ffffff80;font-family:Pixelify Sans,cursive;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.mobile-nav-sublink{display:block;padding:10px 0 10px 16px;color:#fff9;font-family:Pixelify Sans,cursive;font-size:.95rem;transition:all .2s ease;position:relative}.mobile-nav-sublink:hover{color:#fbbf24;padding-left:24px}.mobile-nav-sublink:before{content:">";position:absolute;left:0;opacity:0;color:#fbbf24;transition:all .2s ease}.mobile-nav-sublink:hover:before{opacity:1;left:8px}.footer-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-content p{color:#ffffff80;font-size:.85rem;margin:0 0 .5rem}.footer-tagline{text-align:center;color:#fff6;margin:.5rem 0}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#ffffff80;font-size:.85rem;transition:color .2s}.footer-links a:hover{color:#fff}@media(max-width:768px){.header-content{flex-direction:row;gap:1rem}.header-nav{display:none}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.mobile-nav-overlay{display:block}.site-main{padding:1rem}.footer-content{flex-direction:column;text-align:center}}.search-toggle{background:#ffffff08;border:2px solid rgba(251,191,36,.4);border-radius:0;padding:.5rem;display:flex;align-items:center;justify-content:center;color:#fbbf24cc;cursor:pointer;transition:all .2s ease;flex-shrink:0;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.search-toggle:hover{background:#fbbf2426;border-color:#fbbf24;color:#fbbf24;box-shadow:0 0 12px #fbbf244d}.header-search{position:absolute;top:100%;right:2rem;background:transparent;border:none;padding:0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:200;min-width:300px}.header-search.active{opacity:1;visibility:visible;transform:translateY(.5rem)}.header-search form{display:flex;gap:.5rem}.header-search .search-input{flex:1;background:#1e1e1ee6;border:1px solid rgba(251,191,36,.3);border-radius:0;padding:.5rem 1rem;color:#fff;font-size:.9rem;outline:none;transition:all .2s ease;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.header-search .search-input:focus{border-color:#fbbf24;box-shadow:0 0 8px #fbbf244d}.header-search .search-input::placeholder{color:#fff6}.header-search .search-submit{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:0;padding:.5rem;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:40px;height:40px;margin-left:.5rem;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.header-search .search-submit:hover{background:linear-gradient(135deg,#fcd34d,#fbbf24);box-shadow:0 0 12px #fbbf2480}.header-controls{display:flex;align-items:center;gap:.5rem}@media(max-width:768px){.header-content{justify-content:space-between}.header-controls{gap:.25rem}.header-search{right:1rem;left:1rem;min-width:auto}}