@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&family=Poppins:wght@400;500;700&display=swap";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-color: #ffd700;--primary-gradient: linear-gradient(90deg, #ffd700, #ff8c00);--background-color: #0d0d0d;--card-bg-color: #1a1a1a;--card-hover-bg-color: #252525;--text-color: #ffffff;--text-secondary: #aaaaaa;--border-color: #333333;--border-radius: 8px;--card-radius: 6px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 20px rgba(0, 0, 0, .4);--transition-fast: .2s ease;--transition-normal: .3s ease}body{background-color:var(--background-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;color:var(--text-color);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{font-size:2.5rem}h2{font-size:1.8rem}h3{font-size:1.4rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:1px solid var(--border-color)}.section-header h2{font-size:1.6rem;color:var(--primary-color);margin:0;font-weight:700;display:flex;align-items:center;gap:10px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.view-all-link{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color var(--transition-fast);display:flex;align-items:center}.view-all-link:hover{color:var(--primary-color)}.view-all-link:after{content:"→";margin-left:5px;transition:transform var(--transition-fast)}.view-all-link:hover:after{transform:translate(3px)}.game-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:4px solid #222;border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#ff4d4d;text-align:center;padding:1rem}.error-icon{font-size:2.5rem;margin-bottom:1rem}.retry-button{margin-top:1rem;padding:.6rem 1.2rem;background:#ff4d4d1a;color:#ff4d4d;border:1px solid rgba(255,77,77,.3);border-radius:4px;cursor:pointer;transition:all var(--transition-fast)}.retry-button:hover{background:#ff4d4d33}@media (max-width: 1200px){.game-grid-container{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}.game-grid-container{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.section-header h2{font-size:1.3rem}}@media (max-width: 480px){.game-grid-container{grid-template-columns:repeat(2,1fr);gap:.8rem}}.login-dialog-overlay[data-v-93aea94d]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.login-dialog[data-v-93aea94d]{background-color:#1a1a1a;width:90%;max-width:400px;border-radius:10px;box-shadow:0 5px 20px #00000080;overflow:hidden}.dialog-header[data-v-93aea94d]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #333}.dialog-header h2[data-v-93aea94d]{color:gold;margin:0;font-size:1.5rem}.close-btn[data-v-93aea94d]{background:none;border:none;color:#aaa;font-size:24px;cursor:pointer}.close-btn[data-v-93aea94d]:hover{color:#fff}.login-form[data-v-93aea94d]{padding:20px}.form-group[data-v-93aea94d]{margin-bottom:20px}.form-group label[data-v-93aea94d]{display:block;margin-bottom:8px;color:#ddd}.form-group input[data-v-93aea94d]{width:100%;padding:12px;background:#333;border:1px solid #444;border-radius:5px;color:#fff}.error-message[data-v-93aea94d]{background-color:#f56c6c1a;border:1px solid #F56C6C;color:#f56c6c;padding:10px;border-radius:5px;margin-bottom:20px}.login-button[data-v-93aea94d]{width:100%;padding:12px;background-color:gold;color:#111;border:none;border-radius:5px;font-weight:700;cursor:pointer;font-size:16px}.login-button[data-v-93aea94d]:disabled{background-color:#666;cursor:not-allowed}.dialog-footer[data-v-93aea94d]{display:flex;justify-content:space-between;padding:15px 20px;border-top:1px solid #333;background-color:#222}.dialog-footer a[data-v-93aea94d]{color:#3a8ee6;text-decoration:none;font-size:14px}.dialog-footer a[data-v-93aea94d]:hover{text-decoration:underline}.register-dialog-overlay[data-v-02e3e15c]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.register-dialog[data-v-02e3e15c]{background-color:#1a1a1a;width:90%;max-width:450px;border-radius:10px;box-shadow:0 5px 20px #00000080;overflow:hidden}.dialog-header[data-v-02e3e15c]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #333}.dialog-header h2[data-v-02e3e15c]{color:gold;margin:0;font-size:1.5rem}.close-btn[data-v-02e3e15c]{background:none;border:none;color:#aaa;font-size:24px;cursor:pointer}.close-btn[data-v-02e3e15c]:hover{color:#fff}.register-form[data-v-02e3e15c]{padding:20px}.form-group[data-v-02e3e15c]{margin-bottom:20px;position:relative}.form-group+.form-group[data-v-02e3e15c]{margin-top:20px}.form-group label[data-v-02e3e15c]{display:block;margin-bottom:8px;color:#ddd}.form-group input[data-v-02e3e15c]{width:100%;padding:12px;background:#333;border:1px solid #444;border-radius:5px;color:#fff}.error-text[data-v-02e3e15c]{color:#f56c6c;font-size:12px;display:block;background-color:#f56c6c1a;padding:5px 10px;border-radius:3px;margin-top:5px}.error-message[data-v-02e3e15c]{background-color:#f56c6c1a;border:1px solid #F56C6C;color:#f56c6c;padding:10px;border-radius:5px;margin-bottom:20px;font-weight:700}.register-button[data-v-02e3e15c]{width:100%;padding:12px;background-color:gold;color:#111;border:none;border-radius:5px;font-weight:700;cursor:pointer;font-size:16px}.register-button[data-v-02e3e15c]:disabled{background-color:#666;cursor:not-allowed}.dialog-footer[data-v-02e3e15c]{display:flex;justify-content:flex-end;padding:15px 20px;border-top:1px solid #333;background-color:#222}.dialog-footer a[data-v-02e3e15c]{color:#3a8ee6;text-decoration:none;font-size:14px}.dialog-footer a[data-v-02e3e15c]:hover{text-decoration:underline}.forgot-dialog-overlay[data-v-f029f809]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.forgot-dialog[data-v-f029f809]{background-color:#1a1a1a;width:90%;max-width:400px;border-radius:10px;box-shadow:0 5px 20px #00000080;overflow:hidden}.dialog-header[data-v-f029f809]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #333}.dialog-header h2[data-v-f029f809]{color:gold;margin:0;font-size:1.5rem}.close-btn[data-v-f029f809]{background:none;border:none;color:#aaa;font-size:24px;cursor:pointer}.close-btn[data-v-f029f809]:hover{color:#fff}.forgot-form[data-v-f029f809]{padding:20px}.instructions[data-v-f029f809]{margin-bottom:20px;color:#aaa;line-height:1.5}.form-group[data-v-f029f809]{margin-bottom:20px}.form-group label[data-v-f029f809]{display:block;margin-bottom:8px;color:#ddd}.form-group input[data-v-f029f809]{width:100%;padding:12px;background:#333;border:1px solid #444;border-radius:5px;color:#fff}.error-message[data-v-f029f809]{background-color:#f56c6c1a;border:1px solid #F56C6C;color:#f56c6c;padding:10px;border-radius:5px;margin-bottom:20px}.submit-button[data-v-f029f809]{width:100%;padding:12px;background-color:gold;color:#111;border:none;border-radius:5px;font-weight:700;cursor:pointer;font-size:16px}.submit-button[data-v-f029f809]:disabled{background-color:#666;cursor:not-allowed}.dialog-footer[data-v-f029f809]{display:flex;justify-content:flex-end;padding:15px 20px;border-top:1px solid #333;background-color:#222}.dialog-footer a[data-v-f029f809]{color:#3a8ee6;text-decoration:none;font-size:14px}.dialog-footer a[data-v-f029f809]:hover{text-decoration:underline}.site-header[data-v-9700d19c]{background-color:#111;box-shadow:0 2px 10px #00000080;position:sticky;top:0;z-index:100}.header-content[data-v-9700d19c]{display:flex;align-items:center;justify-content:space-between;padding:15px 0}.container[data-v-9700d19c]{width:95%;max-width:1400px;margin:0 auto}.logo[data-v-9700d19c]{text-decoration:none}.logo h1[data-v-9700d19c]{color:gold;font-size:24px;margin:0;text-shadow:0 0 10px rgba(255,215,0,.5)}.main-nav[data-v-9700d19c]{display:flex;gap:20px}.main-nav a[data-v-9700d19c]{color:#fff;text-decoration:none;font-size:14px;transition:color .3s}.main-nav a[data-v-9700d19c]:hover,.main-nav a.router-link-active[data-v-9700d19c]{color:gold}.search-box[data-v-9700d19c]{display:flex;background:#222;border-radius:20px;overflow:hidden;padding:0 15px}.search-box input[data-v-9700d19c]{background:transparent;border:none;padding:8px 0;color:#fff;outline:none;width:150px}.search-box button[data-v-9700d19c]{background:transparent;border:none;color:gold;cursor:pointer}.search-icon[data-v-9700d19c]{font-style:normal}.auth-buttons[data-v-9700d19c]{display:flex;align-items:center;gap:10px}.login-btn[data-v-9700d19c],.register-btn[data-v-9700d19c]{text-decoration:none;padding:6px 15px;border-radius:4px;font-weight:700}.login-btn[data-v-9700d19c]{color:#fff;border:1px solid gold}.register-btn[data-v-9700d19c]{background-color:gold;color:#111}.user-dropdown[data-v-9700d19c]{position:relative}.user-info[data-v-9700d19c]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:5px 8px;border-radius:4px}.user-info[data-v-9700d19c]:hover{background-color:#ffd7001a}.avatar[data-v-9700d19c]{width:32px;height:32px;border-radius:50%;background-color:gold;color:#111;display:flex;align-items:center;justify-content:center;font-weight:700}.username[data-v-9700d19c]{color:#fff;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-icon[data-v-9700d19c]{font-size:10px;color:#aaa}.dropdown-menu[data-v-9700d19c]{position:absolute;top:100%;right:0;width:150px;background-color:#222;border-radius:4px;box-shadow:0 5px 15px #0000004d;margin-top:5px;z-index:100}.dropdown-menu a[data-v-9700d19c]{display:block;padding:10px 15px;color:#fff;text-decoration:none;transition:background-color .2s}.dropdown-menu a[data-v-9700d19c]:hover{background-color:#333}@media (max-width: 1200px){.main-nav[data-v-9700d19c]{display:none}}.site-footer[data-v-7b4b294f]{background-color:#0a0a0a;color:#888;padding:1.5rem 0;margin-top:auto;border-top:2px solid #b48f3e;font-family:Poppins,sans-serif}.container[data-v-7b4b294f]{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.site-footer p[data-v-7b4b294f]{margin:0;font-size:.9rem}.footer-nav a[data-v-7b4b294f]{color:#aaa;text-decoration:none;margin-left:1.5rem;font-size:.9rem;transition:color .3s ease}.footer-nav a[data-v-7b4b294f]:hover{color:#e4c87f}@media (max-width: 768px){.container[data-v-7b4b294f]{flex-direction:column;text-align:center}.footer-nav a[data-v-7b4b294f]{margin:0 .75rem}}.error-container[data-v-5f962c26]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;min-height:300px;background-color:#1a1a1a;border-radius:8px;box-shadow:0 4px 12px #0003;margin:2rem 0}.error-container h2[data-v-5f962c26]{color:#f55;margin-bottom:1rem}.error-message[data-v-5f962c26]{color:#e0e0e0;margin-bottom:2rem;max-width:600px;word-break:break-word;font-size:1.1rem}.error-details[data-v-5f962c26]{background-color:#333;padding:1rem;border-radius:4px;max-width:100%;overflow-x:auto;text-align:left;margin-bottom:2rem}.error-details pre[data-v-5f962c26]{color:#ddd;white-space:pre-wrap;word-break:break-word;font-family:monospace;font-size:.9rem;line-height:1.5}.error-actions[data-v-5f962c26]{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.retry-button[data-v-5f962c26],.details-button[data-v-5f962c26],.home-button[data-v-5f962c26]{background-color:#444;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:4px;cursor:pointer;transition:background-color .3s}.retry-button[data-v-5f962c26]{background-color:#2c7be5}.home-button[data-v-5f962c26]{background-color:#6c757d}.details-button[data-v-5f962c26]{background-color:#555}.retry-button[data-v-5f962c26]:hover{background-color:#1a68d1}.details-button[data-v-5f962c26]:hover{background-color:#666}.home-button[data-v-5f962c26]:hover{background-color:#5a6268}#app-layout[data-v-e204c9cf]{display:flex;flex-direction:column;min-height:100vh;background-color:#0d0d0d;color:#eee}main[data-v-e204c9cf]{flex-grow:1}