*{box-sizing:border-box;margin:0;padding:0}:root{--steam-copper:#b87333;--steam-brass:#b08d57;--steam-bronze:#cd7f32;--steam-steel:#71797e;--steam-dark:#0a0a14;--steam-darker:#1a1a2e;--steam-panel:#1e1e2e;--steam-glow:#ff8c42;--steam-light:#f0e6d2;--cyber-neon:#00f3ff;--cyber-magenta:#f0f;--cyber-dark:#001;--cyber-darker:#0a0a1a;--cyber-panel:#0a0a1a;--cyber-grid:#00f3ff1a;--cyber-purple:#8a2be2;--cyber-cyan:#0ff;--success:#4caf50;--warning:#ff9800;--danger:#f44336;--info:#2196f3}body{background:#0a0a14;background:var(--steam-dark);font-family:Orbitron,Courier New,monospace;min-height:100vh;overflow-x:hidden}.app-container{min-height:100vh;position:relative;transition:all .5s ease;z-index:2}.app-container.steampunk{background:radial-gradient(circle at 20% 80%,#b873331a 0,#0000 40%),radial-gradient(circle at 80% 20%,#cd7f321a 0,#0000 40%),linear-gradient(135deg,#0a0a14,#1a1a2e);background:radial-gradient(circle at 20% 80%,#b873331a 0,#0000 40%),radial-gradient(circle at 80% 20%,#cd7f321a 0,#0000 40%),linear-gradient(135deg,var(--steam-dark) 0,var(--steam-darker) 100%);color:#f0e6d2;color:var(--steam-light);font-family:Cinzel,Times New Roman,serif}.app-container.cyberpunk{background:linear-gradient(135deg,#001,#0a0a1a),linear-gradient(#00f3ff1a 1px,#0000 0),linear-gradient(90deg,#00f3ff1a 1px,#0000 0);background:linear-gradient(135deg,var(--cyber-dark) 0,var(--cyber-darker) 100%),linear-gradient(var(--cyber-grid) 1px,#0000 1px),linear-gradient(90deg,var(--cyber-grid) 1px,#0000 1px);background-size:100% 100%,40px 40px,40px 40px;color:#00f3ff;color:var(--cyber-neon);font-family:Orbitron,Courier New,monospace}@keyframes steam-rise{0%{opacity:.8;transform:translateY(0) translateX(0) scale(1)}50%{opacity:.5;transform:translateY(-50vh) translateX(var(--drift)) scale(1.2)}to{opacity:0;transform:translateY(-100vh) translateX(calc(var(--drift)*2)) scale(1.5)}}.steam-background{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.steam-layer-1{animation:steam-background-rise 8s linear infinite;background:radial-gradient(ellipse at 50% 120%,#ffffffe6 0,#fff9 20%,#0000 60%);filter:blur(50px)}.steam-layer-1,.steam-layer-2{height:100%;position:absolute;width:100%}.steam-layer-2{animation:steam-background-rise 12s linear 2s infinite;background:radial-gradient(ellipse at 30% 120%,#ffffffb3 0,#fff6 20%,#0000 60%);filter:blur(60px)}.cyberpunk .steam-layer-1{background:radial-gradient(ellipse at 50% 120%,#b400ffcc 0,#7800c880 20%,#0000 60%)}.cyberpunk .steam-layer-2{background:radial-gradient(ellipse at 70% 120%,#9600dc99 0,#6400b44d 20%,#0000 60%)}@keyframes steam-background-rise{0%{opacity:0;transform:translateY(100vh) scale(1)}20%{opacity:.6}80%{opacity:.2}to{opacity:0;transform:translateY(-100vh) scale(1.5)}}.language-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:2px solid;border-radius:12px;display:flex;gap:15px;justify-content:flex-end;margin-bottom:20px;overflow:hidden;padding:15px 25px;position:relative}.steampunk .language-bar{border-color:#b87333;border-color:var(--steam-copper);box-shadow:inset 0 0 20px #b8733333,0 5px 15px #0000004d}.cyberpunk .language-bar{border-color:#00f3ff;border-color:var(--cyber-neon);box-shadow:inset 0 0 20px #00f3ff1a,0 5px 15px #0000004d}.language-bar:before{animation:scan 3s linear infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes scan{to{left:100%}}.language-label{font-size:.9em;font-weight:700;letter-spacing:1px;opacity:.8;text-transform:uppercase}.flags-container{display:flex;gap:8px}.flag-btn{align-items:center;background:#00000080;border:2px solid;border-radius:8px;cursor:pointer;display:flex;height:45px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:45px}.steampunk .flag-btn{border-color:#b08d57;border-color:var(--steam-brass)}.cyberpunk .flag-btn{border-color:#00f3ff80}.flag-btn:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-3px)}.flag-btn.active{box-shadow:0 0 20px currentColor;transform:scale(1.1)}.steampunk .flag-btn.active{background:#b873334d;border-color:#ff8c42;border-color:var(--steam-glow)}.cyberpunk .flag-btn.active{background:#00f3ff33;border-color:#00f3ff;border-color:var(--cyber-neon);box-shadow:0 0 25px #00f3ff;box-shadow:0 0 25px var(--cyber-neon)}.flag-emoji{font-size:1.6em;transition:transform .3s}.flag-btn:hover .flag-emoji{animation:flag-wave .5s ease-in-out}@keyframes flag-wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.current-language{animation:float 3s ease-in-out infinite;font-size:2em;margin-left:10px;text-shadow:0 0 10px currentColor}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.main-interface{margin:0 auto;max-width:1400px;padding:20px;position:relative;z-index:3}.main-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#000c,#14141ee6);border:3px solid;border-radius:20px;margin-bottom:30px;overflow:hidden;padding:30px;position:relative}.steampunk .main-header{border-color:#b87333;border-color:var(--steam-copper);box-shadow:inset 0 0 50px #b8733333,0 10px 40px #00000080,0 0 30px #b873334d}.cyberpunk .main-header{border-color:#00f3ff;border-color:var(--cyber-neon);box-shadow:inset 0 0 50px #00f3ff1a,0 10px 40px #00000080,0 0 30px #00f3ff33}.main-header:before{background:linear-gradient(90deg,#0000,#b87333,#0000);background:linear-gradient(90deg,#0000,var(--steam-copper),#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}.cyberpunk .main-header:before{background:linear-gradient(90deg,#0000,#00f3ff,#0000);background:linear-gradient(90deg,#0000,var(--cyber-neon),#0000)}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;position:relative}.main-title{font-size:2.8em;font-weight:700;letter-spacing:3px;padding-left:20px;position:relative}.steampunk .main-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#b87333,#cd7f32);background:linear-gradient(45deg,var(--steam-copper),var(--steam-bronze));-webkit-background-clip:text;color:#b87333;color:var(--steam-copper);text-shadow:0 0 10px #ff8c42,0 0 20px #ff8c42,3px 3px 0 #00000080;text-shadow:0 0 10px var(--steam-glow),0 0 20px var(--steam-glow),3px 3px 0 #00000080}.cyberpunk .main-title{animation:cyber-flicker 2s infinite alternate;color:#00f3ff;color:var(--cyber-neon);text-shadow:0 0 10px #00f3ff,0 0 20px #00f3ff,0 0 40px #f0f;text-shadow:0 0 10px var(--cyber-neon),0 0 20px var(--cyber-neon),0 0 40px var(--cyber-magenta)}@keyframes cyber-flicker{0%,to{text-shadow:0 0 10px #00f3ff,0 0 20px #00f3ff,0 0 40px #f0f;text-shadow:0 0 10px var(--cyber-neon),0 0 20px var(--cyber-neon),0 0 40px var(--cyber-magenta)}50%{text-shadow:0 0 15px #00f3ff,0 0 30px #00f3ff,0 0 60px #f0f;text-shadow:0 0 15px var(--cyber-neon),0 0 30px var(--cyber-neon),0 0 60px var(--cyber-magenta)}}.steam-indicator{align-items:center;background:#0009;border:2px solid;border-radius:10px;display:flex;gap:15px;padding:10px 20px}.steampunk .steam-indicator{border-color:#cd7f32;border-color:var(--steam-bronze)}.cyberpunk .steam-indicator{border-color:#00f3ff;border-color:var(--cyber-neon)}.indicator-light{align-items:center;display:flex;gap:10px}.light{border-radius:50%;height:16px;position:relative;transition:all .3s;width:16px}.light.on{animation:pulse 1s infinite alternate;background:#4caf50;background:var(--success);box-shadow:0 0 10px #4caf50,0 0 20px #4caf50,inset 0 0 10px #fff;box-shadow:0 0 10px var(--success),0 0 20px var(--success),inset 0 0 10px #fff}.light.off{background:#666;box-shadow:inset 0 0 10px #333}@keyframes pulse{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.control-panel{flex-wrap:wrap;gap:20px}.control-btn,.control-panel{display:flex;justify-content:center}.control-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;font-family:inherit;font-size:1.1em;font-weight:700;gap:15px;min-width:220px;overflow:hidden;padding:18px 35px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.control-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.control-btn:hover:before{left:100%}.steampunk .control-btn{background:linear-gradient(145deg,#b87333,#cd7f32 50%,#b87333);background:linear-gradient(145deg,var(--steam-copper) 0,var(--steam-bronze) 50%,var(--steam-copper) 100%);border:3px solid #b08d57;border:3px solid var(--steam-brass);color:#f0e6d2;color:var(--steam-light);text-shadow:2px 2px 4px #00000080}.cyberpunk .control-btn{background:linear-gradient(145deg,#000,#111 50%,#000);border:2px solid #00f3ff;border:2px solid var(--cyber-neon);color:#00f3ff;color:var(--cyber-neon);text-shadow:0 0 10px #00f3ff;text-shadow:0 0 10px var(--cyber-neon)}.steam-btn.active{box-shadow:0 0 30px #ff8c42cc,inset 0 0 20px #fff3}.cyberpunk .steam-btn.active{box-shadow:0 0 30px #00f3ffcc,inset 0 0 20px #00f3ff33}.control-btn:hover{box-shadow:0 10px 25px #0006;transform:translateY(-5px)}.control-btn:active{transform:translateY(-2px)}.btn-icon{font-size:1.3em}.main-content,.stats-grid{margin-bottom:40px}.stats-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{align-items:center;background:linear-gradient(145deg,#000000b3,#14141ecc);border:2px solid;border-radius:15px;display:flex;gap:25px;overflow:hidden;padding:25px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.steampunk .stat-card{border-color:#71797e;border-color:var(--steam-steel);box-shadow:0 8px 25px #0006,inset 0 0 30px #b873331a}.cyberpunk .stat-card{border-color:#00f3ff4d;box-shadow:0 8px 25px #0006,inset 0 0 20px #00f3ff1a}.stat-card:hover{box-shadow:0 15px 35px #00000080;transform:translateY(-10px)}.stat-card:after{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s;width:100%}.stat-card:hover:after{left:100%}.stat-icon{font-size:3.5em;min-width:80px;text-align:center}.stat-details{flex:1 1}.stat-details h3{font-size:.95em;font-weight:400;letter-spacing:1.5px;margin-bottom:10px;opacity:.8;text-transform:uppercase}.stat-value{font-size:2.5em;font-weight:700;text-shadow:2px 2px 4px #00000080}.steampunk .stat-value{color:#ff8c42;color:var(--steam-glow)}.cyberpunk .stat-value{color:#0ff;color:var(--cyber-cyan)}.table-container{background:linear-gradient(145deg,#000c,#14141ee6);border:3px solid;border-radius:20px;margin-bottom:40px;overflow:hidden;padding:30px;position:relative}.steampunk .table-container{border-color:#cd7f32;border-color:var(--steam-bronze);box-shadow:inset 0 0 40px #b8733333,0 10px 40px #00000080,0 0 30px #b8733333}.cyberpunk .table-container{border-color:#00f3ff;border-color:var(--cyber-neon);box-shadow:inset 0 0 40px #00f3ff1a,0 10px 40px #00000080,0 0 30px #00f3ff33}.table-header{align-items:center;border-bottom:3px solid;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.steampunk .table-header{border-bottom-color:#b87333;border-bottom-color:var(--steam-copper)}.cyberpunk .table-header{border-bottom-color:#00f3ff;border-bottom-color:var(--cyber-neon)}.table-header h2{align-items:center;display:flex;font-size:1.8em;gap:15px}.live-indicator{align-items:center;background:#0009;border:2px solid #4caf50;border:2px solid var(--success);border-radius:20px;display:flex;gap:12px;padding:8px 20px}.live-dot{animation:live-pulse 1s infinite alternate;background:#4caf50;background:var(--success);border-radius:50%;height:12px;width:12px}@keyframes live-pulse{0%{box-shadow:0 0 5px #4caf50;box-shadow:0 0 5px var(--success);opacity:.7}to{box-shadow:0 0 15px #4caf50;box-shadow:0 0 15px var(--success);opacity:1}}.table-wrapper{border:2px solid;border-radius:12px;overflow-x:auto}.steampunk .table-wrapper{border-color:#b873334d}.cyberpunk .table-wrapper{border-color:#00f3ff33}table{border-collapse:initial;border-spacing:0;min-width:1000px;width:100%}thead{background:linear-gradient(90deg,#b873334d,#cd7f3233)}.cyberpunk thead{background:linear-gradient(90deg,#00f3ff33,#ff00ff1a)}th{font-size:.9em;font-weight:700;letter-spacing:1.5px;padding:22px 20px;position:relative;text-align:left;text-transform:uppercase;white-space:nowrap}th:after{background:linear-gradient(90deg,#0000,currentColor,#0000);bottom:0;content:"";height:2px;left:20px;opacity:.5;position:absolute;right:20px}tbody tr{border-bottom:1px solid #ffffff0d;position:relative;transition:all .3s}tbody tr:before{background:linear-gradient(90deg,#0000,#ffffff08,#0000);content:"";height:100%;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}tbody tr:hover:before{opacity:1}tbody tr:hover{background:#ffffff08;transform:translateX(5px)}td{padding:20px;position:relative}.machine-cell{min-width:300px}.machine-info{gap:20px}.machine-icon,.machine-info{align-items:center;display:flex}.machine-icon{background:#00000080;border:2px solid;border-radius:12px;font-size:2em;height:60px;justify-content:center;transition:all .3s;width:60px}.steampunk .machine-icon{border-color:#b08d57;border-color:var(--steam-brass)}.cyberpunk .machine-icon{border-color:#00f3ff;border-color:var(--cyber-neon)}.machine-name{font-size:1.1em;font-weight:700;letter-spacing:.5px}.pressure-indicator{min-width:200px}.pressure-bar{background:#00000080;border:2px solid;border-radius:15px;height:30px;margin-bottom:8px;overflow:hidden;position:relative;width:100%}.steampunk .pressure-bar{border-color:#71797e;border-color:var(--steam-steel)}.cyberpunk .pressure-bar{border-color:#00f3ff4d}.pressure-fill{background:linear-gradient(90deg,#4caf50,#ff9800 50%,#f44336);background:linear-gradient(90deg,var(--success) 0,var(--warning) 50%,var(--danger) 100%);border-radius:13px;height:100%;overflow:hidden;position:relative;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.pressure-fill:after{background:linear-gradient(180deg,#ffffff4d 0,#0000);border-radius:13px;content:"";height:50%;left:0;position:absolute;right:0;top:0}.pressure-value{display:block;font-size:1.1em}.pressure-value,.status{font-weight:700;text-align:center}.status{border:2px solid;border-radius:25px;display:inline-block;font-size:.9em;letter-spacing:1px;min-width:180px;overflow:hidden;padding:10px 25px;position:relative;text-transform:uppercase}.status:before{animation:status-glow 2s linear infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes status-glow{to{left:100%}}.status.исправен{background:linear-gradient(135deg,#4caf5033,#4caf5066);border-color:#4caf50;box-shadow:0 0 15px #4caf504d;color:#4caf50}.status.требует-настройки{background:linear-gradient(135deg,#ff980033,#ff980066);border-color:#ff9800;box-shadow:0 0 15px #ff98004d;color:#ff9800}.status.на-техобслуживании{background:linear-gradient(135deg,#2196f333,#2196f366);border-color:#2196f3;box-shadow:0 0 15px #2196f34d;color:#2196f3}.status.критический{animation:critical-alert .8s infinite alternate;background:linear-gradient(135deg,#f4433633,#f4433666);border-color:#f44336;box-shadow:0 0 20px #f4433680;color:#f44336}@keyframes critical-alert{0%{box-shadow:0 0 15px #f4433680;transform:scale(1)}to{box-shadow:0 0 25px #f44336cc;transform:scale(1.02)}}.efficiency{min-width:200px}.efficiency-bar{background:#00000080;border:2px solid;border-radius:12px;height:25px;margin-bottom:10px;overflow:hidden;position:relative;width:100%}.steampunk .efficiency-bar{border-color:#71797e;border-color:var(--steam-steel)}.cyberpunk .efficiency-bar{border-color:#00f3ff4d}.efficiency-fill{background:linear-gradient(90deg,#4caf50,#8bc34a 25%,#ffeb3b 50%,#ff9800 75%,#f44336);border-radius:10px;height:100%;position:relative;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.efficiency-fill:after{background:linear-gradient(180deg,#fff6 0,#0000);border-radius:10px;content:"";height:30%;left:0;position:absolute;right:0;top:0}.efficiency-value{display:block;font-size:1.2em;font-weight:700;text-align:center}.steampunk .efficiency-value{color:#ff8c42;color:var(--steam-glow)}.cyberpunk .efficiency-value{color:#0ff;color:var(--cyber-cyan)}.main-footer{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#000c,#14141ee6);border:2px solid;border-radius:15px;display:flex;justify-content:space-between;padding:25px 35px}.steampunk .main-footer{border-color:#71797e;border-color:var(--steam-steel);box-shadow:inset 0 0 30px #b873331a,0 5px 20px #0006}.cyberpunk .main-footer{border-color:#00f3ff4d;box-shadow:inset 0 0 30px #00f3ff1a,0 5px 20px #0006}.system-status,.system-time{align-items:center;display:flex;font-weight:700;gap:15px}.system-time .time-icon{font-size:1.5em}.status-pulse{animation:pulse 1s infinite alternate;background:#4caf50;background:var(--success);border-radius:50%;height:14px;width:14px}.loading{background:#000000b3;border:3px solid;border-radius:20px;padding:80px 20px;text-align:center}.steampunk .loading{border-color:#b87333;border-color:var(--steam-copper)}.cyberpunk .loading{border-color:#00f3ff;border-color:var(--cyber-neon)}.loading-spinner{animation:spin 1s linear infinite;border:5px solid;border-radius:50%;border-top:5px solid #0000;height:80px;margin:0 auto 30px;width:80px}.steampunk .loading-spinner{border-color:#b87333;border-color:var(--steam-copper)}.cyberpunk .loading-spinner{border-color:#00f3ff;border-color:var(--cyber-neon)}@keyframes spin{to{transform:rotate(1turn)}}.loading p{font-size:1.2em;font-weight:700;letter-spacing:2px}@media (max-width:1200px){.main-interface{padding:15px}.stats-grid{grid-template-columns:repeat(2,1fr)}.control-panel{align-items:center;flex-direction:column}.control-btn{max-width:400px;width:100%}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.header-top{flex-direction:column;gap:20px;text-align:center}.main-title{font-size:2em}.language-bar{flex-direction:column;gap:15px;padding:20px}.flags-container{order:3}.table-header{gap:15px}.main-footer,.table-header{flex-direction:column;text-align:center}.main-footer{gap:20px}}.gear-display{display:flex;gap:30px;justify-content:center;margin:40px 0;opacity:.5}.gear{animation:rotate 20s linear infinite;background:conic-gradient(from 0deg,#b87333 0deg 30deg,#cd7f32 30deg 60deg,#b87333 60deg 90deg,#cd7f32 90deg 120deg,#b87333 120deg 150deg,#cd7f32 150deg 180deg,#b87333 180deg 210deg,#cd7f32 210deg 240deg,#b87333 240deg 270deg,#cd7f32 270deg 300deg,#b87333 300deg 330deg,#cd7f32 330deg 1turn);background:conic-gradient(from 0deg,var(--steam-copper) 0deg 30deg,var(--steam-bronze) 30deg 60deg,var(--steam-copper) 60deg 90deg,var(--steam-bronze) 90deg 120deg,var(--steam-copper) 120deg 150deg,var(--steam-bronze) 150deg 180deg,var(--steam-copper) 180deg 210deg,var(--steam-bronze) 210deg 240deg,var(--steam-copper) 240deg 270deg,var(--steam-bronze) 270deg 300deg,var(--steam-copper) 300deg 330deg,var(--steam-bronze) 330deg 1turn);border-radius:50%;height:50px;position:relative;width:50px}.gear:before{background:#0a0a14;background:var(--steam-dark);border-radius:50%;bottom:10px;content:"";left:10px;position:absolute;right:10px;top:10px}.gear:nth-child(2){animation-direction:reverse;animation-duration:15s}.gear:nth-child(3){animation-duration:25s}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.steam-particle{filter:blur(20px)}.steam-cloud{filter:blur(40px)}.steam-jet{filter:blur(30px);opacity:.8}.steam-condensation{filter:blur(15px)}.steam-fog{background:radial-gradient(ellipse at 50% 80%,#ffffff4d 0,#c8c8c833 30%,#0000 70%);filter:blur(100px);transition:opacity 3s ease-in-out}.steam-fog.active{opacity:.4}@keyframes steam-drift{0%{transform:translateX(0) rotate(0deg)}25%{transform:translateX(20px) rotate(90deg)}50%{transform:translateX(0) rotate(180deg)}75%{transform:translateX(-20px) rotate(270deg)}to{transform:translateX(0) rotate(1turn)}}@keyframes steam-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cyberpunk .steam-particle{background:radial-gradient(circle,#00f3ffb3 0,#00c8dc80 40%,#ff00ff4d 70%,#0000 100%);box-shadow:0 0 20px #00f3ff80}.cyberpunk .steam-cloud{background:radial-gradient(circle,#f0f9 0,#c800dc66 40%,#00f3ff33 70%,#0000 100%);box-shadow:0 0 40px #f0f6}.cyberpunk .steam-jet{background:linear-gradient(0deg,#00f3ff00 0,#00f3ff80 30%,#ff00ff4d 60%,#f0f0)}.cyberpunk .steam-condensation{background:radial-gradient(circle,#00f3ffcc 0,#f0f6 50%,#0000 100%)}.cyberpunk .steam-fog{background:radial-gradient(ellipse at 50% 80%,#00f3ff33 0,#ff00ff1a 30%,#0000 70%)}.steampunk .steam-particle{background:radial-gradient(circle,#ffffffe6 0,#e6e6e6b3 40%,#c8c8c866 70%,#0000 100%)}.steampunk .steam-cloud{background:radial-gradient(circle,#fffc 0,#f0f0f099 40%,#dcdcdc4d 70%,#0000 100%)}.steampunk .steam-jet{background:linear-gradient(0deg,#fff0 0,#ffffffb3 30%,#c8c8c866 60%,#b4b4b400)}.steampunk .steam-condensation{background:radial-gradient(circle,#ffffffe6 0,#f0f0f099 50%,#0000 100%)}.steampunk .steam-fog{background:radial-gradient(ellipse at 50% 80%,#ffffff40 0,#e6e6e626 30%,#0000 70%)}.steam-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:2px solid #b87333;border:2px solid var(--steam-copper);border-radius:10px;gap:10px;min-width:200px}.steam-stat-item{gap:10px}.steam-stat-icon{font-size:1.2em}.steam-stat-label{font-size:.9em;opacity:.8}.steam-stat-value{font-size:1.1em}.steam-stat-bar{background:#ffffff1a;margin-top:5px}.steam-stat-fill{background:linear-gradient(90deg,#b87333,#ff8c42);background:linear-gradient(90deg,var(--steam-copper) 0,var(--steam-glow) 100%);transition:width .3s ease}.cyberpunk .steam-stat-fill{background:linear-gradient(90deg,#00f3ff,#f0f);background:linear-gradient(90deg,var(--cyber-neon) 0,var(--cyber-magenta) 100%)}.steam-waves{transition:opacity 2s ease}.steam-waves.active{opacity:.3}.steam-wave{animation:steam-wave-ripple 3s ease-in-out infinite;background:linear-gradient(0deg,#fff6 0,#fff3 50%,#0000);filter:blur(20px)}.steam-wave:nth-child(2){animation-delay:1s;opacity:.5}.steam-wave:nth-child(3){animation-delay:2s;opacity:.3}.steam-overheat{background:radial-gradient(circle at center,#ff64001a 0,#ff32000d 30%,#0000 70%)}.steam-overheat.active{animation:overheat-pulse 2s infinite alternate;opacity:.3}@media (max-width:768px){.steam-stats{left:10px;min-width:auto;padding:10px;right:10px;top:10px}.steam-wave,.steam-waves{height:60px}}.steam-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.steam-particle{animation:steam-particle-rise linear forwards;border-radius:50%;opacity:0;position:absolute;will-change:transform,opacity}.steam-particle.ultra-quality{background:radial-gradient(circle at 30% 30%,#fffffff2 0,#fffc 15%,#e6e6e699 40%,#c8c8c84d 70%,#0000 100%);box-shadow:0 0 15px #ffffff80,inset 0 0 10px #ffffff4d}.cyberpunk .steam-particle.ultra-quality{background:radial-gradient(circle at 30% 30%,#00f3ffe6 0,#00dcebb3 20%,#00b4c880 45%,#ff00ff4d 75%,#0000 100%);box-shadow:0 0 20px #00f3ff99,0 0 40px #ff00ff4d,inset 0 0 15px #00f3ff66}.steam-cloud{animation:steam-cloud-rise linear forwards;border-radius:50%;opacity:0;position:absolute;will-change:transform,opacity}.steampunk .steam-cloud{background:radial-gradient(circle,#ffffffb3 0,#f5f5f580 25%,#e6e6e64d 50%,#d2d2d226 75%,#0000 100%)}.cyberpunk .steam-cloud{background:radial-gradient(circle,#00f3ff80 0,#00dceb59 25%,#ff00ff40 50%,#c800dc26 75%,#0000 100%)}.steam-jet{animation:steam-jet-pulse 4s ease-in-out infinite;border-radius:50% 50% 0 0;bottom:0;opacity:.7;position:absolute;will-change:height,opacity,filter}.steampunk .steam-jet{background:linear-gradient(0deg,#0000 0,#fffc 20%,#f0f0f099 40%,#dcdcdc66 60%,#c8c8c833 80%,#0000)}.cyberpunk .steam-jet{background:linear-gradient(0deg,#0000 0,#00f3ff99 20%,#00dceb80 40%,#ff00ff4d 60%,#c800dc33 80%,#0000)}.steam-condensation{animation:steam-condense linear forwards;border-radius:50%;opacity:0;position:absolute;will-change:transform,opacity}.steampunk .steam-condensation{background:radial-gradient(circle,#ffffffe6 0,#f0f0f0b3 50%,#0000 100%)}.cyberpunk .steam-condensation{background:radial-gradient(circle,#00f3ffcc 0,#ff00ff80 50%,#0000 100%)}.steam-fog{height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity 2s ease-in-out;width:100%;will-change:opacity;z-index:0}.steampunk .steam-fog{background:radial-gradient(ellipse at 50% 70%,#ffffff40 0,#e6e6e626 30%,#c8c8c80d 60%,#0000 90%);filter:blur(80px)}.cyberpunk .steam-fog{background:radial-gradient(ellipse at 50% 70%,#00f3ff33 0,#ff00ff1a 30%,#9600dc0d 60%,#0000 90%);filter:blur(100px)}.steam-fog.active{opacity:.3}.steam-waves{bottom:0;height:100px;left:0;opacity:0;pointer-events:none;position:fixed;transition:opacity 1s ease;width:100%;will-change:opacity;z-index:1}.steam-waves.active{opacity:.25}.steam-wave{animation:steam-wave-ripple 4s ease-in-out infinite;background:linear-gradient(0deg,#ffffff4d 0,#ffffff26 50%,#0000);bottom:0;filter:blur(25px);height:100px;position:absolute;width:100%}.steam-wave:nth-child(2){animation-delay:1.3s;opacity:.4}.steam-wave:nth-child(3){animation-delay:2.6s;opacity:.2}.steam-overheat{height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .5s ease;width:100%;will-change:opacity;z-index:100}.steampunk .steam-overheat{background:radial-gradient(circle at 50% 50%,#ff640026 0,#ff320014 30%,#0000 70%)}.cyberpunk .steam-overheat{background:radial-gradient(circle at 50% 50%,#f0f3 0,#ff32001a 30%,#0000 70%)}.steam-overheat.active{animation:overheat-pulse 3s infinite alternate;opacity:.15}.steam-sound-waves{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:2}.steam-sound-wave{animation:sound-wave-expand 2s linear forwards;border:2px solid #ffffff4d;border-radius:50%;opacity:0;position:absolute;will-change:transform,opacity,border-width}.cyberpunk .steam-sound-wave{border-color:#00f3ff66}@keyframes steam-particle-rise{0%{opacity:0;transform:translateY(0) translateX(0) scale(.9) rotate(0deg)}15%{opacity:.7}60%{opacity:.4;transform:translateY(-60vh) translateX(var(--drift-x)) scale(1.1) rotate(180deg)}90%{opacity:.1}to{opacity:0;transform:translateY(-120vh) translateX(calc(var(--drift-x)*1.5)) scale(1.3) rotate(1turn)}}@keyframes steam-cloud-rise{0%{opacity:0;transform:translateY(50px) scale(.6)}20%{opacity:.4}70%{opacity:.25;transform:translateY(-50vh) scale(1.3)}85%{opacity:.1}to{opacity:0;transform:translateY(-90vh) scale(1.8)}}@keyframes steam-jet-pulse{0%,to{filter:blur(20px);height:180px;opacity:.6}50%{filter:blur(30px);height:280px;opacity:.85}}@keyframes steam-condense{0%{opacity:.9;transform:scale(.4)}40%{opacity:.7;transform:scale(.9)}80%{opacity:.3;transform:scale(1.3)}to{opacity:0;transform:scale(1.6)}}@keyframes steam-wave-ripple{0%,to{opacity:.25;transform:scaleY(1)}50%{opacity:.4;transform:scaleY(1.4)}}@keyframes sound-wave-expand{0%{border-width:5px;opacity:.9;transform:scale(.2)}to{border-width:1px;opacity:0;transform:scale(2.5)}}@keyframes overheat-pulse{0%{opacity:.1}to{opacity:.2}}.steam-stats{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000d9;border:2px solid;border-radius:12px;box-shadow:0 5px 25px #00000080;display:flex;flex-direction:column;gap:12px;left:20px;min-width:220px;padding:15px;position:fixed;top:20px;transition:transform .3s ease;will-change:transform;z-index:1000}.steampunk .steam-stats{border-color:#b87333;border-color:var(--steam-copper)}.cyberpunk .steam-stats{border-color:#00f3ff;border-color:var(--cyber-neon);box-shadow:0 0 20px #00f3ff33}.steam-stats:hover{transform:translateY(-2px)}.steam-stat-item{align-items:center;color:#f0e6d2;color:var(--steam-light);display:flex;gap:12px;transition:transform .2s ease}.steam-stat-item:hover{transform:translateX(5px)}.cyberpunk .steam-stat-item{color:#00f3ff;color:var(--cyber-neon)}.steam-stat-icon{font-size:1.4em;min-width:30px;opacity:.9;text-align:center}.steam-stat-info{flex:1 1;min-width:0}.steam-stat-label{font-size:.85em;font-weight:500;letter-spacing:.5px;margin-bottom:4px;opacity:.7;text-transform:uppercase}.steam-stat-value{color:#ff8c42;color:var(--steam-glow);font-size:1.2em;font-weight:700;text-shadow:0 0 10px #ff8c424d}.cyberpunk .steam-stat-value{color:#0ff;color:var(--cyber-cyan);text-shadow:0 0 10px #00f3ff66}.steam-stat-bar{background:#ffffff14;border-radius:3px;height:6px;margin-top:6px;overflow:hidden;position:relative;width:100%}.steam-stat-bar:after{animation:bar-shimmer 2s linear infinite;background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.steam-stat-fill{border-radius:3px;height:100%;overflow:hidden;position:relative;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.steampunk .steam-stat-fill{background:linear-gradient(90deg,#b87333,#ff8c42 50%,#b87333);background:linear-gradient(90deg,var(--steam-copper) 0,var(--steam-glow) 50%,var(--steam-copper) 100%)}.cyberpunk .steam-stat-fill{background:linear-gradient(90deg,#00f3ff,#f0f 50%,#00f3ff);background:linear-gradient(90deg,var(--cyber-neon) 0,var(--cyber-magenta) 50%,var(--cyber-neon) 100%)}.steam-stat-fill:after{background:linear-gradient(180deg,#fff6 0,#0000);border-radius:3px;content:"";height:30%;left:0;position:absolute;right:0;top:0}@keyframes bar-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.steam-stats{flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;left:10px;min-width:auto;padding:12px;right:10px;top:10px}.steam-stat-item{flex:1 1;min-width:45%}.steam-wave,.steam-waves{height:70px}.steam-jet{animation-duration:3s}}@media (prefers-reduced-motion:reduce){.steam-cloud,.steam-condensation,.steam-jet,.steam-overheat,.steam-particle,.steam-sound-wave,.steam-wave{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.steam-stats:hover{transform:none}}@keyframes steam-collapse{0%{opacity:.7;transform:translate(-50%,-50%) scale(0)}50%{opacity:.4;transform:translate(-50%,-50%) scale(2.5)}to{opacity:0;transform:translate(-50%,-50%) scale(4)}}.steam-cloud.fade-out-fast,.steam-condensation.fade-out-fast,.steam-jet.fade-out-fast,.steam-particle.fade-out-fast{animation-duration:.5s!important;animation-fill-mode:forwards!important;animation-timing-function:ease-out!important}@keyframes steam-dissipate-fast{0%{filter:blur(10px);filter:blur(var(--blur-size,10px));opacity:1;transform:scale(1)}70%{filter:blur(15px);filter:blur(calc(var(--blur-size, 10px)*1.5));opacity:.3;transform:scale(1.1)}to{filter:blur(20px);filter:blur(calc(var(--blur-size, 10px)*2));opacity:0;transform:scale(1.3)}}@keyframes steam-wave-ripple-fast{0%,to{opacity:.2;transform:scaleY(1)}50%{opacity:.35;transform:scaleY(1.3)}}@keyframes overheat-pulse-fast{0%{opacity:.15;transform:scale(1)}to{opacity:.05;transform:scale(1.1)}}@keyframes steam-suck-down{0%{opacity:1;transform:translateY(0) scale(1)}60%{opacity:.5;transform:translateY(30px) scale(.8)}to{opacity:0;transform:translateY(60px) scale(.6)}}.steam-stats.fade-out{animation:stats-fade-out .8s ease-out forwards}@keyframes stats-fade-out{0%{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(-5px)}to{opacity:0;transform:translateY(-10px);visibility:hidden}}@media (prefers-reduced-motion:no-preference){.steam-container *{transition-duration:.4s!important}.steam-fog,.steam-overheat,.steam-waves{transition-duration:.6s!important}}
/*# sourceMappingURL=main.57b19280.css.map*/