:root{--bg:#1a1a1a;--text:#fff;--nav-bg:#1f2937;--search-bg:#333;--search-text:#fff;--search-result-text:#fff;--dropdown-bg:#2d2d2d;--dropdown-text:#fff;--dropdown-border:#4b5563;--label-text:#fff;--search-dropdown-bg:#2d2d2d;--search-dropdown-text:#fff;--search-dropdown-hover:#606060;--bg-light:#fff;--text-light:#333;--nav-bg-light:#242424;--search-bg-light:#fff;--search-text-light:#333;--search-result-text-light:#333;--dropdown-bg-light:#fff;--dropdown-text-light:#333;--dropdown-border-light:#e5e7eb;--label-text-light:#333;--search-dropdown-bg-light:#fff;--search-dropdown-text-light:#333;--search-dropdown-hover-light:#d7d7d7b4}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;background-color:var(--bg);color:#fff;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}body.light{--bg:var(--bg-light);--text:var(--text-light);--nav-bg:var(--nav-bg-light);--dropdown-bg:var(--dropdown-bg-light);--dropdown-text:var(--dropdown-text-light);--dropdown-border:var(--dropdown-border-light);--label-text:var(--label-text-light);--search-dropdown-bg:var(--search-dropdown-bg-light);--search-dropdown-text:var(--search-dropdown-text-light);--search-dropdown-hover:var(--search-dropdown-hover-light)}.filter-label{color:#fff;color:var(--label-text);font-weight:500;white-space:nowrap}.filter-select{background-color:#2d2d2d;background-color:var(--dropdown-bg);border:1px solid #4b5563;border:1px solid var(--dropdown-border);border-radius:.5rem;color:#fff;color:var(--dropdown-text);cursor:pointer;max-width:16rem;padding:.5rem 1rem;transition:all .2s ease;width:100%}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640;outline:none}.filter-select option{background-color:#2d2d2d;background-color:var(--dropdown-bg);color:#fff;color:var(--dropdown-text);padding:.5rem}.navbar{align-items:center;background-color:#1a1a1a;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem;position:relative}.nav-brand h2{color:#fff;font-size:1.8rem;margin:0}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links li a{color:#fff;font-size:1.1rem;text-decoration:none;transition:color .3s ease}.nav-links li a:hover{color:#007bff}.search-container{position:relative;width:400px}.search-input{background-color:#333;border:none;border-radius:20px;color:#fff;font-size:1rem;padding:10px 15px;transition:background-color .3s ease;width:100%}.search-input:focus{background-color:#444;outline:none}.search-dropdown{background-color:#2d2d2d;background-color:var(--search-dropdown-bg);border-radius:8px;box-shadow:0 4px 6px #0000001a;left:0;list-style:none;margin-top:5px;max-height:400px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1000}.search-result-item{align-items:center;cursor:pointer;display:flex;padding:10px 15px;transition:background-color .2s ease}.search-result-item:hover{background-color:#606060;background-color:var(--search-dropdown-hover)}.search-result-image{border-radius:4px;height:50px;margin-right:15px;object-fit:cover;width:50px}.search-result-name{color:#fff;color:var(--search-dropdown-text);font-size:1rem}.nav-right{gap:2rem}.nav-right,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;justify-content:center;padding:8px}.theme-toggle:hover{background-color:#ffffff1a}.theme-icon{font-size:1.2rem}.toggler-mobile{display:none}.burger-menu{cursor:pointer;display:none;flex-direction:column}.burger-menu div{background-color:#fff;height:3px;margin:5px 0;transition:transform .3s ease;width:30px}@media (max-width:1024px){.navbar{align-items:flex-start;flex-direction:column;padding:1rem}.toggler-mobile{display:block;margin-left:auto;margin-right:1rem;position:relative}.toggler-desktop{display:none}.nav-top{flex-direction:row;justify-content:space-between;width:100%}.burger-menu,.nav-top{display:flex}.nav-right{align-items:flex-start;display:none}.nav-links,.nav-right{flex-direction:column;width:100%}.nav-links{gap:1rem;padding:1rem 0}.search-container{margin-top:.5rem;width:100%}.nav-right.show{display:flex}}.game-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:20px}.game-card{border:1px solid #ccc;border-radius:8px;padding:1rem;text-align:center;transition:transform .2s ease-in-out;width:300px}.game-card:hover{box-shadow:0 0 10px #0000001a;transform:scale(1.05)}.game-card img{border-radius:8px;height:auto;max-height:200px;min-height:200px;object-fit:cover;width:100%}.game-card h3{font-size:18px;font-weight:700;margin-bottom:.5rem}.game-card h3,.game-card p{font-family:Open Sans,sans-serif}.game-card p{color:#666;font-size:14px}.game-card button{background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:.5rem;padding:.5rem;transition:background-color .2s ease-in-out}.game-card button:hover{background-color:#555}.large-image{border-radius:8px;height:auto;margin:auto;object-fit:cover;width:90%}.search-dropdown::-webkit-scrollbar{width:8px}.search-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 8px 8px 0}.search-dropdown::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.search-dropdown::-webkit-scrollbar-thumb:hover{background:#555}
/*# sourceMappingURL=main.97b92413.css.map*/