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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#0f172a;--bg-secondary:#1a1a2e;--bg-tertiary:#242444;--text-primary:#fff;--text-secondary:#ccc;--accent-color:#7b68ee;--accent-hover:#6a5acd;--border-color:#3a3a5e;--card-bg:#242444;--header-bg:#16213e;--footer-bg:#16213e;--footer-bottom-bg:#0f172a}.light-theme{--bg-primary:#f8f9fa;--bg-secondary:#e9ecef;--bg-tertiary:#dee2e6;--text-primary:#212529;--text-secondary:#495057;--accent-color:#7b68ee;--accent-hover:#6a5acd;--border-color:#ced4da;--card-bg:#fff;--header-bg:#fff;--footer-bg:#f8f9fa;--footer-bottom-bg:#e9ecef}body{background-color:#0f172a;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}a{color:#7b68ee;color:var(--accent-color);text-decoration:none;transition:color .3s ease}a:hover{color:#6a5acd;color:var(--accent-hover)}ol,ul{list-style:none}img{height:auto;max-width:100%}button,input,select,textarea{font-family:inherit}button{background:none;border:none;cursor:pointer}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1a1a2e;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#3a3a5e;background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7b68ee;background:var(--accent-color)}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.btn{border-radius:30px;display:inline-block;font-weight:600;padding:10px 20px;text-align:center}.btn-primary{background-color:#7b68ee}.btn-primary:hover{background-color:#6a5acd;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.btn-secondary{background-color:#242444;background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background-color:#3a3a5e;background-color:var(--border-color)}.btn-outline{border:2px solid #7b68ee;border:2px solid var(--accent-color);color:#7b68ee;color:var(--accent-color)}.btn-outline:hover{background-color:#7b68ee;background-color:var(--accent-color);color:#fff}.btn-sm{font-size:14px;padding:6px 12px}.btn-lg{font-size:18px;padding:12px 24px}.card{background-color:#242444;background-color:var(--card-bg);border-radius:12px;box-shadow:0 5px 15px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-5px)}.card-header{border-bottom:1px solid #3a3a5e;border-bottom:1px solid var(--border-color);padding:15px}.card-body{padding:15px}.card-footer{border-top:1px solid #3a3a5e;border-top:1px solid var(--border-color);padding:15px}.game-card{display:flex;flex-direction:column;height:100%;transition:transform .3s ease,box-shadow .3s ease}.game-card:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-5px)}.game-card-image{border-radius:12px 12px 0 0;height:180px;object-fit:cover;width:100%}.game-card-content{display:flex;flex-direction:column;flex-grow:1;padding:15px}.game-card-title{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:10px}.game-card-meta{display:flex;justify-content:space-between;margin-bottom:10px}.game-card-rating{align-items:center;color:#f59e0b;display:flex}.game-card-plays{color:#ccc;color:var(--text-secondary);font-size:14px}.game-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.game-card-tag{background-color:#242444;background-color:var(--bg-tertiary);border-radius:20px;font-size:12px;padding:4px 8px}.game-card-description,.game-card-tag{color:#ccc;color:var(--text-secondary)}.game-card-description{flex-grow:1;font-size:14px;margin-bottom:15px}.game-card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.header{background-color:#16213e;background-color:var(--header-bg);padding:15px 0;z-index:100}.header-container{align-items:center;display:flex;justify-content:space-between}.logo{color:#7b68ee;color:var(--accent-color);font-size:24px;font-weight:700}.nav-menu{display:flex;gap:20px}.nav-link{color:#fff;color:var(--text-primary);font-weight:500;transition:color .3s ease}.nav-link.active,.nav-link:hover{color:#7b68ee;color:var(--accent-color)}.header-actions{align-items:center;display:flex;gap:15px}.theme-toggle{font-size:20px}.mobile-menu-toggle,.theme-toggle{background:none;border:none;color:#fff;color:var(--text-primary);cursor:pointer}.mobile-menu-toggle{display:none;font-size:24px}@media (max-width:768px){.nav-menu{display:none}.mobile-menu-toggle{display:block}.mobile-menu{background-color:#242444;background-color:var(--card-bg);box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;gap:15px;left:0;padding:20px;position:fixed;right:0;top:70px;transform:translateY(-100%);transition:transform .3s ease;z-index:99}.mobile-menu.active{transform:translateY(0)}}.footer{background-color:#16213e;background-color:var(--footer-bg);padding:50px 0 0}.footer-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.footer-column h3{color:#fff;color:var(--text-primary);font-size:18px;margin-bottom:20px}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-link{color:#ccc;color:var(--text-secondary);transition:color .3s ease}.footer-link:hover{color:#7b68ee;color:var(--accent-color)}.footer-social{display:flex;gap:15px;margin-top:15px}.social-icon{color:#ccc;color:var(--text-secondary);font-size:20px;transition:color .3s ease}.social-icon:hover{color:#7b68ee;color:var(--accent-color)}.footer-bottom{background-color:#0f172a;background-color:var(--footer-bottom-bg);margin-top:50px;padding:20px 0}.footer-copyright{color:#ccc;color:var(--text-secondary);font-size:14px}@media (max-width:768px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.footer-content{grid-template-columns:1fr}}.form-label{display:block;font-weight:500;margin-bottom:8px}.form-control,.form-label{color:#fff;color:var(--text-primary)}.form-control{background-color:#1a1a2e;background-color:var(--bg-secondary);border:1px solid #3a3a5e;border:1px solid var(--border-color);border-radius:8px;font-size:16px;padding:12px 15px;transition:border-color .3s,box-shadow .3s;width:100%}.form-control:focus{border-color:#7b68ee;border-color:var(--accent-color);box-shadow:0 0 0 2px #7b68ee33;outline:none}.form-text{color:#ccc;color:var(--text-secondary);display:block}.form-error,.form-text{font-size:14px;margin-top:5px}.form-error{color:#ff6b6b}.form-control.error{border-color:#ff6b6b}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.badge-primary{background-color:#7b68ee;background-color:var(--accent-color);color:#fff}.badge-secondary{background-color:#242444;background-color:var(--bg-tertiary);color:#ccc;color:var(--text-secondary)}.badge-success{background-color:#10b981;color:#fff}.badge-warning{background-color:#f59e0b;color:#fff}.badge-danger{background-color:#ef4444;color:#fff}.spinner{animation:spin 1s linear infinite;border:4px solid #7b68ee33;border-radius:50%;border-top:4px solid var(--accent-color);height:40px;margin:0 auto;width:40px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeIn{animation:fadeIn .5s ease-in-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slideUp{animation:slideUp .5s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.animate-pulse{animation:pulse 2s infinite}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:1rem}.ml-4{margin-left:1.5rem}.ml-5{margin-left:3rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:1rem}.mr-4{margin-right:1.5rem}.mr-5{margin-right:3rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:1rem}.pt-4{padding-top:1.5rem}.pt-5{padding-top:3rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:1rem}.pb-4{padding-bottom:1.5rem}.pb-5{padding-bottom:3rem}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:1rem}.pl-4{padding-left:1.5rem}.pl-5{padding-left:3rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:1rem}.pr-4{padding-right:1.5rem}.pr-5{padding-right:3rem}.d-flex{display:flex}.d-block{display:block}.d-inline-block{display:inline-block}.d-none{display:none}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.align-items-baseline{align-items:baseline}.align-items-stretch{align-items:stretch}.w-100{width:100%}.w-75{width:75%}.w-50{width:50%}.w-25{width:25%}.w-auto{width:auto}.h-100{height:100%}.h-75{height:75%}.h-50{height:50%}.h-25{height:25%}.h-auto{height:auto}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-circle{border-radius:50%}.rounded-pill{border-radius:50rem}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}.shadow{box-shadow:0 .5rem 1rem #00000026}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)}.font-weight-light{font-weight:300}.font-weight-normal{font-weight:400}.font-weight-bold{font-weight:700}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-primary{color:#7b68ee;color:var(--accent-color)}.text-secondary{color:#ccc;color:var(--text-secondary)}.text-white{color:#fff}.bg-primary{background-color:#7b68ee;background-color:var(--accent-color)}.bg-secondary{background-color:#1a1a2e;background-color:var(--bg-secondary)}.bg-tertiary{background-color:#242444;background-color:var(--bg-tertiary)}.border{border:1px solid #3a3a5e;border:1px solid var(--border-color)}.border-top{border-top:1px solid #3a3a5e;border-top:1px solid var(--border-color)}.border-right{border-right:1px solid #3a3a5e;border-right:1px solid var(--border-color)}.border-bottom{border-bottom:1px solid #3a3a5e;border-bottom:1px solid var(--border-color)}.border-left{border-left:1px solid #3a3a5e;border-left:1px solid var(--border-color)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-break{overflow-wrap:break-word;word-break:break-word}@media (min-width:576px){.d-sm-none{display:none}.d-sm-block{display:block}.d-sm-flex{display:flex}}@media (min-width:768px){.d-md-none{display:none}.d-md-block{display:block}.d-md-flex{display:flex}}@media (min-width:992px){.d-lg-none{display:none}.d-lg-block{display:block}.d-lg-flex{display:flex}}@media (min-width:1200px){.d-xl-none{display:none}.d-xl-block{display:block}.d-xl-flex{display:flex}}.game-detail-header{border-radius:12px;height:300px;margin-bottom:30px;overflow:hidden;position:relative}.game-detail-cover{height:100%;object-fit:cover;width:100%}.game-detail-overlay{background:linear-gradient(180deg,#0000001a,#000000b3);display:flex;flex-direction:column;height:100%;justify-content:flex-end;left:0;padding:30px;position:absolute;top:0;width:100%}.game-detail-title{color:#fff;font-size:32px;font-weight:700;margin-bottom:10px}.game-detail-meta{display:flex;gap:20px;margin-bottom:15px}.game-detail-meta-item{align-items:center;color:#fff;display:flex;font-size:14px}.game-detail-meta-item i{margin-right:5px}.game-detail-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.game-detail-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr}.game-detail-description{color:#fff;color:var(--text-primary);line-height:1.6;margin-bottom:30px}.game-detail-section{margin-bottom:30px}.game-detail-section-title{border-bottom:1px solid #3a3a5e;border-bottom:1px solid var(--border-color);color:#fff;color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:20px;padding-bottom:10px}.game-screenshots{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.game-screenshot{border-radius:8px;cursor:pointer;overflow:hidden;transition:transform .3s ease}.game-screenshot:hover{transform:scale(1.05)}.game-screenshot img{height:150px;object-fit:cover;width:100%}.game-detail-sidebar{position:sticky;top:100px}.game-actions{display:flex;flex-direction:column;gap:15px}.game-actions,.game-info-list{margin-bottom:30px}.game-info-item{border-bottom:1px solid #3a3a5e;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 0}.game-info-label{color:#ccc;color:var(--text-secondary);font-weight:500}.game-info-value{color:#fff;color:var(--text-primary);font-weight:600}.similar-games{margin-top:50px}.similar-games-title{color:#fff;color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:20px}.similar-games-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}@media (max-width:992px){.game-detail-content{grid-template-columns:1fr}.similar-games-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.game-detail-header{height:250px}.game-detail-title{font-size:28px}.similar-games-grid{grid-template-columns:repeat(2,1fr)}.game-screenshots{grid-template-columns:1fr}}@media (max-width:576px){.game-detail-header{height:200px}.game-detail-title{font-size:24px}.similar-games-grid{grid-template-columns:1fr}}.featured-page .game-card,.featured-page .game-image,.featured-page .game-image-container{height:auto!important;max-width:none!important;min-width:auto!important;width:auto!important}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1a1a2e;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.App{background-color:#121212;display:flex;flex-direction:column;min-height:100vh}.app-container{display:flex;flex:1 1;min-height:calc(100vh - 120px)}.content-area{display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:20px}.main-content{max-width:1400px;width:100%}.games-grid{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:repeat(4,1fr)!important;width:100%!important}@media (max-width:1400px){.games-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:992px){.games-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.games-grid{grid-template-columns:repeat(1,1fr)!important}.content-area{margin-left:0;width:100%}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.category-page{padding:20px}.header{background-color:#1a1b26;box-shadow:0 2px 10px #0000001a;padding:10px 20px;position:sticky;top:0;z-index:1001}.header-content{margin:0 auto;max-width:1200px}.mobile-header{display:none;flex-direction:column}.top-row{justify-content:space-between;margin-bottom:10px}.bottom-row,.top-row{align-items:center;display:flex;width:100%}.desktop-header{justify-content:space-between}.desktop-header,.logo a{align-items:center;display:flex}.logo a{text-decoration:none}.logo span{color:#fff;font-size:24px;font-weight:700;margin-left:10px}.search-container{align-items:center;background-color:#2c2d3a;border-radius:20px;display:flex;padding:5px 15px}.desktop-header .search-container{flex:1 1;margin:0 20px}.bottom-row .search-container{flex:1 1;margin-left:10px}.search-container input{background:#0000;border:none;color:#fff;flex-grow:1;outline:none;padding:8px 0}.search-container input::placeholder{color:#8a8b99}.search-container button{background:#0000;border:none;color:#8a8b99;cursor:pointer;padding:0 0 0 10px}.search-container button:hover{color:#fff}.nav-buttons{align-items:center;display:flex}.login-button{font-weight:500;padding:8px 16px;text-decoration:none}.login-button:hover{background-color:#6a45b6}.menu-toggle{background:none;border:none;cursor:pointer;padding:10px}.menu-icon{background-color:#fff;display:block;height:3px;position:relative;width:25px}.menu-icon:after,.menu-icon:before{background-color:#fff;content:"";height:100%;left:0;position:absolute;width:100%}.menu-icon:before{top:-8px}.menu-icon:after{top:8px}@media (max-width:768px){.desktop-header{display:none}.mobile-header{display:flex}}.sidebar{background-color:#1a1b26;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;padding-top:60px;position:fixed;top:0;transition:transform .3s ease;width:180px;z-index:1000}@media (max-width:768px){.sidebar{max-width:250px;transform:translateX(-100%)!important;width:80%}.sidebar-container.mobile-sidebar-visible .sidebar{box-shadow:2px 0 10px #0000004d;transform:translateX(0)!important}}.sidebar-content{display:flex;flex-direction:column;height:100%;overflow-y:auto;scrollbar-color:#444 #1a1b26;scrollbar-width:thin}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:#1a1b26}.sidebar-content::-webkit-scrollbar-thumb{background-color:#444;border-radius:4px}@media (max-width:768px){.sidebar{box-shadow:2px 0 10px #0003;width:180px}}.sidebar-item{align-items:center;color:#fff;display:flex;margin-bottom:2px;padding:10px 15px;text-decoration:none;transition:background-color .2s;white-space:nowrap}.sidebar-item:hover{background-color:#2c2d3a}.sidebar-item.active{background-color:#7e57c2}.sidebar-item i{font-size:18px;margin-right:10px;text-align:center;width:20px}.sidebar-category-title{color:#8a8b99;font-size:12px;font-weight:500;margin-top:5px;padding:15px 15px 5px}.categories-container{flex-grow:1;overflow-y:auto}.sidebar-item .category-icon{align-items:center;border-radius:50%;display:flex;height:28px;justify-content:center;margin-right:10px;position:relative;width:28px}.sidebar-item .category-icon i{font-size:14px;left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.action-icon{background-color:#ff9800}.adventure-icon{background-color:#4caf50}.puzzle-icon{background-color:#9c27b0}.shooting-icon{background-color:#f44336}.racing-icon{background-color:#e91e63}.strategy-icon{background-color:#795548}.multiplayer-icon{background-color:#5c6bc0}.io-icon{background-color:#00bcd4}.sports-icon{background-color:#4caf50}.player2-icon{background-color:#673ab7}.basketball-icon{background-color:#ff5722}.beauty-icon{background-color:#9c27b0}.bike-icon{background-color:#2196f3}.car-icon{background-color:#607d8b}.card-icon{background-color:#ff5722}.casual-icon{background-color:#8bc34a}.clicker-icon{background-color:#ffc107}.controller-icon{background-color:#3f51b5}.dressup-icon{background-color:#e91e63}.driving-icon{background-color:#795548}.escape-icon{background-color:#009688}.flash-icon{background-color:#ff9800}.fps-icon{background-color:#f44336}.horror-icon{background-color:#212121}.mahjong-icon{background-color:#4caf50}.minecraft-icon{background-color:#8bc34a}.pool-icon{background-color:#2196f3}.soccer-icon{background-color:#4caf50}.stickman-icon{background-color:#607d8b}.tower-defense-icon{background-color:#795548}.footer{background-color:#1a1b26;color:#fff;margin-left:110px;padding:30px 20px}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-section{margin-bottom:20px;min-width:200px}.footer-section h3{color:#fff;font-size:18px;margin-bottom:15px}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{color:#8a8b99;text-decoration:none;transition:color .2s}.footer-section ul li a:hover{color:#fff}.footer-bottom{border-top:1px solid #2c2d3a;color:#8a8b99;margin-top:20px;padding-top:20px;text-align:center}@media (max-width:768px){.footer{margin-left:0}.footer-content{flex-direction:column}.footer-section{margin-bottom:30px}}.layout{display:flex;flex-direction:column;min-height:100vh}.content-container{display:flex;min-height:calc(100vh - 120px);position:relative}.sidebar-container{width:180px;z-index:100}.main-content{flex:1 1;margin-left:180px;overflow-x:hidden;padding:20px}@media (max-width:768px){.main-content{margin-left:0;padding:15px;width:100%}.sidebar-container{width:0}}.admin-page{margin:0 auto;max-width:1000px;padding:20px}.admin-header{margin-bottom:30px}.admin-header h1{color:var(--text-primary);font-size:28px}.message{border-radius:8px;margin-bottom:20px;padding:15px}.message.success{background-color:#34d39933;border:1px solid #34d39980;color:#065f46}.message.error{background-color:#f8717133;border:1px solid #f8717180;color:#b91c1c}.game-form{background-color:var(--card-bg);border-radius:12px;box-shadow:0 5px 15px #0000001a;margin-bottom:30px;padding:30px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:8px}input,select,textarea{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:16px;padding:12px;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #7b68ee33;outline:none}textarea{min-height:100px;resize:vertical}small{color:var(--text-secondary);display:block;font-size:14px;margin-top:5px}.form-actions{display:flex;gap:15px;margin-top:30px}.btn{border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn-primary{background-color:var(--accent-color);border:none;color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn-outline{background-color:initial;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{background-color:var(--bg-secondary)}.admin-note{background-color:#7b68ee1a;border-radius:8px;padding:20px}.admin-note h3{color:var(--text-primary);font-size:18px;margin-bottom:10px}.admin-note p{color:var(--text-secondary);margin-bottom:10px}@media (max-width:768px){.form-row{gap:15px;grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{width:100%}}.btn-secondary{background-color:#6c757d;border:none;color:#fff}.btn-secondary:hover{background-color:#5a6268}.generated-code-container{background-color:var(--card-bg);border-radius:12px;box-shadow:0 5px 15px #0000001a;margin-top:30px;padding:20px}.generated-code-container h3{color:var(--text-primary);font-size:20px;margin-bottom:10px}.generated-code-container p{color:var(--text-secondary);margin-bottom:15px}.code-box{background-color:var(--bg-tertiary);border-radius:8px;margin-bottom:15px;max-height:300px;overflow:auto;padding:15px;position:relative}.code-box pre{color:var(--text-primary);font-family:monospace;margin:0;white-space:pre-wrap}.copy-btn{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px;position:absolute;right:10px;top:10px}.copy-btn:hover{background-color:var(--accent-hover)}.admin-login-page{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:20px}.login-container{background-color:#1e1f2b;border-radius:8px;box-shadow:0 4px 15px #0003;max-width:400px;padding:30px;width:100%}.login-container h2{color:#e1e2ea;margin-bottom:20px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#e1e2ea;margin-bottom:8px}.form-group input{background-color:#2c2d3a;border:1px solid #3a3b47;border-radius:4px;color:#e1e2ea;font-size:16px;padding:10px;width:100%}.login-button{background-color:#7e57c2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .2s;width:100%}.login-button:hover{background-color:#6a4caf}.error-message{background-color:#f443361a;color:#f44336;margin-bottom:20px;text-align:center}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.logout-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .2s}.logout-button:hover{background-color:#d32f2f}.game-detail-page{padding:20px;width:100%}.game-detail-container{background-color:#1e1f2e;border-radius:10px;box-shadow:0 5px 15px #0003;margin:0 auto;max-width:1200px;padding:30px}.game-title{color:#fff;font-size:42px;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px #0000004d;transition:font-size .1s ease;will-change:font-size}@media (max-width:768px){.game-title{font-size:32px}}.game-meta-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.game-categories{display:flex;flex-wrap:wrap;gap:10px}.game-category{background-color:#2d2e3e;border-radius:20px;color:#8a8d98;font-size:14px;padding:5px 12px}.game-stats{align-items:center;display:flex;gap:20px}.game-plays,.game-rating{align-items:center;color:#e1e2ea;display:flex;gap:5px}.star-icon{color:#ffce00}.plays-icon{color:#8a8d98}.game-image-container{border-radius:8px;margin-bottom:30px;overflow:hidden;width:100%}.game-detail-image{border-radius:8px;height:auto;object-fit:cover;width:100%}.game-description,.game-instructions{margin-bottom:30px}.game-description h2,.game-instructions h2,.related-games h2{color:#e1e2ea;font-size:24px;margin-bottom:15px}.game-description p,.game-instructions p{color:#8a8d98;line-height:1.6}.related-games-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:20px}.related-game-card{background-color:#2d2e3e;border-radius:8px;overflow:hidden;transition:transform .3s}.related-game-card:hover{transform:translateY(-5px)}.related-game-card img{height:120px;object-fit:cover;width:100%}.related-game-card h3{color:#e1e2ea;font-size:16px;padding:10px}.game-detail-loading{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:15px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.game-not-found{color:#e1e2ea;font-size:20px;padding:50px;text-align:center}.game-content{aspect-ratio:16/9;background-color:#000;border-radius:8px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.game-iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:768px){.game-detail-page{margin:0;overflow-x:hidden;padding:0;width:100%}.game-detail-container{border-radius:0;box-shadow:none;margin:0;max-width:100%;padding:10px;width:100%}.game-content{aspect-ratio:16/9;border-radius:0;margin:0 0 15px;position:relative;width:100%}.game-iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.game-description,.game-instructions{padding:0 5px}}.add-game-page{color:#fff;display:flex;flex-wrap:wrap;gap:20px;margin:0 auto;max-width:1200px;padding:20px}.game-input-section,.json-output-section{flex:1 1;min-width:300px}.add-game-page h2{margin-bottom:15px;text-align:center}.game-form{background:#0003;border-radius:8px;margin-bottom:20px;padding:20px}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{background:#1a1a2e;border:1px solid #444;border-radius:4px;color:#fff;padding:10px;width:100%}.form-group textarea{resize:vertical}.clear-button,.copy-button,.generate-button{background:#4a69bd;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 15px;transition:background .3s}.copy-button:hover,.generate-button:hover{background:#1e3799}.clear-button{background:#e74c3c}.clear-button:hover{background:#c0392b}.generate-button:disabled{background:#666}.error-message{background:#ff00001a;border-radius:4px;color:#ff6b6b;margin:10px 0;padding:10px}.json-output{background:#0003;border-radius:8px;display:flex;flex-direction:column;height:100%;padding:20px}.json-output pre{background:#1a1a2e;border-radius:4px;flex:1 1;margin:10px 0;max-height:600px;min-height:300px;overflow-x:auto;overflow-y:auto;padding:15px;white-space:pre-wrap}.json-actions{display:flex;gap:10px;margin-top:10px}@media (max-width:768px){.add-game-page{flex-direction:column}}.checkbox-group{margin-bottom:15px}.checkbox-container{display:flex;gap:20px}.checkbox-label{align-items:center;cursor:pointer;display:flex}.checkbox-label input{margin-right:8px}.input-error{background-color:#f443360d;border:1px solid #f44336!important}.field-error-message{color:#f44336;font-size:12px;font-weight:500;margin-top:4px}.generate-button:disabled{background-color:#ccc;cursor:not-allowed}
/*# sourceMappingURL=main.4e779579.css.map*/