.games-grid{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media(max-width:767px){.games-grid{grid-template-columns:repeat(var(--cards-per-row-mobile),1fr)}}@media(min-width:768px) and (max-width:1023px){.games-grid{grid-template-columns:repeat(var(--cards-per-row-tablet),1fr)}}@media(min-width:1024px){.games-grid{grid-template-columns:repeat(var(--cards-per-row-desktop),1fr)}}.game-card{background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;perspective:1000px;transform-origin:center}.game-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.3);border-color:var(--border-primary)}.game-badge{position:absolute;top:12px;right:12px;padding:4px 8px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:10;backdrop-filter:blur(10px);transition:all var(--transition-fast)}.game-badge.hot{background:linear-gradient(45deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px rgba(239,68,68,.4)}.game-badge.new{background:linear-gradient(45deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px rgba(16,185,129,.4)}.game-badge.trending{background:linear-gradient(45deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px rgba(245,158,11,.4)}.game-stats{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-sm);gap:var(--spacing-sm)}.game-rating{display:flex;align-items:center;gap:4px}.star-rating{color:#fbbf24;font-size:.875rem;letter-spacing:1px}.rating-value{color:var(--text-secondary);font-size:.75rem;font-weight:500;margin-left:4px}.play-count{display:flex;align-items:center;gap:4px;color:var(--text-muted);font-size:.75rem}.play-count-icon{font-size:.875rem}.card-content{height:100%;display:flex;flex-direction:column;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.4,0,.2,1)}.game-card:hover .card-content{transform:rotateY(5deg)rotateX(-5deg)}.card-image{position:relative;aspect-ratio:16/9;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);filter:brightness(.9)}.game-card:hover .card-image img{transform:scale(1.1)rotate(2deg);filter:brightness(1.1)}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(99,102,241,.9) 0%,rgba(168,85,247,.9) 100%);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateZ(20px)}.game-card:hover .card-overlay{opacity:1;transform:translateZ(30px)}.play-overlay-button{background:rgba(255,255,255,.95);color:var(--color-primary);border:none;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px rgba(0,0,0,.2);transform:scale(.8);animation:pulse 2s infinite}.game-card:hover .play-overlay-button{transform:scale(1)}.play-overlay-button:hover{background:#fff;transform:scale(1.1);box-shadow:0 6px 25px rgba(0,0,0,.3)}@keyframes pulse{0%,100%{transform:scale(.8);box-shadow:0 4px 20px rgba(0,0,0,.2)}50%{transform:scale(.85);box-shadow:0 6px 25px rgba(99,102,241,.3)}}.game-card:hover .play-overlay-button{animation:none}.card-body{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column}.card-title{font-size:1.125rem;font-weight:600;line-height:1.3;margin:0 0 var(--spacing-sm)}.card-title a{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.card-title a:hover{color:var(--color-primary)}.card-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 var(--spacing-md);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{margin-bottom:var(--spacing-md)}.card-categories{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.category-tag{background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.card-features{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.feature-tag{background:var(--bg-elevated);color:var(--text-secondary);font-size:.75rem;padding:2px 8px;border-radius:6px;border:1px solid var(--border-color)}.card-actions{display:flex;gap:var(--spacing-sm);align-items:center}.card-link{color:var(--color-primary);text-decoration:none;font-weight:500;font-size:.875rem;transition:color var(--transition-fast)}.card-link:hover{color:var(--color-primary-dark)}.related-grid{display:grid;gap:var(--spacing-md);margin-top:var(--spacing-lg)}@media(min-width:768px){.related-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.hot-games-list{list-style:none;padding:0;margin:0}.hot-game-item{margin-bottom:var(--spacing-md)}.hot-game-link{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--text-primary);font-size:.875rem;transition:color var(--transition-fast)}.hot-game-link:hover{color:var(--color-primary)}.hot-game-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px}.hot-game-title{flex:1;line-height:1.3}.play-button{background:var(--color-primary);color:#fff;border:none;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius);font-weight:600;font-size:.875rem;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs);text-decoration:none}.play-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.play-button:active{transform:translateY(0)}.play-icon{font-size:1em;margin-right:2px}.fullscreen-button{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius);font-weight:500;font-size:.875rem;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.fullscreen-button:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.fullscreen-icon{font-size:1em}.game-actions{display:flex;gap:var(--spacing-md);margin:var(--spacing-lg)0;flex-wrap:wrap}@media(max-width:768px){.game-actions{gap:var(--spacing-sm)}.game-actions .play-button,.game-actions .fullscreen-button{flex:1;justify-content:center}}.game-card .play-button{background:var(--color-accent);font-size:.75rem;padding:6px 12px}.game-card .play-button:hover{background:var(--color-accent-dark)}.category-link,.tag-link{display:inline-block;padding:4px 12px;background:var(--bg-elevated);color:var(--text-secondary);text-decoration:none;border-radius:16px;font-size:.875rem;border:1px solid var(--border-color);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.category-link:hover,.tag-link:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag-link{font-size:.75rem;padding:2px 8px}.ad-container{margin:var(--spacing-xl)0;text-align:center;padding:var(--spacing-md);background:var(--bg-elevated);border-radius:var(--border-radius);border:1px solid var(--border-color)}.homepage-ad{max-width:728px;margin:var(--spacing-xl)auto}.in-content-top{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.in-content-bottom{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-lg)}.sider-ad{margin:var(--spacing-md)0}.ads-disclosure{font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-sm)}.ads-disclosure a{color:var(--color-primary);text-decoration:none}.ads-disclosure a:hover{text-decoration:underline}.game-interactions{display:flex;gap:var(--spacing-md);margin:var(--spacing-lg)0;align-items:center}.interaction-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-elevated);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);font-weight:500}.interaction-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.like-btn:hover{background:var(--color-success);color:#fff;border-color:var(--color-success)}.dislike-btn:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.share-btn:hover{background:var(--color-info);color:#fff;border-color:var(--color-info)}.interaction-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.interaction-btn.active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.game-embed-container{margin:var(--spacing-xl)0;border:2px solid var(--color-primary);border-radius:var(--border-radius-lg);background:var(--bg-elevated);box-shadow:0 4px 16px rgba(0,0,0,.1)}.game-embed-wrapper{display:flex;flex-direction:column}.embed-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff}.embed-header h3{margin:0;font-size:1.125rem;font-weight:600}.close-embed-btn{background:rgba(255,255,255,.2);border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.125rem;transition:background var(--transition-fast)}.close-embed-btn:hover{background:rgba(255,255,255,.3)}.embed-content{position:relative;height:500px;background:var(--bg-secondary)}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#gameFrame{width:100%;height:100%;border:none;display:none}.error-message{text-align:center;color:var(--color-danger)}.error-message h3{margin:0 0 var(--spacing-md);font-size:1.125rem}.error-message p{margin:0 0 var(--spacing-lg);color:var(--text-secondary)}.retry-btn{background:var(--color-primary);color:#fff;border:none;padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--border-radius);cursor:pointer;font-weight:500;transition:background var(--transition-fast)}.retry-btn:hover{background:var(--color-primary-dark)}.embed-controls{display:flex;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--border-color);background:var(--bg-secondary)}.control-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-elevated);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.control-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-1px)}@media(max-width:768px){.game-interactions{gap:var(--spacing-sm)}.interaction-btn{padding:var(--spacing-xs)var(--spacing-sm);font-size:.75rem}.embed-content{height:350px}.embed-controls{gap:var(--spacing-sm);padding:var(--spacing-sm)}.control-btn{padding:var(--spacing-xs)var(--spacing-sm);font-size:.75rem}}.homepage{padding:var(--spacing-xl)0}.homepage-header{text-align:center;margin-bottom:var(--spacing-2xl)}.homepage-header h1{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.homepage-header p{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.homepage-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-xl)}.main-grid{min-width:0}.main-grid.full-width{grid-column:1/-1}.game-article{padding:var(--spacing-lg)0}.game-header{margin-bottom:var(--spacing-xl)}.game-header{display:grid;gap:var(--spacing-lg)}@media(min-width:768px){.game-header{grid-template-columns:400px 1fr;align-items:start}}.game-cover img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--border-radius);box-shadow:var(--shadow-lg)}.game-info h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md);line-height:1.2}.game-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.game-meta{margin-bottom:var(--spacing-lg)}.game-categories,.game-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.game-features{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.feature{background:var(--color-primary);color:#fff;padding:6px 12px;border-radius:16px;font-size:.875rem;font-weight:500}.game-content{max-width:800px}.game-analysis,.game-gallery,.game-faq,.related-games{margin-bottom:var(--spacing-2xl)}.game-analysis h2,.game-gallery h2,.game-faq h2,.related-games h2{font-size:1.875rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.analysis-content{font-size:1.125rem;line-height:1.7;color:var(--text-primary)}.analysis-content h2{font-size:1.5rem;margin:var(--spacing-xl)0 var(--spacing-md)}.analysis-content h3{font-size:1.25rem;margin:var(--spacing-lg)0 var(--spacing-sm)}.analysis-content ul,.analysis-content ol{margin:var(--spacing-md)0;padding-left:var(--spacing-lg)}.analysis-content li{margin-bottom:var(--spacing-xs)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.gallery-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--border-radius);cursor:pointer;transition:transform var(--transition-normal)}.gallery-grid img:hover{transform:scale(1.02)}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.faq-item{background:var(--bg-card);border-radius:var(--border-radius);padding:var(--spacing-lg);border:1px solid var(--border-color)}.faq-question{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-primary);cursor:pointer}.faq-answer{color:var(--text-secondary);line-height:1.6}.game-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);flex-wrap:wrap;gap:var(--spacing-md)}.game-source p{font-size:.875rem;color:var(--text-muted);margin:0}.report-issue a{color:var(--color-primary);text-decoration:none;font-size:.875rem}.report-issue a:hover{text-decoration:underline}.sider{position:sticky;top:80px;height:fit-content}.sider-section{background:var(--bg-card);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--border-color)}.sider-section h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.category-list{list-style:none;padding:0;margin:0}.category-list li{margin-bottom:var(--spacing-xs)}.category-list a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color var(--transition-fast);padding:4px 0;display:block}.category-list a:hover{color:var(--color-primary)}.page-content{max-width:800px;margin:0 auto;padding:var(--spacing-xl)0}.page-content h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-lg)}.page-content h2{font-size:1.875rem;font-weight:600;margin:var(--spacing-xl)0 var(--spacing-md)}.page-content h3{font-size:1.25rem;font-weight:600;margin:var(--spacing-lg)0 var(--spacing-sm)}.page-content p{line-height:1.7;margin-bottom:var(--spacing-md);color:var(--text-primary)}.page-content ul,.page-content ol{margin:var(--spacing-md)0;padding-left:var(--spacing-lg)}.page-content li{margin-bottom:var(--spacing-xs)}@media(max-width:480px){.homepage-header h1{font-size:2rem}.homepage-header p{font-size:1rem}.game-info h1{font-size:1.75rem}.game-description{font-size:1rem}.game-header{grid-template-columns:1fr;text-align:center}.game-actions{flex-direction:column}.game-actions .play-button,.game-actions .fullscreen-button{width:100%;justify-content:center}.game-footer{flex-direction:column;text-align:center}.gallery-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.sider{position:static;order:-1;margin-bottom:var(--spacing-xl)}.homepage-layout{grid-template-columns:1fr}.main-grid.full-width{order:1}}@media(min-width:481px) and (max-width:767px){.homepage-header h1{font-size:2.5rem}.game-info h1{font-size:2rem}.sider{position:static;order:-1;margin-bottom:var(--spacing-xl)}.homepage-layout{grid-template-columns:1fr}.main-grid.full-width{order:1}}@media(min-width:768px) and (max-width:1023px){.homepage-header h1{font-size:2.75rem}.game-header{grid-template-columns:300px 1fr}.sider{width:250px}.homepage-layout{grid-template-columns:250px 1fr}}@media(min-width:1024px) and (max-width:1279px){.sider{width:280px}.homepage-layout{grid-template-columns:280px 1fr}}@media(min-width:1280px){.homepage-header h1{font-size:3.5rem}.game-info h1{font-size:2.75rem}.game-description{font-size:1.25rem}}@media(min-width:1536px){.container{max-width:1280px}.homepage-header h1{font-size:4rem}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.site-logo{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{.site-header,.sider,.ad-container,.game-actions,.game-footer,.site-footer{display:none !important}body{background:#fff !important;color:#000 !important}.game-article{padding:0 !important}.game-card{break-inside:avoid;page-break-inside:avoid}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}@media(hover:hover) and (pointer:fine){.game-card:hover .card-overlay{opacity:1}.play-overlay-button:hover{transform:scale(1.1)}.nav-link:hover{color:var(--color-primary)}}@media(hover:none) and (pointer:coarse){.game-card .card-overlay{opacity:.7}.play-overlay-button{transform:scale(.9)}.button:hover{transform:none}}@media(orientation:landscape) and (max-height:600px){.homepage{padding:var(--spacing-lg)0}.homepage-header h1{font-size:2rem;margin-bottom:var(--spacing-sm)}.game-header{gap:var(--spacing-md)}.sider{position:static;order:-1;margin-bottom:var(--spacing-lg)}.homepage-layout{grid-template-columns:1fr}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}