@import url(https://fonts.googleapis.com/css2?family=Audiowide&display=swap);*,body{margin:0}h1,h10{font-size:3rem;color:#fff;padding:0 10px}#gameCount,.controls label{color:#e0dede;font-weight:400}#gameCount,.controls label,body,h1,h10{font-weight:400}input[type=text],select{background-color:rgba(255,255,255,.15)}#gameList,*,::after,::before{box-sizing:border-box}#gameCount,.game,.game-info,h10{text-align:center}.controls,.game,body{display:flex}.submit-link,body{font-family:'Lilita One',cursive}*{padding:0}body{flex-direction:column;background:linear-gradient(to bottom,#7b2cbf 0,#000 90%);color:#bdb7b7;min-height:100vh}h1{margin:15vh 0 3rem}h10{margin:18vh 0 3rem;font-family:Audiowide,cursive,sans-serif}#gameCount{font-size:1.8rem;margin:30px auto;padding:18px 35px;background:rgba(123,44,191,.25);border-radius:30px;width:fit-content;box-shadow:0 4px 12px rgba(123,44,191,.5);transition:.3s;user-select:none}.controls{margin-bottom:40px;justify-content:center;gap:20px;flex-wrap:wrap;align-items:center;background:rgba(255,255,255,.1);padding:20px 30px;border-radius:25px;box-shadow:0 8px 16px rgba(0,0,0,.4);max-width:900px;margin-left:auto;margin-right:auto;transition:background-color .3s}.controls:hover{background:rgba(255,255,255,.15)}.controls label{font-size:1.1rem;min-width:80px}input[type=text],select{padding:10px 15px;font-size:1.1rem;border:none;border-radius:12px;color:#fff;box-shadow:inset 0 2px 5px rgba(0,0,0,.3);transition:background-color .3s,box-shadow .3s;font-weight:400}input[type=text]::placeholder{color:#ccc}input[type=text]:focus,select:focus{outline:0;background-color:rgba(255,255,255,.25);box-shadow:0 0 8px #7b2cbf;color:#fff;font-weight:600;transition:.3s}select{color:#fff}select option{color:#000;background-color:#fff}#gameList{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:30px 15px;max-width:1400px;margin:0 auto 60px;justify-items:stretch;justify-content:center;width:100%}.game{border:2.5px solid rgba(220,220,220,.6);border-radius:20px;padding:15px;background-color:rgba(255,255,255,.07);flex-direction:column;align-items:center;width:100%;min-height:320px;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 4px 12px rgba(255,255,255,.1);cursor:default;justify-content:flex-start;position:relative}.game:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(123,44,191,.7);z-index:5}.game img{width:70%;max-height:200px;object-fit:cover;border-radius:15px;border:2px solid rgba(220,220,220,.7);margin-bottom:15px;box-shadow:0 0 12px rgba(255,255,255,.6);transition:box-shadow .3s,border-color .3s;flex-shrink:0}.game img:hover{box-shadow:0 0 20px rgba(255,255,255,.9);border-color:#fff}.game-info{margin-top:auto;width:100%;min-width:250px}.game-info h2{font-size:1.8rem;margin-bottom:.4rem;color:#dcd6f7;text-shadow:0 0 3px rgba(123,44,191,.7);font-weight:400}.game-info p{font-size:1.1rem;color:#c3b8da;margin-bottom:.3rem;font-weight:400}button.map-btn{padding:8px 14px;border:2px solid #9c7ede;background-color:#3a1f5c;color:#dcd6f7;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;box-shadow:0 3px 10px rgba(156,126,222,.7);transition:background-color .3s,box-shadow .3s,border-color .3s;width:max-content;margin:0 auto}button.map-btn:hover{background-color:#5a3d8a;box-shadow:0 5px 15px rgba(156,126,222,.9);border-color:#baf}@media (max-width:1024px){h1{font-size:2.5rem}.game img{width:60%;max-height:180px}#gameList{gap:15px;padding:20px 10px;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){#gameList{grid-template-columns:repeat(2,1fr);padding:15px 10px}.game img{width:75%;max-height:160px}}@media (max-width:600px){.controls{flex-direction:column;flex-direction:column;align-items:flex-start;gap:15px;padding:15px 20px;max-width:90%}h1{font-size:2rem;margin-top:10vh}input[type=text],select{min-width:100%}.controls label{min-width:auto;font-size:1rem;align-self:flex-start}.game{min-height:auto;padding:10px}.game img{width:90%;max-height:140px;margin-bottom:10px}button.map-btn{width:100%;font-size:1rem;padding:10px 0}#gameList{grid-template-columns:1fr;padding:15px 10px;gap:15px}}.no-screenshots{border:3px solid red!important}#noLocationBtn.toggle-btn{padding:10px 16px;font-size:1.1rem;border:2px solid #ccc;border-radius:8px;background-color:#f3f3f3;cursor:pointer;transition:background-color .3s,border-color .3s}#noLocationBtn.toggle-btn.active{background-color:#fdd;border-color:red;color:red}.submit-container{display:flex;justify-content:center;margin:40px auto}.submit-link{display:inline-block;padding:18px 36px;font-size:1.6rem;font-weight:600;color:#fff;background-color:rgba(123,44,191,.5);border:3px solid #9c7ede;border-radius:25px;box-shadow:0 6px 20px rgba(156,126,222,.6);text-decoration:none;transition:.3s}.submit-link:hover{background-color:rgba(123,44,191,.7);transform:scale(1.05)}