*{margin:0;padding:0;box-sizing:border-box}:root{--brass: #FF69B4;--copper: #BA55D3;--bronze: #9370DB;--steel: #708090;--steam: #F5F5DC;--coal: #2F2F2F;--rust: #DA70D6;--gold: #FFD700;--success: #9ACD32;--warning: #FF8C00;--error: #DC143C;--info: #4B0082;--bg-primary: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);--bg-secondary: rgba(47, 47, 47, .9);--bg-glass: rgba(245, 245, 220, .1);--text-primary: var(--steam);--text-secondary: #E6E6FA;--text-accent: var(--brass);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-primary: "Orbitron", monospace;--font-secondary: "Roboto", sans-serif;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}body{font-family:var(--font-secondary);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative}.steam-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.3}.steam-particles:before,.steam-particles:after{content:"";position:absolute;width:4px;height:4px;background:var(--steam);border-radius:15%;animation:steamFloat 8s infinite linear}.steam-particles:before{left:10%;animation-delay:-2s}.steam-particles:after{left:80%;animation-delay:-5s}@keyframes steamFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}.header{background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--brass);position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px #b8860b4d}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg)}.logo-section{display:flex;align-items:center;gap:var(--spacing-md)}.logo{font-family:var(--font-primary);font-size:2rem;font-weight:900;color:var(--brass);text-shadow:0 0 10px rgba(184,134,11,.5)}.logo a{text-decoration:none;color:inherit}.gear-decoration{width:30px;height:30px;background:conic-gradient(var(--brass),var(--copper),var(--brass));border-radius:15%;position:relative}.gear-decoration:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;background:var(--coal);border-radius:15%}.pressure-gauge{width:40px;height:40px;border:3px solid var(--copper);border-radius:15%;position:relative;background:radial-gradient(circle,var(--coal) 0%,var(--steel) 100%)}.gauge-needle{position:absolute;top:50%;left:50%;width:2px;height:15px;background:var(--brass);transform-origin:bottom center;transform:translate(-50%,-100%) rotate(45deg);animation:gaugeFlicker 3s ease-in-out infinite}@keyframes gaugeFlicker{0%,to{transform:translate(-50%,-100%) rotate(45deg)}50%{transform:translate(-50%,-100%) rotate(135deg)}}.navigation{display:flex;gap:var(--spacing-lg);align-items:center}.nav-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;color:var(--text-secondary);border:1px solid transparent;border-radius:8px;transition:all var(--transition-normal);position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(184,134,11,.2),transparent);transition:left var(--transition-normal)}.nav-link:hover:before,.nav-link.active:before{left:100%}.nav-link:hover,.nav-link.active{color:var(--brass);border-color:var(--brass);box-shadow:0 0 10px #b8860b4d}.nav-icon{font-size:1.2rem}.steam-button{position:relative;padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-primary);font-weight:700;border:none;border-radius:8px;cursor:pointer;overflow:hidden;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:inherit}.steam-button.primary{background:linear-gradient(45deg,var(--brass),var(--gold));color:var(--coal);box-shadow:0 4px 15px #b8860b66}.steam-button.secondary{background:linear-gradient(45deg,var(--steel),var(--copper));color:var(--steam);border:1px solid var(--copper)}.steam-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b8860b99}.steam-button:active{transform:translateY(0)}.hero{min-height:60vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-container{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg);display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-2xl);align-items:center}.hero-pipes{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;background-image:linear-gradient(90deg,var(--copper) 2px,transparent 2px),linear-gradient(var(--brass) 2px,transparent 2px);background-size:60px 60px;animation:pipeMove 20s linear infinite}@keyframes pipeMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.hero-title{font-family:var(--font-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:900;color:var(--brass);text-shadow:0 0 20px rgba(184,134,11,.5);margin-bottom:var(--spacing-md);line-height:1.2}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl);opacity:.9}.hero-controls{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.hero-decoration{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.large-gear{width:150px;height:150px;background:conic-gradient(var(--brass) 0deg,var(--copper) 60deg,var(--bronze) 120deg,var(--brass) 180deg,var(--copper) 240deg,var(--bronze) 300deg,var(--brass) 360deg);border-radius:15%;position:relative;box-shadow:0 0 30px #b8860b66}.large-gear:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:var(--coal);border-radius:15%;border:3px solid var(--steel)}.steam-vent{width:80px;height:20px;background:linear-gradient(90deg,var(--copper),var(--brass));border-radius:10px;position:relative;overflow:hidden}.steam-vent:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:4px;height:30px;background:var(--steam);opacity:.6;animation:steamPuff 2s ease-in-out infinite}@keyframes steamPuff{0%,to{transform:translate(-50%) scaleY(0);opacity:0}50%{transform:translate(-50%) scaleY(1);opacity:.6}}.rotating{animation:rotate 4s linear infinite}.rotating-slow{animation:rotate 8s linear infinite}.rotating-reverse{animation:rotate 4s linear infinite reverse}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-title{font-family:var(--font-primary);font-size:2.5rem;font-weight:700;color:var(--brass);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.gear-accent{width:40px;height:40px;background:conic-gradient(var(--brass),var(--copper),var(--brass));border-radius:15%}.steam-pipe{width:60px;height:8px;background:linear-gradient(90deg,var(--copper),var(--brass));border-radius:4px}.featured-games{padding:var(--spacing-2xl) 0}.section-controls{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-xl)}.filter-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--copper);border-radius:25px;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-primary)}.filter-btn:hover,.filter-btn.active{background:var(--brass);color:var(--coal);box-shadow:0 0 15px #b8860b80}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.game-card{background:var(--bg-glass);border:1px solid var(--copper);border-radius:12px;overflow:hidden;transition:all var(--transition-normal);cursor:pointer;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(184,134,11,.1),transparent);opacity:0;transition:opacity var(--transition-normal)}.game-card:hover:before{opacity:1}.game-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #b8860b4d;border-color:var(--brass)}.game-image{width:100%;height:200px;object-fit:cover;transition:transform var(--transition-normal)}.game-card:hover .game-image{transform:scale(1.05)}.game-content{padding:var(--spacing-lg)}.game-title{font-family:var(--font-primary);font-size:1.25rem;font-weight:700;color:var(--brass);margin-bottom:var(--spacing-sm)}.game-category{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--copper);color:var(--steam);border-radius:12px;font-size:.8rem;font-weight:500;margin-bottom:var(--spacing-md)}.game-description{color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:4.5em}.play-button{width:100%;padding:var(--spacing-md);background:linear-gradient(45deg,var(--brass),var(--gold));color:var(--coal);border:none;border-radius:8px;font-family:var(--font-primary);font-weight:700;cursor:pointer;transition:all var(--transition-normal)}.play-button:hover{background:linear-gradient(45deg,var(--gold),var(--brass));box-shadow:0 4px 15px #b8860b80}.stats-section{padding:var(--spacing-2xl) 0;background:var(--bg-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.stat-item{text-align:center;padding:var(--spacing-xl);background:var(--bg-glass);border:1px solid var(--copper);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-gauge{width:80px;height:80px;border:4px solid var(--steel);border-radius:15%;margin:0 auto var(--spacing-md);position:relative;background:conic-gradient(var(--brass) 0deg,var(--copper) 180deg,var(--steel) 360deg)}.stat-item h3{font-family:var(--font-primary);font-size:2rem;color:var(--brass);margin-bottom:var(--spacing-sm)}.stat-item p{color:var(--text-secondary)}.categories-hero{padding:var(--spacing-2xl) 0;text-align:center}.page-title{font-family:var(--font-primary);font-size:3rem;font-weight:900;color:var(--brass);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.page-subtitle{font-size:1.25rem;color:var(--text-secondary);opacity:.9}.category-selection{padding:var(--spacing-2xl) 0}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-xl)}.category-card{background:var(--bg-glass);border:2px solid var(--copper);border-radius:15px;padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(184,134,11,.2),transparent);transition:left var(--transition-normal)}.category-card:hover:before{left:100%}.category-card:hover{transform:translateY(-5px);border-color:var(--brass);box-shadow:0 10px 25px #b8860b66}.category-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.category-name{font-family:var(--font-primary);font-size:1.5rem;font-weight:700;color:var(--brass);margin-bottom:var(--spacing-sm)}.category-count{color:var(--text-secondary);font-size:.9rem}.game-detail{padding:var(--spacing-2xl) 0}.game-info{margin-bottom:var(--spacing-xl)}.game-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.game-title{font-family:var(--font-primary);font-size:2.5rem;font-weight:900;color:var(--brass);text-shadow:0 0 15px rgba(184,134,11,.5)}.game-meta{display:flex;align-items:center;gap:var(--spacing-md)}.game-controls{display:flex;gap:var(--spacing-md)}.game-description{font-size:1.1rem;line-height:1.6;color:var(--text-secondary);max-width:800px}.game-frame-container{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--coal);border:3px solid var(--copper);border-radius:12px;overflow:hidden;margin-bottom:var(--spacing-xl)}.game-frame-container iframe{width:100%;height:100%;border:none}.loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-secondary);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10}.steam-loader{text-align:center}.gear-system{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-lg)}.gear-system .gear{width:40px;height:40px;background:conic-gradient(var(--brass),var(--copper),var(--brass));border-radius:15%}.mobile-home-btn{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:10000;width:60px;height:60px;border-radius:15%;background:linear-gradient(45deg,var(--brass),var(--gold));border:none;color:var(--coal);font-size:1.5rem;cursor:pointer;box-shadow:0 4px 15px #b8860b99;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.mobile-home-btn:hover{transform:scale(1.1)}.related-games{padding:var(--spacing-2xl) 0;background:var(--bg-secondary)}.footer{background:var(--coal);border-top:3px solid var(--brass);position:relative;overflow:hidden}.footer-pipes{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(184,134,11,.1) 10px,rgba(184,134,11,.1) 20px);opacity:.3;pointer-events:none}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);padding:var(--spacing-2xl) 0}.footer-section h3,.footer-section h4{font-family:var(--font-primary);color:var(--brass);margin-bottom:var(--spacing-md)}.footer-section p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:var(--spacing-sm)}.footer-section ul li a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-normal)}.footer-section ul li a:hover{color:var(--brass)}.social-links{display:flex;gap:var(--spacing-md)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-glass);border:1px solid var(--copper);border-radius:15%;text-decoration:none;font-size:1.2rem;transition:all var(--transition-normal)}.social-link:hover{background:var(--brass);color:var(--coal);transform:translateY(-2px)}.footer-bottom{border-top:1px solid var(--copper);padding:var(--spacing-lg) 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.gear-separator{width:30px;height:30px;background:conic-gradient(var(--brass),var(--copper),var(--brass));border-radius:15%;margin-bottom:var(--spacing-md)}.footer-bottom p{color:var(--text-secondary);font-size:.9rem}.lazy-loading{opacity:0;transition:opacity .3s}.lazy-loaded{opacity:1}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-decoration{flex-direction:row;justify-content:center}.large-gear{width:100px;height:100px}.large-gear:before{width:40px;height:40px}}@media (max-width: 768px){:root{--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px}.header-container{flex-direction:column;gap:var(--spacing-md)}.navigation{flex-wrap:wrap;justify-content:center}.hero-title{font-size:2.5rem}.hero-controls{justify-content:center}.section-title{font-size:2rem;flex-direction:column;gap:var(--spacing-sm)}.games-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.category-grid{grid-template-columns:1fr}.game-header{flex-direction:column;align-items:flex-start}.game-title{font-size:2rem}.footer-content{grid-template-columns:1fr;text-align:center}.social-links{justify-content:center}}@media (max-width: 480px){.container{padding:0 var(--spacing-md)}.hero-title{font-size:2rem}.section-title{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.steam-button{padding:var(--spacing-sm) var(--spacing-lg);font-size:.9rem}}.toggle-gears{display:flex;gap:4px}.toggle-gears:before,.toggle-gears:after{content:"";width:12px;height:12px;background:conic-gradient(currentColor,transparent,currentColor);border-radius:15%;animation:rotate 2s linear infinite}.toggle-gears:after{animation-direction:reverse}.button-gears{display:flex;gap:4px}.button-gears:before,.button-gears:after{content:"";width:10px;height:10px;background:conic-gradient(currentColor,transparent,currentColor);border-radius:15%;animation:rotate 1.5s linear infinite}.button-gears:after{animation-delay:.5s}.button-pressure-gauge{width:16px;height:16px;border:2px solid currentColor;border-radius:15%;position:relative}.button-pressure-gauge:before{content:"";position:absolute;top:50%;left:50%;width:1px;height:6px;background:currentColor;transform-origin:bottom center;transform:translate(-50%,-100%) rotate(0);animation:gaugeFlicker 2s ease-in-out infinite}.loading-gears{display:flex;gap:6px}.loading-gears:before,.loading-gears:after{content:"";width:14px;height:14px;background:conic-gradient(currentColor,transparent,currentColor);border-radius:15%;animation:rotate 2s linear infinite}.loading-gears:after{animation-direction:reverse;animation-delay:.5s}