body{background-color:#000;margin:0;padding:0;overflow-x:hidden;background-color:#000!important}#starfield-canvas[data-v-b8bf1b31]{z-index:-1;pointer-events:none;position:fixed;inset:0}.lobby-container[data-v-b8bf1b31]{color:#fff;z-index:1;background:0 0;max-width:1000px;min-height:100vh;margin:0 auto;padding-bottom:50px;position:relative;overflow-x:hidden}.lobby-header[data-v-b8bf1b31]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#000000b3;border-bottom:1px solid #7d5fff33;padding:15px;position:sticky;top:0}.header-content[data-v-b8bf1b31]{justify-content:space-between;align-items:center;gap:10px;display:flex}.mini-brand[data-v-b8bf1b31]{color:#7d5fff;white-space:nowrap;font-size:14px;font-weight:900}.search-bar[data-v-b8bf1b31]{background:#141414cc;border:1px solid #222;border-radius:20px;flex:1;max-width:350px;padding:6px 15px;transition:all .3s;display:flex}.search-bar.is-active[data-v-b8bf1b31]{border-color:#7d5fff;box-shadow:0 0 10px #7d5fff66}.search-bar input[data-v-b8bf1b31]{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:12px}.search-icon[data-v-b8bf1b31]{cursor:pointer;color:#7d5fff}.user-actions[data-v-b8bf1b31]{align-items:center;display:flex}.login-btn-header[data-v-b8bf1b31]{color:#7d5fff;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #7d5fff;border-radius:15px;padding:4px 12px;font-size:12px;transition:all .3s}.login-btn-header[data-v-b8bf1b31]:hover{color:#000;background:#7d5fff;box-shadow:0 0 10px #7d5fff}.user-info[data-v-b8bf1b31]{color:#fff;cursor:pointer;background:#7d5fff33;border:1px solid #7d5fff80;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;transition:all .3s;display:flex}.user-info[data-v-b8bf1b31]:hover{background:#7d5fff66;box-shadow:0 0 10px #7d5fff80}.avatar-emoji[data-v-b8bf1b31]{font-size:16px}.drawer-overlay[data-v-b8bf1b31]{z-index:2500;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;justify-content:flex-end;display:flex;position:fixed;inset:0}.user-drawer[data-v-b8bf1b31]{box-sizing:border-box;background:#0f0f0ff2;border-left:1px solid #333;flex-direction:column;width:300px;height:100%;padding:20px;display:flex;box-shadow:-5px 0 30px #7d5fff33}.drawer-header[data-v-b8bf1b31]{border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.drawer-header h3[data-v-b8bf1b31]{color:#7d5fff;margin:0;font-size:1.1rem}.close-btn[data-v-b8bf1b31]{color:#888;cursor:pointer;background:0 0;border:none;font-size:18px;transition:all .3s}.close-btn[data-v-b8bf1b31]:hover{color:#fff;transform:rotate(90deg)}.drawer-profile[data-v-b8bf1b31]{border-bottom:1px solid #222;align-items:center;gap:15px;margin:20px 0;padding-bottom:20px;display:flex}.big-avatar[data-v-b8bf1b31]{background:#222;border:2px solid #7d5fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:40px;display:flex;box-shadow:0 0 15px #7d5fff66}.profile-details h4[data-v-b8bf1b31]{color:#eee;margin:0 0 5px;font-size:1rem}.status-badge[data-v-b8bf1b31]{color:#2ecc71;background:#2ecc7133;border:1px solid #2ecc71;border-radius:10px;padding:2px 6px;font-size:10px}.drawer-content[data-v-b8bf1b31]{flex:1;padding-right:5px;overflow-y:auto}.drawer-content[data-v-b8bf1b31]::-webkit-scrollbar{width:4px}.drawer-content[data-v-b8bf1b31]::-webkit-scrollbar-thumb{background:#4facfe;border-radius:4px}.fav-title[data-v-b8bf1b31]{color:#aaa;margin-bottom:10px;font-size:.9rem}.empty-fav[data-v-b8bf1b31]{color:#666;text-align:center;margin-top:30px;font-size:12px}.fav-item[data-v-b8bf1b31]{cursor:pointer;background:#1a1a1a;border:1px solid #222;border-radius:8px;align-items:center;gap:10px;margin-bottom:10px;padding:8px;transition:all .3s;display:flex}.fav-item[data-v-b8bf1b31]:hover{background:#222;border-color:#4facfe}.fav-cover[data-v-b8bf1b31]{object-fit:cover;border-radius:6px;width:45px;height:45px}.fav-info[data-v-b8bf1b31]{flex-direction:column;flex:1;gap:5px;display:flex}.fav-name[data-v-b8bf1b31]{white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:.8rem;overflow:hidden}.remove-fav-btn[data-v-b8bf1b31]{color:#fff;cursor:pointer;background:#ff4757;border:none;border-radius:4px;align-self:flex-start;padding:2px 8px;font-size:10px}.drawer-footer[data-v-b8bf1b31]{margin-top:20px}.logout-btn-full[data-v-b8bf1b31]{color:#ff4757;cursor:pointer;background:0 0;border:1px solid #ff4757;border-radius:8px;width:100%;padding:10px;font-weight:700;transition:all .3s}.logout-btn-full[data-v-b8bf1b31]:hover{color:#fff;background:#ff4757}.auth-overlay[data-v-b8bf1b31]{z-index:2500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-card[data-v-b8bf1b31]{background:#0f0f0fe6;border:1px solid #333;border-radius:20px;width:300px;padding:30px;box-shadow:0 10px 40px #7d5fff4d}.auth-tabs[data-v-b8bf1b31]{border-bottom:1px solid #333;justify-content:space-between;margin-bottom:25px;padding-bottom:10px;display:flex}.auth-tabs span[data-v-b8bf1b31]{cursor:pointer;color:#666;font-size:14px;font-weight:700;transition:all .3s}.auth-tabs span.active[data-v-b8bf1b31]{color:#7d5fff;text-shadow:0 0 8px #7d5fff80}.auth-form input[data-v-b8bf1b31]{box-sizing:border-box;color:#fff;background:#0a0a0a;border:1px solid #333;border-radius:10px;outline:none;width:100%;margin-bottom:15px;padding:12px;transition:all .3s}.auth-form input[data-v-b8bf1b31]:focus{border-color:#7d5fff;box-shadow:0 0 8px #7d5fff33}.auth-submit[data-v-b8bf1b31]{color:#fff;cursor:pointer;background:linear-gradient(90deg,#7d5fff,#4facfe);border:none;border-radius:10px;width:100%;padding:12px;font-weight:700;transition:all .3s}.auth-submit[data-v-b8bf1b31]:hover{filter:brightness(1.2);box-shadow:0 5px 15px #7d5fff66}.auth-tip[data-v-b8bf1b31]{color:#ff4757;text-align:center;margin-top:10px;font-size:12px}.section-block[data-v-b8bf1b31]{padding:15px 12px}.section-header[data-v-b8bf1b31]{align-items:center;margin-bottom:12px;display:flex}.vertical-line[data-v-b8bf1b31]{background:#7d5fff;border-radius:2px;width:3px;height:16px;margin-right:10px;box-shadow:0 0 8px #7d5fff}.section-title[data-v-b8bf1b31]{color:#eee;margin:0;font-size:1rem;font-weight:700}.banner-area[data-v-b8bf1b31]{padding:10px 15px}.banner-slider[data-v-b8bf1b31]{scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:16px;gap:10px;display:flex;overflow-x:auto}.banner-slide[data-v-b8bf1b31]{scroll-snap-align:start;aspect-ratio:21/9;cursor:pointer;border:1px solid #222;border-radius:16px;flex:0 0 100%;transition:all .3s;position:relative;overflow:hidden}.banner-slide[data-v-b8bf1b31]:hover{border-color:#7d5fff;box-shadow:0 8px 20px #7d5fff4d}.banner-slide:hover .ad-img[data-v-b8bf1b31]{transform:scale(1.05)}.ad-img[data-v-b8bf1b31]{object-fit:cover;width:100%;height:100%;transition:all .5s}.ad-overlay[data-v-b8bf1b31]{background:linear-gradient(#0000,#000000e6);align-items:flex-end;padding:20px;display:flex;position:absolute;inset:0}.ad-title[data-v-b8bf1b31]{margin:5px 0;font-size:1.2rem}.ad-play-btn[data-v-b8bf1b31]{color:#000;background:#fff;border:none;border-radius:15px;padding:5px 15px;font-size:12px;font-weight:700}.hot-scroll-wrapper[data-v-b8bf1b31]{scrollbar-width:none;gap:18px;padding-bottom:10px;display:flex;overflow-x:auto}.hot-scroll-wrapper[data-v-b8bf1b31]::-webkit-scrollbar{display:none}.hot-item[data-v-b8bf1b31]{text-align:center;cursor:pointer;flex:0 0 60px;transition:transform .3s}.hot-item[data-v-b8bf1b31]:hover{transform:translateY(-4px)}.hot-avatar-wrapper[data-v-b8bf1b31]{margin-bottom:5px;display:inline-block;position:relative}.hot-avatar[data-v-b8bf1b31]{object-fit:cover;border:1.5px solid #333;border-radius:50%;width:48px;height:48px;transition:all .3s}.hot-item:hover .hot-avatar[data-v-b8bf1b31]{border-color:#7d5fff;box-shadow:0 0 15px #7d5fff80}.hot-name[data-v-b8bf1b31]{color:#888;white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.rank-badge[data-v-b8bf1b31]{z-index:2;background:#7d5fff;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:0;right:-5px}.game-grid[data-v-b8bf1b31]{grid-template-columns:repeat(4,1fr);gap:12px;display:grid;position:relative}@media (width>=768px){.game-grid[data-v-b8bf1b31]{grid-template-columns:repeat(5,1fr)}}.game-card[data-v-b8bf1b31]{z-index:1;cursor:pointer;background:#0c0c0c;border:1px solid #1a1a1a;border-radius:10px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.game-card[data-v-b8bf1b31]:hover{z-index:2;border-color:#4facfe;transform:translateY(-8px)scale(1.02);box-shadow:0 12px 25px #7d5fff33,0 5px 10px #000c}.cover-box[data-v-b8bf1b31]{aspect-ratio:1;position:relative;overflow:hidden}.cover-box img[data-v-b8bf1b31]{object-fit:cover;width:100%;height:100%;transition:transform .4s}.game-card:hover .cover-box img[data-v-b8bf1b31]{transform:scale(1.1)}.mini-tag[data-v-b8bf1b31]{color:#000;pointer-events:none;background:#ffc800e6;border-radius:4px;padding:2px 4px;font-size:8px;font-weight:700;position:absolute;top:5px;left:5px}.info-box[data-v-b8bf1b31]{padding:8px}.game-title[data-v-b8bf1b31]{white-space:nowrap;text-overflow:ellipsis;color:#e0e0e0;margin:0;font-size:.75rem;overflow:hidden}.meta-info[data-v-b8bf1b31]{color:#555;text-align:right;margin-top:4px;font-size:9px}.heart-icon[data-v-b8bf1b31]{z-index:3;background:#0009;border:1px solid #333;border-radius:50%;padding:3px;font-size:10px;transition:all .2s;position:absolute;top:-5px;left:-5px}.heart-icon[data-v-b8bf1b31]:hover{transform:scale(1.2)}.heart-icon-large[data-v-b8bf1b31]{z-index:3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;border-radius:50%;padding:5px;font-size:14px;transition:all .2s;position:absolute;top:5px;right:5px}.heart-icon-large[data-v-b8bf1b31]:hover{transform:scale(1.3)}.empty-state[data-v-b8bf1b31]{text-align:center;color:#555;padding:50px;font-size:.9rem}.list-move[data-v-b8bf1b31],.list-enter-active[data-v-b8bf1b31],.list-leave-active[data-v-b8bf1b31]{transition:all .4s}.list-enter-from[data-v-b8bf1b31],.list-leave-to[data-v-b8bf1b31]{opacity:0;transform:scale(.8)translateY(20px)}.list-leave-active[data-v-b8bf1b31]{position:absolute}.fade-enter-active[data-v-b8bf1b31],.fade-leave-active[data-v-b8bf1b31]{transition:opacity .3s}.fade-enter-from[data-v-b8bf1b31],.fade-leave-to[data-v-b8bf1b31]{opacity:0}.fade-slide-enter-active[data-v-b8bf1b31],.fade-slide-leave-active[data-v-b8bf1b31]{transition:all .4s}.fade-slide-enter-from[data-v-b8bf1b31],.fade-slide-leave-to[data-v-b8bf1b31]{opacity:0;transform:translateY(-20px)}.slide-right-enter-active[data-v-b8bf1b31],.slide-right-leave-active[data-v-b8bf1b31]{transition:all .3s ease-out}.slide-right-enter-from[data-v-b8bf1b31],.slide-right-leave-to[data-v-b8bf1b31]{opacity:0;transform:translate(100%)}.detail-page[data-v-bf631858]{color:#fff;background:#000;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.detail-bg[data-v-bf631858]{filter:blur(40px)brightness(.3);opacity:.8;z-index:1;background-position:50%;background-size:cover;position:absolute;inset:-5%}.detail-gradient[data-v-bf631858]{z-index:2;background:linear-gradient(#000c 0%,#0006 50%,#000 100%);position:absolute;inset:0}.detail-nav[data-v-bf631858]{z-index:10;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:relative}.back-btn[data-v-bf631858]{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:8px 20px;font-size:14px;transition:all .3s}.back-btn[data-v-bf631858]:hover{background:#fff3;transform:translate(-5px)}.brand[data-v-bf631858]{color:#7d5fff;letter-spacing:1px;font-weight:700}.detail-content[data-v-bf631858]{z-index:5;flex:1;align-items:center;gap:60px;width:90%;max-width:1100px;margin:0 auto;padding-bottom:50px;display:flex;position:relative}.detail-left[data-v-bf631858]{flex:0 0 400px}.detail-cover-large[data-v-bf631858]{aspect-ratio:1;object-fit:cover;border:2px solid #7d5fff4d;border-radius:20px;width:100%;transition:transform .5s;box-shadow:0 20px 50px #000c,0 0 30px #7d5fff66}.detail-cover-large[data-v-bf631858]:hover{transform:scale(1.02)}.detail-right[data-v-bf631858]{flex-direction:column;flex:1;gap:20px;display:flex}.detail-title[data-v-bf631858]{background:linear-gradient(90deg,#fff,#a29bfe);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:4rem;font-weight:900;line-height:1.1}.detail-meta[data-v-bf631858]{flex-wrap:wrap;gap:15px;display:flex}.meta-tag[data-v-bf631858]{color:#e0e0e0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#7d5fff33;border:1px solid #7d5fff80;border-radius:20px;padding:6px 15px;font-size:13px;font-weight:700}.detail-desc[data-v-bf631858]{color:#bbb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;border-left:4px solid #7d5fff;border-radius:15px;padding:25px;font-size:1.1rem;line-height:1.8}.detail-actions[data-v-bf631858]{margin-top:20px}.play-btn-huge[data-v-bf631858]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7d5fff,#4facfe);border:none;border-radius:15px;width:100%;max-width:400px;padding:18px;font-size:1.2rem;font-weight:700;transition:all .3s;box-shadow:0 10px 20px #7d5fff66}.play-btn-huge[data-v-bf631858]:hover{filter:brightness(1.2);transform:translateY(-5px);box-shadow:0 15px 30px #7d5fff99}.loading-state[data-v-bf631858]{color:#7d5fff;background:#000;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;display:flex}.player-fullscreen[data-v-bf631858]{z-index:2000;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.exit-play-btn[data-v-bf631858]{z-index:2010;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ff4757cc;border:none;border-radius:8px;padding:10px 20px;font-weight:700;transition:all .3s;position:absolute;top:20px;left:20px}.exit-play-btn[data-v-bf631858]:hover{background:#ff4757;transform:scale(1.05)}.game-frame[data-v-bf631858]{border:none;width:100%;height:100%}.zoom-in-enter-active[data-v-bf631858],.zoom-in-leave-active[data-v-bf631858]{transition:all .4s}.zoom-in-enter-from[data-v-bf631858],.zoom-in-leave-to[data-v-bf631858]{opacity:0;transform:scale(.95)}