body{margin:0;padding:0;background-color:#f0f0f0;font-family:Arial,sans-serif}header{border-bottom:1px solid #333;border-radius:50px;color:#000}footer,header{padding:10px 0}footer{background-color:#333;color:#fff}.content{flex:1;overflow-y:auto;box-sizing:border-box;justify-content:center;background:#111;background-image:linear-gradient(rgba(0,255,170,.2) 1px,transparent 0),linear-gradient(90deg,rgba(0,255,170,.2) 1px,transparent 0);background-size:40px 40px;color:#fff;position:relative}.container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;max-width:1200px;width:100%}.game-tile{position:relative;width:300px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease;cursor:default;background-color:#fff}.game-tile img{height:200px;object-fit:contain}.game-tile .info{padding:10px;box-sizing:border-box;flex:1}.game-tile .info p{margin:10px 0 0;overflow-y:auto;max-height:80px;scrollbar-width:thin;scrollbar-color:red transparent}.game-tile .info p::-webkit-scrollbar{width:6px}.game-tile .info p::-webkit-scrollbar-track{background:transparent}.game-tile .info p::-webkit-scrollbar-thumb{background-color:red;border-radius:3px}.game-tile img:hover{transform:scale(1.1);box-shadow:0 8px 16px rgba(0,0,0,.4)}.suggestions{margin-top:20px}.suggestions a{color:#007bff;font-size:18px}@media (max-width:600px){.container{grid-template-columns:1fr;align-items:center}.game-tile{max-width:100%}.game-tile .info p{max-height:none}}@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap");:root{--primary-glow:rgba(0,255,170,.8);--secondary-glow:rgba(0,255,170,.4);--background-color:#111;--font-color:#f0f0f0;--card-background:rgba(20,30,40,.75);--card-border:rgba(0,255,170,.3)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background-color:var(--primary-glow);border-radius:20px;border:3px solid var(--background-color)}*{scrollbar-width:thin;scrollbar-color:var(--primary-glow) var(--background-color)}body{background-color:#000;background-image:radial-gradient(circle,hsla(0,0%,100%,.05) 1px,transparent 0),radial-gradient(circle,hsla(0,0%,100%,.05) 1px,transparent 0);background-size:30px 30px,40px 40px;background-position:0 0,20px 20px;color:var(--font-color);font-family:Orbitron,sans-serif;display:flex;flex-direction:column;min-height:100vh;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24" fill="none" stroke="rgba(0, 255, 170, 0.8)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>'),auto}header{background:transparent;border-bottom:1px solid var(--primary-glow);text-shadow:0 0 10px var(--primary-glow);border-radius:0;text-align:center}header h1{font-size:2.5em;margin:0;padding:20px 0}header h1 a{text-decoration:none;color:var(--font-color);transition:all .3s ease}header h1 a:hover{text-shadow:0 0 15px var(--primary-glow)}header h1 a span{color:var(--primary-glow)}.content{flex-direction:column}#controls,.content{display:flex;align-items:center;padding:20px}#controls{flex-wrap:wrap;gap:15px;justify-content:center;width:100%;max-width:1200px;margin-bottom:30px;background:var(--card-background);border:1px solid var(--card-border);border-radius:10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.control-group{display:flex;flex-direction:column}.control-group label{margin-bottom:5px;font-size:.9em;text-transform:uppercase;color:var(--secondary-glow)}.filter-select,.search-input{background:rgba(0,0,0,.5);border:1px solid var(--secondary-glow);color:var(--font-color);padding:10px;border-radius:5px;font-family:Orbitron,sans-serif;transition:all .3s ease}.filter-select:focus,.search-input:focus{outline:none;border-color:var(--primary-glow);box-shadow:0 0 15px var(--secondary-glow)}#layout-toggle{display:flex;border:1px solid var(--secondary-glow);border-radius:5px;overflow:hidden}#layout-toggle button{background:transparent;border:none;color:var(--secondary-glow);padding:10px 15px;cursor:pointer;transition:all .3s ease}#layout-toggle button.active{background:var(--primary-glow);color:var(--background-color);text-shadow:none;box-shadow:0 0 10px var(--primary-glow)}.container{gap:20px;transition:grid-template-columns .4s ease}.container.list-view{grid-template-columns:1fr;gap:15px}.game-tile{background:var(--card-background);border:1px solid var(--card-border);border-radius:15px;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 20px rgba(0,0,0,.5);transition:all .4s ease;display:flex;flex-direction:column;max-width:320px;justify-self:center;opacity:0;transform:translateY(20px);animation:a .5s ease forwards}.container.list-view .game-tile{flex-direction:row;min-height:180px;width:100%;max-width:1200px;align-items:center}@keyframes a{to{opacity:1;transform:translateY(0)}}.game-tile:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 0 30px var(--secondary-glow);border-color:var(--primary-glow)}.container.list-view .game-tile:hover{transform:scale(1.02)}.game-tile img{width:100%;height:180px;object-fit:cover;border-bottom:1px solid var(--card-border);transition:all .4s ease}.container.list-view .game-tile img{width:200px;height:180px;border-bottom:none;border-right:1px solid var(--card-border)}.game-tile .info{padding:15px;color:var(--font-color);display:flex;flex-direction:column;flex-grow:1}.game-tile .info strong{font-size:1.2em;color:var(--primary-glow);margin-bottom:10px;text-shadow:0 0 10px var(--primary-glow)}.game-tile .info p{margin:0;flex-grow:1;font-family:Arial,sans-serif;font-size:.9em;line-height:1.5;max-height:100px;color:#ccc;text-shadow:0 0 5px var(--secondary-glow)}.game-tile .info p::-webkit-scrollbar-thumb{background-color:var(--primary-glow)}.container.list-view .game-tile .info p{max-height:70px}.game-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;padding-top:10px;border-top:1px solid var(--card-border)}.meta-tag{background:rgba(0,255,170,.1);padding:3px 8px;border-radius:5px;font-size:.8em;color:var(--secondary-glow)}.suggestions{width:100%;max-width:1200px;margin:0 auto 30px;padding:20px;background:var(--card-background);border:1px solid var(--card-border);border-radius:10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-align:center;box-shadow:0 0 20px rgba(0,0,0,.5);transition:all .4s ease}.suggestions:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 0 30px var(--secondary-glow);border-color:var(--primary-glow)}.suggestions a{color:var(--primary-glow);text-decoration:none;transition:all .3s ease}.suggestions a:hover{text-shadow:0 0 10px var(--primary-glow);color:#fff}footer{background:transparent;border-top:1px solid var(--card-border);text-shadow:0 0 10px var(--secondary-glow);padding:20px;text-align:center}.currently-playing-container{width:100%;max-width:1200px;margin-bottom:30px;padding:20px;background:var(--card-background);border:1px solid var(--card-border);border-radius:10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-align:center;box-shadow:0 0 20px rgba(0,0,0,.5);transition:all .4s ease;display:flex;flex-direction:column;gap:10px}.currently-playing-container:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 0 30px var(--secondary-glow);border-color:var(--primary-glow)}.currently-playing-container h2{color:var(--primary-glow);text-shadow:0 0 10px var(--primary-glow),0 0 20px var(--primary-glow);margin-bottom:20px}.game-card{display:flex;background:rgba(0,0,0,.5);border:1px solid var(--secondary-glow);border-radius:10px;overflow:hidden;text-align:left}.game-card img{width:200px;height:auto;object-fit:cover;border-radius:10px 0 0 10px}.game-card .game-info{padding:20px}.game-card .game-info h3{margin:0 0 10px;color:var(--primary-glow);text-shadow:0 0 10px var(--primary-glow)}.game-card .game-info p{margin:0;color:var(--font-color);font-family:Arial,sans-serif;text-shadow:0 0 5px var(--secondary-glow)}@media (max-width:768px){.game-card{flex-direction:column}.game-card img{width:100%;height:200px;border-radius:10px 10px 0 0}}#moveToTopBtn{display:none;position:fixed;bottom:30px;right:30px;z-index:1;font-size:24px;background-color:var(--primary-glow);color:var(--background-color);border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;box-shadow:0 0 10px var(--primary-glow);transition:all .3s ease}#moveToTopBtn:hover{transform:scale(1.1)}#moveToTopBtn:active{transform:scale(.9)}