*{margin:0;padding:0;box-sizing:border-box}body{font-family:Goldman,sans-serif;background-color:#05000f}.MuiAutocomplete-noOptions{color:#14eace!important}.option[aria-selected=true]{background-color:#14eace33!important}.Mui-focused.option{background-color:#14eace22!important}.home-container{height:100vh;position:relative}.home-content{position:absolute;z-index:99;top:0;left:0;text-align:center;padding:0 10vw;width:100%}.home-header{margin-top:20px;color:#fff}.home-header-text{font-size:48px;font-weight:700;font-family:Goldman;text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black}.home-cards-container{display:flex;justify-content:center;flex-wrap:wrap;gap:50px}.home-cards-container h3{color:#fff;width:100%;background-color:#000c;padding:10px}.option-selected{background-color:#1a1a2e!important}.option{background-color:#0e001e;color:#fff;padding:8px 12px;display:flex;align-items:center;cursor:pointer}.option:hover{background-color:#1a1a2e!important}.card{width:200px;height:350px;border-radius:16px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.7);cursor:pointer;position:relative;overflow:hidden}.home-footer{width:100%;position:absolute;bottom:-200px;left:0}.no-game-found{color:#14eace}@media screen and (max-width: 992px){.home-content{padding:0 5vw}}@media screen and (max-width: 750px){.home-header-text{font-size:32px}.card{width:150px;height:250px;font-size:1rem}}@media screen and (max-width: 500px){.home-header-text{font-size:20px}}@media only screen and (max-width: 750px){.header-link{font-size:16px!important}}.particles-container{position:relative;width:100%;height:100vh}.tutorial-container{height:100vh;position:relative}.tutorial-content{position:absolute;z-index:99;top:0;left:0;text-align:center;padding:0 10vw;width:100%;color:#fff}.tutorial-header{margin:20px 0}.tutorial-text{display:flex;flex-direction:column;gap:5px;list-style:none}.correct-text{color:#14eace}.incorrect-text{color:red}.game-page-container{height:100vh;position:relative}.game-page{position:absolute;z-index:99;top:100px;left:0;padding:0 10vw;width:100%}.game-page-content{text-align:center;width:100%;display:flex;justify-content:space-between}.game-trailer-container{width:45%;border:1px solid #273634}.game-info-container{width:50%;color:#fff;text-align:left}.game-info-container h1{font-size:40px}.game-info-container p{line-height:1.5;margin-top:5px}.game-platforms{margin-top:15px!important}.game-platforms span{color:#128b7b}.game-tags{margin-top:15px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tags-label{color:#fff;font-weight:700}.tag-chip{background-color:#1a1a2e;color:#14eace;border:1px solid #14eace;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:700;display:inline-block}.game-redirect-button{margin-top:20px;background-color:#14eace;color:#0e001e;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.game-redirect-button:hover{background-color:#12d4b8;transform:translateY(-2px);box-shadow:0 4px 12px #14eace4d}.no-trailer-message{color:#d32f2f}.trailer-text{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.youtube-search-button{margin-top:20px;background-color:red;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.youtube-search-button:hover{background-color:#c00;transform:translateY(-2px);box-shadow:0 4px 12px #ff00004d}.related-games-section{margin-top:150px;margin-bottom:50px}.related-title{color:#fff;font-size:28px;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.related-cards-container{display:flex;flex-wrap:wrap;gap:50px}.loading-component{position:absolute;z-index:99;top:100px;left:0;padding:0 10vw;width:100%;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 1200px){.game-page{top:50px}.related-games-section{text-align:center;margin-top:70px}.related-cards-container{display:flex;justify-content:center}.game-page-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.game-trailer-container{width:70%;height:500px}.game-info-container{width:70%}}@media only screen and (max-width: 750px){.game-page{padding:0 5vw}.game-trailer-container{width:95%;height:350px}.game-info-container{width:95%}.game-page-content{top:30px;padding:0 5vw 30px}}.collections-page-container{height:100vh;position:relative}.collections-page-content{position:absolute;z-index:99;top:20px;left:0;text-align:center;padding:0 10vw;width:100%;display:flex;flex-direction:column;padding-bottom:50px}.collections-title{font-size:32px;font-weight:700;text-align:center;margin-bottom:2rem;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.collections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;justify-items:center}.collection-card{position:relative;width:200px;background:#101020;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.collection-card:hover{transform:scale(1.05);box-shadow:0 0 20px #00ffff4d}.collection-cover{width:100%;height:280px;object-fit:cover}.collection-info{padding:1rem;text-align:center}.collection-info h2{font-size:1.1rem;margin-bottom:.5rem;color:#0ff}.collection-info p{font-size:.85rem;color:#ccc}@media screen and (max-width: 992px){.collections-page-content{padding:0 5vw}}.game-row{cursor:pointer;transition:background-color .2s ease,box-shadow .25s ease}.game-row:hover{background-color:#00ffff0d;box-shadow:0 0 15px #00ffff26}.franchises-page-container{height:100vh;position:relative}.franchises-page-content{position:absolute;z-index:99;top:20px;left:0;text-align:center;padding:0 10vw;width:100%;display:flex;flex-direction:column;padding-bottom:50px}.franchises-title{font-size:32px;font-weight:700;text-align:center;margin-bottom:2rem;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.franchises-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;justify-items:center}.franchise-card{position:relative;width:200px;background:#101020;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.franchise-card:hover{transform:scale(1.05);box-shadow:0 0 20px #00ffff4d}.franchise-cover{width:100%;height:280px;object-fit:cover}.franchise-info{padding:1rem;text-align:center}.franchise-info h2{font-size:1.1rem;margin-bottom:.5rem;color:#0ff}.franchise-info p{font-size:.85rem;color:#ccc}@media screen and (max-width: 992px){.franchises-page-content{padding:0 5vw}}
