:root{--chart-legend-text:var(--text-primary);--chart-axis-title:var(--text-accent);--chart-axis-tick:var(--text-secondary);--chart-grid:rgba(196,179,148,0.3);--chart-tooltip-bg:rgba(106,82,64,0.92);--chart-tooltip-title:var(--text-primary);--chart-tooltip-body:var(--background-darker-3-color);--chart-tooltip-border:rgba(168,149,116,0.46);--chart-bar-main:var(--primary-color);--chart-bar-main-hover:var(--primary-dark-color);--chart-bar-other:var(--border-accent);--chart-bar-other-hover:var(--border-color);--chart-bar-category-ratio:.7}.game-preview{width:auto;height:100%;background:var(--card-bg);border-radius:15px;box-shadow:0 10px 30px var(--shadow-medium);border:3px solid var(--border-accent);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--text-muted);position:relative;overflow:hidden}.game-preview img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.game-preview::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,var(--highlight-bg) 50%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.mechanics-preview{padding:100px 0;background:var(--background-color)}.mechanics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px}.mechanics-showcase{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:40px;background:var(--card-bg);border-radius:20px;overflow:hidden;box-shadow:0 10px 40px var(--shadow-medium);border:2px solid var(--card-border)}.showcase-visual{overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--background-darker-1-color)}.showcase-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.showcase-content{padding:60px 50px;display:flex;flex-direction:column;justify-content:center}.showcase-content h3{font-family:var(--font-headings);font-size:2.5rem;color:var(--text-primary);margin-bottom:30px}.showcase-content p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:20px}.showcase-content p strong{color:var(--accent-color);font-weight:600}.mechanic-card{background:var(--card-bg);padding:32px;border-radius:15px;box-shadow:0 5px 20px var(--shadow-light);border:2px solid var(--card-border);transition:all .3s ease;cursor:pointer;text-decoration:none;color:inherit;display:block}.mechanic-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px var(--shadow-medium);border-color:var(--accent-color)}.mechanic-visual{height:140px;overflow:hidden;border-radius:10px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;background:var(--background-darker-1-color)}.mechanic-visual img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.mechanic-card:hover .mechanic-visual img{transform:scale(1.05)}.mechanic-card h4{font-family:var(--font-headings);font-size:1.3rem;color:var(--text-primary);margin-bottom:15px;transition:color .3s ease}.mechanic-card:hover h4{color:var(--accent-color)}.mechanic-card p{font-size:.95rem;line-height:1.6;color:var(--text-secondary)}.mechanics-cta{grid-column:1 / -1;text-align:center;padding:50px;background:linear-gradient(135deg,var(--background-darker-1-color),var(--background-darker-2-color));border-radius:15px;margin-top:10px}.cta-description{margin-top:20px;font-size:1.1rem;color:var(--text-secondary)}@media(max-width:1024px){.mechanics-showcase{grid-template-columns:1fr}.showcase-visual{height:300px}.showcase-content{padding:40px}.mechanic-card{padding:24px 16px}}@media(max-width:900px){.mechanics-grid{grid-template-columns:repeat(2,1fr);gap:20px}.showcase-content h3{font-size:2rem}.showcase-content p{font-size:1rem}}@media(max-width:520px){.mechanics-grid{grid-template-columns:1fr}.mechanic-card{padding:24px 16px}.showcase-content{padding:30px 20px}.mechanics-cta{padding:40px 20px}}@media(max-width:390px){.mechanic-card{padding:24px 8px}}.stats{padding:100px 0;background:var(--background-color)}.stats-visual{background:var(--card-bg);border-radius:15px;padding:40px 0;margin-top:40px;box-shadow:0 10px 30px var(--shadow-light);border:2px solid var(--card-border)}.chart-container{position:relative;height:600px;width:100%}.chart-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px;border-bottom:2px solid var(--border-light);padding-bottom:0}.chart-tab{background:transparent;border:0;padding:12px 20px;cursor:pointer;font-family:var(--font-primary);font-size:14px;font-weight:600;color:var(--text-secondary);border-radius:8px 8px 0 0;transition:all .3s ease;position:relative;white-space:nowrap}.chart-tab:hover{background:rgba(196,179,148,0.1);color:var(--text-primary)}.chart-tab.active{color:var(--accent-color);background:var(--background-color);border-bottom:3px solid var(--accent-color)}.chart-tab.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--background-color)}.chart-error,.chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:600px;text-align:center;color:var(--text-secondary)}.chart-error p,.chart-loading p{padding:0 8px}.chart-error{background:rgba(139,115,85,0.05);border-radius:10px;border:2px dashed var(--border-light)}.chart-error h3{color:var(--text-primary);margin-bottom:10px;font-size:1.4rem}.chart-error p{margin:5px 0;font-size:1rem}@media(max-width:768px){.stats{padding:60px 0}.stats-visual{padding:20px 0;margin-top:20px;border-radius:10px}.chart-container{height:600px}.chart-error,.chart-loading{height:600px}.chart-tabs{justify-content:center;gap:4px}.chart-tab{padding:10px 12px;font-size:12px}}@media(max-width:480px){.stats-visual{padding:0;margin-top:15px;border-radius:8px}.chart-container{height:500px}.chart-error,.chart-loading{height:500px}.chart-tabs{display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;gap:2px}.chart-tab{padding:8px 12px;font-size:11px;border-radius:6px}}.videos{padding:100px 0;background:var(--background-darker-1-color)}.video-carousel{position:relative;overflow:hidden}.video-carousel-inner{display:flex;gap:30px;transition:transform .3s ease;padding:20px 0}.video-card{min-width:400px;background:var(--card-bg);border-radius:15px;overflow:hidden;box-shadow:0 5px 20px var(--shadow-light);border:2px solid var(--card-border)}@media(max-width:768px){.video-card{min-width:300px}}.video-thumbnail{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-thumbnail iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-info{padding:20px}.video-info h3{font-family:var(--font-headings);font-size:1.3rem;margin-bottom:10px;color:var(--text-primary)}.video-info p{color:var(--text-secondary);font-size:.95rem}.video-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-thumbnail:hover img{transform:scale(1.05)}.video-thumbnail{cursor:pointer}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10}.play-button::before{content:"";position:absolute;width:30px;height:30px;background:white;border-radius:50%;z-index:0}.play-button:hover{transform:translate(-50%,-50%) scale(1.1)}.play-button .icon{position:relative;z-index:1;width:60px;height:60px;display:block;fill:rgba(255,0,0,0.85)}.play-button .icon:hover{fill:red}.loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;display:none}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.carousel-nav{display:flex;justify-content:center;gap:20px;margin-top:30px}.carousel-btn{background:var(--button-bg);color:var(--button-text);border:0;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.carousel-btn:hover{background:var(--button-hover);transform:scale(1.1)}.carousel-btn:disabled{opacity:.5;cursor:not-allowed}.testimonials{padding:100px 0;background:var(--background-color)}.testimonials-carousel{position:relative;overflow:hidden;max-width:1000px;margin:0 auto}.testimonials-track{display:flex;transition:transform .5s ease}.testimonial-card{min-width:100%;padding:40px;background:var(--card-bg);border-radius:15px;box-shadow:0 5px 20px var(--shadow-light);border:2px solid var(--card-border);text-align:center}.testimonial-quote{font-size:1.3rem;font-style:italic;color:var(--text-secondary);margin-bottom:30px;line-height:1.8}@media(max-width:768px){.testimonial-card{padding:30px 10px}.testimonial-quote{font-size:1.2rem;line-height:1.5}}@media(max-width:420px){.testimonial-card{padding:20px 8px}.testimonial-quote{font-size:1.1rem;line-height:1.3}}.testimonial-author{font-weight:600;color:var(--text-primary);font-size:1.1rem}.testimonial-role{color:var(--text-muted);font-size:.95rem;margin-top:5px}.testimonial-nav{display:flex;justify-content:center;gap:10px;margin-top:30px}.testimonial-dot{width:12px;height:12px;border-radius:50%;background:var(--border-color);cursor:pointer;transition:background .3s ease}.testimonial-dot.active{background:var(--accent-color)}