body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#222;padding:20px}.landing-container{color:#fff;margin:0 auto;max-width:1200px}.landing-header{background:linear-gradient(135deg,#9614d0,#6b0078);border-radius:8px;box-shadow:0 0 10px #0000004d;margin-bottom:40px;padding:60px 20px;text-align:center}.landing-header h1{color:#fff;font-size:3rem;font-weight:700;margin:0 0 15px}.landing-header p{color:#fff;font-size:1.2rem;margin:0;opacity:.9}.main-content{padding:0}.sections-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.section-card{background-color:#444;border-radius:8px;box-shadow:0 0 10px #0000004d;padding:25px}.section-title{border-bottom:2px solid #9614d0;color:#9614d0;font-size:1.4rem;margin-bottom:15px;padding-bottom:8px}.section-paragraph{color:#ccc;font-size:1rem;line-height:1.6;margin-bottom:15px}.section-list{list-style:none;margin-bottom:15px;padding-left:0}.section-list li{color:#ccc;font-size:1rem;line-height:1.6;margin-bottom:8px;padding-left:15px;position:relative}.section-list li:before{color:#9614d0;content:"•";font-weight:700;left:0;position:absolute}.steps-container{display:flex;flex-direction:column;gap:15px}.step{background-color:#333;border-left:3px solid #9614d0;border-radius:4px;padding:15px}.step-title{color:#fff;font-weight:700;margin-bottom:5px}.step-description{color:#ccc;font-size:.95rem;line-height:1.5}.team-list{margin:15px 0}.team-member{background-color:#333;border-left:3px solid #9614d0;border-radius:4px;color:#fff;font-size:1rem;padding:12px 15px}.landing-footer{background-color:#444;border-radius:8px;box-shadow:0 0 10px #0000004d;padding:40px 25px;text-align:center}.landing-footer p{color:#ccc;font-size:1.1rem;margin-bottom:15px}.landing-footer p:last-of-type{margin-bottom:25px}.button-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.landing-button{background-color:#9614d0;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;min-width:150px;padding:15px 25px;text-decoration:none;transition:background-color .3s ease}.landing-button:hover{background-color:#6b0078}.landing-button.secondary{background-color:#555}.landing-button.secondary:hover{background-color:#333}@media (max-width:768px){body{padding:15px}.landing-header{padding:40px 20px}.landing-header h1{font-size:2rem}.landing-header p{font-size:1rem}.sections-grid{gap:20px;grid-template-columns:1fr}.section-card{padding:20px}.section-title{font-size:1.2rem}.section-paragraph{font-size:.95rem}.landing-button{font-size:14px;padding:12px 20px;width:200px}.button-container{align-items:center;flex-direction:column}}.users-container{background-color:#444;border-radius:8px;box-shadow:0 0 10px #0000004d;color:#fff;margin:80px auto 20px;max-width:500px;padding:20px}.users-container h2{margin-bottom:20px;text-align:center}.users-inner{margin:0 auto;max-width:700px}.search-wrapper{margin-bottom:20px;text-align:center}.search-input{background-color:#222;border:1px solid #555;border-radius:4px;color:#fff;font-size:14px;max-width:400px;padding:8px 12px;width:100%}.users-list{display:flex;flex-direction:column;gap:10px}.user-card{align-items:center;background-color:#333;border-radius:6px;cursor:pointer;display:flex;justify-content:flex-start;padding:12px 16px;transition:background-color .1s ease}.user-card:hover{background-color:#3a3a3a}.user-info{gap:12px}.avatar,.user-info{align-items:center;display:flex}.avatar{background-color:#555;border-radius:50%;color:#fff;font-size:18px;height:40px;justify-content:center;width:40px}.username{font-size:1em;text-transform:capitalize;transition:-webkit-text-decoration .1s ease;transition:text-decoration .1s ease;transition:text-decoration .1s ease,-webkit-text-decoration .1s ease}.user-card:hover .username{text-decoration:underline}.badges{display:flex;flex-direction:column;gap:4px;margin-left:auto}.badge{border-radius:999px;box-shadow:0 1px 3px #0003;display:inline-block;font-size:.75em;font-weight:500;min-width:100px;padding:4px 12px;text-align:center;transition:transform .1s ease,box-shadow .1s ease;white-space:nowrap}.badge.playing{background-color:#17a2b8;color:#fff}.badge.plan{background-color:#ffc107;color:#000}.badge.completed{background-color:#28a745;color:#fff}body{background-color:#181818;color:#fff;font-family:Arial,sans-serif;margin:0;padding-top:70px}button{background-color:#9614d0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px}h2{color:#eee}label{color:#ccc;display:block;margin-bottom:5px;text-align:left}input[type=text]{background-color:#555;border:1px solid #060606;border-radius:4px;box-sizing:border-box;color:#fff;margin-bottom:10px;padding:8px;width:100%}button:hover{background-color:#6b0078}.link{color:#8ab4f8;text-decoration:none}.link:hover{text-decoration:underline}.error{color:#f8d7da;margin-top:10px}.game-list{margin-top:20px}.game-list>div{margin-bottom:20px;text-align:center;width:200px}.add-game-container{background-color:#444;border-radius:8px;box-shadow:0 0 10px #0000004d;color:#eee;margin:20px auto;padding:20px;position:relative;width:500px}.add-game-container h2{color:#eee;margin-bottom:20px;text-align:center}.add-game-container label{color:#ccc;display:block;margin-bottom:8px}.add-game-container select,.add-game-container textarea{background-color:#555;border:1px solid #666;border-radius:4px;box-sizing:border-box;color:#fff;margin-bottom:15px;padding:10px;width:100%}.add-game-container button{background-color:#9614d0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s ease}.add-game-container button:hover{background-color:#6b0078}.add-game-container p{color:#bbb;margin-top:20px;text-align:center}.form-actions{display:flex;justify-content:space-between;margin-top:20px}.edit-button{background-color:#ff9d00;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .3s ease}.edit-button:hover{background-color:#ff7a00}.auth-container{align-items:center;background-color:#444;border-radius:8px;box-shadow:0 0 10px #0000004d;color:#fff;margin:80px auto;max-width:300px;padding:30px;text-align:center}.auth-container input{background-color:#555;border:1px solid #060606;border-radius:4px;box-sizing:border-box;color:#fff;margin-bottom:15px;padding:10px;width:100%}.auth-container button{background-color:#9614d0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px;transition:background-color .3s ease}.auth-container button:hover{background-color:#6b0078}.auth-container .error{color:#f8d7da;margin-bottom:15px}input[type=email],input[type=password]{background-color:#555;border:1px solid #060606;border-radius:4px;box-sizing:border-box;color:#fff;margin-bottom:10px;padding:8px;width:100%}.app-header{align-items:center;background-color:#222;box-shadow:0 2px 5px #0000004d;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;left:0;padding:10px 20px;position:fixed;right:0;top:0;width:100%;z-index:100}.app-header .nav-links ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}.app-header .nav-links li a{color:#fff;text-decoration:none;transition:color .3s ease}.app-header .nav-links li a:hover{color:#8ab4f8}.app-header .auth-buttons a,.app-header .auth-buttons button{background-color:#444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-left:10px;padding:8px 15px;text-decoration:none;transition:background-color .3s ease;white-space:nowrap}.app-header .auth-buttons button{background-color:#9614d0}.app-header .auth-buttons a:hover,.app-header .auth-buttons button:hover{background-color:#6b0078}.container{background-color:#444;border-radius:8px;box-shadow:0 0 10px #0000004d;margin:0 auto 20px;max-width:1200px;padding:30px;text-align:center;width:90%}.filters{justify-content:center}.game-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.game-item h3{color:#eee;margin-bottom:5px}.add-to-profile-button{background-color:#9614d0;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 12px}.add-to-profile-button:hover{background-color:#6b0078}.game-item{background-color:#333;border-radius:8px;box-shadow:0 0 8px #0000004d;padding:15px;text-align:center}.game-item img{border-radius:8px;height:auto;margin-bottom:10px;width:100%}.game-item h4{color:#eee;margin-bottom:5px}.game-item p{color:#ccc;font-size:14px}.details-button{background-color:#64b5f6;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .3s ease}.details-button:hover{background-color:#2196f3}.delete-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .3s ease}.delete-button:hover{background-color:#d32f2f}.filters{align-items:center;background-color:#333;border-radius:8px;display:flex;gap:20px;justify-content:space-center;margin:20px 0;padding:15px}.filter-select,.search-input{background-color:#555;border:1px solid #060606;border-radius:4px;box-sizing:border-box;color:#fff;font-size:14px;padding:10px;width:140px}.filter-group{align-items:center;display:flex;gap:10px}.filter-group label{color:#fff;font-size:14px;font-weight:700;white-space:nowrap}.filter-select option{background-color:#555;color:#fff}
/*# sourceMappingURL=main.45e16fa2.css.map*/