:root{--light-bg:#f6f3ee;--light-text:#333;--light-secondary-text:#666;--dark-bg:#121212;--dark-secondary-bg:#1e1e1e;--dark-text:#e0e0e0;--dark-secondary-text:#aaa;--primary-color:#6f7d6a;--primary-hover:#5f6c5a;--secondary-color:#c9a86a;--secondary-hover:#b99657;--accent-color:#d27d6c;--accent-hover:#bf6a59;--card-shadow:0 4px 8px rgba(0,0,0,0.1);--card-hover-shadow:0 8px 16px rgba(0,0,0,0.15);--button-shadow:0 3px 6px rgba(0,0,0,0.1);--button-hover-shadow:0 5px 15px rgba(0,0,0,0.2);--transition-fast:0.2s;--transition-normal:0.3s;--transition-slow:0.5s;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px;--border-radius-round:50px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-xxl:2rem;--font-size-huge:3rem;--container-width:1400px;--media-max-width:900px;--z-below:-1;--z-normal:1;--z-above:10;--z-fixed:100;--z-modal:1000;--z-toast:2000}.icon{width:1em;height:1em;vertical-align:-0.125em;display:inline-block;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}html[data-icons="missing"] .icon{display:none}@media (min-width:769px){.media-showcase .media-main{padding-bottom:56.25% !important}.media-showcase .media-main{aspect-ratio:16 / 9;height:auto !important;padding-bottom:0 !important;background-color:transparent !important}.media-showcase .media-player img,.media-showcase .video-ratio iframe{width:100% !important;height:100% !important;object-fit:cover !important}}@media (max-width:768px){#operation-time,.operation-time{display:none !important}}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Segoe UI','Microsoft YaHei','微软雅黑',Tahoma,Geneva,Verdana,sans-serif;background-color:var(--light-bg);color:var(--light-text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;transition:background-color var(--transition-normal),color var(--transition-normal)}body.dark-mode{background-color:var(--dark-bg);color:var(--dark-text)}.dark-mode body{background-color:var(--dark-bg);color:var(--dark-text)}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}a:hover{color:var(--primary-color)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{border:none;background:none;cursor:pointer}ul,ol{list-style:none}img,video{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:700}.skip-link{position:absolute;top:-40px;left:0;background-color:transparent;color:transparent;padding:10px;z-index:9999;transition:top 0.3s,background-color 0.3s,color 0.3s}.skip-link:focus{top:0;background-color:var(--primary-color);color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{width:90%;max-width:var(--container-width);margin:0 auto;padding:0 15px}.games-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}main{flex:1;margin-bottom:var(--spacing-xxl)}section{margin-bottom:var(--spacing-xxl)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.section-header h2{font-size:var(--font-size-xxl);position:relative;padding-left:var(--spacing-md)}.section-header h2::before{content:'';position:absolute;left:0;top:10%;height:80%;width:4px;background-color:var(--primary-color);border-radius:var(--border-radius-sm)}.view-all{font-size:var(--font-size-sm);color:var(--primary-color);display:flex;align-items:center;font-weight:500;transition:transform var(--transition-fast)}.view-all i{margin-left:var(--spacing-xs);transition:transform var(--transition-fast)}.view-all:hover{transform:translateX(4px)}.view-all:hover i{transform:translateX(2px)}.btn{display:inline-block;padding:0.6rem 1.5rem;border-radius:var(--border-radius-round);text-align:center;font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-sm{padding:0.4rem 1rem;font-size:var(--font-size-sm)}.btn-lg{padding:0.8rem 2rem;font-size:var(--font-size-lg)}.btn-primary{background-color:var(--primary-color);color:white;box-shadow:var(--button-shadow)}.btn-primary:hover{background-color:var(--primary-hover);color:white;transform:translateY(-2px);box-shadow:var(--button-hover-shadow)}.btn-secondary{background-color:var(--secondary-color);color:white;box-shadow:var(--button-shadow)}.btn-secondary:hover{background-color:var(--secondary-hover);color:white;transform:translateY(-2px);box-shadow:var(--button-hover-shadow)}.btn-outline{border:2px solid var(--primary-color);color:var(--primary-color);background-color:transparent}.btn-outline:hover{background-color:var(--primary-color);color:white}#back-to-top{position:fixed;bottom:20px;right:20px;width:40px;height:40px;background-color:var(--primary-color);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:var(--z-fixed);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal),transform var(--transition-fast);box-shadow:var(--card-shadow)}#back-to-top.visible{opacity:1;visibility:visible}#back-to-top:hover{transform:translateY(-4px);box-shadow:var(--card-hover-shadow)}.announcement-bar{background-color:var(--primary-color);color:white;font-size:var(--font-size-sm);padding:0.5rem 0;text-align:center}.announcement-bar p{display:flex;align-items:center;justify-content:center;gap:0.5rem}.announcement-link{text-decoration:underline;color:white;font-weight:500}.announcement-link:hover{color:rgba(255,255,255,0.8)}.navbar{position:fixed;top:0;left:0;width:100%;background-color:rgba(255,255,255,0.95);box-shadow:0 1px 5px rgba(0,0,0,0.1);z-index:var(--z-fixed);transition:background-color var(--transition-normal),box-shadow var(--transition-normal);border-bottom:1px solid transparent;height:50px;display:flex;align-items:center}.dark-mode .navbar{background-color:rgba(30,30,30,0.95);box-shadow:0 1px 5px rgba(0,0,0,0.3);border-bottom-color:rgba(255,255,255,0.1);height:50px;display:flex;align-items:center}.navbar-container{display:flex;align-items:center;width:100%;max-width:var(--container-width);margin:0 auto;padding:0 20px;height:50px;position:relative}.navbar-left{display:flex;align-items:center;flex:1}.navbar-center{display:flex;justify-content:center;flex:2}.navbar-right{display:flex;align-items:center;justify-content:flex-end;flex:1}.logo{display:flex;align-items:center}.logo img{max-height:36px;width:auto;transition:transform var(--transition-fast)}.logo:hover img{transform:scale(1.05)}.nav-menu{display:flex;align-items:center;gap:1.5rem}@media (min-width:769px){.nav-item-home{order:1}.nav-item-allgames{order:2}.nav-item-help{order:3}.nav-item-message{order:4}.nav-mobile-game{order:5}.nav-menu > .nav-item:not(.nav-item-home):not(.nav-item-allgames):not(.nav-item-help):not(.nav-item-message):not(.nav-mobile-game){order:6}}.mobile-top-links{display:none}@media (min-width:769px){.mobile-top-links{display:none !important}}.nav-item{position:relative}.nav-item a{font-size:1rem;font-weight:700;padding:0.25rem 0;position:relative;line-height:1.2}.nav-item::after{content:'';position:absolute;bottom:-5px;left:0;width:0%;height:0;background-color:transparent;transition:none}.nav-item:hover::after,.nav-item.active::after{width:0}.nav-item.active a{color:var(--primary-color)}.nav-ad{position:relative}.nav-ad-badge{position:absolute;top:-2px;right:-8px;font-size:0.5rem;line-height:1;color:#999;border:1px solid #ddd;border-radius:2px;padding:1px 2px;font-weight:400;pointer-events:none}.dark-mode .nav-ad-badge{color:#888;border-color:#555}@media (max-width:768px){.nav-ad-badge{display:none}}.dark-mode .nav-item a{color:var(--dark-text)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem;transition:background-color var(--transition-fast),transform var(--transition-fast)}.theme-toggle:hover{background-color:rgba(0,0,0,0.05);transform:rotate(15deg)}.dark-mode .theme-toggle:hover{background-color:rgba(255,255,255,0.05)}.dark-mode .theme-toggle i,.dark-mode .theme-toggle .icon{color:#f1c40f}.nav-search{position:relative;margin-right:10px}.nav-search-form{display:flex;align-items:center}.nav-search-wrapper{position:relative;display:flex;align-items:center}.nav-search-wrapper input{width:180px;padding:0.5rem 2.2rem 0.5rem 0.8rem;border:1px solid #ddd;border-radius:20px;font-size:0.85rem;transition:all 0.3s ease;background-color:rgba(255,255,255,0.9);color:var(--light-text)}.dark-mode .nav-search-wrapper input{border-color:#444;background-color:rgba(50,50,50,0.9);color:var(--dark-text)}.nav-search-wrapper input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(58,102,219,0.2);width:220px}.nav-search-wrapper button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:0.9rem;color:#777;cursor:pointer;transition:color 0.2s ease}.nav-search-wrapper button:hover{color:var(--primary-color)}.desktop-only{display:flex}@media (max-width:768px){.desktop-only{display:none}}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;cursor:pointer;z-index:var(--z-above);margin-left:auto}.bar{display:block;width:100%;height:3px;background-color:var(--light-text);border-radius:2px;transition:all var(--transition-fast)}.dark-mode .bar{background-color:var(--dark-text)}.hero-section{margin-top:50px;position:relative}.hero-slider{height:50vh;min-height:460px;max-height:700px;position:relative;overflow:hidden}.slides{height:100%;width:100%;position:relative}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity var(--transition-slow) ease}.slide.active{opacity:1}.slide-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(0.7);transform:scale(1.1);transition:transform 8s ease}.slide.active .slide-bg{transform:scale(1)}.slide-content{position:absolute;top:50%;left:0;transform:translateY(-50%);color:white;z-index:var(--z-above);text-align:left;max-width:800px}.slide-content h1{font-size:var(--font-size-huge);margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,0.5);animation:fadeInUp 1s ease forwards;opacity:0;transform:translateY(20px)}.slide.active .slide-content h1{animation-delay:0.3s}.slide-content p{font-size:var(--font-size-xl);margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,0.5);animation:fadeInUp 1s ease forwards;opacity:0;transform:translateY(20px)}.slide.active .slide-content p{animation-delay:0.6s}.slide-content .btn{animation:fadeInUp 1s ease forwards;opacity:0;transform:translateY(20px)}.slide.active .slide-content .btn{animation-delay:0.9s}.slider-controls{position:absolute;bottom:30px;left:0;width:100%;display:flex;justify-content:center;align-items:center;gap:20px;z-index:var(--z-above)}.prev-btn,.next-btn{background-color:rgba(0,0,0,0.6);color:white;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.prev-btn:hover,.next-btn:hover{background-color:var(--primary-color);transform:scale(1.1)}.slider-dots{display:flex;gap:8px}.slider-dot{width:10px;height:10px;border-radius:50%;background-color:rgba(255,255,255,0.4);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.slider-dot.active{background-color:white;transform:scale(1.2)}.slider-dot:hover{background-color:rgba(255,255,255,0.7)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@media (min-width:1600px){:root{--container-width:1560px;--media-max-width:1100px}.media-container{max-width:var(--media-max-width)}.game-card-title{font-size:1.1rem}.game-meta{font-size:0.75rem;gap:4px}.game-meta .category-badge{font-size:10px;padding:2px 5px}.game-info{padding:8px 12px 8px}.pagination-prev,.pagination-next{width:52px;height:52px}.pagination-number,.pagination-ellipsis{width:52px;height:52px;font-size:1.05rem}.pagination-numbers{gap:0.7rem}}@media (min-width:1920px){:root{--container-width:1860px;--media-max-width:1300px}.media-container{max-width:var(--media-max-width)}.game-card-title{font-size:1.2rem}.game-meta{font-size:0.85rem;gap:6px}.game-meta .category-badge{font-size:11px;padding:2px 6px}.game-info{padding:10px 14px 10px}.pagination-prev,.pagination-next{width:64px;height:64px}.pagination-number,.pagination-ellipsis{width:64px;height:64px;font-size:1.25rem}.pagination-numbers{gap:0.9rem}}@media (min-width:2560px){:root{--container-width:2400px;--media-max-width:1800px}.games-grid,.category-games-grid{grid-template-columns:repeat(4,1fr)}.media-container{max-width:var(--media-max-width)}.game-card-title{font-size:1.4rem}.game-meta{font-size:1rem;gap:8px}.game-meta .category-badge{font-size:13px;padding:3px 8px}.game-info{padding:12px 16px 12px}.pagination-prev,.pagination-next{width:80px;height:80px}.pagination-number,.pagination-ellipsis{width:80px;height:80px;font-size:1.6rem}.pagination-numbers{gap:1.2rem}}@media (max-width:1200px){.games-grid{grid-template-columns:repeat(4,1fr)}.category-games-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:992px){.games-grid{grid-template-columns:repeat(3,1fr)}.category-games-grid{grid-template-columns:repeat(3,1fr)}.news-grid{grid-template-columns:repeat(2,1fr)}.slide-content h1{font-size:2.5rem}.slide-content p{font-size:1.2rem}.category-title{font-size:2.5rem}}@media (max-width:768px){.container{width:100%;padding:0 10px}.mobile-top-links{display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;position:absolute;left:134px;right:132px;top:50%;transform:translateY(-50%);z-index:2}.mobile-top-links a{display:inline-flex;align-items:center;justify-content:center;font-size:0.85rem;font-weight:500;color:var(--light-text);line-height:1;white-space:nowrap;padding:8px 12px;border-radius:4px;background:#f5f5f5;transition:background-color var(--transition-fast),color var(--transition-fast)}.dark-mode .mobile-top-links a{color:var(--dark-text);background:rgba(255,255,255,0.08)}.mobile-top-links a:hover,.mobile-top-links a:active{color:var(--light-text)}.dark-mode .mobile-top-links a:hover,.dark-mode .mobile-top-links a:active{color:var(--dark-text)}.logo{margin-left:4px;z-index:3}.games-grid{grid-template-columns:repeat(2,1fr)}.category-games-grid{grid-template-columns:repeat(2,1fr)}.news-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:0.5rem}.hamburger{display:flex;width:24px;height:18px;position:absolute;right:12px;top:50%;transform:translateY(-50%);margin:0;padding:0}.logo img{max-height:32px;max-width:110px;width:auto}.nav-menu{position:fixed;top:50px;left:-100%;width:100%;height:calc(100vh - 50px);flex-direction:column;background-color:var(--light-bg);padding:2rem 0;transition:left var(--transition-normal);box-shadow:0 10px 10px rgba(0,0,0,0.1);z-index:var(--z-fixed)}.dark-mode .nav-menu{background-color:var(--dark-bg);box-shadow:0 10px 10px rgba(0,0,0,0.3)}.nav-menu.active{left:0}.nav-item{margin:1rem 0}.nav-menu{display:flex;flex-direction:column}.nav-item-home{order:1}.nav-item-allgames{order:2}.nav-mobile-game{order:3}.nav-menu > .nav-item:not(.nav-item-home):not(.nav-item-allgames):not(.nav-mobile-game){order:4}.nav-item::after{display:none}.theme-toggle{position:absolute;right:48px !important;top:50% !important;transform:translateY(-50%) !important;margin-right:0 !important;z-index:1000}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.hero-slider{height:60vh}.slide-content{text-align:center;left:50%;transform:translate(-50%,-50%)}.view-controls{justify-content:center;margin-top:var(--spacing-md)}.category-header{padding:80px 0 40px}.category-title{font-size:2rem}}@media (max-width:576px){.container{padding:0 8px}.mobile-top-links{gap:10px;left:104px}.mobile-top-links a{font-size:0.8rem;padding:7px 10px}.games-grid{grid-template-columns:repeat(2,1fr) !important;gap:10px !important}.category-games-grid{grid-template-columns:repeat(2,1fr) !important;gap:10px !important}html{font-size:14px}.hero-slider{height:50vh}.slide-content h1{font-size:2rem}.slide-content p{font-size:1rem;margin-bottom:1.5rem}.filter-tags{gap:0.3rem}.filter-tags a{padding:0.3rem 0.8rem;font-size:var(--font-size-xs)}.pagination-number{width:35px;height:35px}}.search-section{padding:var(--spacing-sm) 0 5px;margin-top:55px;position:relative;z-index:var(--z-normal)}.search-container{background-color:white;border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);padding:var(--spacing-md);transition:background-color var(--transition-normal),box-shadow var(--transition-normal);position:relative;z-index:1}.dark-mode .search-container{background-color:var(--dark-secondary-bg);box-shadow:0 4px 20px rgba(0,0,0,0.3)}.search-box{width:100%}.search-wrapper{position:relative;margin-bottom:var(--spacing-md)}.search-wrapper input{width:100%;padding:1rem 3.5rem 1rem 1.5rem;border:2px solid #ddd;border-radius:var(--border-radius-round);font-size:var(--font-size-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background-color:white;color:var(--light-text)}.dark-mode .search-wrapper input{border-color:#444;background-color:#333;color:var(--dark-text)}.search-wrapper input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(58,102,219,0.2)}.search-wrapper button{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:var(--font-size-xl);color:#777;cursor:pointer;transition:color var(--transition-fast)}.search-wrapper button:hover{color:var(--primary-color)}.site-stats{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-md);margin-top:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.site-info{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--spacing-lg)}.qq-group{color:var(--light-secondary-text);font-size:var(--font-size-sm);white-space:nowrap}.dark-mode .qq-group{color:var(--dark-secondary-text)}.operation-time{color:var(--light-secondary-text);font-size:var(--font-size-sm);transition:opacity var(--transition-fast)}.dark-mode .operation-time{color:var(--dark-secondary-text)}.post-count{color:var(--light-secondary-text);font-size:var(--font-size-sm)}.post-count span{color:var(--primary-color);font-weight:600}.dark-mode .post-count{color:var(--dark-secondary-text)}.dark-mode .post-count span{color:var(--primary-hover)}.announcement-ticker{flex-grow:1;position:relative;overflow:hidden;height:24px;max-width:800px;margin-left:10px}.announcement-ticker-content{position:absolute;white-space:nowrap;animation:ticker 8s linear infinite}.announcement-ticker-content:hover{animation-play-state:paused}.announcement-ticker .ticker-item{display:inline-flex;align-items:center;margin-right:40px;color:var(--primary-color);font-size:var(--font-size-sm)}.announcement-ticker .ticker-item i{margin-right:8px}@keyframes ticker{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}@media (max-width:768px){.site-stats{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important;margin-top:4px !important;padding:0 !important;gap:0 !important}.site-stats > .site-info{flex:0 0 100% !important;display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;gap:8px !important;margin-bottom:2px !important}.site-stats > .qq-group{flex:0 0 auto !important;margin-right:8px !important}.site-stats > .announcement-ticker{flex:1 1 auto !important;min-width:100px !important}.compact-stats,.post-count,.operation-time{margin:0 !important;padding:0 !important;line-height:1.2 !important;white-space:nowrap !important;font-size:12px !important}.qq-group{white-space:nowrap !important;font-size:12px !important}.announcement-ticker{height:18px !important;position:relative !important;overflow:hidden !important}.announcement-ticker .ticker-item{font-size:12px !important}}.categories-section{padding:var(--spacing-xl) 0}.categories-container{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.category-item{background-color:white;border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);padding:var(--spacing-lg);text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-normal);display:flex;flex-direction:column;align-items:center;gap:0.75rem}.dark-mode .category-item{background-color:var(--dark-secondary-bg)}.category-item i{font-size:2rem;color:var(--primary-color);margin-bottom:0.5rem;transition:transform var(--transition-fast),color var(--transition-fast)}.category-item span{font-weight:500;transition:color var(--transition-fast)}.category-item:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.category-item:hover i{transform:scale(1.1);color:var(--primary-hover)}@media (max-width:992px){.categories-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:576px){.categories-container{grid-template-columns:repeat(2,1fr)}.category-item{padding:var(--spacing-md)}}.games-section{padding:5px 0 5px;margin-top:0}.games-section:first-of-type{margin-top:0}.game-card{background-color:white;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:transform var(--transition-normal),box-shadow var(--transition-normal);cursor:pointer;height:100%;display:flex;flex-direction:column;position:relative}.dark-mode .game-card{background-color:var(--dark-secondary-bg)}.game-card:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.game-cover{position:relative;height:0;padding-bottom:46.7%;overflow:hidden;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.game-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.game-card:hover .game-cover img{transform:scale(1.1)}.game-badge{position:absolute;top:10px;right:10px;background-color:var(--accent-color);color:white;padding:0.25rem 0.75rem;border-radius:var(--border-radius-round);font-size:var(--font-size-xs);font-weight:600;z-index:1}.badge-new{background-color:var(--accent-color)}.badge-hot{background-color:var(--secondary-color)}.badge-discount{background-color:var(--primary-color)}.game-info{padding:6px 10px 6px;flex-grow:1;display:flex;flex-direction:column}.game-title{font-size:1rem;font-weight:600;color:#333;margin:0 0 2px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.modal-badge{position:relative;top:-2px;margin-left:12px;padding:4px 10px;font-size:14px;vertical-align:middle}.dark-mode .game-title{color:#eee}.dark-mode .game-title{color:var(--primary-hover)}.game-desc{font-size:var(--font-size-sm);color:var(--light-secondary-text);margin-bottom:var(--spacing-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.dark-mode .game-desc{color:var(--dark-secondary-text)}.game-meta{display:flex;align-items:center;gap:3px;font-size:0.75rem;color:var(--light-secondary-text);white-space:nowrap}.dark-mode .game-meta{color:var(--dark-secondary-text)}.game-meta i{margin-right:4px;color:var(--primary-color)}.game-views,.game-update-time{display:flex;align-items:center}.game-rating{display:flex;align-items:center;gap:2px;margin-top:auto;padding-top:10px;border-top:1px solid rgba(0,0,0,0.1)}.dark-mode .game-rating{border-top:1px solid rgba(255,255,255,0.1)}.game-rating i{color:#f1c40f;font-size:0.9rem}.far.fa-star{color:#ccc}.dark-mode .far.fa-star{color:#555}.game-rating-section{margin:20px 0;padding:15px;background-color:#f9f9f9;border-radius:var(--border-radius-md)}.dark-mode .game-rating-section{background-color:#242424}.game-rating-section h3{font-size:var(--font-size-lg);margin-bottom:10px;color:var(--primary-color)}.rating-stars{display:flex;align-items:center;gap:10px;margin-bottom:15px}.rating-stars i{color:#f1c40f;font-size:1.5rem}.rating-value{font-size:var(--font-size-md);font-weight:600;margin-left:10px}.rating-buttons{border-top:1px solid rgba(0,0,0,0.1);padding-top:15px;margin-top:10px}.dark-mode .rating-buttons{border-top:1px solid rgba(255,255,255,0.1)}.rating-buttons h4{font-size:var(--font-size-md);margin-bottom:8px}.star-rating{display:flex;gap:5px}.star-rating i{font-size:1.8rem;cursor:pointer;color:#ccc;transition:color var(--transition-fast),transform var(--transition-fast)}.dark-mode .star-rating i{color:#555}.star-rating i.fas{color:#f1c40f}.star-rating i:hover{transform:scale(1.1)}.featured-games{padding:var(--spacing-xl) 0;overflow:hidden}.featured-slider{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--card-shadow);margin-bottom:50px}.featured-slides{display:flex;transition:transform var(--transition-normal) ease}.featured-game{min-width:100%;position:relative;height:450px;cursor:pointer}.featured-game-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform 4s ease}.featured-game:hover .featured-game-bg{transform:scale(1.05)}.featured-game::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:70%;background:linear-gradient(to top,rgba(0,0,0,0.8),transparent);z-index:1}.featured-game-info{position:absolute;bottom:0;left:0;width:100%;padding:2rem;color:white;z-index:2}.featured-game-title{font-size:var(--font-size-xxl);margin-bottom:0.5rem;text-shadow:0 2px 4px rgba(0,0,0,0.5)}.featured-game-desc{font-size:var(--font-size-md);margin-bottom:1.5rem;opacity:0.9;max-width:800px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-game-meta{display:flex;gap:1.5rem;font-size:var(--font-size-sm);margin-bottom:1.5rem}.featured-controls{position:absolute;top:50%;left:0;width:100%;display:flex;justify-content:space-between;padding:0 1.5rem;transform:translateY(-50%);z-index:10}.featured-prev,.featured-next{background-color:rgba(0,0,0,0.6);color:white;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.featured-prev:hover,.featured-next:hover{background-color:var(--primary-color);transform:scale(1.1)}.featured-dots{position:absolute;bottom:-30px;left:0;width:100%;display:flex;justify-content:center;gap:10px;z-index:10;padding:15px 0}.featured-dot{width:12px;height:12px;border-radius:50%;background-color:rgba(58,102,219,0.3);cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent}.featured-dot.active{background-color:var(--primary-color);transform:scale(1.2);box-shadow:0 0 10px rgba(58,102,219,0.5)}.featured-dot:hover{background-color:var(--primary-color);transform:translateY(-2px)}@media (max-width:768px){.featured-game{height:350px}.featured-game-title{font-size:var(--font-size-xl)}.featured-game-desc{font-size:var(--font-size-sm);margin-bottom:1rem}.featured-game-meta{margin-bottom:1rem}}@media (max-width:576px){.featured-game{height:300px}.featured-game-info{padding:1.5rem}.featured-game-meta{flex-wrap:wrap;gap:0.75rem}}.news-section{padding:var(--spacing-xl) 0}.news-card{background-color:white;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:transform var(--transition-normal),box-shadow var(--transition-normal);cursor:pointer;height:100%;display:flex;flex-direction:column}.dark-mode .news-card{background-color:var(--dark-secondary-bg)}.news-card:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.news-image{position:relative;height:0;padding-bottom:56.25%;overflow:hidden}.news-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.news-card:hover .news-image img{transform:scale(1.1)}.news-date{position:absolute;top:10px;left:10px;background-color:rgba(0,0,0,0.7);color:white;padding:0.25rem 0.75rem;border-radius:var(--border-radius-round);font-size:var(--font-size-xs);font-weight:500;z-index:1}.news-content{padding:var(--spacing-md);flex-grow:1;display:flex;flex-direction:column}.news-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:0.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.news-excerpt{font-size:var(--font-size-sm);color:var(--light-secondary-text);margin-bottom:1rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.dark-mode .news-excerpt{color:var(--dark-secondary-text)}.news-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--light-secondary-text);border-top:1px solid #eee;padding-top:var(--spacing-sm)}.dark-mode .news-meta{color:var(--dark-secondary-text);border-top-color:#333}.news-category{display:inline-block;color:var(--primary-color);font-weight:500}.testimonials-section{padding:var(--spacing-xl) 0;background-color:#f8f9fa;transition:background-color var(--transition-normal)}.dark-mode .testimonials-section{background-color:#191919}.testimonials-slider{position:relative;overflow:hidden;padding:var(--spacing-md) var(--spacing-sm)}.testimonials-track{display:flex;transition:transform var(--transition-normal) ease}.testimonial{min-width:calc(33.333% - 2rem);margin:0 1rem;padding:var(--spacing-lg);background-color:white;border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);display:flex;flex-direction:column;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.dark-mode .testimonial{background-color:var(--dark-secondary-bg)}.testimonial:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.testimonial-content{position:relative;padding:0 var(--spacing-md);margin-bottom:var(--spacing-md);flex-grow:1}.testimonial-content::before{content:'"';font-family:Georgia,serif;font-size:5rem;color:rgba(58,102,219,0.1);position:absolute;top:-2.5rem;left:-1rem;line-height:1}.dark-mode .testimonial-content::before{color:rgba(58,102,219,0.2)}.testimonial-text{font-size:var(--font-size-md);line-height:1.6;margin-bottom:var(--spacing-md)}.testimonial-author{display:flex;align-items:center;gap:var(--spacing-md)}.author-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden}.author-avatar img{width:100%;height:100%;object-fit:fill}.author-info h4{font-size:var(--font-size-md);margin-bottom:0.25rem}.author-info p{font-size:var(--font-size-sm);color:var(--light-secondary-text)}.dark-mode .author-info p{color:var(--dark-secondary-text)}.testimonial-rating{display:flex;gap:0.25rem;margin-top:0.5rem}.testimonial-rating i{color:#f1c40f}@media (max-width:992px){.testimonial{min-width:calc(50% - 2rem)}}@media (max-width:768px){.testimonial{min-width:calc(100% - 2rem)}}.subscribe-section{padding:var(--spacing-xxl) 0;background-color:var(--primary-color);color:white}.subscribe-container{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl)}.subscribe-content{flex:1}.subscribe-content h2{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-sm)}.subscribe-content p{font-size:var(--font-size-md);opacity:0.9}.subscribe-form{display:flex;flex:1;max-width:500px;position:relative}.subscribe-form input{flex:1;padding:1rem 1.5rem;border:2px solid rgba(255,255,255,0.3);background-color:rgba(255,255,255,0.1);color:white;border-radius:var(--border-radius-round) 0 0 var(--border-radius-round);font-size:var(--font-size-md);transition:background-color var(--transition-fast)}.subscribe-form input::placeholder{color:rgba(255,255,255,0.7)}.subscribe-form input:focus{outline:none;background-color:rgba(255,255,255,0.2)}.subscribe-form button{padding:0 1.5rem;border-radius:0 var(--border-radius-round) var(--border-radius-round) 0;background-color:white;color:var(--primary-color);font-weight:600;transition:background-color var(--transition-fast),transform var(--transition-fast)}.subscribe-form button:hover{background-color:#f0f0f0;transform:translateX(3px)}@media (max-width:768px){.subscribe-container{flex-direction:column;text-align:center;gap:var(--spacing-lg)}.subscribe-form{width:100%;max-width:none}}.footer{background-color:#f8f9fa;color:#333;border-top:1px solid #e9ecef}.dark-mode .footer{background-color:var(--dark-secondary-bg);color:var(--dark-text);border-top-color:rgba(255,255,255,0.1)}.footer-main{padding:var(--spacing-xxl) 0}.footer-content{display:flex;flex-wrap:wrap;gap:var(--spacing-xxl)}.footer-logo{flex:1;min-width:250px}.footer-logo img{margin-bottom:var(--spacing-md);max-width:180px}.footer-logo p{margin-bottom:var(--spacing-lg);color:#666;max-width:300px}.social-links{display:flex;gap:var(--spacing-sm)}.social-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:rgba(0,0,0,0.1);transition:background-color var(--transition-fast),transform var(--transition-fast)}.social-links a:hover{background-color:var(--primary-color);transform:translateY(-3px)}.footer-links{flex:1;min-width:160px}.footer-links h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);color:#333;position:relative;padding-bottom:var(--spacing-sm)}.dark-mode .footer-links h3{color:var(--dark-text)}.dark-mode .footer-links h4{color:var(--dark-text)}.footer-links h3::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:var(--primary-color)}.footer-links ul li{margin-bottom:var(--spacing-sm)}.footer-links ul li a{color:#666;transition:color var(--transition-fast),transform var(--transition-fast);display:inline-block}.footer-links ul li a:hover{color:#333;transform:translateX(5px)}.dark-mode .footer-links ul li a{color:var(--dark-secondary-text)}.dark-mode .footer-links ul li a:hover{color:var(--dark-text)}.footer-bottom{padding:var(--spacing-lg) 0;text-align:center;font-size:var(--font-size-sm);color:#666}.dark-mode .footer-bottom{color:var(--dark-secondary-text)}@media (max-width:768px){.footer-content{gap:var(--spacing-xl)}.footer-logo,.footer-links{min-width:100%}.footer-links h3::after{left:50%;transform:translateX(-50%)}.footer-links h3,.footer-links ul{text-align:center}.footer-logo{text-align:center}.footer-logo p{margin:0 auto var(--spacing-lg)}.social-links{justify-content:center}.game-title{font-size:0.9rem;margin:6px 0 4px}.game-meta{font-size:0.7rem;gap:8px}.game-info{padding:var(--spacing-md)}}@media (max-width:576px){.game-title{font-size:0.85rem}.game-meta{font-size:0.65rem;gap:6px}}.game-header{position:relative;overflow:visible}.game-content{padding:var(--spacing-lg)}.video-section{margin-bottom:var(--spacing-xl)}.video-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);position:relative;padding-left:var(--spacing-md)}.video-title::before{content:'';position:absolute;left:0;top:10%;height:80%;width:4px;background-color:var(--primary-color);border-radius:var(--border-radius-sm)}.game-video{position:relative;width:100%;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.1)}.video-ratio{width:100%;height:0;padding-bottom:56.25%;position:relative}.video-ratio iframe{position:absolute;top:0;left:0;width:100%;height:100%}.game-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.5);cursor:pointer}.game-video-overlay i{font-size:4rem;color:white;opacity:0.8;transition:transform var(--transition-fast),opacity var(--transition-fast)}.game-video-overlay:hover i{transform:scale(1.1);opacity:1}.game-content{padding:var(--spacing-xl)}.game-content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.game-content-title{flex:1}.game-content-title h1{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-sm)}.game-content-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.content-meta-item{display:flex;align-items:center;gap:0.5rem;font-size:var(--font-size-sm);color:var(--light-secondary-text)}.dark-mode .content-meta-item{color:var(--dark-secondary-text)}.content-meta-item i{color:var(--primary-color)}.game-action-buttons{display:flex;gap:var(--spacing-sm)}.gallery-section{margin-bottom:var(--spacing-xl)}.gallery-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);position:relative;padding-left:var(--spacing-md)}.gallery-title::before{content:'';position:absolute;left:0;top:10%;height:80%;width:4px;background-color:var(--primary-color);border-radius:var(--border-radius-sm)}.game-gallery{display:flex;gap:var(--spacing-md);overflow-x:auto;padding-bottom:var(--spacing-md);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--primary-color) #eee}.dark-mode .game-gallery{scrollbar-color:var(--primary-color) #333}.gallery-item{flex:0 0 auto;width:280px;height:160px;border-radius:var(--border-radius-md);overflow:hidden;cursor:pointer;position:relative;box-shadow:var(--card-shadow);transition:transform var(--transition-fast)}.gallery-item:hover{transform:scale(1.05)}.gallery-item img{width:100%;height:100%;object-fit:fill}.game-description-section{margin-bottom:var(--spacing-xl)}.description-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);position:relative;padding-left:var(--spacing-md)}.description-title::before{content:'';position:absolute;left:0;top:10%;height:80%;width:4px;background-color:var(--primary-color);border-radius:var(--border-radius-sm)}.game-description{line-height:1.8;color:var(--light-text);margin-bottom:var(--spacing-lg)}.dark-mode .game-description{color:var(--dark-text)}.game-features{margin-top:var(--spacing-lg)}.features-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.features-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.feature-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.feature-item i{color:var(--secondary-color);font-size:var(--font-size-lg)}.requirements-section{margin-bottom:var(--spacing-xl)}.requirements-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);position:relative;padding-left:var(--spacing-md)}.requirements-title::before{content:'';position:absolute;left:0;top:10%;height:80%;width:4px;background-color:var(--primary-color);border-radius:var(--border-radius-sm)}.requirements-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.req-tab{padding:0.5rem 1.5rem;background-color:#f5f5f5;border-radius:var(--border-radius-round);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.dark-mode .req-tab{background-color:#333}.req-tab.active{background-color:var(--primary-color);color:white}.req-content{display:none}.req-content.active{display:block}.requirements-table{width:100%;border-collapse:collapse;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow)}.requirements-table th,.requirements-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid #eee}.dark-mode .requirements-table th,.dark-mode .requirements-table td{border-bottom-color:#333}.requirements-table th{background-color:#f8f9fa;font-weight:600;width:30%}.dark-mode .requirements-table th{background-color:#222}.download-section{margin-top:var(--spacing-xl);padding:var(--spacing-xl);background-color:#f8f9fa;border-radius:var(--border-radius-lg);text-align:center;transition:background-color var(--transition-normal)}.dark-mode .download-section{background-color:#222}.download-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.download-desc{max-width:600px;margin:0 auto var(--spacing-lg);color:var(--light-secondary-text)}.dark-mode .download-desc{color:var(--dark-secondary-text)}.download-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.download-popup{background-color:white;border-radius:var(--border-radius-lg);padding:var(--spacing-xl);max-width:500px;margin:var(--spacing-lg) auto 0;box-shadow:var(--card-shadow);display:none}.dark-mode .download-popup{background-color:var(--dark-secondary-bg);box-shadow:0 10px 30px rgba(0,0,0,0.3)}.download-popup.active{display:block}.popup-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);text-align:center}.download-links{margin-bottom:var(--spacing-lg)}.download-links a{display:block;padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background-color:#f5f5f5;border-radius:var(--border-radius-md);transition:background-color var(--transition-fast),transform var(--transition-fast);display:flex;align-items:center;justify-content:space-between}.dark-mode .download-links a{background-color:#333}.download-links a:hover{background-color:#eaeaea;transform:translateY(-2px)}.dark-mode .download-links a:hover{background-color:#444}.download-links i{color:var(--primary-color)}.qr-section{text-align:center;margin-bottom:var(--spacing-md)}.qr-title{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm)}.qr-image{max-width:150px;margin:0 auto;border-radius:var(--border-radius-sm);box-shadow:var(--card-shadow)}.password-info{background-color:#f4f9ff;padding:var(--spacing-md);border-radius:var(--border-radius-md);border-left:4px solid var(--primary-color)}.dark-mode .password-info{background-color:#1a2a3a}@media (max-width:992px){.game-header{height:auto;min-height:400px}.features-list{grid-template-columns:1fr}}@media (max-width:768px){.game-header{height:auto;min-height:350px}.game-content{padding:var(--spacing-lg)}.game-content-header{flex-direction:column;align-items:flex-start}.game-action-buttons{width:100%}.game-content-title h1{font-size:var(--font-size-xl)}.download-buttons{flex-direction:column;align-items:center}.download-buttons .btn{width:100%}}@media (max-width:576px){.game-header{height:auto;min-height:300px}.game-video{width:90%}.gallery-item{width:240px;height:140px}}.site-stats{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-md);margin-top:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.site-info{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-lg)}.operation-time{color:var(--light-secondary-text);font-size:var(--font-size-sm);transition:opacity var(--transition-fast)}.dark-mode .operation-time{color:var(--dark-secondary-text)}.post-count{color:var(--light-secondary-text);font-size:var(--font-size-sm)}.post-count span{color:var(--primary-color);font-weight:600}.dark-mode .post-count{color:var(--dark-secondary-text)}.dark-mode .post-count span{color:var(--primary-hover)}.announcement-ticker{flex-grow:1;position:relative;overflow:hidden;height:24px;max-width:800px;margin-left:10px}.announcement-ticker-content{position:absolute;white-space:nowrap;animation:ticker 8s linear infinite}.announcement-ticker-content:hover{animation-play-state:paused}.announcement-ticker .ticker-item{display:inline-flex;align-items:center;margin-right:40px;color:var(--primary-color);font-size:var(--font-size-sm)}.announcement-ticker .ticker-item i{margin-right:8px}@keyframes ticker{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}@media (max-width:768px){.site-stats{flex-direction:column;align-items:flex-start}.site-info{width:100%;justify-content:space-between}}.search-wrapper input:focus ~ .operation-time,.search-wrapper input:not(:placeholder-shown) ~ .operation-time{opacity:1}.category-header{background-color:var(--primary-color);padding:100px 0 50px;position:relative;overflow:hidden}.category-header::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../images/pattern.png');background-size:200px;opacity:0.1;z-index:1}.dark-mode .category-header{background-color:#1a1a2e}.category-title{color:white;font-size:var(--font-size-huge);position:relative;z-index:2;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,0.2)}.filter-section{padding:var(--spacing-xl) 0;background-color:#f8f9fa;border-bottom:1px solid #eee}.dark-mode .filter-section{background-color:var(--dark-secondary-bg);border-bottom-color:#333}.filter-container{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.filter-group{width:100%}.filter-title{display:flex;align-items:center;gap:0.5rem;font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);color:var(--light-text)}.dark-mode .filter-title{color:var(--dark-text)}.filter-title i{color:var(--primary-color)}.filter-tags{display:flex;flex-wrap:wrap;gap:0.5rem}.filter-tags li{margin-bottom:0.5rem}.filter-tags a{display:inline-block;padding:0.4rem 1rem;border-radius:var(--border-radius-round);font-size:var(--font-size-sm);background-color:white;color:var(--light-secondary-text);transition:all var(--transition-fast);border:1px solid #ddd}.dark-mode .filter-tags a{background-color:#333;color:var(--dark-secondary-text);border-color:#444}.filter-tags a:hover,.filter-tags a.active{background-color:var(--primary-color);color:white;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--button-shadow)}.view-controls{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) 0}.filter-container ~ .view-controls{justify-content:flex-end;width:auto;padding:0}.sorting-options{position:relative}.sorting-options select{appearance:none;padding:0.6rem 2.5rem 0.6rem 1.2rem;border-radius:var(--border-radius-md);border:1px solid #ddd;background-color:white;font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.dark-mode .sorting-options select{background-color:#333;border-color:#444;color:var(--dark-text)}.sorting-options::after{content:'\f107';font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--light-secondary-text)}.dark-mode .sorting-options::after{color:var(--dark-secondary-text)}.sorting-options select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(58,102,219,0.2)}.category-games-section{padding:var(--spacing-xl) 0}.category-games-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:var(--spacing-xl)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md)}.pagination-prev,.pagination-next{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:white;color:var(--light-text);border:1px solid #ddd;transition:all var(--transition-fast)}.dark-mode .pagination-prev,.dark-mode .pagination-next{background-color:#333;border-color:#444;color:var(--dark-text)}.pagination-prev:hover,.pagination-next:hover{background-color:var(--primary-color);color:white;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--button-shadow)}.pagination-numbers{display:flex;gap:0.5rem}.pagination-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-size:var(--font-size-sm);background-color:white;color:var(--light-text);border:1px solid #ddd;cursor:pointer;transition:all var(--transition-fast)}.dark-mode .pagination-number{background-color:#333;border-color:#444;color:var(--dark-text)}.pagination-number:hover,.pagination-number.active{background-color:var(--primary-color);color:white;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--button-shadow)}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:var(--font-size-sm);color:var(--light-secondary-text)}.dark-mode .pagination-ellipsis{color:var(--dark-secondary-text)}@media (max-width:1200px){}@media (max-width:992px){.category-title{font-size:2.5rem}}@media (max-width:768px){.view-controls{justify-content:center;margin-top:var(--spacing-md)}.category-header{padding:80px 0 40px}.category-title{font-size:2rem}}@media (max-width:576px){.filter-tags{gap:0.3rem}.filter-tags a{padding:0.3rem 0.8rem;font-size:var(--font-size-xs)}.pagination-number{width:35px;height:35px}}.news-list-section{padding:var(--spacing-xl) 0}.news-list{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.news-item{display:flex;background-color:white;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--card-shadow);transition:transform var(--transition-medium),box-shadow var(--transition-medium)}.dark-mode .news-item{background-color:var(--dark-card-bg)}.news-item:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover)}.news-image{flex:0 0 280px;position:relative;overflow:hidden}.news-image img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-medium)}.news-item:hover .news-image img{transform:scale(1.05)}.news-category{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background-color:var(--primary-color);color:white;padding:0.3rem 0.8rem;border-radius:var(--border-radius-round);font-size:var(--font-size-xs);font-weight:600;z-index:1}.news-content{flex:1;padding:var(--spacing-lg);display:flex;flex-direction:column}.news-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);line-height:1.3}.news-title a{color:var(--light-text);text-decoration:none;transition:color var(--transition-fast)}.dark-mode .news-title a{color:var(--dark-text)}.news-title a:hover{color:var(--primary-color)}.news-excerpt{color:var(--light-secondary-text);margin-bottom:var(--spacing-md);line-height:1.6;flex:1}.dark-mode .news-excerpt{color:var(--dark-secondary-text)}.news-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);color:var(--light-secondary-text);font-size:var(--font-size-sm)}.dark-mode .news-meta{color:var(--dark-secondary-text)}.news-meta .meta-item{display:flex;align-items:center;gap:0.3rem}.news-meta .meta-item i{color:var(--primary-color)}.loading,.no-results{padding:var(--spacing-xl);text-align:center;color:var(--light-secondary-text);font-size:var(--font-size-md)}.dark-mode .loading,.dark-mode .no-results{color:var(--dark-secondary-text)}.loading::before{content:'';display:block;width:40px;height:40px;margin:0 auto var(--spacing-md);border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:992px){.news-item{flex-direction:column}.news-image{flex:0 0 200px;width:100%}.news-category{top:auto;bottom:0;left:0;border-radius:0 var(--border-radius-md) 0 0}}@media (max-width:576px){.news-title{font-size:var(--font-size-md)}.news-excerpt{font-size:var(--font-size-sm)}.news-meta{font-size:var(--font-size-xs)}}.qr-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin:30px 0}.qr-item{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;background:transparent;padding:0;border:none;box-shadow:none;transition:transform 0.3s ease}.dark-mode .qr-item{background-color:transparent;border-color:transparent;box-shadow:none}.qr-item:hover{transform:translateY(-5px)}.qr-title{font-size:15px;font-weight:500;margin-bottom:5px;color:#555;display:flex;align-items:center;justify-content:center;width:100%}.dark-mode .qr-title{color:#bbb}.pan-logo{width:18px;height:18px;margin-right:8px;object-fit:fill;vertical-align:middle}.qr-title .pan-logo{margin-right:8px;vertical-align:middle}.mobile-download-buttons .pan-logo{margin-right:6px;vertical-align:-3px}.qr-box{position:relative;padding:10px;background:#fff;border-radius:8px;border:1px solid #f0f0f0;box-shadow:none;display:flex;justify-content:center;align-items:center;margin:auto auto 0;transition:all 0.3s ease;max-width:200px;width:100%;aspect-ratio:1/1}.qr-item:hover .qr-box{border-color:#e0e0e0;box-shadow:0 5px 15px rgba(0,0,0,0.05)}.dark-mode .qr-box{background:#fff;border-color:#333;box-shadow:none}.dark-mode .qr-item:hover .qr-box{border-color:#555;box-shadow:0 5px 15px rgba(0,0,0,0.3)}.qr-box canvas,.qr-box img,.qr-box > *{display:block;width:100% !important;height:100% !important;max-width:100%;object-fit:fill}.qr-image{max-width:100%;height:auto;object-fit:fill}@media (max-width:992px){.qr-grid{grid-template-columns:repeat(3,1fr)}.modal-content{width:98%;max-height:95vh;height:95vh;overflow:hidden !important}.game-details{height:auto;min-height:0;overflow-y:auto !important}}@media (max-width:768px){.qr-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.qr-grid{grid-template-columns:1fr}}.announcement-slider-section{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl);background-color:#f8f9fa;padding:var(--spacing-md) 0;border-radius:var(--border-radius-lg)}.dark-mode .announcement-slider-section{background-color:var(--dark-secondary-bg)}.announcement-slider{position:relative;overflow:hidden;border-radius:var(--border-radius-md)}.announcement-slides{display:flex;transition:transform 0.5s ease}.announcement-slide{min-width:100%;opacity:0;visibility:hidden;height:0;transition:opacity 0.5s ease,visibility 0.5s ease}.announcement-slide.active{opacity:1;visibility:visible;height:auto}.announcement-content{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:var(--spacing-lg) var(--spacing-md)}.announcement-content i{font-size:2.5rem;color:var(--primary-color);margin-bottom:var(--spacing-md)}.announcement-content h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:var(--primary-color)}.announcement-content p{font-size:var(--font-size-md);max-width:700px;margin:0 auto}.announcement-controls{position:absolute;bottom:10px;left:0;width:100%;display:flex;justify-content:center;padding:var(--spacing-sm) 0}.announcement-dots{display:flex;gap:8px}.announcement-dot{width:10px;height:10px;border-radius:50%;background-color:rgba(0,0,0,0.2);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.dark-mode .announcement-dot{background-color:rgba(255,255,255,0.2)}.announcement-dot.active{background-color:var(--primary-color);transform:scale(1.2)}.announcement-dot:hover{background-color:var(--primary-hover)}@media (max-width:768px){.announcement-content i{font-size:2rem}.announcement-content h3{font-size:var(--font-size-md)}.announcement-content p{font-size:var(--font-size-sm)}}@media (max-width:576px){.announcement-slider-section{margin-top:var(--spacing-md)}.announcement-content{padding:var(--spacing-md) var(--spacing-sm)}}.media-showcase{margin-bottom:var(--spacing-xl);padding:0 var(--spacing-xl)}.showcase-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);position:relative;padding-left:var(--spacing-md)}.showcase-title::before{content:'';position:absolute;left:0;top:0;height:100%;width:4px;background-color:var(--primary-color);border-radius:var(--border-radius-sm)}.media-container{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:900px;margin:0 auto}.media-main{position:relative;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);background-color:#000;padding-bottom:45%;height:0;margin:0 var(--spacing-lg)}.media-player{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity var(--transition-normal);display:flex;align-items:center;justify-content:center}.media-player.active{opacity:1;visibility:visible}.media-player img{width:100%;height:100%;object-fit:fill;background-color:#000}.video-ratio{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-ratio iframe{width:100%;height:100%;border:none}.media-thumbnails{display:flex;gap:var(--spacing-sm);flex-wrap:nowrap;overflow-x:auto;padding:var(--spacing-sm) var(--spacing-lg);justify-content:center;scrollbar-width:thin;scrollbar-color:var(--primary-color) #eee}.dark-mode .media-thumbnails{scrollbar-color:var(--primary-color) #333}.media-thumbnails::-webkit-scrollbar{height:6px}.media-thumbnails::-webkit-scrollbar-track{background:#eee;border-radius:10px}.dark-mode .media-thumbnails::-webkit-scrollbar-track{background:#333}.media-thumbnails::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px}.thumbnail{flex:0 0 160px;height:90px;border-radius:var(--border-radius-sm);overflow:hidden;cursor:pointer;opacity:0.7;border:2px solid transparent;position:relative;transition:all var(--transition-fast);box-shadow:0 2px 5px rgba(0,0,0,0.2)}.thumbnail.active{opacity:1;border-color:var(--primary-color);transform:translateY(-4px)}.thumbnail:hover:not(.active){opacity:0.9;transform:translateY(-2px)}@media (min-width:768px){.media-container{flex-direction:column}.media-thumbnails{justify-content:flex-start}}.media-nav-prev,.media-nav-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:rgba(0,0,0,0.6);border:none;color:white;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:10;opacity:0.8;box-shadow:0 2px 6px rgba(0,0,0,0.3)}.media-nav-prev:hover,.media-nav-next:hover{background-color:var(--primary-color);opacity:1;transform:translateY(-50%) scale(1.1);box-shadow:0 3px 8px rgba(0,0,0,0.4)}.media-nav-prev{left:20px}.media-nav-next{right:20px}.qr-tip{color:var(--primary-color);font-size:0.9rem;font-weight:500;margin-left:10px;cursor:pointer}.qr-box{cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.qr-box.active{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);z-index:1000;background:white;padding:20px;border-radius:var(--border-radius-md);box-shadow:0 10px 30px rgba(0,0,0,0.5)}.qr-box.active::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:-1}@media (max-width:1280px){.game-card{width:100%}}@media (max-width:500px){.games-grid,.category-games-grid{grid-template-columns:1fr}.game-card{width:100%}}.ad-section{position:relative;margin:15px 0;padding:15px;background-color:rgba(240,240,240,0.8);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.dark-mode .ad-section{background-color:rgba(45,45,45,0.8)}.ad-section:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.ad-badge{position:absolute;top:10px;right:10px;background-color:rgba(0,0,0,0.6);color:#fff;font-size:var(--font-size-xs);padding:3px 8px;border-radius:var(--border-radius-sm);z-index:2}.dark-mode .ad-badge{background-color:rgba(255,255,255,0.2)}.ad-banner{width:100%;height:65px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border-radius:var(--border-radius-md);margin:10px 0}.ad-banner img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-banner:hover img{transform:scale(1.05)}.ad-sidebar{width:100%;margin-bottom:20px;border-radius:var(--border-radius-md);overflow:hidden}.ad-sidebar img{width:100%;height:auto;display:block;transition:transform var(--transition-normal)}.ad-sidebar:hover img{transform:scale(1.05)}.ad-content{display:flex;background-color:#f9f9f9;border-radius:var(--border-radius-md);overflow:hidden;margin:15px 0;box-shadow:var(--card-shadow)}.dark-mode .ad-content{background-color:var(--dark-secondary-bg)}.ad-content-image{flex:0 0 40%;overflow:hidden}.ad-content-image img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-content:hover .ad-content-image img{transform:scale(1.05)}.ad-content-info{flex:0 0 60%;padding:20px;display:flex;flex-direction:column;justify-content:center}.ad-content-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:10px;color:var(--primary-color)}.ad-content-desc{font-size:var(--font-size-md);color:var(--light-secondary-text);margin-bottom:15px;line-height:1.5}.dark-mode .ad-content-desc{color:var(--dark-secondary-text)}.ad-content-button{align-self:flex-start;background-color:var(--primary-color);color:#fff;padding:8px 15px;border-radius:var(--border-radius-sm);font-weight:600;transition:all var(--transition-fast)}.ad-content-button:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.ad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.ad-grid-item{border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-normal);position:relative}.ad-grid-item:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.ad-grid-image{height:180px;overflow:hidden}.ad-grid-image img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-grid-item:hover .ad-grid-image img{transform:scale(1.05)}.ad-grid-info{padding:15px;background-color:#fff}.dark-mode .ad-grid-info{background-color:var(--dark-secondary-bg)}.ad-grid-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:8px;color:var(--light-text)}.dark-mode .ad-grid-title{color:var(--dark-text)}.ad-grid-button{display:inline-block;font-size:var(--font-size-sm);color:var(--primary-color);font-weight:600;transition:color var(--transition-fast)}.ad-grid-button:hover{color:var(--primary-hover)}.ad-grid-button i{margin-left:5px;transition:transform var(--transition-fast)}.ad-grid-button:hover i{transform:translateX(3px)}@media (max-width:992px){.ad-grid{grid-template-columns:repeat(2,1fr)}.ad-content{flex-direction:column}.ad-content-image,.ad-content-info{flex:0 0 100%}.ad-content-image{height:200px}}@media (max-width:768px){.ad-banner{height:33px}}@media (max-width:576px){.ad-grid{grid-template-columns:1fr}.ad-banner{height:33px}}.dark-mode .game-description{color:var(--dark-secondary-text)}.game-stats{display:flex;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:rgba(0,0,0,0.05);border-radius:var(--border-radius-md)}.dark-mode .game-stats{background-color:rgba(255,255,255,0.05)}.stat-item{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--light-secondary-text)}.game-details .game-stats{background-color:transparent;padding:0;border-radius:0}.dark-mode .game-details .game-stats{background-color:transparent}.game-details .stat-item{font-size:var(--font-size-xs)}.stat-item i{margin-right:var(--spacing-sm);color:var(--primary-color)}.stat-item span{font-weight:600;margin-left:4px;color:var(--light-text)}.dark-mode .stat-item span{color:var(--dark-text)}.stat-share{margin-left:auto;font-size:var(--font-size-xs);text-align:right;color:inherit}.game-rating-section{margin-top:var(--spacing-lg)}.ad-banner-section{padding:0 0 1px;background-color:transparent;margin-top:0;margin-bottom:0.5rem}.dual-banner-container{display:flex;gap:10px;justify-content:space-between;margin-bottom:0}.home-ad-banner{position:relative;width:calc(50% - 5px);height:60px;border-radius:var(--border-radius-sm);overflow:hidden;box-shadow:var(--card-shadow);transition:transform var(--transition-fast),box-shadow var(--transition-fast);margin:0}.home-ad-banner:hover{transform:translateY(-3px);box-shadow:var(--card-hover-shadow)}.home-ad-banner img{width:100%;height:100%;object-fit:fill}.home-ad-banner .ad-badge{position:absolute;top:5px;right:5px;background-color:rgba(0,0,0,0.6);color:#fff;font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--border-radius-sm);z-index:2}.dark-mode .home-ad-banner .ad-badge{background-color:rgba(255,255,255,0.2)}@media (max-width:768px){.dual-banner-container{flex-direction:column;gap:10px}.home-ad-banner{width:100%;height:33px}}.dark-mode .game-description{color:var(--dark-secondary-text)}.game-stats{display:flex;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:rgba(0,0,0,0.05);border-radius:var(--border-radius-md)}.dark-mode .game-stats{background-color:rgba(255,255,255,0.05)}.stat-item{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--light-secondary-text)}.dark-mode .stat-item{color:var(--dark-secondary-text)}.stat-item i{margin-right:var(--spacing-sm);color:var(--primary-color)}.stat-item span{font-weight:600;margin-left:4px;color:var(--light-text)}.dark-mode .stat-item span{color:var(--dark-text)}.game-rating-section{margin-top:var(--spacing-lg)}.disclaimer-section{margin-top:var(--spacing-xxl);padding:var(--spacing-lg);background-color:rgba(0,0,0,0.03);border-radius:var(--border-radius-md);border-left:4px solid var(--primary-color)}.dark-mode .disclaimer-section{background-color:rgba(255,255,255,0.03)}.disclaimer-title{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);color:var(--primary-color);font-weight:600}.disclaimer-content{font-size:var(--font-size-sm);line-height:1.6;color:var(--light-secondary-text)}.dark-mode .disclaimer-content{color:var(--dark-secondary-text)}.disclaimer-content p{margin:0}html.dark-mode{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.25) #1e1e1e}html.dark-mode::-webkit-scrollbar{width:8px;background-color:#1e1e1e}html.dark-mode::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.25);border-radius:4px}html.dark-mode::-webkit-scrollbar-track{background-color:#1e1e1e}html.dark-mode .game-details{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.25) #1e1e1e}html.dark-mode .game-details::-webkit-scrollbar{width:8px;background-color:#1e1e1e}html.dark-mode .game-details::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.25);border-radius:4px}html.dark-mode .game-details::-webkit-scrollbar-track{background-color:#1e1e1e}.layui-layer-shade{transition:background-color 0.2s ease !important}.layui-layer{border-radius:2px !important;box-shadow:1px 1px 50px rgba(0,0,0,.3) !important;background-color:#f6f3ee !important}.layui-layer-title{height:50px !important;line-height:50px !important;padding:0 80px 0 20px !important;border-bottom:1px solid #F0F0F0 !important;font-size:14px !important;color:#333 !important;border-radius:2px 2px 0 0 !important;background-color:#f6f3ee !important}.layui-layer-setwin{position:absolute !important;right:15px !important;top:17px !important;font-size:0 !important;line-height:initial !important}.layui-layer-setwin .layui-layer-close1{width:16px !important;height:16px !important;cursor:pointer !important;transition:opacity 0.15s ease,transform 0.15s ease !important}.layui-layer-setwin .layui-layer-close1:hover{opacity:.7 !important;transform:scale(1.1) !important}.layui-layer-iframe iframe{display:block !important;width:100% !important;background-color:#f6f3ee !important}.layui-layer-hui{min-width:100px !important;background-color:rgba(0,0,0,.6) !important;color:#fff !important;border:none !important;border-radius:2px !important}.layui-layer-hui .layui-layer-content{padding:12px 25px !important;text-align:center !important}.layui-layer-btn a{height:28px !important;line-height:28px !important;margin:5px 5px 0 !important;padding:0 15px !important;border:1px solid #dedede !important;background-color:#fff !important;color:#333 !important;border-radius:2px !important;cursor:pointer !important;transition:opacity 0.15s ease !important}.layui-layer-btn a:hover{opacity:.9 !important}.layui-layer-btn a:active{opacity:.8 !important}.layui-layer-btn .layui-layer-btn0{border-color:#1E9FFF !important;background-color:#1E9FFF !important;color:#fff !important}@keyframes layer-bounceIn-optimized{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.02)}80%{transform:scale(.99)}100%{opacity:1;transform:scale(1)}}.layui-layer.layer-anim-00{animation-name:layer-bounceIn-optimized !important;animation-duration:.3s !important;animation-fill-mode:both !important}@keyframes layer-bounceOut-optimized{0%{opacity:1;transform:scale(1)}30%{transform:scale(1.05)}100%{opacity:0;transform:scale(.7)}}.layer-anim-close{animation-name:layer-bounceOut-optimized !important;animation-duration:.2s !important;animation-fill-mode:both !important}html.dark-mode .layui-layer{background-color:#1e1e1e !important;color:#e0e0e0 !important;border-color:#333 !important;box-shadow:1px 1px 50px rgba(0,0,0,.6) !important}html.dark-mode .layui-layer-title{background-color:#252525 !important;color:#e0e0e0 !important;border-bottom-color:#333 !important}html.dark-mode .layui-layer-content{background-color:#1e1e1e !important;color:#e0e0e0 !important;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.25) #1e1e1e}html.dark-mode .layui-layer-content::-webkit-scrollbar{width:8px;background-color:#1e1e1e}html.dark-mode .layui-layer-content::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.25);border-radius:4px}html.dark-mode .layui-layer-content::-webkit-scrollbar-track{background-color:#1e1e1e}html.dark-mode .layui-layer-setwin .layui-layer-close1{filter:brightness(2)}html.dark-mode .layui-layer-setwin .layui-layer-close1:hover{filter:brightness(2.5);opacity:1}html.dark-mode .layui-layer-shade{background-color:rgba(0,0,0,0.7) !important}html.dark-mode .layui-layer-btn a{background-color:#2a2a2a !important;border-color:#444 !important;color:#e0e0e0 !important}html.dark-mode .layui-layer-btn .layui-layer-btn0{border-color:#1E9FFF !important;background-color:#1E9FFF !important;color:#fff !important}html.dark-mode .layui-layer-border{border-color:rgba(255,255,255,.1) !important;box-shadow:1px 1px 5px rgba(0,0,0,.4) !important}html.dark-mode .layui-layer-hui{background-color:rgba(0,0,0,.8) !important;color:#fff !important}html.dark-mode .layui-layer-iframe iframe{background-color:#121212 !important}@media screen and (max-width:768px){.layui-layer{border-radius:0 !important;width:100% !important;left:0 !important;top:0 !important}.layui-layer-title{border-radius:0 !important;height:44px !important;line-height:44px !important}.layui-layer-setwin{top:14px !important;right:10px !important}.layui-layer-iframe{overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}.layui-layer-iframe iframe{background-color:#f6f3ee !important}}.media-showcase{margin-bottom:var(--spacing-xl);padding:0 var(--spacing-xl)}.showcase-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);position:relative;padding-left:var(--spacing-md)}.showcase-title::before{content:'';position:absolute;left:0;top:0;height:100%;width:4px;background-color:var(--primary-color);border-radius:var(--border-radius-sm)}.media-container{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:900px;margin:0 auto}.media-main{position:relative;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);background-color:#000;padding-bottom:45%;height:0;margin:0 var(--spacing-lg)}.media-player{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity var(--transition-normal)}.media-player.active{opacity:1;visibility:visible}.media-player img{width:100%;height:100%;object-fit:fill}.video-ratio{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-ratio iframe{width:100%;height:100%;border:none}.media-thumbnails{display:flex;gap:var(--spacing-sm);flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--spacing-sm);justify-content:flex-start}.thumbnail{flex:0 0 120px;height:68px;border-radius:var(--border-radius-sm);overflow:hidden;cursor:pointer;opacity:0.7;border:2px solid transparent;position:relative;transition:all var(--transition-fast)}.thumbnail.active{opacity:1;border-color:var(--primary-color)}.thumbnail img{width:100%;height:100%;object-fit:fill}.play-icon{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.play-icon i,.play-icon .icon{color:inherit}@media (min-width:768px){.media-container{flex-direction:column}.media-thumbnails{justify-content:flex-start}}.media-nav-prev,.media-nav-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:rgba(0,0,0,0.6);border:none;color:white;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:10;opacity:0.8;box-shadow:0 2px 6px rgba(0,0,0,0.3)}.media-nav-prev:hover,.media-nav-next:hover{background-color:var(--primary-color);opacity:1;transform:translateY(-50%) scale(1.1);box-shadow:0 3px 8px rgba(0,0,0,0.4)}.media-nav-prev{left:20px}.media-nav-next{right:20px}.qr-tip{color:var(--primary-color);font-size:0.9rem;font-weight:500;margin-left:10px;cursor:pointer}.qr-box{cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.qr-box.active{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);z-index:1000;background:white;padding:20px;border-radius:var(--border-radius-md);box-shadow:0 10px 30px rgba(0,0,0,0.5)}.qr-box.active::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:-1}@media (max-width:1280px){.game-card{width:100%}}@media (max-width:500px){.games-grid,.category-games-grid{grid-template-columns:1fr}.game-card{width:100%}}.ad-section{position:relative;margin:30px 0;padding:20px;background-color:rgba(240,240,240,0.8);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.dark-mode .ad-section{background-color:rgba(45,45,45,0.8)}.ad-section:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.ad-badge{position:absolute;top:10px;right:10px;background-color:rgba(0,0,0,0.6);color:#fff;font-size:var(--font-size-xs);padding:3px 8px;border-radius:var(--border-radius-sm);z-index:2}.dark-mode .ad-badge{background-color:rgba(255,255,255,0.2)}.ad-banner{width:100%;height:65px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border-radius:var(--border-radius-md);margin:30px 0}.ad-banner img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-banner:hover img{transform:scale(1.05)}.ad-sidebar{width:100%;margin-bottom:20px;border-radius:var(--border-radius-md);overflow:hidden}.ad-sidebar img{width:100%;height:auto;display:block;transition:transform var(--transition-normal)}.ad-sidebar:hover img{transform:scale(1.05)}.ad-content{display:flex;background-color:#f9f9f9;border-radius:var(--border-radius-md);overflow:hidden;margin:30px 0;box-shadow:var(--card-shadow)}.dark-mode .ad-content{background-color:var(--dark-secondary-bg)}.ad-content-image{flex:0 0 40%;overflow:hidden}.ad-content-image img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-content:hover .ad-content-image img{transform:scale(1.05)}.ad-content-info{flex:0 0 60%;padding:20px;display:flex;flex-direction:column;justify-content:center}.ad-content-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:10px;color:var(--primary-color)}.ad-content-desc{font-size:var(--font-size-md);color:var(--light-secondary-text);margin-bottom:15px;line-height:1.5}.dark-mode .ad-content-desc{color:var(--dark-secondary-text)}.ad-content-button{align-self:flex-start;background-color:var(--primary-color);color:#fff;padding:8px 15px;border-radius:var(--border-radius-sm);font-weight:600;transition:all var(--transition-fast)}.ad-content-button:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.ad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.ad-grid-item{border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-normal);position:relative}.ad-grid-item:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.ad-grid-image{height:180px;overflow:hidden}.ad-grid-image img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-grid-item:hover .ad-grid-image img{transform:scale(1.05)}.ad-grid-info{padding:15px;background-color:#fff}.dark-mode .ad-grid-info{background-color:var(--dark-secondary-bg)}.ad-grid-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:8px;color:var(--light-text)}.dark-mode .ad-grid-title{color:var(--dark-text)}.ad-grid-button{display:inline-block;font-size:var(--font-size-sm);color:var(--primary-color);font-weight:600;transition:color var(--transition-fast)}.ad-grid-button:hover{color:var(--primary-hover)}.ad-grid-button i{margin-left:5px;transition:transform var(--transition-fast)}.ad-grid-button:hover i{transform:translateX(3px)}@media (max-width:992px){.ad-grid{grid-template-columns:repeat(2,1fr)}.ad-content{flex-direction:column}.ad-content-image,.ad-content-info{flex:0 0 100%}.ad-content-image{height:200px}}@media (max-width:768px){.ad-banner{height:33px}}@media (max-width:576px){.ad-grid{grid-template-columns:1fr}.ad-banner{height:33px}}.dark-mode .game-description{color:var(--dark-secondary-text)}.game-stats{display:flex;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:rgba(0,0,0,0.05);border-radius:var(--border-radius-md)}.dark-mode .game-stats{background-color:rgba(255,255,255,0.05)}.stat-item{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--light-secondary-text)}.dark-mode .stat-item{color:var(--dark-secondary-text)}.stat-item i{margin-right:var(--spacing-sm);color:var(--primary-color)}.stat-item span{font-weight:600;margin-left:4px;color:var(--light-text)}.dark-mode .stat-item span{color:var(--dark-text)}.game-rating-section{margin-top:var(--spacing-lg)}.ad-banner-section{padding:0 0 var(--spacing-xl);background-color:transparent;margin-top:-15px}.dual-banner-container{display:flex;gap:20px;justify-content:space-between}.home-ad-banner{position:relative;width:calc(50% - 10px);height:65px;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.home-ad-banner:hover{transform:translateY(-3px);box-shadow:var(--card-hover-shadow)}.home-ad-banner img{width:100%;height:100%;object-fit:fill}.home-ad-banner .ad-badge{position:absolute;top:5px;right:5px;background-color:rgba(0,0,0,0.6);color:#fff;font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--border-radius-sm);z-index:2}.dark-mode .home-ad-banner .ad-badge{background-color:rgba(255,255,255,0.2)}@media (max-width:768px){.dual-banner-container{flex-direction:column;gap:10px}.home-ad-banner{width:100%;height:33px}}.dark-mode .game-description{color:var(--dark-secondary-text)}.game-stats{display:flex;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:rgba(0,0,0,0.05);border-radius:var(--border-radius-md)}.dark-mode .game-stats{background-color:rgba(255,255,255,0.05)}.stat-item{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--light-secondary-text)}.dark-mode .stat-item{color:var(--dark-secondary-text)}.stat-item i{margin-right:var(--spacing-sm);color:var(--primary-color)}.stat-item span{font-weight:600;margin-left:4px;color:var(--light-text)}.dark-mode .stat-item span{color:var(--dark-text)}.game-rating-section{margin-top:var(--spacing-lg)}.disclaimer-section{margin-top:var(--spacing-xxl);padding:var(--spacing-lg);background-color:rgba(0,0,0,0.03);border-radius:var(--border-radius-md);border-left:4px solid var(--primary-color)}.dark-mode .disclaimer-section{background-color:rgba(255,255,255,0.03)}.disclaimer-title{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);color:var(--primary-color);font-weight:600}.disclaimer-content{font-size:var(--font-size-sm);line-height:1.6;color:var(--light-secondary-text)}.dark-mode .disclaimer-content{color:var(--dark-secondary-text)}.disclaimer-content p{margin:0}.media-showcase{margin-bottom:var(--spacing-xl);padding:0 var(--spacing-xl)}.showcase-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);position:relative;padding-left:var(--spacing-md)}.showcase-title::before{content:'';position:absolute;left:0;top:0;height:100%;width:4px;background-color:var(--primary-color);border-radius:var(--border-radius-sm)}.media-container{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:900px;margin:0 auto}.media-main{position:relative;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);background-color:#000;padding-bottom:45%;height:0;margin:0 var(--spacing-lg)}.media-player{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity var(--transition-normal)}.media-player.active{opacity:1;visibility:visible}.media-player img{width:100%;height:100%;object-fit:fill}.video-ratio{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-ratio iframe{width:100%;height:100%;border:none}.media-thumbnails{display:flex;gap:var(--spacing-sm);flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--spacing-sm);justify-content:flex-start}.thumbnail{flex:0 0 120px;height:68px;border-radius:var(--border-radius-sm);overflow:hidden;cursor:pointer;opacity:0.7;border:2px solid transparent;position:relative;transition:all var(--transition-fast)}.thumbnail.active{opacity:1;border-color:var(--primary-color)}.thumbnail img{width:100%;height:100%;object-fit:fill}.play-icon{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center}.play-icon i{color:white;font-size:1.5rem}@media (min-width:768px){.media-container{flex-direction:column}.media-thumbnails{justify-content:flex-start}}.media-nav-prev,.media-nav-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:rgba(0,0,0,0.6);border:none;color:white;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:10;opacity:0.8;box-shadow:0 2px 6px rgba(0,0,0,0.3)}.media-nav-prev:hover,.media-nav-next:hover{background-color:var(--primary-color);opacity:1;transform:translateY(-50%) scale(1.1);box-shadow:0 3px 8px rgba(0,0,0,0.4)}.media-nav-prev{left:20px}.media-nav-next{right:20px}.qr-tip{color:var(--primary-color);font-size:0.9rem;font-weight:500;margin-left:10px;cursor:pointer}.qr-box{cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.qr-box.active{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);z-index:1000;background:white;padding:20px;border-radius:var(--border-radius-md);box-shadow:0 10px 30px rgba(0,0,0,0.5)}.qr-box.active::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:-1}@media (max-width:1280px){.game-card{width:100%}}@media (max-width:500px){.games-grid,.category-games-grid{grid-template-columns:1fr}.game-card{width:100%}}.ad-section{position:relative;margin:30px 0;padding:20px;background-color:rgba(240,240,240,0.8);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.dark-mode .ad-section{background-color:rgba(45,45,45,0.8)}.ad-section:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.ad-badge{position:absolute;top:10px;right:10px;background-color:rgba(0,0,0,0.6);color:#fff;font-size:var(--font-size-xs);padding:3px 8px;border-radius:var(--border-radius-sm);z-index:2}.dark-mode .ad-badge{background-color:rgba(255,255,255,0.2)}.ad-banner{width:100%;height:65px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border-radius:var(--border-radius-md);margin:30px 0}.ad-banner img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-banner:hover img{transform:scale(1.05)}.ad-sidebar{width:100%;margin-bottom:20px;border-radius:var(--border-radius-md);overflow:hidden}.ad-sidebar img{width:100%;height:auto;display:block;transition:transform var(--transition-normal)}.ad-sidebar:hover img{transform:scale(1.05)}.ad-content{display:flex;background-color:#f9f9f9;border-radius:var(--border-radius-md);overflow:hidden;margin:30px 0;box-shadow:var(--card-shadow)}.dark-mode .ad-content{background-color:var(--dark-secondary-bg)}.ad-content-image{flex:0 0 40%;overflow:hidden}.ad-content-image img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-content:hover .ad-content-image img{transform:scale(1.05)}.ad-content-info{flex:0 0 60%;padding:20px;display:flex;flex-direction:column;justify-content:center}.ad-content-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:10px;color:var(--primary-color)}.ad-content-desc{font-size:var(--font-size-md);color:var(--light-secondary-text);margin-bottom:15px;line-height:1.5}.dark-mode .ad-content-desc{color:var(--dark-secondary-text)}.ad-content-button{align-self:flex-start;background-color:var(--primary-color);color:#fff;padding:8px 15px;border-radius:var(--border-radius-sm);font-weight:600;transition:all var(--transition-fast)}.ad-content-button:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.ad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.ad-grid-item{border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-normal);position:relative}.ad-grid-item:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.ad-grid-image{height:180px;overflow:hidden}.ad-grid-image img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-grid-item:hover .ad-grid-image img{transform:scale(1.05)}.ad-grid-info{padding:15px;background-color:#fff}.dark-mode .ad-grid-info{background-color:var(--dark-secondary-bg)}.ad-grid-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:8px;color:var(--light-text)}.dark-mode .ad-grid-title{color:var(--dark-text)}.ad-grid-button{display:inline-block;font-size:var(--font-size-sm);color:var(--primary-color);font-weight:600;transition:color var(--transition-fast)}.ad-grid-button:hover{color:var(--primary-hover)}.ad-grid-button i{margin-left:5px;transition:transform var(--transition-fast)}.ad-grid-button:hover i{transform:translateX(3px)}@media (max-width:992px){.ad-grid{grid-template-columns:repeat(2,1fr)}.ad-content{flex-direction:column}.ad-content-image,.ad-content-info{flex:0 0 100%}.ad-content-image{height:200px}}@media (max-width:768px){.ad-banner{height:33px}}@media (max-width:576px){.ad-grid{grid-template-columns:1fr}.ad-banner{height:33px}}.dark-mode .game-description{color:var(--dark-secondary-text)}.game-stats{display:flex;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:rgba(0,0,0,0.05);border-radius:var(--border-radius-md)}.dark-mode .game-stats{background-color:rgba(255,255,255,0.05)}.stat-item{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--light-secondary-text)}.dark-mode .stat-item{color:var(--dark-secondary-text)}.stat-item i{margin-right:var(--spacing-sm);color:var(--primary-color)}.stat-item span{font-weight:600;margin-left:4px;color:var(--light-text)}.dark-mode .stat-item span{color:var(--dark-text)}.game-rating-section{margin-top:var(--spacing-lg)}.ad-banner-section{padding:0 0 var(--spacing-xl);background-color:transparent;margin-top:-15px}.dual-banner-container{display:flex;gap:20px;justify-content:space-between}.home-ad-banner{position:relative;width:calc(50% - 10px);height:65px;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.home-ad-banner:hover{transform:translateY(-3px);box-shadow:var(--card-hover-shadow)}.home-ad-banner img{width:100%;height:100%;object-fit:fill}.home-ad-banner .ad-badge{position:absolute;top:5px;right:5px;background-color:rgba(0,0,0,0.6);color:#fff;font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--border-radius-sm);z-index:2}.dark-mode .home-ad-banner .ad-badge{background-color:rgba(255,255,255,0.2)}@media (max-width:768px){.dual-banner-container{flex-direction:column;gap:10px}.home-ad-banner{width:100%;height:33px}}.dark-mode .game-description{color:var(--dark-secondary-text)}.game-stats{display:flex;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:rgba(0,0,0,0.05);border-radius:var(--border-radius-md)}.dark-mode .game-stats{background-color:rgba(255,255,255,0.05)}.stat-item{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--light-secondary-text)}.dark-mode .stat-item{color:var(--dark-secondary-text)}.stat-item i{margin-right:var(--spacing-sm);color:var(--primary-color)}.stat-item span{font-weight:600;margin-left:4px;color:var(--light-text)}.dark-mode .stat-item span{color:var(--dark-text)}.game-rating-section{margin-top:var(--spacing-lg)}.disclaimer-section{margin-top:var(--spacing-xxl);padding:var(--spacing-lg);background-color:rgba(0,0,0,0.03);border-radius:var(--border-radius-md);border-left:4px solid var(--primary-color)}.dark-mode .disclaimer-section{background-color:rgba(255,255,255,0.03)}.disclaimer-title{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);color:var(--primary-color);font-weight:600}.disclaimer-content{font-size:var(--font-size-sm);line-height:1.6;color:var(--light-secondary-text)}.dark-mode .disclaimer-content{color:var(--dark-secondary-text)}.disclaimer-content p{margin:0}.media-showcase{margin-bottom:var(--spacing-xl);padding:0 var(--spacing-xl)}.showcase-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);position:relative;padding-left:var(--spacing-md)}.showcase-title::before{content:'';position:absolute;left:0;top:0;height:100%;width:4px;background-color:var(--primary-color);border-radius:var(--border-radius-sm)}.media-container{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:900px;margin:0 auto}.media-main{position:relative;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);background-color:#000;padding-bottom:45%;height:0;margin:0 var(--spacing-lg)}.media-player{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity var(--transition-normal)}.media-player.active{opacity:1;visibility:visible}.media-player img{width:100%;height:100%;object-fit:fill}.video-ratio{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-ratio iframe{width:100%;height:100%;border:none}.media-thumbnails{display:flex;gap:var(--spacing-sm);flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--spacing-sm);justify-content:flex-start}.thumbnail{flex:0 0 120px;height:68px;border-radius:var(--border-radius-sm);overflow:hidden;cursor:pointer;opacity:0.7;border:2px solid transparent;position:relative;transition:all var(--transition-fast)}.thumbnail.active{opacity:1;border-color:var(--primary-color)}.thumbnail img{width:100%;height:100%;object-fit:fill}.play-icon{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center}.play-icon i{color:white;font-size:1.5rem}@media (min-width:768px){.media-container{flex-direction:column}.media-thumbnails{justify-content:flex-start}}.media-nav-prev,.media-nav-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:rgba(0,0,0,0.6);border:none;color:white;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:10;opacity:0.8;box-shadow:0 2px 6px rgba(0,0,0,0.3)}.media-nav-prev:hover,.media-nav-next:hover{background-color:var(--primary-color);opacity:1;transform:translateY(-50%) scale(1.1);box-shadow:0 3px 8px rgba(0,0,0,0.4)}.media-nav-prev{left:20px}.media-nav-next{right:20px}.qr-tip{color:var(--primary-color);font-size:0.9rem;font-weight:500;margin-left:10px;cursor:pointer}.qr-box{cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.qr-box.active{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);z-index:1000;background:white;padding:20px;border-radius:var(--border-radius-md);box-shadow:0 10px 30px rgba(0,0,0,0.5)}.qr-box.active::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:-1}@media (max-width:1280px){.game-card{width:100%}}@media (max-width:500px){.games-grid,.category-games-grid{grid-template-columns:1fr}.game-card{width:100%}}.ad-section{position:relative;margin:30px 0;padding:20px;background-color:rgba(240,240,240,0.8);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.dark-mode .ad-section{background-color:rgba(45,45,45,0.8)}.ad-section:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.ad-badge{position:absolute;top:10px;right:10px;background-color:rgba(0,0,0,0.6);color:#fff;font-size:var(--font-size-xs);padding:3px 8px;border-radius:var(--border-radius-sm);z-index:2}.dark-mode .ad-badge{background-color:rgba(255,255,255,0.2)}.ad-banner{width:100%;height:65px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border-radius:var(--border-radius-md);margin:30px 0}.ad-banner img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-banner:hover img{transform:scale(1.05)}.ad-sidebar{width:100%;margin-bottom:20px;border-radius:var(--border-radius-md);overflow:hidden}.ad-sidebar img{width:100%;height:auto;display:block;transition:transform var(--transition-normal)}.ad-sidebar:hover img{transform:scale(1.05)}.ad-content{display:flex;background-color:#f9f9f9;border-radius:var(--border-radius-md);overflow:hidden;margin:30px 0;box-shadow:var(--card-shadow)}.dark-mode .ad-content{background-color:var(--dark-secondary-bg)}.ad-content-image{flex:0 0 40%;overflow:hidden}.ad-content-image img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-content:hover .ad-content-image img{transform:scale(1.05)}.ad-content-info{flex:0 0 60%;padding:20px;display:flex;flex-direction:column;justify-content:center}.ad-content-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:10px;color:var(--primary-color)}.ad-content-desc{font-size:var(--font-size-md);color:var(--light-secondary-text);margin-bottom:15px;line-height:1.5}.dark-mode .ad-content-desc{color:var(--dark-secondary-text)}.ad-content-button{align-self:flex-start;background-color:var(--primary-color);color:#fff;padding:8px 15px;border-radius:var(--border-radius-sm);font-weight:600;transition:all var(--transition-fast)}.ad-content-button:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.ad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.ad-grid-item{border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-normal);position:relative}.ad-grid-item:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.ad-grid-image{height:180px;overflow:hidden}.ad-grid-image img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-grid-item:hover .ad-grid-image img{transform:scale(1.05)}.ad-grid-info{padding:15px;background-color:#fff}.dark-mode .ad-grid-info{background-color:var(--dark-secondary-bg)}.ad-grid-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:8px;color:var(--light-text)}.dark-mode .ad-grid-title{color:var(--dark-text)}.ad-grid-button{display:inline-block;font-size:var(--font-size-sm);color:var(--primary-color);font-weight:600;transition:color var(--transition-fast)}.ad-grid-button:hover{color:var(--primary-hover)}.ad-grid-button i{margin-left:5px;transition:transform var(--transition-fast)}.ad-grid-button:hover i{transform:translateX(3px)}@media (max-width:992px){.ad-grid{grid-template-columns:repeat(2,1fr)}.ad-content{flex-direction:column}.ad-content-image,.ad-content-info{flex:0 0 100%}.ad-content-image{height:200px}}@media (max-width:768px){.ad-banner{height:33px}}@media (max-width:576px){.ad-grid{grid-template-columns:1fr}.ad-banner{height:33px}}.dark-mode .game-description{color:var(--dark-secondary-text)}.game-stats{display:flex;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:rgba(0,0,0,0.05);border-radius:var(--border-radius-md)}.dark-mode .game-stats{background-color:rgba(255,255,255,0.05)}.stat-item{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--light-secondary-text)}.dark-mode .stat-item{color:var(--dark-secondary-text)}.stat-item i{margin-right:var(--spacing-sm);color:var(--primary-color)}.stat-item span{font-weight:600;margin-left:4px;color:var(--light-text)}.dark-mode .stat-item span{color:var(--dark-text)}.game-rating-section{margin-top:var(--spacing-lg)}.ad-banner-section{padding:0 0 var(--spacing-xl);background-color:transparent;margin-top:-15px}.dual-banner-container{display:flex;gap:20px;justify-content:space-between}.home-ad-banner{position:relative;width:calc(50% - 10px);height:65px;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.home-ad-banner:hover{transform:translateY(-3px);box-shadow:var(--card-hover-shadow)}.home-ad-banner img{width:100%;height:100%;object-fit:fill}.home-ad-banner .ad-badge{position:absolute;top:5px;right:5px;background-color:rgba(0,0,0,0.6);color:#fff;font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--border-radius-sm);z-index:2}.dark-mode .home-ad-banner .ad-badge{background-color:rgba(255,255,255,0.2)}@media (max-width:768px){.dual-banner-container{flex-direction:column;gap:10px}.home-ad-banner{width:100%;height:33px}}.dark-mode .game-description{color:var(--dark-secondary-text)}.game-stats{display:flex;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:rgba(0,0,0,0.05);border-radius:var(--border-radius-md)}.dark-mode .game-stats{background-color:rgba(255,255,255,0.05)}.stat-item{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--light-secondary-text)}.dark-mode .stat-item{color:var(--dark-secondary-text)}.stat-item i{margin-right:var(--spacing-sm);color:var(--primary-color)}.stat-item span{font-weight:600;margin-left:4px;color:var(--light-text)}.dark-mode .stat-item span{color:var(--dark-text)}.game-rating-section{margin-top:var(--spacing-lg)}.disclaimer-section{margin-top:var(--spacing-xxl);padding:var(--spacing-lg);background-color:rgba(0,0,0,0.03);border-radius:var(--border-radius-md);border-left:4px solid var(--primary-color)}.dark-mode .disclaimer-section{background-color:rgba(255,255,255,0.03)}.disclaimer-title{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);color:var(--primary-color);font-weight:600}.disclaimer-content{font-size:var(--font-size-sm);line-height:1.6;color:var(--light-secondary-text)}.dark-mode .disclaimer-content{color:var(--dark-secondary-text)}.disclaimer-content p{margin:0}.media-showcase{margin-bottom:var(--spacing-xl);padding:0 var(--spacing-xl)}.showcase-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);position:relative;padding-left:var(--spacing-md)}.showcase-title::before{content:'';position:absolute;left:0;top:0;height:100%;width:4px;background-color:var(--primary-color);border-radius:var(--border-radius-sm)}.media-container{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:900px;margin:0 auto}.media-main{position:relative;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);background-color:#000;padding-bottom:45%;height:0;margin:0 var(--spacing-lg)}.media-player{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity var(--transition-normal)}.media-player.active{opacity:1;visibility:visible}.media-player img{width:100%;height:100%;object-fit:fill}.video-ratio{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-ratio iframe{width:100%;height:100%;border:none}.media-thumbnails{display:flex;gap:var(--spacing-sm);flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--spacing-sm);justify-content:flex-start}.thumbnail{flex:0 0 120px;height:68px;border-radius:var(--border-radius-sm);overflow:hidden;cursor:pointer;opacity:0.7;border:2px solid transparent;position:relative;transition:all var(--transition-fast)}.thumbnail.active{opacity:1;border-color:var(--primary-color)}.thumbnail img{width:100%;height:100%;object-fit:fill}.play-icon{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center}.play-icon i{color:white;font-size:1.5rem}@media (min-width:768px){.media-container{flex-direction:column}.media-thumbnails{justify-content:flex-start}}.media-nav-prev,.media-nav-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:rgba(0,0,0,0.6);border:none;color:white;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:10;opacity:0.8;box-shadow:0 2px 6px rgba(0,0,0,0.3)}.media-nav-prev:hover,.media-nav-next:hover{background-color:var(--primary-color);opacity:1;transform:translateY(-50%) scale(1.1);box-shadow:0 3px 8px rgba(0,0,0,0.4)}.media-nav-prev{left:20px}.media-nav-next{right:20px}.qr-tip{color:var(--primary-color);font-size:0.9rem;font-weight:500;margin-left:10px;cursor:pointer}.qr-box{cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.qr-box.active{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);z-index:1000;background:white;padding:20px;border-radius:var(--border-radius-md);box-shadow:0 10px 30px rgba(0,0,0,0.5)}.qr-box.active::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:-1}@media (max-width:1280px){.game-card{width:100%}}@media (max-width:500px){.games-grid,.category-games-grid{grid-template-columns:1fr}.game-card{width:100%}}.ad-section{position:relative;margin:30px 0;padding:20px;background-color:rgba(240,240,240,0.8);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.dark-mode .ad-section{background-color:rgba(45,45,45,0.8)}.ad-section:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.ad-badge{position:absolute;top:10px;right:10px;background-color:rgba(0,0,0,0.6);color:#fff;font-size:var(--font-size-xs);padding:3px 8px;border-radius:var(--border-radius-sm);z-index:2}.dark-mode .ad-badge{background-color:rgba(255,255,255,0.2)}.ad-banner{width:100%;height:65px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border-radius:var(--border-radius-md);margin:30px 0}.ad-banner img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-banner:hover img{transform:scale(1.05)}.ad-sidebar{width:100%;margin-bottom:20px;border-radius:var(--border-radius-md);overflow:hidden}.ad-sidebar img{width:100%;height:auto;display:block;transition:transform var(--transition-normal)}.ad-sidebar:hover img{transform:scale(1.05)}.ad-content{display:flex;background-color:#f9f9f9;border-radius:var(--border-radius-md);overflow:hidden;margin:30px 0;box-shadow:var(--card-shadow)}.dark-mode .ad-content{background-color:var(--dark-secondary-bg)}.ad-content-image{flex:0 0 40%;overflow:hidden}.ad-content-image img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-content:hover .ad-content-image img{transform:scale(1.05)}.ad-content-info{flex:0 0 60%;padding:20px;display:flex;flex-direction:column;justify-content:center}.ad-content-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:10px;color:var(--primary-color)}.ad-content-desc{font-size:var(--font-size-md);color:var(--light-secondary-text);margin-bottom:15px;line-height:1.5}.dark-mode .ad-content-desc{color:var(--dark-secondary-text)}.ad-content-button{align-self:flex-start;background-color:var(--primary-color);color:#fff;padding:8px 15px;border-radius:var(--border-radius-sm);font-weight:600;transition:all var(--transition-fast)}.ad-content-button:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.ad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.ad-grid-item{border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-normal);position:relative}.ad-grid-item:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.ad-grid-image{height:180px;overflow:hidden}.ad-grid-image img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-grid-item:hover .ad-grid-image img{transform:scale(1.05)}.ad-grid-info{padding:15px;background-color:#fff}.dark-mode .ad-grid-info{background-color:var(--dark-secondary-bg)}.ad-grid-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:8px;color:var(--light-text)}.dark-mode .ad-grid-title{color:var(--dark-text)}.ad-grid-button{display:inline-block;font-size:var(--font-size-sm);color:var(--primary-color);font-weight:600;transition:color var(--transition-fast)}.ad-grid-button:hover{color:var(--primary-hover)}.ad-grid-button i{margin-left:5px;transition:transform var(--transition-fast)}.ad-grid-button:hover i{transform:translateX(3px)}@media (max-width:992px){.ad-grid{grid-template-columns:repeat(2,1fr)}.ad-content{flex-direction:column}.ad-content-image,.ad-content-info{flex:0 0 100%}.ad-content-image{height:200px}}@media (max-width:768px){.ad-banner{height:33px}}@media (max-width:576px){.ad-grid{grid-template-columns:1fr}.ad-banner{height:33px}}.dark-mode .game-description{color:var(--dark-secondary-text)}.game-stats{display:flex;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:rgba(0,0,0,0.05);border-radius:var(--border-radius-md)}.dark-mode .game-stats{background-color:rgba(255,255,255,0.05)}.stat-item{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--light-secondary-text)}.dark-mode .stat-item{color:var(--dark-secondary-text)}.stat-item i{margin-right:var(--spacing-sm);color:var(--primary-color)}.stat-item span{font-weight:600;margin-left:4px;color:var(--light-text)}.dark-mode .stat-item span{color:var(--dark-text)}.game-rating-section{margin-top:var(--spacing-lg)}.ad-banner-section{padding:0 0 var(--spacing-xl);background-color:transparent;margin-top:-15px}.dual-banner-container{display:flex;gap:20px;justify-content:space-between}.home-ad-banner{position:relative;width:calc(50% - 10px);height:65px;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.home-ad-banner:hover{transform:translateY(-3px);box-shadow:var(--card-hover-shadow)}.home-ad-banner img{width:100%;height:100%;object-fit:fill}.home-ad-banner .ad-badge{position:absolute;top:5px;right:5px;background-color:rgba(0,0,0,0.6);color:#fff;font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--border-radius-sm);z-index:2}.dark-mode .home-ad-banner .ad-badge{background-color:rgba(255,255,255,0.2)}@media (max-width:768px){.dual-banner-container{flex-direction:column;gap:10px}.home-ad-banner{width:100%;height:33px}}.dark-mode .game-description{color:var(--dark-secondary-text)}.game-stats{display:flex;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:rgba(0,0,0,0.05);border-radius:var(--border-radius-md)}.dark-mode .game-stats{background-color:rgba(255,255,255,0.05)}.stat-item{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--light-secondary-text)}.dark-mode .stat-item{color:var(--dark-secondary-text)}.stat-item i{margin-right:var(--spacing-sm);color:var(--primary-color)}.stat-item span{font-weight:600;margin-left:4px;color:var(--light-text)}.dark-mode .stat-item span{color:var(--dark-text)}.game-rating-section{margin-top:var(--spacing-lg)}.disclaimer-section{margin-top:var(--spacing-xxl);padding:var(--spacing-lg);background-color:rgba(0,0,0,0.03);border-radius:var(--border-radius-md);border-left:4px solid var(--primary-color)}.dark-mode .disclaimer-section{background-color:rgba(255,255,255,0.03)}.disclaimer-title{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);color:var(--primary-color);font-weight:600}.disclaimer-content{font-size:var(--font-size-sm);line-height:1.6;color:var(--light-secondary-text)}.dark-mode .disclaimer-content{color:var(--dark-secondary-text)}.disclaimer-content p{margin:0}.media-showcase{margin-bottom:var(--spacing-xl);padding:0 var(--spacing-xl)}.showcase-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);position:relative;padding-left:var(--spacing-md)}.showcase-title::before{content:'';position:absolute;left:0;top:0;height:100%;width:4px;background-color:var(--primary-color);border-radius:var(--border-radius-sm)}.media-container{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:900px;margin:0 auto}.media-main{position:relative;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);background-color:#000;padding-bottom:45%;height:0;margin:0 var(--spacing-lg)}.media-player{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity var(--transition-normal)}.media-player.active{opacity:1;visibility:visible}.media-player img{width:100%;height:100%;object-fit:fill}.video-ratio{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-ratio iframe{width:100%;height:100%;border:none}.media-thumbnails{display:flex;gap:var(--spacing-sm);flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--spacing-sm);justify-content:flex-start}.thumbnail{flex:0 0 120px;height:68px;border-radius:var(--border-radius-sm);overflow:hidden;cursor:pointer;opacity:0.7;border:2px solid transparent;position:relative;transition:all var(--transition-fast)}.thumbnail.active{opacity:1;border-color:var(--primary-color)}.thumbnail img{width:100%;height:100%;object-fit:fill}.play-icon{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center}.play-icon i{color:white;font-size:1.5rem}@media (min-width:768px){.media-container{flex-direction:column}.media-thumbnails{justify-content:flex-start}}.media-nav-prev,.media-nav-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:rgba(0,0,0,0.6);border:none;color:white;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:10;opacity:0.8;box-shadow:0 2px 6px rgba(0,0,0,0.3)}.media-nav-prev:hover,.media-nav-next:hover{background-color:var(--primary-color);opacity:1;transform:translateY(-50%) scale(1.1);box-shadow:0 3px 8px rgba(0,0,0,0.4)}.media-nav-prev{left:20px}.media-nav-next{right:20px}.qr-tip{color:var(--primary-color);font-size:0.9rem;font-weight:500;margin-left:10px;cursor:pointer}.qr-box{cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.qr-box.active{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);z-index:1000;background:white;padding:20px;border-radius:var(--border-radius-md);box-shadow:0 10px 30px rgba(0,0,0,0.5)}.qr-box.active::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:-1}@media (max-width:1280px){.game-card{width:100%}}@media (max-width:500px){.games-grid,.category-games-grid{grid-template-columns:1fr}.game-card{width:100%}}.ad-section{position:relative;margin:30px 0;padding:20px;background-color:rgba(240,240,240,0.8);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.dark-mode .ad-section{background-color:rgba(45,45,45,0.8)}.ad-section:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.ad-badge{position:absolute;top:10px;right:10px;background-color:rgba(0,0,0,0.6);color:#fff;font-size:var(--font-size-xs);padding:3px 8px;border-radius:var(--border-radius-sm);z-index:2}.dark-mode .ad-badge{background-color:rgba(255,255,255,0.2)}.ad-banner{width:100%;height:65px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border-radius:var(--border-radius-md);margin:30px 0}.ad-banner img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-banner:hover img{transform:scale(1.05)}.ad-sidebar{width:100%;margin-bottom:20px;border-radius:var(--border-radius-md);overflow:hidden}.ad-sidebar img{width:100%;height:auto;display:block;transition:transform var(--transition-normal)}.ad-sidebar:hover img{transform:scale(1.05)}.ad-content{display:flex;background-color:#f9f9f9;border-radius:var(--border-radius-md);overflow:hidden;margin:30px 0;box-shadow:var(--card-shadow)}.dark-mode .ad-content{background-color:var(--dark-secondary-bg)}.ad-content-image{flex:0 0 40%;overflow:hidden}.ad-content-image img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-content:hover .ad-content-image img{transform:scale(1.05)}.ad-content-info{flex:0 0 60%;padding:20px;display:flex;flex-direction:column;justify-content:center}.ad-content-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:10px;color:var(--primary-color)}.ad-content-desc{font-size:var(--font-size-md);color:var(--light-secondary-text);margin-bottom:15px;line-height:1.5}.dark-mode .ad-content-desc{color:var(--dark-secondary-text)}.ad-content-button{align-self:flex-start;background-color:var(--primary-color);color:#fff;padding:8px 15px;border-radius:var(--border-radius-sm);font-weight:600;transition:all var(--transition-fast)}.ad-content-button:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.ad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.ad-grid-item{border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-normal);position:relative}.ad-grid-item:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.ad-grid-image{height:180px;overflow:hidden}.ad-grid-image img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-grid-item:hover .ad-grid-image img{transform:scale(1.05)}.ad-grid-info{padding:15px;background-color:#fff}.dark-mode .ad-grid-info{background-color:var(--dark-secondary-bg)}.ad-grid-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:8px;color:var(--light-text)}.dark-mode .ad-grid-title{color:var(--dark-text)}.ad-grid-button{display:inline-block;font-size:var(--font-size-sm);color:var(--primary-color);font-weight:600;transition:color var(--transition-fast)}.ad-grid-button:hover{color:var(--primary-hover)}.ad-grid-button i{margin-left:5px;transition:transform var(--transition-fast)}.ad-grid-button:hover i{transform:translateX(3px)}@media (max-width:992px){.ad-grid{grid-template-columns:repeat(2,1fr)}.ad-content{flex-direction:column}.ad-content-image,.ad-content-info{flex:0 0 100%}.ad-content-image{height:200px}}@media (max-width:768px){.ad-banner{height:33px}}@media (max-width:576px){.ad-grid{grid-template-columns:1fr}.ad-banner{height:33px}}.dark-mode .game-description{color:var(--dark-secondary-text)}.game-stats{display:flex;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:rgba(0,0,0,0.05);border-radius:var(--border-radius-md)}.dark-mode .game-stats{background-color:rgba(255,255,255,0.05)}.stat-item{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--light-secondary-text)}.dark-mode .stat-item{color:var(--dark-secondary-text)}.stat-item i{margin-right:var(--spacing-sm);color:var(--primary-color)}.stat-item span{font-weight:600;margin-left:4px;color:var(--light-text)}.dark-mode .stat-item span{color:var(--dark-text)}.game-rating-section{margin-top:var(--spacing-lg)}.ad-banner-section{padding:0 0 var(--spacing-xl);background-color:transparent;margin-top:-15px}.dual-banner-container{display:flex;gap:20px;justify-content:space-between}.home-ad-banner{position:relative;width:calc(50% - 10px);height:65px;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.home-ad-banner:hover{transform:translateY(-3px);box-shadow:var(--card-hover-shadow)}.home-ad-banner img{width:100%;height:100%;object-fit:fill}.home-ad-banner .ad-badge{position:absolute;top:5px;right:5px;background-color:rgba(0,0,0,0.6);color:#fff;font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--border-radius-sm);z-index:2}.dark-mode .home-ad-banner .ad-badge{background-color:rgba(255,255,255,0.2)}@media (max-width:768px){.dual-banner-container{flex-direction:column;gap:10px}.home-ad-banner{width:100%;height:33px}}.dark-mode .game-description{color:var(--dark-secondary-text)}.game-stats{display:flex;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:rgba(0,0,0,0.05);border-radius:var(--border-radius-md)}.dark-mode .game-stats{background-color:rgba(255,255,255,0.05)}.stat-item{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--light-secondary-text)}.dark-mode .stat-item{color:var(--dark-secondary-text)}.stat-item i{margin-right:var(--spacing-sm);color:var(--primary-color)}.stat-item span{font-weight:600;margin-left:4px;color:var(--light-text)}.dark-mode .stat-item span{color:var(--dark-text)}.game-rating-section{margin-top:var(--spacing-lg)}.disclaimer-section{margin-top:var(--spacing-xxl);padding:var(--spacing-lg);background-color:rgba(0,0,0,0.03);border-radius:var(--border-radius-md);border-left:4px solid var(--primary-color)}.dark-mode .disclaimer-section{background-color:rgba(255,255,255,0.03)}.disclaimer-title{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);color:var(--primary-color);font-weight:600}.disclaimer-content{font-size:var(--font-size-sm);line-height:1.6;color:var(--light-secondary-text)}.dark-mode .disclaimer-content{color:var(--dark-secondary-text)}.disclaimer-content p{margin:0}.media-showcase{margin-bottom:var(--spacing-xl);padding:0 var(--spacing-xl)}.showcase-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);position:relative;padding-left:var(--spacing-md)}.showcase-title::before{content:'';position:absolute;left:0;top:0;height:100%;width:4px;background-color:var(--primary-color);border-radius:var(--border-radius-sm)}.media-container{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:900px;margin:0 auto}.media-main{position:relative;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);background-color:#000;padding-bottom:45%;height:0;margin:0 var(--spacing-lg)}.media-player{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity var(--transition-normal)}.media-player.active{opacity:1;visibility:visible}.media-player img{width:100%;height:100%;object-fit:fill}.video-ratio{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-ratio iframe{width:100%;height:100%;border:none}.media-thumbnails{display:flex;gap:var(--spacing-sm);flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--spacing-sm);justify-content:flex-start}.thumbnail{flex:0 0 120px;height:68px;border-radius:var(--border-radius-sm);overflow:hidden;cursor:pointer;opacity:0.7;border:2px solid transparent;position:relative;transition:all var(--transition-fast)}.thumbnail.active{opacity:1;border-color:var(--primary-color)}.thumbnail img{width:100%;height:100%;object-fit:fill}.play-icon{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center}.play-icon i{color:white;font-size:1.5rem}@media (min-width:768px){.media-container{flex-direction:column}.media-thumbnails{justify-content:flex-start}}.media-nav-prev,.media-nav-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:rgba(0,0,0,0.6);border:none;color:white;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:10;opacity:0.8;box-shadow:0 2px 6px rgba(0,0,0,0.3)}.media-nav-prev:hover,.media-nav-next:hover{background-color:var(--primary-color);opacity:1;transform:translateY(-50%) scale(1.1);box-shadow:0 3px 8px rgba(0,0,0,0.4)}.media-nav-prev{left:20px}.media-nav-next{right:20px}.qr-tip{color:var(--primary-color);font-size:0.9rem;font-weight:500;margin-left:10px;cursor:pointer}.qr-box{cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.qr-box.active{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);z-index:1000;background:white;padding:20px;border-radius:var(--border-radius-md);box-shadow:0 10px 30px rgba(0,0,0,0.5)}.qr-box.active::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:-1}@media (max-width:1280px){.game-card{width:100%}}@media (max-width:500px){.games-grid,.category-games-grid{grid-template-columns:1fr}.game-card{width:100%}}.ad-section{position:relative;margin:30px 0;padding:20px;background-color:rgba(240,240,240,0.8);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.dark-mode .ad-section{background-color:rgba(45,45,45,0.8)}.ad-section:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.ad-badge{position:absolute;top:10px;right:10px;background-color:rgba(0,0,0,0.6);color:#fff;font-size:var(--font-size-xs);padding:3px 8px;border-radius:var(--border-radius-sm);z-index:2}.dark-mode .ad-badge{background-color:rgba(255,255,255,0.2)}.ad-banner{width:100%;height:65px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border-radius:var(--border-radius-md);margin:30px 0}.ad-banner img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-banner:hover img{transform:scale(1.05)}.ad-sidebar{width:100%;margin-bottom:20px;border-radius:var(--border-radius-md);overflow:hidden}.ad-sidebar img{width:100%;height:auto;display:block;transition:transform var(--transition-normal)}.ad-sidebar:hover img{transform:scale(1.05)}.ad-content{display:flex;background-color:#f9f9f9;border-radius:var(--border-radius-md);overflow:hidden;margin:30px 0;box-shadow:var(--card-shadow)}.dark-mode .ad-content{background-color:var(--dark-secondary-bg)}.ad-content-image{flex:0 0 40%;overflow:hidden}.ad-content-image img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-content:hover .ad-content-image img{transform:scale(1.05)}.ad-content-info{flex:0 0 60%;padding:20px;display:flex;flex-direction:column;justify-content:center}.ad-content-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:10px;color:var(--primary-color)}.ad-content-desc{font-size:var(--font-size-md);color:var(--light-secondary-text);margin-bottom:15px;line-height:1.5}.dark-mode .ad-content-desc{color:var(--dark-secondary-text)}.ad-content-button{align-self:flex-start;background-color:var(--primary-color);color:#fff;padding:8px 15px;border-radius:var(--border-radius-sm);font-weight:600;transition:all var(--transition-fast)}.ad-content-button:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.ad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.ad-grid-item{border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-normal);position:relative}.ad-grid-item:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.ad-grid-image{height:180px;overflow:hidden}.ad-grid-image img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-grid-item:hover .ad-grid-image img{transform:scale(1.05)}.ad-grid-info{padding:15px;background-color:#fff}.dark-mode .ad-grid-info{background-color:var(--dark-secondary-bg)}.ad-grid-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:8px;color:var(--light-text)}.dark-mode .ad-grid-title{color:var(--dark-text)}.ad-grid-button{display:inline-block;font-size:var(--font-size-sm);color:var(--primary-color);font-weight:600;transition:color var(--transition-fast)}.ad-grid-button:hover{color:var(--primary-hover)}.ad-grid-button i{margin-left:5px;transition:transform var(--transition-fast)}.ad-grid-button:hover i{transform:translateX(3px)}@media (max-width:992px){.ad-grid{grid-template-columns:repeat(2,1fr)}.ad-content{flex-direction:column}.ad-content-image,.ad-content-info{flex:0 0 100%}.ad-content-image{height:200px}}@media (max-width:768px){.ad-banner{height:33px}}@media (max-width:576px){.ad-grid{grid-template-columns:1fr}.ad-banner{height:33px}}.dark-mode .game-description{color:var(--dark-secondary-text)}.game-stats{display:flex;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:rgba(0,0,0,0.05);border-radius:var(--border-radius-md)}.dark-mode .game-stats{background-color:rgba(255,255,255,0.05)}.stat-item{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--light-secondary-text)}.dark-mode .stat-item{color:var(--dark-secondary-text)}.stat-item i{margin-right:var(--spacing-sm);color:var(--primary-color)}.stat-item span{font-weight:600;margin-left:4px;color:var(--light-text)}.dark-mode .stat-item span{color:var(--dark-text)}.game-rating-section{margin-top:var(--spacing-lg)}.ad-banner-section{padding:0 0 var(--spacing-xl);background-color:transparent;margin-top:-15px}.dual-banner-container{display:flex;gap:20px;justify-content:space-between}.home-ad-banner{position:relative;width:calc(50% - 10px);height:65px;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.home-ad-banner:hover{transform:translateY(-3px);box-shadow:var(--card-hover-shadow)}.home-ad-banner img{width:100%;height:100%;object-fit:fill}.home-ad-banner .ad-badge{position:absolute;top:5px;right:5px;background-color:rgba(0,0,0,0.6);color:#fff;font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--border-radius-sm);z-index:2}.dark-mode .home-ad-banner .ad-badge{background-color:rgba(255,255,255,0.2)}@media (max-width:768px){.dual-banner-container{flex-direction:column;gap:10px}.home-ad-banner{width:100%;height:33px}}.dark-mode .game-description{color:var(--dark-secondary-text)}.game-stats{display:flex;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:rgba(0,0,0,0.05);border-radius:var(--border-radius-md)}.dark-mode .game-stats{background-color:rgba(255,255,255,0.05)}.stat-item{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--light-secondary-text)}.dark-mode .stat-item{color:var(--dark-secondary-text)}.stat-item i{margin-right:var(--spacing-sm);color:var(--primary-color)}.stat-item span{font-weight:600;margin-left:4px;color:var(--light-text)}.dark-mode .stat-item span{color:var(--dark-text)}.game-rating-section{margin-top:var(--spacing-lg)}.disclaimer-section{margin-top:var(--spacing-xxl);padding:var(--spacing-lg);background-color:rgba(0,0,0,0.03);border-radius:var(--border-radius-md);border-left:4px solid var(--primary-color)}.dark-mode .disclaimer-section{background-color:rgba(255,255,255,0.03)}.disclaimer-title{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);color:var(--primary-color);font-weight:600}.disclaimer-content{font-size:var(--font-size-sm);line-height:1.6;color:var(--light-secondary-text)}.dark-mode .disclaimer-content{color:var(--dark-secondary-text)}.disclaimer-content p{margin:0}.media-showcase{margin-bottom:var(--spacing-xl);padding:0 var(--spacing-xl)}.showcase-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);position:relative;padding-left:var(--spacing-md)}.showcase-title::before{content:'';position:absolute;left:0;top:0;height:100%;width:4px;background-color:var(--primary-color);border-radius:var(--border-radius-sm)}.media-container{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:900px;margin:0 auto}.media-main{position:relative;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);background-color:#000;padding-bottom:45%;height:0;margin:0 var(--spacing-lg)}.media-player{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity var(--transition-normal)}.media-player.active{opacity:1;visibility:visible}.media-player img{width:100%;height:100%;object-fit:fill}.video-ratio{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-ratio iframe{width:100%;height:100%;border:none}.media-thumbnails{display:flex;gap:var(--spacing-sm);flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--spacing-sm);justify-content:flex-start}.thumbnail{flex:0 0 120px;height:68px;border-radius:var(--border-radius-sm);overflow:hidden;cursor:pointer;opacity:0.7;border:2px solid transparent;position:relative;transition:all var(--transition-fast)}.thumbnail.active{opacity:1;border-color:var(--primary-color)}.thumbnail img{width:100%;height:100%;object-fit:fill}.play-icon{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center}.play-icon i{color:white;font-size:1.5rem}@media (min-width:768px){.media-container{flex-direction:column}.media-thumbnails{justify-content:flex-start}}.media-nav-prev,.media-nav-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:rgba(0,0,0,0.6);border:none;color:white;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:10;opacity:0.8;box-shadow:0 2px 6px rgba(0,0,0,0.3)}.media-nav-prev:hover,.media-nav-next:hover{background-color:var(--primary-color);opacity:1;transform:translateY(-50%) scale(1.1);box-shadow:0 3px 8px rgba(0,0,0,0.4)}.media-nav-prev{left:20px}.media-nav-next{right:20px}.qr-tip{color:var(--primary-color);font-size:0.9rem;font-weight:500;margin-left:10px;cursor:pointer}.qr-box{cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.qr-box.active{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);z-index:1000;background:white;padding:20px;border-radius:var(--border-radius-md);box-shadow:0 10px 30px rgba(0,0,0,0.5)}.qr-box.active::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:-1}@media (max-width:1280px){.game-card{width:100%}}@media (max-width:500px){.games-grid,.category-games-grid{grid-template-columns:1fr}.game-card{width:100%}}.ad-section{position:relative;margin:30px 0;padding:20px;background-color:rgba(240,240,240,0.8);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.dark-mode .ad-section{background-color:rgba(45,45,45,0.8)}.ad-section:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.ad-badge{position:absolute;top:10px;right:10px;background-color:rgba(0,0,0,0.6);color:#fff;font-size:var(--font-size-xs);padding:3px 8px;border-radius:var(--border-radius-sm);z-index:2}.dark-mode .ad-badge{background-color:rgba(255,255,255,0.2)}.ad-banner{width:100%;height:65px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border-radius:var(--border-radius-md);margin:30px 0}.ad-banner img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-banner:hover img{transform:scale(1.05)}.ad-sidebar{width:100%;margin-bottom:20px;border-radius:var(--border-radius-md);overflow:hidden}.ad-sidebar img{width:100%;height:auto;display:block;transition:transform var(--transition-normal)}.ad-sidebar:hover img{transform:scale(1.05)}.ad-content{display:flex;background-color:#f9f9f9;border-radius:var(--border-radius-md);overflow:hidden;margin:30px 0;box-shadow:var(--card-shadow)}.dark-mode .ad-content{background-color:var(--dark-secondary-bg)}.ad-content-image{flex:0 0 40%;overflow:hidden}.ad-content-image img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-content:hover .ad-content-image img{transform:scale(1.05)}.ad-content-info{flex:0 0 60%;padding:20px;display:flex;flex-direction:column;justify-content:center}.ad-content-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:10px;color:var(--primary-color)}.ad-content-desc{font-size:var(--font-size-md);color:var(--light-secondary-text);margin-bottom:15px;line-height:1.5}.dark-mode .ad-content-desc{color:var(--dark-secondary-text)}.ad-content-button{align-self:flex-start;background-color:var(--primary-color);color:#fff;padding:8px 15px;border-radius:var(--border-radius-sm);font-weight:600;transition:all var(--transition-fast)}.ad-content-button:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.ad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.ad-grid-item{border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-normal);position:relative}.ad-grid-item:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.ad-grid-image{height:180px;overflow:hidden}.ad-grid-image img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-grid-item:hover .ad-grid-image img{transform:scale(1.05)}.ad-grid-info{padding:15px;background-color:#fff}.dark-mode .ad-grid-info{background-color:var(--dark-secondary-bg)}.ad-grid-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:8px;color:var(--light-text)}.dark-mode .ad-grid-title{color:var(--dark-text)}.ad-grid-button{display:inline-block;font-size:var(--font-size-sm);color:var(--primary-color);font-weight:600;transition:color var(--transition-fast)}.ad-grid-button:hover{color:var(--primary-hover)}.ad-grid-button i{margin-left:5px;transition:transform var(--transition-fast)}.ad-grid-button:hover i{transform:translateX(3px)}@media (max-width:992px){.ad-grid{grid-template-columns:repeat(2,1fr)}.ad-content{flex-direction:column}.ad-content-image,.ad-content-info{flex:0 0 100%}.ad-content-image{height:200px}}@media (max-width:768px){.ad-banner{height:33px}}@media (max-width:576px){.ad-grid{grid-template-columns:1fr}.ad-banner{height:33px}}.dark-mode .game-description{color:var(--dark-secondary-text)}.game-stats{display:flex;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:rgba(0,0,0,0.05);border-radius:var(--border-radius-md)}.dark-mode .game-stats{background-color:rgba(255,255,255,0.05)}.stat-item{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--light-secondary-text)}.dark-mode .stat-item{color:var(--dark-secondary-text)}.stat-item i{margin-right:var(--spacing-sm);color:var(--primary-color)}.stat-item span{font-weight:600;margin-left:4px;color:var(--light-text)}.dark-mode .stat-item span{color:var(--dark-text)}.game-rating-section{margin-top:var(--spacing-lg)}.ad-banner-section{padding:0 0 var(--spacing-xl);background-color:transparent;margin-top:-15px}.dual-banner-container{display:flex;gap:20px;justify-content:space-between}.home-ad-banner{position:relative;width:calc(50% - 10px);height:65px;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.home-ad-banner:hover{transform:translateY(-3px);box-shadow:var(--card-hover-shadow)}.home-ad-banner img{width:100%;height:100%;object-fit:fill}.home-ad-banner .ad-badge{position:absolute;top:5px;right:5px;background-color:rgba(0,0,0,0.6);color:#fff;font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--border-radius-sm);z-index:2}.dark-mode .home-ad-banner .ad-badge{background-color:rgba(255,255,255,0.2)}@media (max-width:768px){.dual-banner-container{flex-direction:column;gap:10px}.home-ad-banner{width:100%;height:33px}}.dark-mode .game-description{color:var(--dark-secondary-text)}.game-stats{display:flex;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:rgba(0,0,0,0.05);border-radius:var(--border-radius-md)}.dark-mode .game-stats{background-color:rgba(255,255,255,0.05)}.stat-item{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--light-secondary-text)}.dark-mode .stat-item{color:var(--dark-secondary-text)}.stat-item i{margin-right:var(--spacing-sm);color:var(--primary-color)}.stat-item span{font-weight:600;margin-left:4px;color:var(--light-text)}.dark-mode .stat-item span{color:var(--dark-text)}.game-rating-section{margin-top:var(--spacing-lg)}.disclaimer-section{margin-top:var(--spacing-xxl);padding:var(--spacing-lg);background-color:rgba(0,0,0,0.03);border-radius:var(--border-radius-md);border-left:4px solid var(--primary-color)}.dark-mode .disclaimer-section{background-color:rgba(255,255,255,0.03)}.disclaimer-title{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);color:var(--primary-color);font-weight:600}.disclaimer-content{font-size:var(--font-size-sm);line-height:1.6;color:var(--light-secondary-text)}.dark-mode .disclaimer-content{color:var(--dark-secondary-text)}.disclaimer-content p{margin:0}.media-showcase{margin-bottom:var(--spacing-xl);padding:0 var(--spacing-xl)}.showcase-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);position:relative;padding-left:var(--spacing-md)}.showcase-title::before{content:'';position:absolute;left:0;top:0;height:100%;width:4px;background-color:var(--primary-color);border-radius:var(--border-radius-sm)}.media-container{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:900px;margin:0 auto}.media-main{position:relative;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);background-color:#000;padding-bottom:45%;height:0;margin:0 var(--spacing-lg)}.media-player{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity var(--transition-normal)}.media-player.active{opacity:1;visibility:visible}.media-player img{width:100%;height:100%;object-fit:fill}.video-ratio{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-ratio iframe{width:100%;height:100%;border:none}.media-thumbnails{display:flex;gap:var(--spacing-sm);flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--spacing-sm);justify-content:flex-start}.thumbnail{flex:0 0 120px;height:68px;border-radius:var(--border-radius-sm);overflow:hidden;cursor:pointer;opacity:0.7;border:2px solid transparent;position:relative;transition:all var(--transition-fast)}.thumbnail.active{opacity:1;border-color:var(--primary-color)}.thumbnail img{width:100%;height:100%;object-fit:fill}.play-icon{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center}.play-icon i{color:white;font-size:1.5rem}@media (min-width:768px){.media-container{flex-direction:column}.media-thumbnails{justify-content:flex-start}}.media-nav-prev,.media-nav-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:rgba(0,0,0,0.6);border:none;color:white;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:10;opacity:0.8;box-shadow:0 2px 6px rgba(0,0,0,0.3)}.media-nav-prev:hover,.media-nav-next:hover{background-color:var(--primary-color);opacity:1;transform:translateY(-50%) scale(1.1);box-shadow:0 3px 8px rgba(0,0,0,0.4)}.media-nav-prev{left:20px}.media-nav-next{right:20px}.qr-tip{color:var(--primary-color);font-size:0.9rem;font-weight:500;margin-left:10px;cursor:pointer}.qr-box{cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.qr-box.active{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);z-index:1000;background:white;padding:20px;border-radius:var(--border-radius-md);box-shadow:0 10px 30px rgba(0,0,0,0.5)}.qr-box.active::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:-1}@media (max-width:1280px){.game-card{width:100%}}@media (max-width:500px){.games-grid,.category-games-grid{grid-template-columns:1fr}.game-card{width:100%}}.ad-section{position:relative;margin:30px 0;padding:20px;background-color:rgba(240,240,240,0.8);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.dark-mode .ad-section{background-color:rgba(45,45,45,0.8)}.ad-section:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.ad-badge{position:absolute;top:10px;right:10px;background-color:rgba(0,0,0,0.6);color:#fff;font-size:var(--font-size-xs);padding:3px 8px;border-radius:var(--border-radius-sm);z-index:2}.dark-mode .ad-badge{background-color:rgba(255,255,255,0.2)}.ad-banner{width:100%;height:65px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border-radius:var(--border-radius-md);margin:30px 0}.ad-banner img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-banner:hover img{transform:scale(1.05)}.ad-sidebar{width:100%;margin-bottom:20px;border-radius:var(--border-radius-md);overflow:hidden}.ad-sidebar img{width:100%;height:auto;display:block;transition:transform var(--transition-normal)}.ad-sidebar:hover img{transform:scale(1.05)}.ad-content{display:flex;background-color:#f9f9f9;border-radius:var(--border-radius-md);overflow:hidden;margin:30px 0;box-shadow:var(--card-shadow)}.dark-mode .ad-content{background-color:var(--dark-secondary-bg)}.ad-content-image{flex:0 0 40%;overflow:hidden}.ad-content-image img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-content:hover .ad-content-image img{transform:scale(1.05)}.ad-content-info{flex:0 0 60%;padding:20px;display:flex;flex-direction:column;justify-content:center}.ad-content-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:10px;color:var(--primary-color)}.ad-content-desc{font-size:var(--font-size-md);color:var(--light-secondary-text);margin-bottom:15px;line-height:1.5}.dark-mode .ad-content-desc{color:var(--dark-secondary-text)}.ad-content-button{align-self:flex-start;background-color:var(--primary-color);color:#fff;padding:8px 15px;border-radius:var(--border-radius-sm);font-weight:600;transition:all var(--transition-fast)}.ad-content-button:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.ad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.ad-grid-item{border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-normal);position:relative}.ad-grid-item:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.ad-grid-image{height:180px;overflow:hidden}.ad-grid-image img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-grid-item:hover .ad-grid-image img{transform:scale(1.05)}.ad-grid-info{padding:15px;background-color:#fff}.dark-mode .ad-grid-info{background-color:var(--dark-secondary-bg)}.ad-grid-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:8px;color:var(--light-text)}.dark-mode .ad-grid-title{color:var(--dark-text)}.ad-grid-button{display:inline-block;font-size:var(--font-size-sm);color:var(--primary-color);font-weight:600;transition:color var(--transition-fast)}.ad-grid-button:hover{color:var(--primary-hover)}.ad-grid-button i{margin-left:5px;transition:transform var(--transition-fast)}.ad-grid-button:hover i{transform:translateX(3px)}@media (max-width:992px){.ad-grid{grid-template-columns:repeat(2,1fr)}.ad-content{flex-direction:column}.ad-content-image,.ad-content-info{flex:0 0 100%}.ad-content-image{height:200px}}@media (max-width:768px){.ad-banner{height:33px}}@media (max-width:576px){.ad-grid{grid-template-columns:1fr}.ad-banner{height:33px}}.dark-mode .game-description{color:var(--dark-secondary-text)}.game-stats{display:flex;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:rgba(0,0,0,0.05);border-radius:var(--border-radius-md)}.dark-mode .game-stats{background-color:rgba(255,255,255,0.05)}.stat-item{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--light-secondary-text)}.dark-mode .stat-item{color:var(--dark-secondary-text)}.stat-item i{margin-right:var(--spacing-sm);color:var(--primary-color)}.stat-item span{font-weight:600;margin-left:4px;color:var(--light-text)}.dark-mode .stat-item span{color:var(--dark-text)}.game-rating-section{margin-top:var(--spacing-lg)}.ad-banner-section{padding:0 0 var(--spacing-xl);background-color:transparent;margin-top:-15px}.dual-banner-container{display:flex;gap:20px;justify-content:space-between}.home-ad-banner{position:relative;width:calc(50% - 10px);height:65px;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.home-ad-banner:hover{transform:translateY(-3px);box-shadow:var(--card-hover-shadow)}.home-ad-banner img{width:100%;height:100%;object-fit:fill}.home-ad-banner .ad-badge{position:absolute;top:5px;right:5px;background-color:rgba(0,0,0,0.6);color:#fff;font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--border-radius-sm);z-index:2}.dark-mode .home-ad-banner .ad-badge{background-color:rgba(255,255,255,0.2)}@media (max-width:768px){.dual-banner-container{flex-direction:column;gap:10px}.home-ad-banner{width:100%;height:33px}}.dark-mode .game-description{color:var(--dark-secondary-text)}.game-stats{display:flex;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:rgba(0,0,0,0.05);border-radius:var(--border-radius-md)}.dark-mode .game-stats{background-color:rgba(255,255,255,0.05)}.stat-item{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--light-secondary-text)}.dark-mode .stat-item{color:var(--dark-secondary-text)}.stat-item i{margin-right:var(--spacing-sm);color:var(--primary-color)}.stat-item span{font-weight:600;margin-left:4px;color:var(--light-text)}.dark-mode .stat-item span{color:var(--dark-text)}.game-rating-section{margin-top:var(--spacing-lg)}.disclaimer-section{margin-top:var(--spacing-xxl);padding:var(--spacing-lg);background-color:rgba(0,0,0,0.03);border-radius:var(--border-radius-md);border-left:4px solid var(--primary-color)}.dark-mode .disclaimer-section{background-color:rgba(255,255,255,0.03)}.disclaimer-title{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);color:var(--primary-color);font-weight:600}.disclaimer-content{font-size:var(--font-size-sm);line-height:1.6;color:var(--light-secondary-text)}.dark-mode .disclaimer-content{color:var(--dark-secondary-text)}.disclaimer-content p{margin:0}.media-showcase{margin-bottom:var(--spacing-xl);padding:0 var(--spacing-xl)}.showcase-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);position:relative;padding-left:var(--spacing-md)}.showcase-title::before{content:'';position:absolute;left:0;top:0;height:100%;width:4px;background-color:var(--primary-color);border-radius:var(--border-radius-sm)}.media-container{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:900px;margin:0 auto}.media-main{position:relative;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);background-color:#000;padding-bottom:60%;height:0;margin:0 var(--spacing-lg)}.media-player{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity var(--transition-normal)}.media-player.active{opacity:1;visibility:visible}.media-player img{width:100%;height:100%;object-fit:fill}.video-ratio{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-ratio iframe{width:100%;height:100%;border:none}.media-thumbnails{display:flex;gap:var(--spacing-sm);flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--spacing-sm);justify-content:flex-start}.thumbnail{flex:0 0 120px;height:68px;border-radius:var(--border-radius-sm);overflow:hidden;cursor:pointer;opacity:0.7;border:2px solid transparent;position:relative;transition:all var(--transition-fast)}.thumbnail.active{opacity:1;border-color:var(--primary-color)}.thumbnail img{width:100%;height:100%;object-fit:fill}.play-icon{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center}.play-icon i{color:white;font-size:1.5rem}@media (min-width:768px){.media-container{flex-direction:column}.media-thumbnails{justify-content:flex-start}}.media-nav-prev,.media-nav-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:rgba(0,0,0,0.6);border:none;color:white;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:10;opacity:0.8;box-shadow:0 2px 6px rgba(0,0,0,0.3)}.media-nav-prev:hover,.media-nav-next:hover{background-color:var(--primary-color);opacity:1;transform:translateY(-50%) scale(1.1);box-shadow:0 3px 8px rgba(0,0,0,0.4)}.media-nav-prev{left:20px}.media-nav-next{right:20px}.qr-tip{color:var(--primary-color);font-size:0.9rem;font-weight:500;margin-left:10px;cursor:pointer}.qr-box{cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.qr-box.active{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);z-index:1000;background:white;padding:20px;border-radius:var(--border-radius-md);box-shadow:0 10px 30px rgba(0,0,0,0.5)}.qr-box.active::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:-1}@media (max-width:1280px){.game-card{width:100%}}@media (max-width:500px){.games-grid,.category-games-grid{grid-template-columns:1fr}.game-card{width:100%}}.ad-section{position:relative;margin:30px 0;padding:20px;background-color:rgba(240,240,240,0.8);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.dark-mode .ad-section{background-color:rgba(45,45,45,0.8)}.ad-section:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.ad-badge{position:absolute;top:10px;right:10px;background-color:rgba(0,0,0,0.6);color:#fff;font-size:var(--font-size-xs);padding:3px 8px;border-radius:var(--border-radius-sm);z-index:2}.dark-mode .ad-badge{background-color:rgba(255,255,255,0.2)}.ad-banner{width:100%;height:65px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border-radius:var(--border-radius-md);margin:30px 0}.ad-banner img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-banner:hover img{transform:scale(1.05)}.ad-sidebar{width:100%;margin-bottom:20px;border-radius:var(--border-radius-md);overflow:hidden}.ad-sidebar img{width:100%;height:auto;display:block;transition:transform var(--transition-normal)}.ad-sidebar:hover img{transform:scale(1.05)}.ad-content{display:flex;background-color:#f9f9f9;border-radius:var(--border-radius-md);overflow:hidden;margin:30px 0;box-shadow:var(--card-shadow)}.dark-mode .ad-content{background-color:var(--dark-secondary-bg)}.ad-content-image{flex:0 0 40%;overflow:hidden}.ad-content-image img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-normal)}.ad-content:hover .ad-content-image img{transform:scale(1.05)}.ad-content-info{flex:0 0 60%;padding:20px;display:flex;flex-direction:column;justify-content:center}.ad-content-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:10px;color:var(--primary-color)}.ad-content-desc{font-size:var(--font-size-md);color:var(--light-secondary-text);margin-bottom:15px;line-height:1.5}.dark-mode .ad-content-desc{color:var(--dark-secondary-text)}.ad-content-button{align-self:flex-start;background-color:var(--primary-color);color:#fff;padding:8px 15px;border-radius:var(--border-radius-sm);font-weight:600;transition:all var(--transition-fast)}box-shadow:0 4px 8px rgba(0,0,0,0.3);transition:all 0.3s ease}.dark-mode .pc-badge{background-color:var(--primary-hover)}.dark-mode .mobile-badge{background-color:#c0392b}.dark-mode .tool-badge{background-color:#27ae60}.footer-links{display:flex;align-items:baseline;gap:10px}.links-title{font-weight:bold;color:#333;margin:0;padding:0;line-height:1}.footer-links ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:15px;align-items:center}.footer-links li{margin:0;padding:0}.footer-links a{color:#666;text-decoration:none;transition:color 0.3s}.footer-links a:hover{color:#333}.sitemap-fixed-link{position:fixed;right:12px;bottom:12px;z-index:1000;color:var(--primary-color);text-decoration:none;font-size:14px;padding:4px 8px;border-radius:4px}.sitemap-fixed-link:hover{color:var(--primary-hover);text-decoration:underline}@media (max-width:768px){.sitemap-fixed-link{right:10px;bottom:10px;font-size:13px}}.sitemap-fixed-link--subtle{font-size:12px;color:#9aa0a6;padding:2px 4px}.sitemap-fixed-link--subtle:hover{color:#7e8b96}.disclaimer-section{position:relative}.sitemap-disclaimer-link{position:absolute;right:8px;bottom:8px;font-size:12px;color:#9aa0a6;text-decoration:none}.sitemap-disclaimer-link:hover{color:#7e8b96;text-decoration:underline}.back-home-fixed{position:fixed;top:12px;right:12px;z-index:1000;padding:8px 12px;border-radius:6px;background:var(--primary-color);color:#fff;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.12);display:none}.back-home-fixed:hover{background:var(--primary-hover)}@media (max-width:768px){.back-home-fixed{top:10px;right:10px;padding:7px 10px;font-size:13px}}.open-single-fixed{position:fixed;top:12px;right:12px;z-index:1000;padding:6px 10px;border-radius:6px;background:#6c757d;color:#fff;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.12);display:none;font-size:13px}.open-single-fixed:hover{background:#5a6268}@media (max-width:768px){.open-single-fixed{top:10px;right:10px;padding:5px 9px;font-size:12px}}.download-slogan{margin-top:6px;color:#ff5722;font-weight:600;font-size:14px}.game-card-title .open-single{margin-left:6px;color:#9aa0a6;font-size:12px}.game-card-title .open-single:hover{color:#7e8b96}.stat-item i{color:var(--primary-color)}.game-meta{color:var(--light-secondary-text)}.game-meta i{color:var(--primary-color)}.mobile-download-buttons{display:none}.mobile-download-buttons.show{display:flex !important;flex-direction:column;gap:10px;padding:0 15px;margin-top:10px}.mobile-download-buttons .download-btn{display:block;width:100%;text-align:center;padding:12px 16px;background-color:#428bca;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:background-color 0.2s ease}.mobile-download-buttons .download-btn:hover{background-color:#2a6eaa}.qr-grid.hide-on-mobile{display:none !important}@media (min-width:769px){.mobile-download-buttons{display:none !important}}@media all{.game-modal{overflow:hidden !important}body.modal-open{overflow:hidden !important}.modal-content{display:flex;flex-direction:column;overflow:hidden !important}.game-modal .game-details{flex:1;overflow-y:auto !important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}}html.in-iframe,html.in-iframe body.in-iframe{overflow-y:auto;-webkit-overflow-scrolling:touch}html.in-iframe .game-details{flex:none;height:auto;max-height:none;overflow-y:visible !important}@media (max-width:768px){.media-main{position:relative;width:100%;overflow:hidden;margin:0}.game-details .media-main{width:100vw !important;max-width:100vw !important;height:calc(100vw * 9 / 16) !important;margin-left:50% !important;transform:translateX(-50%);aspect-ratio:auto !important;padding-bottom:0 !important}.game-details .media-thumbnails{width:100vw !important;max-width:100vw !important;margin-left:50% !important;transform:translateX(-50%)}.game-details .media-thumbnails .thumbnail{flex:0 0 80px !important;width:80px !important;height:48px !important;margin-right:4px !important}.media-player[data-type="video"]{position:absolute;top:0;left:0;width:100%;height:100%}.media-player[data-type="video"] .video-ratio{position:relative;width:100%;height:100%;display:block}.media-player[data-type="video"] iframe{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%;margin:0}.media-nav-prev,.media-nav-next{display:none !important}.modal-content{border-radius:0;padding-bottom:10px}.game-details{height:100%;max-height:100%;overflow-y:auto !important;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain}.game-header h1.game-title{font-size:1.5rem;padding:15px;margin:0 0 10px 0;display:block !important;opacity:1 !important;visibility:visible !important}.game-header{padding-left:0;padding-right:0;height:auto !important;min-height:180px;overflow:visible !important}.game-description-section{display:block !important;visibility:visible !important;opacity:1 !important;padding:0 15px;margin-top:15px}.description-title{font-size:1.3rem;margin-bottom:10px;display:block !important}.game-description{font-size:14px;line-height:1.6;margin-bottom:15px;display:block !important}.problem-link{display:inline-block;color:#f44336;font-size:14px;font-weight:600;margin:0 0 15px;text-decoration:none;transition:color 0.2s;display:block !important}.problem-link:hover{color:#d32f2f;text-decoration:underline}.dark-mode .problem-link{color:#ff5252}.dark-mode .problem-link:hover{color:#ff8a80}.game-stats{flex-direction:column;gap:8px;margin:15px 0;padding:12px}.download-section{display:block !important;visibility:visible !important;opacity:1 !important;padding:0 15px;margin-top:20px}.download-title{font-size:1.3rem;margin-bottom:10px;display:none !important}.download-desc{font-size:14px;margin-bottom:15px;display:none !important}.qr-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0;position:relative;z-index:1}.qr-item{padding:10px}.qr-title{font-size:14px;margin-bottom:8px}.qr-box{width:140px;height:140px;margin:0 auto;cursor:default}.qr-box img{width:100%;height:100%;object-fit:contain;display:block}.qr-tip{display:none !important}.disclaimer-section{padding:10px 15px;margin:15px 0}.disclaimer-title{font-size:16px}.disclaimer-content{font-size:12px}}@media (max-width:768px) and (orientation:landscape){.modal-content{height:85vh;max-height:85vh;padding:15px;overflow:hidden !important}.game-details{height:100%;overflow-y:auto !important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.game-header h1.game-title{padding:10px;margin-bottom:5px;font-size:1.3rem}.game-description-section,.download-section{margin-top:10px;padding:0 10px}.qr-grid{grid-template-columns:repeat(2,1fr);gap:5px}.qr-box{width:120px;height:120px}.media-main{max-height:none}.description-title,.download-title{font-size:1.1rem;margin-bottom:5px}.game-description,.download-desc{font-size:13px;margin-bottom:10px}}@media (max-width:576px){.game-header h1.game-title{font-size:1.3rem;padding:12px}.description-title,.download-title{font-size:1.2rem}.game-description,.download-desc{font-size:13px}.qr-grid{grid-template-columns:repeat(2,1fr)}.qr-box{width:130px;height:130px}}@media (max-width:360px){.qr-grid{grid-template-columns:1fr}.qr-box{width:130px;height:130px}}.mobile-search-toggle{display:none !important}.mobile-search-bar{display:none !important}@media (max-width:768px){.mobile-search-toggle{display:flex !important;position:absolute;right:92px;top:50%;transform:translateY(-50%);align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;cursor:pointer;font-size:1rem;color:var(--light-text);border-radius:50%;transition:background-color 0.2s ease,transform 0.2s ease}.dark-mode .mobile-search-toggle{color:var(--dark-text)}.mobile-search-toggle:hover{background-color:rgba(0,0,0,0.05);transform:translateY(-50%) rotate(15deg)}.dark-mode .mobile-search-toggle:hover{background-color:rgba(255,255,255,0.05)}.mobile-search-toggle svg{width:16px;height:16px}.mobile-search-bar{display:block !important;position:fixed;top:50px;left:0;right:0;width:100%;background:var(--light-bg);padding:10px 12px;box-shadow:0 2px 8px rgba(0,0,0,0.12);z-index:99;transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform 0.2s ease,opacity 0.2s ease,visibility 0.2s ease}.mobile-search-bar.active{transform:translateY(0);opacity:1;visibility:visible}.dark-mode .mobile-search-bar{background:var(--dark-bg);box-shadow:0 2px 8px rgba(0,0,0,0.3)}.mobile-search-form{display:flex;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.dark-mode .mobile-search-form{background:#2a2a2a;border-color:#444}.mobile-search-form input[type="text"]{flex:1;padding:10px 12px;border:none;background:transparent;font-size:15px;color:#333;outline:none}.dark-mode .mobile-search-form input[type="text"]{color:#eee}.mobile-search-form input[type="text"]::placeholder{color:#999}.dark-mode .mobile-search-form input[type="text"]::placeholder{color:#888}.mobile-search-form button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#f1c40f;border:none;cursor:pointer;color:#fff;transition:background-color 0.2s ease}.mobile-search-form button:hover{background:#d4ac0d}.mobile-search-form button svg{width:18px;height:18px}}.category-badge{position:relative;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;color:#fff;z-index:2;box-shadow:0 2px 4px rgba(0,0,0,0.2);display:inline-block;margin-left:5px;vertical-align:middle}.pc-badge{background-color:var(--primary-color,#6f7d6a)}.featured-pc-badge{background-color:#e74c3c}.mobile-badge{background-color:#f1c40f}.tool-badge{background-color:#2ecc71}.featured-badge{top:auto;right:auto;font-size:14px;padding:6px 12px}.modal-badge{position:relative;top:-2px;margin-left:0;padding:4px 10px;font-size:14px;vertical-align:middle}.game-meta .category-badge{margin-left:auto;font-size:9px;padding:1px 4px;vertical-align:middle;flex-shrink:0;white-space:nowrap;line-height:1}.featured-game-meta .category-badge{font-size:13px;padding:4px 8px}.game-cover{position:relative;overflow:hidden}.featured-game-bg{position:relative}.category-badge:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.3);transition:all 0.3s ease}.dark-mode .pc-badge{background-color:var(--primary-hover,#5f6c5a)}.dark-mode .featured-pc-badge{background-color:#c0392b}.dark-mode .mobile-badge{background-color:#d4ac0d}.dark-mode .tool-badge{background-color:#27ae60}.game-card{position:relative;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer;height:100%;display:flex;flex-direction:column}.dark-mode .game-card{background-color:#2a2a2a}.game-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.15)}.game-cover{position:relative;height:0;padding-bottom:46.7%;overflow:hidden;background-color:#f5f5f5}.game-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.5s ease;display:block}.game-card:hover .game-cover img{transform:scale(1.05)}.game-info{padding:6px 10px 6px;flex-grow:1;display:flex;flex-direction:column}.game-card-title{font-size:0.95rem;font-weight:600;color:#333;margin:0 0 2px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dark-mode .game-card-title{color:#eee}.game-meta{margin-top:auto;font-size:0.65rem;color:#666;display:flex;align-items:center;justify-content:space-between;gap:2px;white-space:nowrap;line-height:1.1;width:100%;overflow:hidden}.dark-mode .game-meta{color:#aaa}.game-meta i,.game-meta .icon{margin-right:2px;color:inherit}.game-views,.game-update-time{flex-shrink:0;margin-right:0}.game-views{flex:0 0 auto}.game-update-time{flex:0 0 auto}.game-meta .category-badge{flex:0 0 auto;margin-left:auto}.game-stats{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px;padding:15px;background-color:#f7f9fc;border-radius:8px}.dark-mode .game-stats{background-color:#2c3338}.stat-item{display:flex;align-items:center;color:#555;font-size:14px}.dark-mode .stat-item{color:#bbb}.stat-item i,.stat-item .icon{margin-right:8px;color:var(--primary-color,#6f7d6a)}.stat-item span{font-weight:500;margin-left:5px;color:#333}.dark-mode .stat-item span{color:#ddd}.game-header .game-title{font-size:1.8rem;font-weight:700;margin:15px 0 25px;padding:8px 0;color:#333;line-height:1.3;position:relative}.dark-mode .game-header .game-title{color:#eee}.description-title{font-size:1.4rem;font-weight:600;margin:10px 0 15px;color:#333;position:relative}.dark-mode .description-title{color:#eee}.game-description{line-height:1.7;margin-bottom:20px;color:#444;font-size:1.05rem}.dark-mode .game-description{color:#ccc}.game-header{padding:5px 15px 25px}.media-showcase{margin:25px 0 35px}.game-description-section{background-color:#f9f9f9;border-radius:10px;padding:20px 25px;margin-bottom:30px}.dark-mode .game-description-section{background-color:#2c2c2c}.download-section{margin-top:35px;padding-top:15px;border-top:1px solid #eee}.dark-mode .download-section{border-top-color:#444}@media (max-width:768px){.game-info{padding:5px 8px 5px}.game-card-title{font-size:0.9rem;margin:0 0 1px;line-height:1.1}.game-meta{font-size:0.65rem;gap:2px}}@media (max-width:576px){.game-card-title{font-size:0.8rem;margin:0 0 1px;line-height:1;-webkit-line-clamp:1}.game-meta{font-size:0.6rem;gap:1px}.game-info{padding:4px 6px 4px !important}.game-cover{padding-bottom:56.25%}.game-meta .category-badge{font-size:7px;padding:1px 2px}}.game-cover{position:relative;height:0;padding-bottom:46.7%;overflow:hidden;background-color:#f5f5f5}.dark-mode .game-cover{background-color:#2f2f2f}.game-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.5s ease;display:block}.featured-game-bg{position:relative;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,0.1)}.dark-mode .featured-game-bg{background-color:#2f2f2f}.news-image-container{position:relative;width:100%;height:0;padding-bottom:46.7%;overflow:hidden;background-color:#f5f5f5;border-radius:8px}.dark-mode .news-image-container{background-color:#2f2f2f}.news-image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.thumbnail{width:100%;height:100%;display:block;border:none;padding:0;margin:0;background:transparent}.thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.ad-container{background-color:#f5f5f5;padding:10px;display:flex;align-items:center;justify-content:center;border-radius:8px}.dark-mode .ad-container{background-color:#2f2f2f}.ad-container img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.navbar{transform:translateY(0);transition:transform 0.3s ease;width:100%}.navbar-hidden{transform:translateY(-100%)}@media (max-width:768px){.navbar-container{display:flex;flex-direction:row;align-items:center;padding:0 12px;min-height:50px;position:relative;padding-right:140px}.logo{align-self:center;height:auto;margin-bottom:0;object-fit:contain}.nav-menu{display:flex;flex-direction:column;gap:5px;padding:0;list-style:none}.nav-item{text-align:center;padding:3px 0;font-size:14px}}@media (min-width:769px){.navbar{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.navbar-container{display:flex;align-items:center;max-width:var(--container-width);margin:0 auto;padding:0 40px;position:relative;height:60px;flex-direction:row}.logo{position:absolute;left:40px;height:40px;margin-bottom:0;align-self:center}.nav-menu{flex-direction:row;justify-content:center;width:100%;gap:40px;padding:0 120px 0 180px}.nav-item{white-space:nowrap;padding:8px 12px;font-weight:700;font-size:1rem}.nav-item:hover{background:#f5f5f5;border-radius:4px}.mobile-top-links{display:none !important}}