@charset "UTF-8";.dashboardContainer{padding:.5rem;font-family:Inter,sans-serif;background-color:#f9fafb;color:#1f2937;min-height:100vh}.dashboardContainer .logo{width:120px;height:auto;transition:opacity .4s ease-in-out;opacity:1}.dashboardContainer .logo.fade-out{opacity:0}.dashboardContainer .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background-color:#fff;padding:1rem 2rem;border-radius:1rem;box-shadow:0 4px 12px #0000000d;flex-wrap:wrap;gap:1rem}.dashboardContainer .header p{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.dashboardContainer .header .buttonContainer{display:flex;flex-direction:column;position:relative}.dashboardContainer .header .buttonContainer .hamburger{background-color:transparent;border:none;font-size:2rem;cursor:pointer;display:none}@media (max-width: 1024px){.dashboardContainer .header .buttonContainer .hamburger{display:block}}.dashboardContainer .header .buttonContainer .dropdownMenu{display:flex;justify-content:center;gap:1rem}.dashboardContainer .header .buttonContainer .dropdownMenu button{background-color:#3b82f6;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:.5rem;font-weight:500;font-size:.9rem;cursor:pointer;transition:background-color .3s ease}.dashboardContainer .header .buttonContainer .dropdownMenu button:hover{background-color:#2563eb}@media (max-width: 1024px){.dashboardContainer .header .buttonContainer .dropdownMenu{display:none;flex-direction:column;position:absolute;top:3.5rem;left:50%;transform:translate(-50%);background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 8px 16px #0000001a;width:200px;padding:1rem;z-index:100}.dashboardContainer .header .buttonContainer .dropdownMenu.open{display:flex}}.dashboardContainer .header .profile{all:unset;width:70px;height:70px;border-radius:9999px;background-color:#e5e7eb;overflow:hidden;display:flex;justify-content:center;align-items:center}.dashboardContainer .header .profile img{width:100%;height:100%;object-fit:cover}.dashboardContainer .content{background-color:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 12px #0000000d;min-height:300px}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f4f7fc;padding:20px}.login-container .login-box{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:40px;width:100%;max-width:700px;transition:all .3s ease}.login-container .login-box h2{font-size:28px;color:#333;font-weight:600;text-align:center;margin-bottom:20px}.login-container .login-box form{display:flex;flex-direction:column;gap:20px}.login-container .login-box form div{display:flex;justify-content:space-between;align-items:center;gap:30px}.login-container .login-box label{font-size:16px;color:#555}.login-container .login-box button{margin-top:20px;padding:14px;background-color:#007bff;color:#fff;font-size:16px;border-radius:8px;cursor:pointer;border:none;transition:background-color .3s ease,transform .2s ease}.login-container .login-box button:hover{background-color:#0056b3;transform:scale(1.05)}.login-container .login-box button.signupButton{background-color:#dc640f;width:100%}.login-container .login-box .error-message{color:red;font-size:14px;margin-top:15px;text-align:center}@media (max-width: 768px){.login-container .login-container{padding:20px}.login-container .login-box{padding:30px;width:90%}.login-container h2{font-size:24px}.login-container button{font-size:14px;padding:12px}}@media (max-width: 480px){.login-container .login-box{padding:20px;width:90%}.login-container h2{font-size:22px}.login-container button{font-size:12px;padding:10px}}.signup-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f4f7fc;padding:20px}.signup-container .signup-box{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:40px;width:100%;max-width:400px;transition:all .3s ease}.signup-container .signup-box h2{font-size:28px;color:#333;font-weight:600;text-align:center;margin-bottom:20px}.signup-container .signup-box form{display:flex;flex-direction:column;gap:20px}.signup-container .signup-box form div{display:flex;justify-content:space-between;align-items:center;gap:30px}.signup-container .signup-box label{font-size:16px;color:#555}.signup-container .signup-box button{margin-top:20px;padding:14px;background-color:#007bff;color:#fff;font-size:16px;border-radius:8px;cursor:pointer;border:none;transition:background-color .3s ease,transform .2s ease}.signup-container .signup-box button:hover{background-color:#0056b3;transform:scale(1.05)}.signup-container .signup-box button.loginButton{background-color:#dc640f;width:100%}.signup-container .signup-box .error-message{color:red;font-size:14px;margin-top:15px;text-align:center}@media (max-width: 768px){.signup-container .signup-container{padding:20px}.signup-container .signup-box{padding:30px;width:90%}.signup-container h2{font-size:24px}.signup-container button{font-size:14px;padding:12px}}@media (max-width: 480px){.signup-container .signup-box{padding:20px;width:90%}.signup-container h2{font-size:22px}.signup-container button{font-size:12px;padding:10px}}.add-game{max-width:800px;margin:0 auto;padding:30px;background-color:#f7fafc;border-radius:15px;box-shadow:0 8px 25px #0000001a}.add-game-title{text-align:center;font-size:2.25rem;margin-bottom:20px;color:#2d3748}.add-game-form{display:flex;flex-direction:column;gap:20px}.add-game-form-category-buttons{width:100%;display:flex;justify-content:space-between;gap:10%}.add-game-form-category-buttons .category-button,.add-game-form-category-buttons .category-button-active{all:unset;border:2px solid #4a5568;color:#4a5568;padding:20px 10px;border-radius:10px;width:100%;text-align:center;transition:background-color .3s,transform .2s ease}.add-game-form-category-buttons .category-button:hover{background-color:#2b6cb0}.add-game-form-category-buttons .category-button-active{background-color:#2c5282;transform:scale(1.05);color:#fff}.add-game-form-search-button{padding:12px 20px;background-color:#4c51bf;color:#fff;border:none;border-radius:30px;cursor:pointer;transition:.3s}.add-game-form-results{margin-top:20px}.add-game-form-results-title{font-size:1.2rem;font-weight:600}.add-game-form-results-container{display:flex;flex-direction:column;gap:10px}.add-game-form-results-list{list-style-type:none;padding:0}.add-game-form-results-list-game{display:flex;align-items:center;padding:10px;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:.3s}.add-game-form-results-list-game-image{width:50px;height:50px;object-fit:cover;margin-right:15px}.add-game-form-results-list-game-title{font-size:1rem;color:#2d3748}.add-game-form-selected-game{text-align:center}.add-game-form-selected-game-image{width:220px;height:auto;margin-top:15px}.add-game-form-submit-button{margin-top:20px;padding:12px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.inputContainer .label{margin:5px 0}.inputContainer textArea,.inputContainer input,.inputContainer select{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s ease;width:100%;box-sizing:border-box}.inputContainer textArea:focus,.inputContainer input:focus,.inputContainer select:focus{border-color:#007bff;outline:none}.inputContainer textArea{width:100%;height:100px;resize:none}.friends-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#2d2d2d;background:#f7f9fc;min-height:100vh;padding:40px 20px;display:flex;justify-content:center;align-items:flex-start}.friends-container{display:flex;flex-direction:column;gap:40px;width:100%;max-width:900px;background:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 25px #0000000d}.section{display:flex;flex-direction:column;gap:20px;background-color:#fafafa;padding:20px;border-radius:12px;border:1px solid #eee}.section-title{font-size:1.8rem;font-weight:700;margin-bottom:10px;color:#2d3748;border-bottom:2px solid #eee;padding-bottom:10px;text-align:left}.friend-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.friend-item{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #eee;border-radius:10px;padding:16px;box-shadow:0 2px 5px #0000000d;flex-wrap:wrap}.friend-name{font-weight:700;font-size:1.2rem}.button-group{display:flex;gap:10px}.message-button{background-color:#4c51bf;color:#fff;font-weight:500;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.message-button:hover{background-color:#4c51bf;transform:translateY(-1px)}.form{display:flex;flex-direction:column;gap:10px}.input-field{padding:12px;border:1px solid #ccc;border-radius:10px;font-size:1rem;width:100%;box-sizing:border-box}.submit-button{padding:12px;background-color:#28a745;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:#28a745;transform:translateY(-1px)}.error-message{color:#721c24;background-color:#f8d7da;padding:10px;border-radius:5px;text-align:center;font-size:.95rem}.success-message{color:#155724;background-color:#d4edda;padding:10px;border-radius:5px;text-align:center;font-size:.95rem}.friends-container-header{display:flex;justify-content:space-between;align-items:center}.friends-container-header-button{width:30px;border-radius:50px;color:#fff;margin:0;height:30px;background-color:#4c51bf}.friend-item-profile-picture{width:50px;aspect-ratio:1;border-radius:50px;object-fit:cover}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;box-sizing:border-box}.modal-overlay .modal-content{position:relative;background:#fff;padding:20px;border-radius:8px;max-width:500px;width:100%;margin:auto;overflow-y:auto;box-sizing:border-box;max-height:100%}.modal-overlay .modal-content h2{margin-top:0;font-size:1.5rem;text-align:center}.modal-overlay .dismissButton{text-align:center;background-color:#ff8b8b;width:100%;padding:10px;border-radius:12px;box-sizing:border-box}.modal-overlay .close-button{position:absolute;top:10px;right:15px;background:transparent;border:none;font-size:24px;cursor:pointer;color:#333}.modal-overlay .close-button:hover{color:#000}.overview{padding:2rem;background-color:#f7fafc;position:relative;display:flex;flex-direction:column;gap:2rem}.overview-search-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-bottom:20px;gap:1rem}.overview-search-container-filters{background-color:#fff;padding:2rem 10%;border-radius:15px;box-shadow:0 8px 20px #0000000d;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;align-items:stretch;transition:all .3s ease-in-out;box-sizing:border-box}.overview-search-container-filters h3{font-size:1.2rem;color:#2d3748;font-weight:600;text-align:center;margin:1rem}.overview-search-container-filters-sorting{display:flex;justify-content:space-between;align-items:center}.overview-search-container-filters-sorting-dropdown{width:60%;padding:12px;font-size:1rem;border-radius:6px;border:1px solid #ccc;background-color:#f7fafc;color:#2d3748}.overview-search-container-filters-sorting-dropdown:focus{border-color:#4c51bf;outline:none}.overview-search-container-filters-range{display:flex;justify-content:space-between}.overview-search-container-filters-range-inputs{width:60%;display:flex;align-items:center;gap:.5rem}.overview-search-container-filters-range-inputs input[type=number]{width:100%;padding:4px 8px;border:1px solid #ccc;border-radius:6px}.overview-search-container-filters-reset-button{margin:20px auto auto;width:80%;padding:10px 18px;border:1px solid #4c51bf;background-color:transparent;font-weight:500;font-size:.8rem;color:#4c51bf;border-radius:35px;cursor:pointer;transition:background-color .3s ease,transform .2s ease,color .3s ease}.overview-search-container-filters-reset-button:hover{background-color:#4c51bf;color:#fff}.overview-search-container-input{padding:12px;width:60%;max-width:450px;font-size:1rem;border-radius:8px;border:1px solid #ccc;background-color:#f7fafc;transition:all .3s ease}.overview-search-container-input:focus{border-color:#4c51bf;outline:none}.overview-search-container-input::placeholder{color:#4a5568}.overview-search-container-buttons-container{display:flex;justify-content:space-between;gap:2rem}.overview-search-container-buttons-container-search,.overview-search-container-buttons-container-filter,.overview-search-container-buttons-container-export{padding:12px 24px;font-weight:600;font-size:1rem;border:none;border-radius:35px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;color:#fff}.overview-search-container-buttons-container-search:hover,.overview-search-container-buttons-container-filter:hover,.overview-search-container-buttons-container-export:hover{background-color:#434190;transform:scale(1.03)}.overview-search-container-buttons-container-search{background-color:#4c51bf}.overview-search-container-buttons-container-search:hover{background-color:#434190}.overview-search-container-buttons-container-filter{background-color:#be7553}.overview-search-container-buttons-container-filter:hover{background-color:#916c43}.overview-search-container-buttons-container-export{background-color:#38a169}.overview-search-container-buttons-container-export:hover{background-color:#2f855a}.overview-search-container-status-purchases,.overview-search-container-status-profit,.overview-search-container-status-sales{flex:1;padding:10px;color:#fff;border-radius:12px;font-size:18px;font-weight:700;text-align:center;box-shadow:0 4px 10px #0003;width:30%;max-width:400px}.overview-search-container-status-purchases{background-color:#7fb3ff}.overview-search-container-status-sales{background-color:#7edc7b}.overview-items-number{margin-top:10px;font-size:14px;color:#666}.overview-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:4rem;margin-top:20px}.overview .modal-content{background-color:#fff;border-radius:10px;height:600px}.overview .modal-content .search-bar{display:flex;flex-direction:row;align-items:center}.overview .modal-content .search-rawg-btn{color:#fff;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.overview .modal-content .results-wrapper{background-color:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 8px 20px #0000000d;margin-top:1.5rem;width:100%;max-height:300px;margin:0 auto;box-sizing:border-box;overflow-y:auto}.overview .modal-content .results-wrapper h3{font-size:1.2rem;font-weight:600;color:#2d3748;text-align:center;margin-bottom:1rem}.overview .modal-content .results-wrapper .results-list{list-style-type:none;padding:0;display:flex;flex-direction:column;gap:1rem;margin:20px 0}.overview .modal-content .results-wrapper .results-list .result-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #e2e8f0;border-radius:8px;background-color:#f7fafc;cursor:pointer;transition:all .3s ease-in-out}.overview .modal-content .results-wrapper .results-list .result-item:hover{background-color:#edf2f7;box-shadow:0 4px 8px #0000001a;transform:scale(1.03)}.overview .modal-content .results-wrapper .results-list .result-item img{width:50px;height:50px;border-radius:8px;object-fit:cover}.overview .modal-content .results-wrapper .results-list .result-item p{font-size:1rem;color:#4a5568;margin:0}.overview .modal-content .selected-game{background-color:#fff;padding:10px;border-radius:10px;box-shadow:0 8px 20px #0000000d;text-align:center;margin:10px 0}.overview .modal-content .selected-game img{max-width:80%;max-height:150px;object-fit:cover;border-radius:8px}.overview .modal-content .modal-title{font-size:1.5rem;color:#2d3748;margin-bottom:1rem}.overview .modal-content .modal-input{padding:12px;width:100%;box-sizing:border-box;margin-bottom:1rem;font-size:1rem;border-radius:8px;border:1px solid #ccc;background-color:#f7fafc}.overview .modal-content .modal-actions{display:flex;justify-content:space-evenly}.overview .modal-content .modal-actions .cancel-btn,.overview .modal-content .modal-actions .update-btn{padding:12px 24px;border:none;border-radius:35px;font-weight:600;font-size:1rem;cursor:pointer}.overview .modal-content .modal-actions .cancel-btn{background-color:#e53e3e;color:#fff}.overview .modal-content .modal-actions .cancel-btn:hover{background-color:#c53030}.overview .modal-content .modal-actions .cancel-btn:active{transform:scale(.98)}.overview .modal-content .modal-actions .update-btn{background-color:#4c51bf;color:#fff}.overview .modal-content .modal-actions .update-btn:hover{background-color:#434190}.overview .modal-content .modal-actions .update-btn:active{transform:scale(.98)}.overview .buttonContainer{display:flex;justify-content:space-between;gap:20px;margin-top:20px}.overview .buttonContainer button{color:#fff;border-radius:12px;padding:15px;border:0}.overview .buttonContainer .submit-button{flex:1;background-color:#4c51bf}.overview .buttonContainer .dismiss-button{flex:1;background-color:#e53e3e}.overview .search-button{color:#fff;border-radius:12px;padding:10px;border:0;background-color:#4c51bf;width:100%;margin-top:10px}.overview .inputContainer{margin-top:10px}@media (max-width: 720px){.overview .grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.overview .search-container .buttons-container{flex-direction:column;gap:1rem}}.game-item{background:#ffffff26;border-radius:1.25rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f26871a;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;height:100%}.game-item .game-info{display:flex;flex-direction:column;gap:.4rem}.game-item .game-info .game-name{font-size:1.2rem;font-weight:700;color:#1a202c}.game-item .game-info .game-sub-informations{display:flex;justify-content:space-around;align-items:center}.game-item .game-info .game-sub-informations-benefit{padding:12px;border-radius:5px}.game-item .game-info div{font-size:.9rem;color:#2d3748}.game-item .game-info .image-container{margin-top:.75rem;border-radius:.5rem;height:150px;width:100%;overflow:hidden;position:relative}.game-item .game-info .image-container .game-image{width:100%;height:100%;object-fit:cover}.game-item-modal{background:#ffffff26;border-radius:1.25rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;height:100%}.game-item-modal-info{display:flex;flex-direction:column;gap:.4rem}.game-item-modal-info div{font-size:.9rem;color:#2d3748}.game-item-modal-info-image-container{margin-top:.75rem;border-radius:.5rem;height:250px;width:100%;overflow:hidden;position:relative}.game-item-modal-info-image-container-image{width:100%;height:100%;object-fit:cover}.game-item-modal-info-actions-container{display:flex;justify-content:space-between;gap:.5rem;margin-top:1rem}.game-item-modal-info-actions-container button{flex:1;padding:.5rem 1rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease}.game-item-modal-info-actions-container button:first-child{background-color:#4c51bf;color:#fff}.game-item-modal-info-actions-container button:first-child:hover{background-color:#434190}.game-item-modal-info-actions-container button:last-child{background-color:#e53e3e;color:#fff}.game-item-modal-info-actions-container button:last-child:hover{background-color:#c53030}.game-item .modal-overlay .modal-content{width:60%;max-width:800px}.game-item .modal-overlay .modal-content h2{margin-bottom:5px}.game-item .modal-overlay .modal-content .game-item-modal{padding:5px}.container{max-width:500px;margin:40px auto;padding:30px;background-color:#fff;border-radius:16px;box-shadow:0 6px 16px #0000001a;font-family:Arial,sans-serif;text-align:center}.header{margin-bottom:30px}.avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:10px}.name{font-size:1.8rem;font-weight:700;margin:0}.email{font-size:1rem;color:#666;margin-top:5px}.actions{display:flex;flex-direction:column;gap:10px;margin-top:30px}.button{padding:12px 20px;font-size:1rem;font-weight:600;color:#fff;background-color:#3498db;border:none;border-radius:8px;cursor:pointer}.button--secondary{background-color:#bbb}.button--danger{background-color:#e74c3c}.landing-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#2d2d2d;line-height:1.6}.landing-container .hero{background:linear-gradient(135deg,#4c51bf,#5a67d8);color:#fff;padding:100px 20px;text-align:center}.landing-container .hero .hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem}.landing-container .hero .hero-subtitle{font-size:1.25rem;max-width:800px;margin:0 auto 2rem}.landing-container .hero .cta-button{background-color:#fff;color:#4c51bf;font-weight:600;padding:12px 28px;border-radius:30px;text-decoration:none;transition:all .3s ease;display:inline-block}.landing-container .hero .cta-button:hover{background-color:#edf2f7;transform:translateY(-2px)}.landing-container .hero .cta-button.white{background-color:#fff;color:#4c51bf}.landing-container .feature{display:flex;align-items:center;padding:80px 10%;gap:50px}.landing-container .feature.feature-left{flex-direction:row}.landing-container .feature.feature-right{flex-direction:row-reverse}.landing-container .feature .feature-text{flex:1}.landing-container .feature .feature-text h2{font-size:2rem;margin-bottom:1rem;color:#2d3748}.landing-container .feature .feature-text p{font-size:1.1rem;color:#4a5568}.landing-container .feature .feature-image{flex:1;max-width:600px}.landing-container .feature .feature-image img{width:100%;border-radius:20px;box-shadow:0 10px 25px #0000001a}.landing-container .testimonials{background-color:#f7fafc;padding:80px 20px;text-align:center}.landing-container .testimonials h2{font-size:2.25rem;margin-bottom:2rem;color:#2d3748}.landing-container .testimonials .testimonial-grid{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.landing-container .testimonials .testimonial-grid .testimonial{background-color:#fff;padding:30px;max-width:400px;border-radius:20px;box-shadow:0 8px 20px #0000000d}.landing-container .testimonials .testimonial-grid .testimonial p{font-size:1.1rem;color:#4a5568;margin-bottom:1rem}.landing-container .testimonials .testimonial-grid .testimonial span{font-weight:700;color:#2d3748}.landing-container .final-cta{background-color:#4c51bf;color:#fff;padding:80px 20px;text-align:center}.landing-container .final-cta h2{font-size:2rem;margin-bottom:1rem}.landing-container .final-cta p{font-size:1.1rem;margin-bottom:2rem}.landing-container .footer{background-color:#1a202c;color:#fff;padding:30px 20px;text-align:center}.landing-container .footer .footer-links{margin-top:1rem}.landing-container .footer .footer-links a{color:#cbd5e0;margin:0 10px;text-decoration:none;transition:color .3s}.landing-container .footer .footer-links a:hover{color:#fff}@media (max-width: 768px){.landing-container .feature{flex-direction:column!important;text-align:center}.landing-container .feature .feature-image,.landing-container .feature .feature-text{max-width:100%}}.friend-collection-container{padding:2rem;background-color:#f7fafc;position:relative;display:flex;flex-direction:column;gap:2rem;font-family:Arial,sans-serif}.search-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-bottom:20px;gap:1rem}.search-input{padding:12px;width:60%;max-width:450px;font-size:1rem;border-radius:8px;border:1px solid #ccc;background-color:#f7fafc;transition:all .3s ease}.search-input:focus{border-color:#4c51bf;outline:none}.search-input::placeholder{color:#4a5568}.buttons-container{display:flex;gap:2rem}.search-btn{padding:12px 24px;background-color:#4c51bf;color:#fff;font-weight:600;font-size:1rem;border:none;border-radius:35px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.search-btn:hover{background-color:#434190;transform:scale(1.03)}.search-btn:active{transform:scale(.98)}h2{font-size:1.5rem;color:#2d3748;font-weight:600;text-align:center}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:4rem;margin-top:20px}.game-card{background-color:#f8f9fa;padding:15px;border-radius:10px;box-shadow:0 2px 4px #0000001a;transition:transform .3s,box-shadow .3s}.game-card:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.game-card img{max-width:100%;height:auto;border-radius:5px}.game-card h3{font-size:1rem;margin-top:10px;color:#2d3748}@media (max-width: 720px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.search-container .buttons-container{flex-direction:column;gap:1rem}}.back-btn{align-self:flex-start;padding:10px 20px;background-color:#edf2f7;border:1px solid #cbd5e0;border-radius:25px;font-size:.95rem;color:#2d3748;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.back-btn:hover{background-color:#e2e8f0;transform:scale(1.03)}.back-btn:active{transform:scale(.98)}.header-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.header-container h2{flex:1;text-align:center;margin:0;font-size:1.5rem}.header-container .spacer{width:100px}.header-container .back-btn{width:100px;padding:10px;background-color:#edf2f7;border:1px solid #cbd5e0;border-radius:25px;font-size:.95rem;color:#2d3748;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.header-container .back-btn:hover{background-color:#e2e8f0;transform:scale(1.03)}.header-container .back-btn:active{transform:scale(.98)}