@charset "UTF-8";:root{--primary-color: #8b5cf6;--primary-dark: #7c3aed;--primary-light: #a78bfa;--accent-color: #f472b6;--accent-hover: #ec4899;--secondary-accent: #22d3ee;--success-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--info-color: #3b82f6;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--bg-dark: #020617;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-inverse: #0f172a;--border-light: #334155;--border-medium: #475569;--border-dark: #64748b;--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #d946ef 100%);--gradient-hero: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--gradient-accent: linear-gradient(135deg, #f472b6 0%, #fb7185 100%);--gradient-card: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(217, 70, 239, .1) 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .15);--shadow-glow: 0 0 25px rgba(139, 92, 246, .25);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@media screen and (max-width: 768px){.container{padding:0 var(--spacing-sm)}}[v-cloak]{display:none!important}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem;font-weight:500;text-align:center;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media screen and (max-width: 768px){.hide-mobile{display:none!important}}@media screen and (min-width: 769px){.show-mobile{display:none!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-float{animation:float 3s ease-in-out infinite}.main-content{min-height:calc(100vh - 200px);background-color:var(--bg-primary);margin-left:260px;padding-left:var(--spacing-lg)}@media screen and (max-width: 768px){.main-content{margin-left:0;padding:0}}.featured-swiper-container{overflow:hidden}@media screen and (max-width: 768px){.content-area{padding:var(--spacing-md) 0}}.main-content .container{width:100%;max-width:none;margin:0;padding-right:var(--spacing-lg)}@media screen and (max-width: 768px){.main-content .container{padding-right:var(--spacing-sm)}}.section-block{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md);margin-right:var(--spacing-lg)}@media screen and (max-width: 768px){.section-block{padding:var(--spacing-md);border-radius:var(--radius-lg);max-width:none;margin-right:0}}.section-block .featured-swiper-container{margin:0}.featured-swiper-container{position:relative;padding:var(--spacing-md) 0;margin:0 -var(--spacing-md)}@media screen and (max-width: 768px){.featured-swiper-container{margin:0 -var(--spacing-sm)}}.featured-grid{padding:var(--spacing-md) 0;width:100%}.featured-grid .swiper-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:minmax(180px,auto);gap:var(--spacing-md);grid-auto-flow:dense;width:100%!important;transform:none!important;box-sizing:border-box}@media screen and (max-width: 1400px){.featured-grid .swiper-wrapper{grid-template-columns:repeat(5,1fr)!important}}@media screen and (max-width: 1200px){.featured-grid .swiper-wrapper{grid-template-columns:repeat(4,1fr)!important}}@media screen and (max-width: 992px){.featured-grid .swiper-wrapper{grid-template-columns:repeat(3,1fr)!important}}@media screen and (max-width: 576px){.featured-grid .swiper-wrapper{grid-template-columns:repeat(2,1fr)!important;gap:var(--spacing-sm)}}.featured-grid .swiper-slide{height:100%;width:auto!important;min-width:0;margin:0!important;display:block}.featured-grid .swiper-slide:first-child{grid-column:span 2;grid-row:span 2}@media screen and (max-width: 768px){.featured-grid .swiper-slide:first-child{grid-column:span 2;aspect-ratio:16/9}}@media screen and (max-width: 480px){.featured-grid .swiper-slide:first-child{grid-column:1/-1;width:100%!important;max-width:100%}}.featured-grid .swiper-slide:first-child .game-card{height:100%;display:flex;flex-direction:column}.featured-grid .swiper-slide:first-child .game-card .game-image{height:100%;padding-bottom:0}.featured-grid .swiper-slide:first-child .game-card .game-image img{height:100%;object-fit:cover}.featured-grid .swiper-slide:first-child .game-card .game-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:var(--spacing-lg);z-index:2}.featured-grid .swiper-slide:first-child .game-card .game-info .game-title{color:#fff;font-size:1.75rem;margin-bottom:var(--spacing-xs)}.featured-grid .swiper-slide:first-child .game-card .game-info .game-stats{color:#ffffffe6}.featured-grid .swiper-slide:first-child .game-card .game-info .game-stats i{color:var(--accent-color)}.featured-grid .swiper-slide:nth-child(7){grid-column:span 2}@media screen and (max-width: 768px){.featured-grid .swiper-slide:nth-child(7){grid-column:span 1}}.featured-grid .swiper-slide:nth-child(10){grid-row:span 2}@media screen and (max-width: 768px){.featured-grid .swiper-slide:nth-child(10){grid-row:span 1}}.featured-grid .swiper-slide:nth-child(10) .game-card{height:100%;display:flex;flex-direction:column}.featured-grid .swiper-slide:nth-child(10) .game-card .game-image{height:100%;padding-bottom:0}.featured-grid .swiper-slide:nth-child(10) .game-card .game-image img{height:100%;object-fit:cover}.featured-grid .swiper-slide:not(:first-child):not(:nth-child(7)):not(:nth-child(10)) .game-card{height:100%;display:flex;flex-direction:column}.featured-grid .swiper-slide:not(:first-child):not(:nth-child(7)):not(:nth-child(10)) .game-card .game-image{aspect-ratio:4/3;width:100%}.featured-grid .swiper-slide:not(:first-child):not(:nth-child(7)):not(:nth-child(10)) .game-card .game-info{flex-grow:1}.featured-grid .game-card{position:relative;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal);border:1px solid var(--border-light);cursor:pointer}.featured-grid .game-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.featured-grid .game-card:hover .play-overlay{opacity:1}.featured-grid .game-card:hover .game-image img{transform:scale(1.05)}.featured-grid .game-card .game-image{position:relative;overflow:hidden}.featured-grid .game-card .game-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.featured-grid .game-card .game-image .game-badge{position:absolute;top:8px;left:8px;width:max-content;padding:3px 6px;border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;text-transform:uppercase;line-height:1;letter-spacing:.5px;z-index:2;box-shadow:0 2px 4px #0003}.featured-grid .game-card .game-image .game-badge.hot{background-color:var(--danger-color)}.featured-grid .game-card .game-image .game-badge.new{background-color:var(--success-color)}.featured-grid .game-card .game-image .game-badge.featured{background-color:var(--primary-color)}.featured-grid .game-card .game-image .play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast);z-index:1}.featured-grid .game-card .game-image .play-overlay .play-btn{width:48px;height:48px;border-radius:50%;background:var(--primary-color);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 4px 12px #6366f166;cursor:pointer;transition:transform var(--transition-fast)}.featured-grid .game-card .game-image .play-overlay .play-btn:hover{transform:scale(1.1);background:var(--primary-dark)}.featured-grid .game-card .game-info{padding:var(--spacing-sm)}.featured-grid .game-card .game-info .game-title{font-size:.9rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-grid .game-card .game-info .game-stats{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-secondary)}.featured-grid .game-card .game-info .game-stats .game-rating{display:flex;align-items:center;gap:2px}.featured-grid .game-card .game-info .game-stats .game-rating .stars{color:var(--warning-color);letter-spacing:-1px}.featured-grid .game-card .game-info .game-stats .game-plays{display:flex;align-items:center;gap:2px}.featured-grid .game-card .game-info .game-stats .game-plays i{font-size:.7rem}.featured-grid .swiper-button-next,.featured-grid .swiper-button-prev,.featured-grid .swiper-pagination{display:none}.featured-swiper{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-2xl);overflow:visible}@media screen and (max-width: 768px){.featured-swiper{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-2xl)}}.featured-swiper .swiper-wrapper{align-items:stretch}.featured-swiper .swiper-slide{height:auto;display:flex}.featured-swiper .swiper-slide .game-card{width:100%;height:100%}.featured-swiper .swiper-button-next,.featured-swiper .swiper-button-prev{position:absolute;width:44px;height:44px;background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-full);color:var(--primary-color);box-shadow:var(--shadow-md);transition:all var(--transition-fast);top:50%;margin-top:-22px;z-index:10}@media screen and (max-width: 768px){.featured-swiper .swiper-button-next,.featured-swiper .swiper-button-prev{width:36px;height:36px;margin-top:-18px}}.featured-swiper .swiper-button-next:after,.featured-swiper .swiper-button-prev:after{font-size:18px;font-weight:700}@media screen and (max-width: 768px){.featured-swiper .swiper-button-next:after,.featured-swiper .swiper-button-prev:after{font-size:14px}}.featured-swiper .swiper-button-next:hover,.featured-swiper .swiper-button-prev:hover{background:var(--primary-color);color:var(--text-inverse);border-color:var(--primary-color);transform:scale(1.1);box-shadow:var(--shadow-lg)}.featured-swiper .swiper-button-next.swiper-button-disabled,.featured-swiper .swiper-button-prev.swiper-button-disabled{opacity:.3;cursor:not-allowed}.featured-swiper .swiper-button-next{right:0}@media screen and (max-width: 768px){.featured-swiper .swiper-button-next{right:-10px}}.featured-swiper .swiper-button-prev{left:0}@media screen and (max-width: 768px){.featured-swiper .swiper-button-prev{left:-10px}}.featured-swiper .swiper-pagination{bottom:10px!important;position:absolute;z-index:6}@media screen and (max-width: 768px){.featured-swiper .swiper-pagination{bottom:-20px}}.featured-swiper .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:var(--border-medium);opacity:1;transition:all var(--transition-fast);margin:0 4px}.featured-swiper .swiper-pagination .swiper-pagination-bullet:hover{background:var(--primary-color);transform:scale(1.2)}.featured-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--primary-color);width:24px;border-radius:var(--radius-full)}@media screen and (min-width: 1200px){.featured-swiper .swiper-slide{width:var(--featured-card-width, 240px)}}.stats-section{padding:var(--spacing-2xl) 0}.stats-section .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}@media screen and (max-width: 768px){.stats-section .stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}.stats-section .stat-card{background:var(--bg-card);padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border-light);transition:all var(--transition-normal);position:relative;overflow:hidden}.stats-section .stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-card);transition:left .5s}.stats-section .stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.stats-section .stat-card:hover:before{left:0}.stats-section .stat-card .stat-icon{font-size:2.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm);position:relative;z-index:1}.stats-section .stat-card .stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs);position:relative;z-index:1}.stats-section .stat-card .stat-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;position:relative;z-index:1}.game-section{padding:var(--spacing-2xl) 0}@media screen and (max-width: 768px){.game-section{padding:var(--spacing-xl) 0}}.game-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.game-section .section-header .section-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;position:relative;padding-bottom:var(--spacing-sm)}.game-section .section-header .section-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--gradient-primary);border-radius:var(--radius-full)}@media screen and (max-width: 768px){.game-section .section-header .section-title{font-size:1.75rem}}.game-section .section-header .section-subtitle{color:var(--text-secondary);font-size:1rem;margin:var(--spacing-xs) 0 0 0}.game-section .section-header .view-all-btn{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--primary-color);text-decoration:none;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);border:1px solid transparent}.game-section .section-header .view-all-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color);transform:translate(4px)}.game-section .section-header .view-all-btn i{font-size:.875rem;transition:transform var(--transition-fast)}.game-section .section-header .view-all-btn:hover i{transform:translate(4px)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg)}@media screen and (max-width: 768px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}}@media screen and (max-width: 480px){.game-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}}.game-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);cursor:pointer;position:relative}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-card);opacity:0;transition:opacity var(--transition-normal);z-index:0}.game-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.game-card:hover:before{opacity:1}.game-card:hover .game-image img{transform:scale(1.1)}.game-card .game-image{position:relative;width:100%;margin-left:auto;margin-right:auto;height:140px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden}@media screen and (max-width: 768px){.game-card .game-image{height:120px}}@media screen and (max-width: 480px){.game-card .game-image{height:100px}}.game-card .game-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);position:relative;z-index:1}.game-card .game-image .game-placeholder{width:60px;height:60px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:1.5rem;font-weight:700;position:relative;z-index:1}.game-card .game-image .game-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--accent-color);color:var(--text-inverse);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:2;box-shadow:var(--shadow-md);animation:pulse 2s infinite}.game-card .game-image .game-badge.hot{background:var(--danger-color)}.game-card .game-image .game-badge.new{background:var(--success-color)}.game-card .game-image .game-badge.featured{background:var(--primary-color)}.game-card .game-image .play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal);z-index:2;pointer-events:none}.game-card .game-image .play-overlay .play-btn{width:60px;height:60px;background:var(--gradient-primary);border:none;border-radius:var(--radius-full);color:var(--text-inverse);font-size:1.5rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center}.game-card .game-image .play-overlay .play-btn:hover{transform:scale(1.15) rotate(90deg);box-shadow:var(--shadow-glow)}@media screen and (max-width: 768px){.game-card .game-image .play-overlay .play-btn{width:50px;height:50px;font-size:1.25rem}}.game-card .game-image:hover .play-overlay{opacity:1;pointer-events:auto}.game-card .game-info{padding:var(--spacing-md);position:relative;z-index:1}.game-card .game-info .game-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.game-card .game-info .game-stats{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-tertiary)}.game-card .game-info .game-stats .game-rating{display:flex;align-items:center;gap:var(--spacing-xs)}.game-card .game-info .game-stats .game-rating .stars{color:var(--accent-color);font-size:.875rem}.game-card .game-info .game-stats .game-plays{display:flex;align-items:center;gap:var(--spacing-xs)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}@media screen and (max-width: 768px){.category-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}}@media screen and (max-width: 480px){.category-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}}.category-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-normal)}.category-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.category-card:hover:before{opacity:1}.category-card:hover .category-icon{transform:scale(1.15) rotate(5deg)}.category-card .category-icon{width:90px;height:90px;background:var(--gradient-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);color:var(--text-inverse);font-size:2.5rem;transition:all var(--transition-normal);box-shadow:var(--shadow-md);position:relative;z-index:1}.category-card .category-icon img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-xl)}@media screen and (max-width: 768px){.category-card .category-icon{width:80px;height:80px;font-size:2rem}}.category-card .category-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);position:relative;z-index:1}.category-card .category-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.5;position:relative;z-index:1}.category-card .category-count{font-size:.875rem;color:var(--primary-color);font-weight:600;text-transform:uppercase;letter-spacing:.5px;position:relative;z-index:1}.category-games-preview{margin-top:var(--spacing-lg);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);position:relative;z-index:1}@media screen and (max-width: 768px){.category-games-preview{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}}.category-games-preview .preview-game{background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-light)}.category-games-preview .preview-game:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.category-games-preview .preview-game img{width:100%;height:80px;object-fit:cover;transition:transform var(--transition-normal)}@media screen and (max-width: 768px){.category-games-preview .preview-game img{height:60px}}.category-games-preview .preview-game .game-placeholder{width:100%;height:80px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:1rem;font-weight:700}@media screen and (max-width: 768px){.category-games-preview .preview-game .game-placeholder{height:60px;font-size:.875rem}}.category-games-preview .preview-game .preview-title{padding:var(--spacing-xs);font-size:.75rem;color:var(--text-primary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}