.no-games{text-align:center;padding:50px 20px;background-color:rgba(255,255,255,.9);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1);margin:20px auto;max-width:500px}.no-results-icon{font-size:3rem;margin-bottom:15px;color:#a0aec0}.no-games h3{color:#4a5568;margin-bottom:10px;font-size:1.5rem}.no-games p{color:#718096;margin-bottom:20px}.reset-filters-button{background:linear-gradient(90deg,#6441a5,#2a0845);color:#fff;border:none;padding:8px 20px;border-radius:20px;cursor:pointer;font-weight:500;transition:opacity .3s}.reset-filters-button:hover{opacity:.9}mark{background-color:rgba(100,65,165,.2);color:#553c9a;padding:0 2px;border-radius:3px}.tag-match{background-color:#553c9a;color:#fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:segoe ui,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:20px}header{text-align:center;margin-bottom:30px;padding:60px 20px;min-height:300px;display:flex;flex-direction:column;justify-content:center;position:relative;background-color:rgba(255,255,255,.9);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1);overflow:hidden;position:relative;z-index:1}header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(125deg,rgba(100,65,165,.3),rgba(42,8,69,.3),rgba(100,65,165,.1),rgba(42,8,69,.2));background-size:400% 400%;animation:gradientAnimation 15s ease infinite;z-index:-1;border-radius:10px}@keyframes gradientAnimation{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}header h1{color:#2d3748;margin-bottom:10px;font-size:2.5rem;background:linear-gradient(90deg,#6441a5,#2a0845);-webkit-background-clip:text;background-clip:text;color:transparent}header p{color:#4a5568;font-size:1.1rem;margin-bottom:30px}.hero-image-container{width:100%;height:180px;background-color:rgba(100,65,165,.1);border-radius:8px;margin-top:20px;position:relative;overflow:hidden}.hero-image-container img{width:100%;height:100%;object-fit:cover;border-radius:8px}.animated-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.animated-particles::before{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background-color:initial;background-image:radial-gradient(circle at 30% 20%,rgba(100,65,165,.4) 0%,transparent 8%),radial-gradient(circle at 70% 60%,rgba(42,8,69,.4) 0%,transparent 12%),radial-gradient(circle at 40% 80%,rgba(100,65,165,.2) 0%,transparent 10%),radial-gradient(circle at 80% 40%,rgba(42,8,69,.3) 0%,transparent 15%),radial-gradient(circle at 10% 50%,rgba(100,65,165,.3) 0%,transparent 9%);background-size:200% 200%;animation:floatingParticles 20s ease-in-out infinite}.particle{position:absolute;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 70%);border-radius:50%;opacity:.5;pointer-events:none;animation:float 15s linear infinite}@keyframes float{0%{transform:translateY(0)translateX(0)rotate(0);opacity:.2}25%{opacity:.5}50%{transform:translateY(-20px)translateX(20px)rotate(180deg);opacity:.3}75%{opacity:.6}100%{transform:translateY(0)translateX(0)rotate(360deg);opacity:.2}}@keyframes floatingParticles{0%,100%{transform:translate(0,0)}25%{transform:translate(-5%,3%)}50%{transform:translate(3%,-5%)}75%{transform:translate(-3%,-2%)}}.filter-container{display:flex;justify-content:center;gap:15px;margin-bottom:15px}.search-input-wrapper{position:relative;width:60%;max-width:400px}#search-input{width:100%;padding:10px 35px 10px 40px;border:none;border-radius:25px;background-color:rgba(255,255,255,.9);box-shadow:0 2px 8px rgba(0,0,0,.1);font-size:1rem;transition:box-shadow .3s ease}#search-input:focus{outline:none;box-shadow:0 2px 12px rgba(100,65,165,.3)}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#6b7280;transition:transform .3s ease}.search-icon.searching{animation:pulse 1.2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}.clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:#6b7280;cursor:pointer;font-size:1rem;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center}.clear-search:hover{background-color:rgba(0,0,0,5%)}#filter-category{min-width:150px;padding:10px 15px;border:none;border-radius:25px;background-color:rgba(255,255,255,.9);box-shadow:0 2px 8px rgba(0,0,0,.1);font-size:1rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}.search-results-count{text-align:center;color:#6b7280;font-size:.9rem;margin-bottom:15px;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#games-container.searching .game-card{animation:fadeInUp .4s ease-in-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#games-container{display:flex;flex-direction:column;gap:20px;max-width:1200px;margin:0 auto}.game-card{display:flex;background-color:rgba(255,255,255,.9);border-radius:10px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.game-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.game-media{width:25%;min-width:200px;overflow:hidden}.game-media img,.game-media video{width:100%;height:100%;object-fit:cover}.game-info{flex:2;padding:20px;display:flex;flex-direction:column}.game-title{color:#2d3748;margin-bottom:10px;font-size:1.5rem}.game-description{color:#4a5568;margin-bottom:15px;line-height:1.6}.game-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.game-tag{background-color:#e9d8fd;color:#553c9a;padding:5px 10px;border-radius:15px;font-size:.8rem;font-weight:500}.game-stats{width:20%;min-width:150px;background-color:#f7fafc;padding:20px;display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid #e2e8f0}.stat{display:flex;flex-direction:column;margin-bottom:15px}.stat-label{color:#718096;font-size:.9rem;margin-bottom:5px}.stat-value{color:#2d3748;font-weight:600;font-size:1.1rem}.rating{display:flex;align-items:center}.star{color:#f6a955;margin-right:2px}.play-button{display:block;text-align:center;background:linear-gradient(90deg,#6441a5,#2a0845);color:#fff;padding:10px;border-radius:25px;text-decoration:none;font-weight:600;transition:opacity .3s ease;margin-top:auto}.play-button:hover{opacity:.9}footer{text-align:center;margin-top:40px;padding:20px;color:#4a5568}.build-stamp{margin-top:6px;font-size:.75rem;color:#a0aec0}@media(max-width:900px){.game-card{flex-direction:column}.game-media{width:100%;height:200px}.game-stats{width:100%;border-left:none;border-top:1px solid #e2e8f0}}@media(max-width:600px){.filter-container{flex-direction:column;align-items:center}#search-input,#filter-category{width:90%}.game-card{margin:0 10px}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999}.star-rating .star:hover,.star-rating .star.selected{color:#f6ad55}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#e8e8e8;padding:30px;border-radius:12px;border:none;box-shadow:0 10px 25px rgba(0,0,0,.2);z-index:1000;font-family:arial,sans-serif;min-width:300px;text-align:center}.dialog h3{margin-top:0;color:#333;font-size:22px;margin-bottom:20px;font-weight:600}.star-rating{display:flex;justify-content:center;margin:20px 0 25px;gap:8px}.star{font-size:35px;cursor:pointer;transition:color .2s ease}.star:hover,.star.selected{color:gold}.dialog button{padding:10px 20px;border-radius:6px;border:none;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;margin:0 5px}#submit-rating{background-color:#4caf50;color:#fff}#submit-rating:hover{background-color:#45a049;box-shadow:0 2px 8px rgba(0,0,0,.15)}#cancel-rating{background-color:#f5f5f5;color:#555}#cancel-rating:hover{background-color:#e8e8e8;box-shadow:0 2px 8px rgba(0,0,0,.1)}.dialog-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999}