:root{--primary-color:#6200ea;--primary-light:#9d46ff;--primary-dark:#0a00b6;--secondary-color:#03dac6;--secondary-light:#66fff9;--secondary-dark:#00a896;--text-on-primary:#fff;--text-on-secondary:#000;--background-color:#f5f5f5;--surface-color:#fff;--error-color:#b00020;--success-color:#00c853;--border-radius:8px;--box-shadow:0 4px 6px #0000001a;--transition-speed:0.3s;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-family:"Roboto","Segoe UI","Helvetica Neue",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;background-color:var(--background-color);color:#333;font-family:Roboto,Segoe UI,Helvetica Neue,sans-serif;font-family:var(--font-family);line-height:1.6}a{color:#6200ea;color:var(--primary-color);text-decoration:none}ul{list-style:none}button{background:#6200ea;background:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--text-on-primary);cursor:pointer;outline:none;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .3s;transition:background-color var(--transition-speed)}button:hover{background:#9d46ff;background:var(--primary-light)}button:disabled{background:#ccc;cursor:not-allowed}input,select,textarea{border:1px solid #ddd;border-radius:8px;border-radius:var(--border-radius);font-family:Roboto,Segoe UI,Helvetica Neue,sans-serif;font-family:var(--font-family);margin-bottom:16px;margin-bottom:var(--spacing-md);padding:8px;padding:var(--spacing-sm);width:100%}.container{margin:0 auto;max-width:1200px;padding:16px;padding:var(--spacing-md)}.card{background:#fff;background:var(--surface-color);box-shadow:0 4px 6px #0000001a;box-shadow:var(--box-shadow);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.btn,.card{border-radius:8px;border-radius:var(--border-radius)}.btn{background:#6200ea;background:var(--primary-color);color:#fff;color:var(--text-on-primary);display:inline-block;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-align:center;transition:background-color .3s;transition:background-color var(--transition-speed)}.btn:hover{background:#9d46ff;background:var(--primary-light)}.btn-secondary{background:#03dac6;background:var(--secondary-color);color:#000;color:var(--text-on-secondary)}.btn-secondary:hover{background:#66fff9;background:var(--secondary-light)}.btn-danger{background:#b00020;background:var(--error-color)}.btn-danger,.btn-success{color:#fff;color:var(--text-on-primary)}.btn-success{background:#00c853;background:var(--success-color)}.alert{border-radius:var(--border-radius);margin-bottom:16px;margin-bottom:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.alert-danger{background:#ffebee;border:1px solid #b00020;border:1px solid var(--error-color);color:#b00020;color:var(--error-color)}.alert-success{background:#e8f5e9;border:1px solid #00c853;border:1px solid var(--success-color);color:#00c853;color:var(--success-color)}.form-group{margin-bottom:16px;margin-bottom:var(--spacing-md)}.form-group label{font-weight:700;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.text-center{text-align:center}.m-1{margin:4px;margin:var(--spacing-xs)}.m-2{margin:8px;margin:var(--spacing-sm)}.m-3{margin:16px;margin:var(--spacing-md)}.m-4{margin:24px;margin:var(--spacing-lg)}.m-5{margin:32px;margin:var(--spacing-xl)}.my-1{margin-bottom:4px;margin-bottom:var(--spacing-xs);margin-top:4px;margin-top:var(--spacing-xs)}.my-2{margin-bottom:8px;margin-bottom:var(--spacing-sm);margin-top:8px;margin-top:var(--spacing-sm)}.my-3{margin-bottom:16px;margin-bottom:var(--spacing-md);margin-top:16px;margin-top:var(--spacing-md)}.my-4{margin-bottom:24px;margin-bottom:var(--spacing-lg);margin-top:24px;margin-top:var(--spacing-lg)}.my-5{margin-bottom:32px;margin-bottom:var(--spacing-xl);margin-top:32px;margin-top:var(--spacing-xl)}.mx-1{margin-left:4px;margin-left:var(--spacing-xs);margin-right:4px;margin-right:var(--spacing-xs)}.mx-2{margin-left:8px;margin-left:var(--spacing-sm);margin-right:8px;margin-right:var(--spacing-sm)}.mx-3{margin-left:16px;margin-left:var(--spacing-md);margin-right:16px;margin-right:var(--spacing-md)}.mx-4{margin-left:24px;margin-left:var(--spacing-lg);margin-right:24px;margin-right:var(--spacing-lg)}.mx-5{margin-left:32px;margin-left:var(--spacing-xl);margin-right:32px;margin-right:var(--spacing-xl)}.p-1{padding:4px;padding:var(--spacing-xs)}.p-2{padding:8px;padding:var(--spacing-sm)}.p-3{padding:16px;padding:var(--spacing-md)}.p-4{padding:24px;padding:var(--spacing-lg)}.p-5{padding:32px;padding:var(--spacing-xl)}.py-1{padding-bottom:4px;padding-bottom:var(--spacing-xs);padding-top:4px;padding-top:var(--spacing-xs)}.py-2{padding-bottom:8px;padding-bottom:var(--spacing-sm);padding-top:8px;padding-top:var(--spacing-sm)}.py-3{padding-bottom:16px;padding-bottom:var(--spacing-md);padding-top:16px;padding-top:var(--spacing-md)}.py-4{padding-bottom:24px;padding-bottom:var(--spacing-lg);padding-top:24px;padding-top:var(--spacing-lg)}.py-5{padding-bottom:32px;padding-bottom:var(--spacing-xl);padding-top:32px;padding-top:var(--spacing-xl)}.px-1{padding-left:4px;padding-left:var(--spacing-xs);padding-right:4px;padding-right:var(--spacing-xs)}.px-2{padding-left:8px;padding-left:var(--spacing-sm);padding-right:8px;padding-right:var(--spacing-sm)}.px-3{padding-left:16px;padding-left:var(--spacing-md);padding-right:16px;padding-right:var(--spacing-md)}.px-4{padding-left:24px;padding-left:var(--spacing-lg);padding-right:24px;padding-right:var(--spacing-lg)}.px-5{padding-left:32px;padding-left:var(--spacing-xl);padding-right:32px;padding-right:var(--spacing-xl)}.navbar{background:var(--primary-color);box-shadow:0 2px 10px #0003;height:80px;justify-content:center;position:sticky;top:0;z-index:999}.navbar,.navbar-container{align-items:center;display:flex}.navbar-container{justify-content:space-between;max-width:1200px;padding:0 var(--spacing-md);width:100%}.navbar-logo{align-items:center;color:var(--text-on-primary);display:flex;font-size:1.8rem;font-weight:700;text-decoration:none}.logo-icon{font-size:1.8rem;margin-right:var(--spacing-sm)}.nav-menu{align-items:center;display:flex;list-style:none;text-align:center}.nav-menu li{margin:0 var(--spacing-md)}.nav-menu a{align-items:center;color:var(--text-on-primary);display:flex;font-size:1.1rem;padding:var(--spacing-sm) 0;text-decoration:none;transition:all .3s ease}.nav-menu a:hover{color:var(--secondary-light)}.icon{margin-right:var(--spacing-xs)}.menu-icon{color:var(--text-on-primary);cursor:pointer;display:none;font-size:1.8rem}@media screen and (max-width:960px){.nav-menu{background:var(--primary-dark);display:flex;flex-direction:column;height:calc(100vh - 80px);left:-100%;position:absolute;top:80px;width:100%}.nav-menu,.nav-menu.active{opacity:1;transition:all .5s ease}.nav-menu.active{left:0;z-index:1}.nav-menu li{margin:var(--spacing-md) 0;text-align:center;width:100%}.nav-menu a{display:table;justify-content:center;padding:var(--spacing-md);width:100%}.menu-icon{display:block}}.footer{background-color:var(--primary-dark);color:var(--text-on-primary);margin-top:var(--spacing-xl);padding:var(--spacing-lg) 0 var(--spacing-md)}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}.footer-logo{flex:1 1 300px;margin-bottom:var(--spacing-lg)}.footer-logo-link{align-items:center;color:var(--text-on-primary);display:flex;font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-md);text-decoration:none}.footer-logo-icon{font-size:1.5rem;margin-right:var(--spacing-sm)}.footer-logo p{color:#ccc;font-size:.9rem;max-width:300px}.footer-links{display:flex;flex:2 1 600px;flex-wrap:wrap;justify-content:space-around}.footer-link-section{margin-bottom:var(--spacing-lg);min-width:150px}.footer-link-section h3{color:var(--text-on-primary);font-size:1.1rem;margin-bottom:var(--spacing-md)}.footer-link-section ul{list-style:none;padding:0}.footer-link-section li{margin-bottom:var(--spacing-sm)}.footer-link-section a{color:#ccc;font-size:.9rem;text-decoration:none;transition:color .3s ease}.footer-link-section a:hover{color:var(--secondary-light)}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px;padding:var(--spacing-md)}.footer-social{display:flex;gap:var(--spacing-md)}.footer-social a{color:var(--text-on-primary);font-size:1.2rem;transition:color .3s ease}.footer-social a:hover{color:var(--secondary-light)}.footer-bottom p{color:#ccc;font-size:.8rem}@media (max-width:768px){.footer-container{flex-direction:column}.footer-links{margin-top:var(--spacing-md)}.footer-bottom{flex-direction:column;text-align:center}.footer-social{justify-content:center;margin-bottom:var(--spacing-md)}}.game-card{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.game-card:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}.game-card-link{color:inherit;display:flex;flex:1 1;flex-direction:column;text-decoration:none}.game-card-image{height:180px;overflow:hidden;position:relative}.game-card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.game-card:hover .game-card-image img{transform:scale(1.05)}.game-card-tags{display:flex;gap:var(--spacing-xs);left:var(--spacing-sm);position:absolute;top:var(--spacing-sm)}.game-tag{background-color:var(--primary-color);border-radius:12px;color:var(--text-on-primary);font-size:.7rem;font-weight:700;padding:2px 8px;text-transform:uppercase}.game-card-content{display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-md)}.game-card-title{color:var(--primary-dark);font-size:1.2rem;margin-bottom:var(--spacing-sm)}.game-card-description{color:#666;flex:1 1;font-size:.9rem;margin-bottom:var(--spacing-md)}.game-card-creator{align-items:center;display:flex;font-size:.9rem;margin-bottom:var(--spacing-sm)}.creator-avatar{border-radius:50%;height:24px;margin-right:var(--spacing-xs);object-fit:cover;width:24px}.game-card-stats{color:#777;display:flex;font-size:.85rem;justify-content:space-between}.stat{align-items:center;display:flex}.stat-icon{color:var(--primary-color);margin-right:4px}.stat-count{color:#999;font-size:.75rem;margin-left:2px}.game-card-actions{border-top:1px solid #eee;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.btn-sm{flex:1 1;font-size:.85rem;padding:4px 12px;text-align:center}.home{margin-top:var(--spacing-lg)}.hero{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.hero-content{flex:1 1 500px}.hero-content h1{color:var(--primary-color);font-size:2.5rem;margin-bottom:var(--spacing-md)}.hero-content p{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:var(--spacing-lg)}.hero-buttons{display:flex;gap:var(--spacing-md)}.hero-image{display:flex;flex:1 1 400px;justify-content:center}.hero-image img{border-radius:var(--border-radius);box-shadow:var(--box-shadow);height:auto;max-width:100%}.features{margin:var(--spacing-xl) 0;text-align:center}.features h2{color:var(--primary-color);font-size:2rem;margin-bottom:var(--spacing-lg)}.features-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--spacing-lg)}.feature-card{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:var(--spacing-lg);transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{color:var(--primary-color);font-size:2.5rem;margin-bottom:var(--spacing-md)}.feature-card h3{color:var(--primary-dark);font-size:1.3rem;margin-bottom:var(--spacing-sm)}.feature-card p{color:#666;line-height:1.5}.game-showcase{margin:var(--spacing-xl) 0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.section-header h2{color:var(--primary-color);font-size:1.8rem}.view-all{color:var(--primary-color);font-weight:700;transition:color .3s ease}.view-all:hover{color:var(--primary-light)}.games-grid{grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.loader-container{display:flex;justify-content:center;padding:var(--spacing-xl) 0}.loader{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid var(--primary-color);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cta{background-color:var(--primary-color);border-radius:var(--border-radius);color:var(--text-on-primary);margin:var(--spacing-xl) 0;padding:var(--spacing-xl);text-align:center}.cta-content h2{font-size:2rem;margin-bottom:var(--spacing-md)}.cta-content p{font-size:1.1rem;margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto;max-width:700px}.cta .btn{background-color:var(--text-on-primary);color:var(--primary-color);font-weight:700;padding:var(--spacing-sm) var(--spacing-lg)}.cta .btn:hover{background-color:var(--secondary-light)}@media (max-width:768px){.hero{flex-direction:column}.hero-content{text-align:center}.hero-buttons{justify-content:center}.hero-content h1{font-size:2rem}.cta-content h2,.features h2{font-size:1.8rem}}.auth-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:2rem 1rem}.auth-card{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:12px;max-width:420px;padding:2.5rem;width:100%}.auth-card h1{color:#fff;font-size:1.75rem;margin-bottom:.25rem}.auth-subtitle{color:#88a;font-size:.95rem;margin-bottom:1.75rem}.form-group{margin-bottom:1.25rem}.form-group label{color:#ccc;display:block;font-size:.9rem;margin-bottom:.4rem}.form-group input{background:#0f0f22;border:1px solid #3a3a5a;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;padding:.65rem .9rem;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#6c63ff;outline:none}.btn-block{margin-top:.5rem;width:100%}.alert{font-size:.9rem;margin-bottom:1.25rem}.auth-footer{color:#88a;font-size:.9rem;margin-top:1.5rem;text-align:center}.auth-footer a{color:#6c63ff;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.catalog-page{padding:2rem 0}.catalog-header{margin-bottom:2rem}.catalog-header h1{font-size:2rem;margin-bottom:.4rem}.catalog-header p{color:#88a}.catalog-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.search-form{display:flex;flex:1 1;gap:.5rem;min-width:260px}.search-input-wrap{flex:1 1;position:relative}.search-icon{color:#88a;left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input-wrap input{background:#1a1a2e;border:1px solid #3a3a5a;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;padding:.65rem .9rem .65rem 2.25rem;width:100%}.search-input-wrap input:focus{border-color:#6c63ff;outline:none}.sort-control{align-items:center;color:#88a;display:flex;gap:.5rem}.sort-control select{background:#1a1a2e;border:1px solid #3a3a5a;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;padding:.65rem .9rem}.games-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.empty-state{color:#88a;padding:4rem 2rem;text-align:center}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:3rem}.page-info{color:#88a;font-size:.9rem}.alert{border-radius:8px;margin-bottom:1.5rem;padding:.75rem 1rem}.alert-error{background:#dc354526;border:1px solid #dc354566;color:#ff6b7a}.not-found{align-items:center;display:flex;justify-content:center;min-height:70vh;text-align:center}.not-found-content{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:500px;padding:var(--spacing-xl)}.not-found-icon{color:var(--error-color);font-size:4rem;margin-bottom:var(--spacing-md)}.not-found h1{color:var(--primary-color);font-size:5rem;line-height:1;margin:0}.not-found h2{color:var(--primary-dark);font-size:1.8rem;margin-bottom:var(--spacing-md)}.not-found p{color:#666;font-size:1.1rem;margin-bottom:var(--spacing-lg)}.not-found-actions{display:flex;gap:var(--spacing-md);justify-content:center}.btn-icon{margin-right:var(--spacing-xs)}@media (max-width:576px){.not-found h1{font-size:4rem}.not-found h2{font-size:1.5rem}.not-found-actions{flex-direction:column;gap:var(--spacing-sm)}}
/*# sourceMappingURL=main.9e51370c.css.map*/