@charset "UTF-8";.category-sidebar[data-v-ca5f5c62]{width:240px;background:rgba(255,255,255,.03);border-right:1px solid rgba(255,255,255,.08);padding:0;height:100vh;position:relative;transition:all .3s ease;display:flex;flex-direction:column}@media (max-width: 768px){.category-sidebar[data-v-ca5f5c62]{display:none}}.category-list[data-v-ca5f5c62]{flex:1;overflow-y:auto;display:flex;flex-direction:column}.category-list[data-v-ca5f5c62]::-webkit-scrollbar{width:4px}.category-list[data-v-ca5f5c62]::-webkit-scrollbar-track{background:rgba(255,255,255,.03)}.category-list[data-v-ca5f5c62]::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px}.category-list[data-v-ca5f5c62]::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.15)}.sidebar-logo[data-v-ca5f5c62]{display:flex;align-items:center;gap:12px;padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo .logo-icon[data-v-ca5f5c62]{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff8c42 0%,#ff6b1a 100%);border-radius:12px;box-shadow:0 4px 12px #ff6b1a4d}.sidebar-logo .logo-text[data-v-ca5f5c62]{display:flex;flex-direction:column;gap:2px}.sidebar-logo .logo-text .brand-name[data-v-ca5f5c62]{font-size:18px;font-weight:700;color:#fff;letter-spacing:.5px}.sidebar-logo .logo-text .brand-slogan[data-v-ca5f5c62]{font-size:12px;color:#ffffff80;letter-spacing:.3px}.category-nav[data-v-ca5f5c62]{padding:10px}.category-item[data-v-ca5f5c62]{display:flex;align-items:center;gap:12px;padding:16px;margin-bottom:6px;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;background:transparent}.category-item[data-v-ca5f5c62]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#ff8c42 0%,#ff6b1a 100%);transform:scaleY(0);transition:transform .3s ease}.category-item[data-v-ca5f5c62]:hover{background:rgba(255,255,255,.05);transform:translate(4px)}.category-item.active[data-v-ca5f5c62]{background:linear-gradient(90deg,rgba(255,140,66,.15) 0%,rgba(255,107,26,.05) 100%)}.category-item.active[data-v-ca5f5c62]:before{transform:scaleY(1)}.category-item.active .category-label[data-v-ca5f5c62]{color:#ff8c42;font-weight:600}.category-item.active .category-icon[data-v-ca5f5c62]{transform:scale(1.1)}.category-item.active .category-count[data-v-ca5f5c62]{color:#ff8c42;font-weight:600}.category-icon[data-v-ca5f5c62]{font-size:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.category-label[data-v-ca5f5c62]{flex:1;font-size:15px;font-weight:500;color:#ffffffd9;transition:all .3s ease;white-space:nowrap}.category-count[data-v-ca5f5c62]{font-size:13px;color:#fff6;transition:all .3s ease}.overlay[data-v-ca5f5c62]{display:none}@keyframes fadeIn-ca5f5c62{0%{opacity:0}to{opacity:1}}@media (max-width: 1200px){.category-sidebar[data-v-ca5f5c62]{width:200px}.sidebar-logo[data-v-ca5f5c62]{padding:20px 16px}.sidebar-logo .logo-icon[data-v-ca5f5c62]{font-size:28px;width:42px;height:42px}.sidebar-logo .brand-name[data-v-ca5f5c62]{font-size:16px}.category-item[data-v-ca5f5c62]{padding:14px 12px}.category-icon[data-v-ca5f5c62]{font-size:20px;width:28px;height:28px}.category-label[data-v-ca5f5c62]{font-size:14px}}.platform-filter-wrapper[data-v-755e8819]{position:relative;z-index:100;margin-bottom:30px}.platform-filter-wrapper.sticky .platform-filter[data-v-755e8819]{position:fixed;top:74px;left:240px;right:20px;z-index:150;margin:0;border-radius:0 0 16px 16px;box-shadow:0 4px 12px #0000004d;background:rgba(26,9,51,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown-755e8819 .3s ease}@media (max-width: 768px){.platform-filter-wrapper.sticky .platform-filter[data-v-755e8819]{left:0;right:0;top:64px}}@keyframes slideDown-755e8819{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.platform-filter[data-v-755e8819]{padding:20px;background:rgba(255,255,255,.02);border-radius:16px;border:1px solid rgba(255,255,255,.06);transition:all .3s ease}.filter-tabs[data-v-755e8819]{display:flex;flex-wrap:wrap;gap:10px}.tab-item[data-v-755e8819]{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:30px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.tab-item[data-v-755e8819]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,107,53,.1),rgba(247,183,49,.1));opacity:0;transition:opacity .3s ease}.tab-item .tab-label[data-v-755e8819]{font-size:15px;font-weight:600;color:#fffc;position:relative;z-index:1}.tab-item .tab-count[data-v-755e8819]{font-size:12px;color:#ffffff80;position:relative;z-index:1}.tab-item[data-v-755e8819]:hover{background:rgba(255,255,255,.1);border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.tab-item[data-v-755e8819]:hover:before{opacity:1}.tab-item:hover .tab-label[data-v-755e8819]{color:#fff}.tab-item.active[data-v-755e8819]{background:linear-gradient(135deg,#ff6b35,#f7b731);border-color:transparent;box-shadow:0 6px 20px #ff6b3580}.tab-item.active[data-v-755e8819]:before{opacity:0}.tab-item.active .tab-label[data-v-755e8819],.tab-item.active .tab-count[data-v-755e8819]{color:#fff;font-weight:700}.tab-item[data-v-755e8819]:active{transform:scale(.96)}.platform-filter.mobile .filter-tabs[data-v-755e8819]{gap:8px}.platform-filter.mobile .tab-item[data-v-755e8819]{padding:8px 16px}.platform-filter.mobile .tab-item .tab-label[data-v-755e8819]{font-size:13px}.platform-filter.mobile .tab-item .tab-count[data-v-755e8819]{font-size:11px}.game-card[data-v-774e8e9f]{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);background:rgba(30,15,60,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08)}.game-card[data-v-774e8e9f]:hover{transform:translateY(-10px);box-shadow:0 20px 50px #00000080;border-color:#ff6b354d}.game-card:hover .game-overlay[data-v-774e8e9f]{opacity:1}.game-card:hover .game-image img[data-v-774e8e9f]{transform:scale(1.15)}.game-image[data-v-774e8e9f]{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background:linear-gradient(135deg,#2d1655,#1a0933);border-radius:12px 12px 0 0}.game-image img[data-v-774e8e9f]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.4,0,.2,1)}.game-overlay[data-v-774e8e9f]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.play-btn[data-v-774e8e9f]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 32px;background:linear-gradient(135deg,#ff6b35,#f7b731);border:none;border-radius:50px;color:#fff;font-weight:600;cursor:pointer;transform:scale(.9);transition:all .3s ease;box-shadow:0 8px 20px #ff6b3566}.play-btn .play-icon[data-v-774e8e9f]{font-size:24px}.play-btn .play-text[data-v-774e8e9f]{font-size:14px}.play-btn[data-v-774e8e9f]:hover{transform:scale(1);box-shadow:0 12px 30px #ff6b3599}.badges[data-v-774e8e9f]{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px}.badge[data-v-774e8e9f]{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.badge.hot[data-v-774e8e9f]{background:linear-gradient(135deg,#ff416c,#ff4b2b);color:#fff;box-shadow:0 4px 12px #ff416c66}.badge.new[data-v-774e8e9f]{background:linear-gradient(135deg,#00d2ff,#3a7bd5);color:#fff;box-shadow:0 4px 12px #00d2ff66}.game-info[data-v-774e8e9f]{padding:16px 14px 14px;background:rgba(255,255,255,.02)}.game-name[data-v-774e8e9f]{font-size:15px;font-weight:600;color:#fff;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.game-platform[data-v-774e8e9f]{margin:0}.game-platform .platform-badge[data-v-774e8e9f]{display:inline-block;padding:3px 10px;background:rgba(255,255,255,.1);border-radius:12px;font-size:11px;font-weight:600;color:#ffffffb3}@media (max-width: 768px){.game-card[data-v-774e8e9f]:active{transform:scale(.98)}.play-btn[data-v-774e8e9f]{padding:12px 24px}.play-btn .play-icon[data-v-774e8e9f]{font-size:20px}.play-btn .play-text[data-v-774e8e9f]{font-size:12px}.game-name[data-v-774e8e9f]{font-size:13px}}.game-preview-modal[data-v-f7b415be]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:0}.modal-content[data-v-f7b415be]{position:relative;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;background:#000;border-radius:0;overflow:hidden;box-shadow:none;display:flex;flex-direction:column}.modal-content.mobile[data-v-f7b415be]{width:100vw;height:100vh;border-radius:0;padding:0}.close-btn[data-v-f7b415be]{position:absolute;top:20px;right:20px;z-index:10000;width:50px;height:50px;padding:0;margin:0;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50%;color:#fff;font-size:26px;line-height:50px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #0000004d;pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.close-btn[data-v-f7b415be]:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.close-btn[data-v-f7b415be]:active{background:rgba(255,255,255,.4);transform:scale(.95)}.game-frame-container[data-v-f7b415be]{flex:1;position:relative;background:#000;z-index:1}.game-frame[data-v-f7b415be]{width:100%;height:100%;border:none}.loading-indicator[data-v-f7b415be]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.loading-indicator .spinner[data-v-f7b415be]{width:50px;height:50px;margin:0 auto 20px;border:4px solid rgba(255,255,255,.2);border-top-color:#ff6b35;border-radius:50%;animation:spin-f7b415be 1s linear infinite}.loading-indicator p[data-v-f7b415be]{font-size:16px;color:#ffffffb3}.no-game[data-v-f7b415be]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.no-game p[data-v-f7b415be]{font-size:16px;color:#ffffff80;margin-bottom:20px}.no-game .retry-btn[data-v-f7b415be]{padding:10px 30px;background:linear-gradient(135deg,#ff6b35,#f7b731);color:#fff;border:none;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.no-game .retry-btn[data-v-f7b415be]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b3566}@keyframes spin-f7b415be{to{transform:rotate(360deg)}}.modal-content.mobile .close-btn[data-v-f7b415be]{top:20px;right:15px;width:56px;height:56px;font-size:28px;line-height:56px;background:rgba(255,255,255,.25);box-shadow:0 4px 12px #00000080;z-index:10000}.fade-enter-active[data-v-f7b415be],.fade-leave-active[data-v-f7b415be]{transition:opacity .3s ease}.fade-enter-from[data-v-f7b415be],.fade-leave-to[data-v-f7b415be]{opacity:0}.contact-modal[data-v-63695cef]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-panel[data-v-63695cef]{width:100%;max-width:600px;max-height:90vh;background:linear-gradient(135deg,#1a0933 0%,#2d1655 100%);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000080}.modal-panel.mobile[data-v-63695cef]{max-width:100%;max-height:95vh;border-radius:16px}.modal-header[data-v-63695cef]{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.08)}.modal-title[data-v-63695cef]{font-size:24px;font-weight:700;color:#fff;margin:0}.close-btn[data-v-63695cef]{width:36px;height:36px;background:rgba(255,255,255,.1);border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-btn[data-v-63695cef]:hover{background:rgba(255,255,255,.2);transform:rotate(90deg)}.modal-body[data-v-63695cef]{padding:30px;overflow-y:auto;max-height:calc(90vh - 80px)}.contact-intro[data-v-63695cef]{text-align:center;margin-bottom:30px}.contact-intro p[data-v-63695cef]{font-size:15px;color:#ffffffb3;line-height:1.6}.contact-methods[data-v-63695cef]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.contact-item[data-v-63695cef]{display:flex;gap:16px;padding:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .3s ease}.contact-item[data-v-63695cef]:hover{background:rgba(255,255,255,.08);transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.contact-icon[data-v-63695cef]{font-size:36px;flex-shrink:0}.contact-info[data-v-63695cef]{flex:1}.contact-info h3[data-v-63695cef]{font-size:16px;font-weight:600;color:#fff;margin:0 0 6px}.contact-info p[data-v-63695cef]{font-size:13px;color:#fff9;margin:0 0 12px}.contact-action-btn[data-v-63695cef]{padding:8px 16px;background:linear-gradient(135deg,#ff6b35,#f7b731);color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.contact-action-btn[data-v-63695cef]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b3566}.contact-action-btn[data-v-63695cef]:active{transform:translateY(0)}.contact-footer[data-v-63695cef]{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.contact-footer .working-hours[data-v-63695cef]{font-size:14px;color:#fff9}.contact-footer .working-hours strong[data-v-63695cef]{color:#ffffffe6}.modal-panel.mobile .modal-header[data-v-63695cef]{padding:16px 20px}.modal-panel.mobile .modal-title[data-v-63695cef]{font-size:20px}.modal-panel.mobile .modal-body[data-v-63695cef]{padding:20px}.modal-panel.mobile .contact-methods[data-v-63695cef]{grid-template-columns:1fr;gap:15px}.modal-panel.mobile .contact-item[data-v-63695cef]{padding:16px}.slide-up-enter-active[data-v-63695cef],.slide-up-leave-active[data-v-63695cef]{transition:all .3s ease}.slide-up-enter-from[data-v-63695cef]{opacity:0;transform:translateY(30px)}.slide-up-leave-to[data-v-63695cef]{opacity:0;transform:translateY(-30px)}.bottom-nav[data-v-181e231f]{position:fixed;bottom:0;left:0;right:0;z-index:1000;display:none;background:rgba(26,9,51,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:8px 0 calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #0000004d}.bottom-nav.visible[data-v-181e231f]{display:flex}.nav-item[data-v-181e231f]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;cursor:pointer;transition:all .3s ease;position:relative}.nav-item .nav-icon[data-v-181e231f]{font-size:24px;transition:transform .3s ease}.nav-item .nav-label[data-v-181e231f]{font-size:11px;font-weight:500;color:#fff9;transition:all .3s ease}.nav-item[data-v-181e231f]:active{transform:scale(.95)}.nav-item.active .nav-icon[data-v-181e231f]{transform:scale(1.1)}.nav-item.active .nav-label[data-v-181e231f]{color:#ff6b35;font-weight:700}.nav-item.active[data-v-181e231f]:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:30px;height:3px;background:linear-gradient(90deg,#ff6b35,#f7b731);border-radius:0 0 3px 3px}.home-page[data-v-4c16e53c]{min-height:100vh;background:radial-gradient(ellipse at top right,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse at bottom left,rgba(255,107,53,.1) 0%,transparent 50%),linear-gradient(180deg,#1a0933 0%,#2d1655 50%,#1f0d3f 100%);background-attachment:fixed;position:relative}.home-page[data-v-4c16e53c]:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,107,53,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.main-content[data-v-4c16e53c]{position:relative;z-index:1;height:100vh;overflow:hidden}.content-wrapper[data-v-4c16e53c]{display:flex;height:100%;max-width:100%}@media (max-width: 768px){.content-wrapper[data-v-4c16e53c]{display:block}}.content-area[data-v-4c16e53c]{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;overflow-y:auto;background:linear-gradient(180deg,#1a0933 0%,#2d1655 50%,#1f0d3f 100%)}@media (max-width: 768px){.content-area[data-v-4c16e53c]{padding-bottom:80px}}.top-search-bar[data-v-4c16e53c]{position:sticky;top:0;z-index:200;background:rgba(26,9,51,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);padding:20px 30px}@media (max-width: 768px){.top-search-bar[data-v-4c16e53c]{padding:15px}}.search-box[data-v-4c16e53c]{position:relative;max-width:600px;width:100%}.search-box .search-input[data-v-4c16e53c]{width:100%;padding:14px 50px 14px 20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:30px;color:#fff;font-size:15px;transition:all .3s ease}.search-box .search-input[data-v-4c16e53c]::placeholder{color:#fff6}.search-box .search-input[data-v-4c16e53c]:focus{outline:none;background:rgba(255,255,255,.12);border-color:#ff8c4280;box-shadow:0 0 0 3px #ff8c421a}.search-box .search-icon[data-v-4c16e53c]{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:18px;opacity:.6;pointer-events:none}.container[data-v-4c16e53c]{max-width:1400px;margin:0 auto;padding:30px}@media (max-width: 768px){.container[data-v-4c16e53c]{padding:20px 15px}}.hero-section[data-v-4c16e53c]{padding:20px 0 30px;text-align:center;background:linear-gradient(135deg,rgba(255,140,66,.08) 0%,rgba(255,107,26,.03) 100%);border-radius:16px;margin-bottom:30px}.hero-content[data-v-4c16e53c]{max-width:900px;margin:0 auto;padding:20px}.hero-title[data-v-4c16e53c]{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px;line-height:1.3;letter-spacing:1px}.hero-subtitle[data-v-4c16e53c]{font-size:14px;color:#fff9;line-height:1.6;margin:0;letter-spacing:.5px}.games-section[data-v-4c16e53c]{margin-top:30px}.section-header[data-v-4c16e53c]{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.section-title[data-v-4c16e53c]{font-size:28px;font-weight:700;color:#fff;margin:0}.game-count[data-v-4c16e53c]{font-size:14px;color:#ffffff80;margin:0}.games-grid[data-v-4c16e53c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:28px}@media (min-width: 1400px){.games-grid[data-v-4c16e53c]{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1200px) and (max-width: 1399px){.games-grid[data-v-4c16e53c]{grid-template-columns:repeat(4,1fr)}}.loading-state[data-v-4c16e53c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.loading-state .spinner[data-v-4c16e53c]{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-top-color:#ff6b35;border-radius:50%;animation:spin-4c16e53c 1s linear infinite;margin-bottom:20px}.loading-state p[data-v-4c16e53c]{font-size:16px;color:#fff9}.empty-state[data-v-4c16e53c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.empty-state .empty-icon[data-v-4c16e53c]{font-size:80px;margin-bottom:20px;opacity:.3}.empty-state .empty-text[data-v-4c16e53c]{font-size:18px;color:#ffffff80;margin-bottom:30px}.empty-state .retry-btn[data-v-4c16e53c]{padding:12px 32px;background:linear-gradient(135deg,#ff6b35,#f7b731);color:#fff;border:none;border-radius:25px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.empty-state .retry-btn[data-v-4c16e53c]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b3566}@keyframes spin-4c16e53c{to{transform:rotate(360deg)}}@media (max-width: 1400px){.content-wrapper[data-v-4c16e53c]{max-width:100%}}@media (max-width: 1200px){.games-grid[data-v-4c16e53c]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.content-area[data-v-4c16e53c]{padding-left:15px;padding-right:15px}}@media (max-width: 768px){.content-wrapper[data-v-4c16e53c]{flex-direction:column}.content-area[data-v-4c16e53c]{width:100%;padding-bottom:80px}.hero-section[data-v-4c16e53c]{padding:15px 0 20px;margin-bottom:20px}.hero-content[data-v-4c16e53c]{padding:15px}.hero-title[data-v-4c16e53c]{font-size:24px}.hero-subtitle[data-v-4c16e53c]{font-size:13px}.section-header[data-v-4c16e53c]{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:20px}.section-title[data-v-4c16e53c]{font-size:20px}.games-grid[data-v-4c16e53c]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}}@media (max-width: 480px){.games-grid[data-v-4c16e53c]{grid-template-columns:repeat(2,1fr);gap:12px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Microsoft YaHei,sans-serif;background:#1a0933;min-height:100vh;color:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh;position:relative}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;background:none}input{border:none;outline:none}:root{--primary-color: #ff6b35;--secondary-color: #8b5cf6;--bg-primary: #1a0933;--bg-secondary: #2d1655;--text-primary: #ffffff;--text-secondary: #b8b8d0;--border-radius: 12px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .35)}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.container{max-width:1400px;margin:0 auto;padding:0 20px}@media (max-width: 768px){.container{padding:0 15px}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:var(--border-radius);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;outline:none}.btn-primary{background:linear-gradient(135deg,var(--primary-color),#ff8c61);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:rgba(255,255,255,.1);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:rgba(255,255,255,.15)}.input{width:100%;padding:12px 16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);color:#fff;font-size:14px;transition:all .3s ease}.input::placeholder{color:var(--text-secondary)}.input:focus{background:rgba(255,255,255,.12);border-color:var(--primary-color)}.card{background:rgba(255,255,255,.05);border-radius:var(--border-radius);padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.card:hover{background:rgba(255,255,255,.08);transform:translateY(-2px);box-shadow:var(--shadow-md)}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s ease}.slide-up-enter-from{transform:translateY(20px);opacity:0}.slide-up-leave-to{transform:translateY(-20px);opacity:0}