.lang-switch[data-v-c8293eaa]{gap:8px;display:flex}.lang-btn[data-v-c8293eaa]{color:#333;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:6px 12px;font-size:14px;transition:all .3s}.lang-btn[data-v-c8293eaa]:hover{background-color:#f0f0f0}.lang-btn.active[data-v-c8293eaa]{color:#fff;background-color:#007bff;border-color:#007bff}body{color:#f1f5f9;background-color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 20px}.app-header{z-index:100;background-color:#1e293b;padding:20px 0;position:sticky;top:0;overflow-x:hidden}.logo h1{color:#38bdf8;font-size:24px;font-weight:700}.main-nav{gap:20px;margin-top:10px;display:flex}.main-nav a{color:#f1f5f9;border-radius:4px;padding:5px 10px;font-size:16px;text-decoration:none;transition:background-color .3s}.main-nav a:hover{background-color:#334155}.nav-loading,.nav-error{color:#94a3b8;padding:5px 10px;font-size:14px;font-style:italic}.nav-error{color:#f87171}.header-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.auth-links{gap:10px;margin-top:0;display:flex}.auth-link{border-radius:4px;padding:6px 12px;font-size:14px;text-decoration:none;transition:background-color .3s}.auth-link:hover{background-color:#334155}.register-btn{color:#0f172a;background-color:#38bdf8;font-weight:500}.register-btn:hover{background-color:#0ea5e9}.main-content{padding:40px 20px}@media (min-width:1024px){.main-content{padding:40px}}.app-footer{text-align:center;background-color:#1e293b;margin-top:40px;padding:20px 0}.footer-link{color:#38bdf8;border-radius:4px;padding:5px 10px;text-decoration:none;transition:background-color .3s}.footer-link:hover{background-color:#334155}.nav-toggle{color:#f1f5f9;cursor:pointer;background:0 0;border:none;border-radius:4px;margin-bottom:10px;margin-left:auto;padding:5px;font-size:24px;transition:background-color .3s;display:block}.nav-toggle:hover{background-color:#334155}.main-nav{flex-direction:column;gap:10px;width:100%;margin-top:10px;display:none}.main-nav.expanded{animation:.3s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-right{flex-direction:column;gap:15px;width:100%;padding-top:10px;display:none}.header-right.expanded{animation:.3s ease-out .1s both slideDown;display:flex}@media (min-width:768px){.app-header .container{justify-content:space-between;align-items:center;display:flex}.nav-toggle{display:none}.main-nav{flex-direction:row;width:auto;margin-top:0;display:flex}.main-nav.expanded{display:flex}.header-right{flex-direction:row;align-items:center;width:auto;padding-top:0;display:flex}.header-right.expanded{display:flex}.auth-links{align-items:center;gap:10px;margin-top:0;display:flex}.user-info{color:#f1f5f9;font-size:14px}.logout-btn{cursor:pointer;color:#f1f5f9;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-family:inherit;font-size:14px;text-decoration:none;transition:background-color .3s}.logout-btn:hover{background-color:#334155}}.full-screen{padding:0}.game-card[data-v-1a6a4248]{cursor:pointer;background-color:#1e293b;border-radius:12px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.game-card[data-v-1a6a4248]:hover{transform:scale(1.05);box-shadow:0 6px 20px #38bdf826}.game-card.special-card[data-v-1a6a4248]:hover{box-shadow:0 6px 25px #38bdf84d}.game-image-container[data-v-1a6a4248]{background-color:#1e293b;border-radius:12px;width:100%;padding-top:100%;position:relative;overflow:hidden}.game-image[data-v-1a6a4248]{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.game-card:hover .game-image[data-v-1a6a4248]{transform:scale(1.1)}.home-view[data-v-1544cbc2]{padding-bottom:40px}.categories-nav[data-v-1544cbc2]{margin-bottom:40px}.categories-nav h3[data-v-1544cbc2]{margin-bottom:15px}.category-tags[data-v-1544cbc2]{flex-wrap:wrap;gap:10px;display:flex}.category-tags .category-tag[data-v-1544cbc2]{color:#f1f5f9;background-color:#334155;border-radius:20px;padding:8px 20px;font-size:14px;text-decoration:none;transition:all .3s}.category-tags .category-tag[data-v-1544cbc2]:hover{color:#0f172a;background-color:#38bdf8}.new-games[data-v-1544cbc2],.popular-games[data-v-1544cbc2],.recommended-games[data-v-1544cbc2]{margin-top:60px;margin-bottom:40px}.section-header[data-v-1544cbc2]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.view-more[data-v-1544cbc2]{color:#38bdf8;font-size:14px;text-decoration:none;transition:color .3s}.view-more[data-v-1544cbc2]:hover{color:#22d3ee}.load-more[data-v-1544cbc2]{text-align:center;margin-top:40px}.loading-state[data-v-1544cbc2],.error-state[data-v-1544cbc2]{text-align:center;color:#f1f5f9;background-color:#1e293b;border-radius:8px;margin-bottom:20px;padding:40px 20px}.error-state[data-v-1544cbc2]{color:#fca5a5;border:1px solid #ef4444}.load-more[data-v-1544cbc2]{text-align:center;margin-top:40px;margin-bottom:20px}.load-more-btn[data-v-1544cbc2]{padding:10px 30px;font-size:16px}.game-grid[data-v-1544cbc2]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-top:20px;display:grid}.game-grid>.featured-card[data-v-1544cbc2]{grid-area:span 2/span 2}@media (max-width:768px){.game-grid[data-v-1544cbc2]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}@media (max-width:480px){.section-header h3[data-v-1544cbc2]{font-size:1.1rem}.game-grid[data-v-1544cbc2]{grid-template-columns:repeat(3,1fr);gap:8px}.game-grid>.featured-card[data-v-1544cbc2]{grid-area:span 2/span 2}}.category-games h2[data-v-1544cbc2]{color:#38bdf8;margin-bottom:20px}.no-category-games[data-v-1544cbc2]{text-align:center;color:#94a3b8;padding:40px 20px}.error-message[data-v-1544cbc2]{color:#f87171;text-align:center;padding:20px}.game-detail-view[data-v-48668258]{padding-bottom:40px}.game-preview[data-v-48668258]{grid-template-columns:1fr;gap:30px;margin-bottom:40px;display:grid}.game-embed[data-v-48668258]{background-color:#1e293b;border-radius:8px;position:relative;overflow:hidden}.game-embed img[data-v-48668258]{width:100%;height:auto;display:block}.game-iframe[data-v-48668258]{width:100%;height:600px;display:block}.mobile-play-container[data-v-48668258]{color:#fff;text-align:center;background-color:#1e293b;border-radius:8px;justify-content:center;align-items:center;min-height:400px;display:flex}.play-button-wrapper[data-v-48668258]{cursor:pointer;transition:transform .2s}.play-button-wrapper[data-v-48668258]:hover{transform:scale(1.05)}.play-button[data-v-48668258]{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:50px;align-items:center;gap:10px;padding:15px 30px;font-size:1.2rem;font-weight:700;transition:background-color .2s;display:inline-flex;box-shadow:0 4px 12px #3b82f666}.play-button[data-v-48668258]:hover{background-color:#2563eb}.play-icon[data-v-48668258]{margin-left:5px;font-size:1.5rem}.mobile-hint[data-v-48668258]{color:#94a3b8;margin-top:15px;font-size:.9rem}@media (max-width:768px){.mobile-play-container[data-v-48668258]{min-height:300px}.play-button[data-v-48668258]{padding:12px 25px;font-size:1.1rem}.game-info h1[data-v-48668258]{font-size:1.5rem}.game-title-with-icon[data-v-48668258]{text-align:center;flex-direction:column}.game-icon[data-v-48668258]{width:80px;height:80px}.game-actions[data-v-48668258],.share-buttons[data-v-48668258]{justify-content:center}}.game-info h1[data-v-48668258]{color:#38bdf8;margin-bottom:20px;font-size:2rem}.game-title-with-icon[data-v-48668258]{align-items:center;gap:15px;display:flex}.game-icon[data-v-48668258]{object-fit:cover;border-radius:8px;width:100px;height:100px;display:block}.game-icon-fallback[data-v-48668258]{justify-content:center;align-items:center;font-size:2.5rem;display:flex}.game-actions[data-v-48668258]{gap:15px;margin-bottom:20px;display:flex}.action-btn[data-v-48668258]{color:#f1f5f9;cursor:pointer;background-color:#334155;border:none;border-radius:4px;align-items:center;gap:8px;padding:10px 20px;transition:all .3s;display:flex}.action-btn[data-v-48668258]:hover{background-color:#475569}.action-btn.like-btn.liked[data-v-48668258],.action-btn.rate-btn.liked[data-v-48668258]{color:#0f172a;background-color:#38bdf8}.share-buttons[data-v-48668258]{flex-wrap:wrap;gap:10px;display:flex}.share-btn[data-v-48668258]{color:#94a3b8;cursor:pointer;background-color:#1e293b;border:1px solid #334155;border-radius:4px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .3s;display:flex}.share-btn[data-v-48668258]:hover{color:#f1f5f9;background-color:#334155}.game-description[data-v-48668258],.game-challenge[data-v-48668258],.game-instructions[data-v-48668258],.game-categories[data-v-48668258],.game-comments[data-v-48668258],.related-games[data-v-48668258]{background-color:#1e293b;border-radius:8px;margin-bottom:30px;padding:30px}.game-description h2[data-v-48668258],.game-challenge h2[data-v-48668258],.game-instructions h2[data-v-48668258],.game-categories h2[data-v-48668258],.game-comments h2[data-v-48668258],.related-games h2[data-v-48668258]{color:#38bdf8;margin-bottom:20px}.game-instructions ul[data-v-48668258]{padding:0;list-style:none}.game-instructions li[data-v-48668258]{padding:8px 0 8px 20px;position:relative}.game-instructions li[data-v-48668258]:before{content:"•";color:#38bdf8;position:absolute;left:0}.comment-form[data-v-48668258]{gap:15px;margin-bottom:30px;display:flex}.user-avatar img[data-v-48668258],.comment-avatar img[data-v-48668258]{border-radius:50%;width:40px;height:40px}.comment-input-container[data-v-48668258]{flex-direction:column;flex:1;gap:10px;display:flex}.comment-input[data-v-48668258]{color:#f1f5f9;resize:vertical;background-color:#0f172a;border:1px solid #334155;border-radius:4px;flex:1;min-height:60px;padding:12px}.post-comment[data-v-48668258]{align-self:flex-end}.comment-item[data-v-48668258]{border-bottom:1px solid #334155;gap:15px;padding:20px 0;display:flex}.comment-item[data-v-48668258]:last-child{border-bottom:none}.comment-header[data-v-48668258]{color:#94a3b8;align-items:center;gap:15px;margin-bottom:10px;font-size:14px;display:flex}.delete-comment-btn[data-v-48668258]{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:4px;margin-left:auto;padding:4px 12px;font-size:12px;transition:background-color .3s}.delete-comment-btn[data-v-48668258]:hover{background-color:#dc2626}.commenter-name[data-v-48668258]{color:#f1f5f9;font-weight:500}.no-comments[data-v-48668258]{text-align:center;color:#94a3b8;padding:40px 20px}.no-categories[data-v-48668258],.no-related-games[data-v-48668258]{text-align:center;color:#94a3b8;padding:20px}.loading[data-v-48668258]{flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:60px 20px;display:flex}.loading-spinner[data-v-48668258]{border:4px solid #334155;border-top-color:#38bdf8;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin-48668258}.loading-text[data-v-48668258]{color:#94a3b8;margin-top:20px}@keyframes spin-48668258{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state[data-v-48668258]{text-align:center;background-color:#1e293b;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;margin:20px;padding:60px 20px;display:flex}.error-icon[data-v-48668258]{margin-bottom:20px;font-size:48px}.error-state h3[data-v-48668258]{color:#f87171;margin-bottom:10px}.error-state p[data-v-48668258]{color:#94a3b8;margin-bottom:20px}.retry-btn[data-v-48668258]{color:#0f172a;cursor:pointer;background-color:#38bdf8;border:none;border-radius:4px;padding:10px 20px;font-weight:700;transition:background-color .3s}.retry-btn[data-v-48668258]:hover{background-color:#22d3ee}@media (min-width:768px){.game-preview[data-v-48668258]{grid-template-columns:2fr 1fr}}@media (max-width:768px){.game-description[data-v-48668258],.game-challenge[data-v-48668258],.game-instructions[data-v-48668258],.game-categories[data-v-48668258],.game-comments[data-v-48668258],.related-games[data-v-48668258]{padding:20px}.game-info h1[data-v-48668258]{font-size:1.5rem}.play-button[data-v-48668258]{padding:10px 20px;font-size:16px}.game-actions[data-v-48668258]{flex-wrap:wrap}.share-buttons[data-v-48668258]{flex-direction:column}.share-btn[data-v-48668258]{justify-content:center}}@media (max-width:480px){.comment-form[data-v-48668258]{flex-direction:column}.user-avatar img[data-v-48668258],.comment-avatar img[data-v-48668258]{width:32px;height:32px}}.mobile-game-container[data-v-8941551d]{width:100%;height:100vh;position:relative;overflow:hidden}.control-buttons[data-v-8941551d]{z-index:1000;gap:8px;display:flex;position:fixed;top:16px;left:16px}.control-button[data-v-8941551d]{color:#fff;cursor:pointer;background-color:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:background-color .2s;display:flex}.control-button[data-v-8941551d]:hover{background-color:#000000e6}.game-iframe[data-v-8941551d]{border:none;width:100%;height:100vh;display:block}.category-view[data-v-28fa43c6]{padding-bottom:40px}.category-header[data-v-28fa43c6]{margin-bottom:30px}.category-header h1[data-v-28fa43c6]{color:#38bdf8;margin-bottom:10px;font-size:2rem}.game-count[data-v-28fa43c6]{color:#94a3b8;font-size:14px}.pagination[data-v-28fa43c6]{justify-content:center;align-items:center;gap:20px;margin-top:40px;display:flex}.page-info[data-v-28fa43c6]{color:#e2e8f0;text-align:center;min-width:30px;font-size:16px}.pagination .btn[data-v-28fa43c6]:disabled{color:#64748b;cursor:not-allowed;background-color:#334155;transform:none}.pagination .btn[data-v-28fa43c6]:disabled:hover{background-color:#334155;transform:none}.no-games[data-v-28fa43c6]{text-align:center;background-color:#1e293b;border-radius:8px;margin-top:40px;padding:60px 20px}.no-games p[data-v-28fa43c6]{color:#94a3b8;margin-bottom:20px;font-size:18px}@media (max-width:768px){.category-header h1[data-v-28fa43c6]{font-size:1.5rem}}@media (max-width:480px){.category-header h1[data-v-28fa43c6]{font-size:1.25rem}.pagination[data-v-28fa43c6]{gap:10px}.pagination .btn[data-v-28fa43c6]{padding:6px 12px;font-size:12px}}.loading-state[data-v-28fa43c6],.error-state[data-v-28fa43c6]{text-align:center;background-color:#1e293b;border-radius:8px;margin-top:40px;padding:60px 20px}.loading-state p[data-v-28fa43c6],.error-state p[data-v-28fa43c6]{color:#94a3b8;margin-bottom:20px;font-size:18px}.error-state p[data-v-28fa43c6]{color:#f87171}.login-view[data-v-90786738]{background-color:#0f172a;justify-content:center;align-items:center;min-height:80vh;padding:20px;display:flex}.login-container[data-v-90786738]{background-color:#1e293b;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 10px 30px #00000080}.login-container h1[data-v-90786738]{color:#f1f5f9;text-align:center;margin-bottom:30px;font-size:1.8rem}.login-form[data-v-90786738]{flex-direction:column;gap:20px;display:flex}.form-group[data-v-90786738]{flex-direction:column;gap:8px;display:flex}.form-group label[data-v-90786738]{color:#cbd5e1;font-weight:500}.form-group input[data-v-90786738]{color:#f1f5f9;background-color:#0f172a;border:1px solid #334155;border-radius:8px;padding:12px 16px;font-size:16px;transition:all .3s}.form-group input[data-v-90786738]:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 3px #38bdf81a}.login-button[data-v-90786738]{color:#0f172a;cursor:pointer;background-color:#38bdf8;border:none;border-radius:8px;margin-top:10px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s}.login-button[data-v-90786738]:hover:not(:disabled){background-color:#22d3ee;transform:translateY(-2px)}.login-button[data-v-90786738]:disabled{cursor:not-allowed;background-color:#334155;transform:none}.error-message[data-v-90786738]{color:#fca5a5;text-align:center;background-color:#ef44441a;border:1px solid #ef4444;border-radius:8px;padding:12px}.register-link[data-v-90786738]{text-align:center;color:#cbd5e1;margin-top:10px}.register-link a[data-v-90786738]{color:#38bdf8;font-weight:500;text-decoration:none;transition:color .3s}.register-link a[data-v-90786738]:hover{color:#22d3ee}@media (max-width:480px){.login-container[data-v-90786738]{padding:30px 20px}.login-container h1[data-v-90786738]{font-size:1.5rem}.form-group input[data-v-90786738],.login-button[data-v-90786738]{font-size:14px}}.register-view[data-v-2df1245a]{background-color:#0f172a;justify-content:center;align-items:center;min-height:80vh;padding:20px;display:flex}.register-container[data-v-2df1245a]{background-color:#1e293b;border-radius:12px;width:100%;max-width:450px;padding:40px;box-shadow:0 10px 30px #00000080}.register-container h1[data-v-2df1245a]{color:#f1f5f9;text-align:center;margin-bottom:30px;font-size:1.8rem}.register-form[data-v-2df1245a]{flex-direction:column;gap:20px;display:flex}.form-group[data-v-2df1245a]{flex-direction:column;gap:8px;display:flex}.form-group label[data-v-2df1245a]{color:#cbd5e1;font-weight:500}.form-group input[data-v-2df1245a]{color:#f1f5f9;background-color:#0f172a;border:1px solid #334155;border-radius:8px;padding:12px 16px;font-size:16px;transition:all .3s}.form-group input[data-v-2df1245a]:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 3px #38bdf81a}.register-button[data-v-2df1245a]{color:#0f172a;cursor:pointer;background-color:#38bdf8;border:none;border-radius:8px;margin-top:10px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s}.register-button[data-v-2df1245a]:hover:not(:disabled){background-color:#22d3ee;transform:translateY(-2px)}.register-button[data-v-2df1245a]:disabled{cursor:not-allowed;background-color:#334155;transform:none}.error-message[data-v-2df1245a]{color:#fca5a5;text-align:center;background-color:#ef44441a;border:1px solid #ef4444;border-radius:8px;padding:12px}.success-message[data-v-2df1245a]{color:#a7f3d0;text-align:center;background-color:#22c55e1a;border:1px solid #22c55e;border-radius:8px;padding:12px}.login-link[data-v-2df1245a]{text-align:center;color:#cbd5e1;margin-top:10px}.login-link a[data-v-2df1245a]{color:#38bdf8;font-weight:500;text-decoration:none;transition:color .3s}.login-link a[data-v-2df1245a]:hover{color:#22d3ee}@media (max-width:480px){.register-container[data-v-2df1245a]{padding:30px 20px}.register-container h1[data-v-2df1245a]{font-size:1.5rem}.form-group input[data-v-2df1245a],.register-button[data-v-2df1245a]{font-size:14px}}.privacy-policy-container[data-v-8a098d37]{color:#fff;max-width:800px;margin:0 auto;padding:40px 20px}.privacy-policy-title[data-v-8a098d37]{color:#fff;text-align:center;margin-bottom:30px;font-size:2.5rem}.privacy-policy-content[data-v-8a098d37]{color:#f1f5f9;line-height:1.8}.privacy-policy-content h2[data-v-8a098d37]{color:#fff;margin-top:40px;margin-bottom:20px;font-size:1.8rem}.privacy-policy-content p[data-v-8a098d37]{color:#f1f5f9;margin-bottom:20px}.privacy-policy-content ul[data-v-8a098d37]{margin-bottom:30px;padding-left:25px}.privacy-policy-content li[data-v-8a098d37]{color:#f1f5f9;margin-bottom:10px}@media (max-width:768px){.privacy-policy-title[data-v-8a098d37]{font-size:2rem}.privacy-policy-content h2[data-v-8a098d37]{font-size:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#f1f5f9;background-color:#0f172a;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}#app{flex-direction:column;min-height:100%;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.btn{color:#0f172a;cursor:pointer;background-color:#38bdf8;border:none;border-radius:4px;outline:none;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .3s,transform .2s;display:inline-block}.btn:hover{background-color:#22d3ee;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-secondary{color:#f1f5f9;background-color:#334155}.btn-secondary:hover{background-color:#475569}.card{background-color:#1e293b;border-radius:8px;transition:transform .3s,box-shadow .3s;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #38bdf81a}h1,h2,h3,h4,h5,h6{color:#e2e8f0;margin-bottom:.5em}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}a{color:#38bdf8;text-decoration:none;transition:color .3s}a:hover{color:#22d3ee;text-decoration:underline}.game-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-top:20px;display:grid}@media (min-width:768px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}}@media (min-width:1024px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px}}@media (min-width:1280px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:25px}}.category-tag{color:#94a3b8;cursor:pointer;background-color:#334155;border:1px solid #0000;border-radius:20px;margin-bottom:8px;margin-right:8px;padding:4px 12px;font-size:12px;transition:all .3s;display:inline-block}.category-tag:hover{color:#f1f5f9;background-color:#475569;transform:translateY(-1px)}.category-tag.active{color:#0f172a;background-color:#38bdf8}.loading{justify-content:center;align-items:center;height:200px;display:flex}.loading-spinner{border:4px solid #1e293b;border-top-color:#38bdf8;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:30px 0;display:flex}.pagination-btn{color:#cbd5e1;cursor:pointer;background-color:#1e293b;border:1px solid #334155;border-radius:4px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 10px;transition:all .3s;display:flex}.pagination-btn:hover:not(:disabled){color:#f1f5f9;background-color:#334155;transform:translateY(-1px)}.pagination-btn.active{color:#0f172a;background-color:#38bdf8;border-color:#38bdf8}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.navbar{z-index:1000;background-color:#1e293b;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 20px;display:flex}.navbar-brand{color:#38bdf8;font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-brand:hover{color:#22d3ee;text-decoration:none}.navbar-menu{align-items:center;gap:20px;display:flex}.navbar-link{color:#cbd5e1;font-weight:500;text-decoration:none;transition:all .3s}.navbar-link:hover{color:#f1f5f9;text-decoration:none}.navbar-link.active{color:#38bdf8}.footer{background-color:#1e293b;border-top:1px solid #334155;margin-top:auto;padding:30px 0}.footer-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;display:grid}.footer-column h3{color:#38bdf8;margin-bottom:15px;font-size:1.125rem}.footer-links{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:#94a3b8;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#f1f5f9}.footer-bottom{text-align:center;color:#94a3b8;border-top:1px solid #334155;margin-top:30px;padding-top:15px;font-size:.875rem}.section-title{justify-content:space-between;align-items:center;margin:30px 0 20px;display:flex}.section-title h2{color:#38bdf8;margin:0}.section-title .view-all{color:#94a3b8;font-size:.875rem;text-decoration:none;transition:color .3s}.section-title .view-all:hover{color:#f1f5f9}.carousel{border-radius:12px;height:300px;margin:30px 0;position:relative;overflow:hidden}.carousel-item{opacity:0;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:absolute;top:0;left:0}.carousel-item.active{opacity:1;z-index:1}.carousel-image{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.carousel-overlay{z-index:0;background:linear-gradient(90deg,#0f172ae6 0%,#0f172a80 50%,#0f172a00 100%);position:absolute;inset:0}.carousel-content{z-index:1;max-width:500px;padding:0 40px;position:relative}.carousel-title{color:#f1f5f9;margin-bottom:15px;font-size:1.875rem}.carousel-description{color:#cbd5e1;margin-bottom:20px;font-size:1rem;line-height:1.6}.carousel-indicators{z-index:2;gap:8px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.carousel-indicator{cursor:pointer;background-color:#ffffff4d;border-radius:50%;width:10px;height:10px;transition:all .3s}.carousel-indicator.active{background-color:#38bdf8;border-radius:5px;width:24px}.search-container{margin:20px 0;position:relative}.search-input{color:#f1f5f9;background-color:#1e293b;border:1px solid #334155;border-radius:6px;width:100%;padding:10px 14px 10px 36px;font-size:14px;transition:all .3s}.search-input:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 2px #38bdf81a}.search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}@media (max-width:1024px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}.carousel{height:280px}.carousel-title{font-size:1.625rem}}@media (max-width:768px){.container{padding:0 16px}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}.game-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.btn{padding:7px 14px;font-size:13px}.navbar-container{flex-direction:column;gap:12px;padding:16px}.navbar-menu{flex-wrap:wrap;justify-content:center;gap:16px}.carousel{height:240px}.carousel-content{padding:0 30px}.carousel-title{margin-bottom:12px;font-size:1.375rem}.carousel-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:.875rem;display:-webkit-box;overflow:hidden}.footer-container{gap:25px}.section-title{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width:640px){.carousel{height:200px}.carousel-content{padding:0 20px}.carousel-title{margin-bottom:10px;font-size:1.25rem}.carousel-description{-webkit-line-clamp:1;margin-bottom:12px;font-size:.8125rem}}@media (max-width:480px){.container{padding:0 12px}.game-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}h1{font-size:1.5rem}h2{font-size:1.25rem}.btn{padding:6px 12px;font-size:12px}.footer{padding:25px 0 15px}.footer-container{grid-template-columns:1fr;gap:20px}.footer-bottom{margin-top:25px;padding-top:12px}.pagination{gap:6px;margin:20px 0}.pagination-btn{min-width:32px;height:32px;padding:0 8px;font-size:12px}}