.machine-dashboard{background:#010711}.machine-dashboard .shell{max-width:none;padding:14px 22px;background:radial-gradient(circle at 50% 35%,#062b50,#010711 58%)}.machine-stage{max-width:1540px;margin:auto}.stage-heading{display:flex;justify-content:center;align-items:center;gap:20px}.stage-heading h1{font-size:44px;margin:0 0 8px;text-shadow:0 0 18px #317cff88}.stage-heading span{width:38px;height:1px;background:#12c8ff}.delivery-counter{width:max-content;max-width:95%;margin:0 auto -30px;position:relative;z-index:8;padding:10px 28px;border:1px solid #08bfff;border-radius:12px;background:#071527;font-size:19px;font-weight:800}.delivery-counter strong{color:#78ef4b;font-size:31px}.machine-grid{display:grid;grid-template-columns:350px minmax(610px,1fr) 365px}.input-bank,.output-bank{padding-top:48px;position:relative;z-index:5}.input-bank h2,.output-bank>h2{text-align:center;color:#1dcaff;font-size:18px}.machine-feed{--c:#12c8ff;height:92px;width:230px;margin:0 0 13px;display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--c);border-radius:17px;color:#fff;background:linear-gradient(#122337,#06111e);box-shadow:inset 0 0 20px color-mix(in srgb,var(--c) 18%,transparent),0 0 14px color-mix(in srgb,var(--c) 20%,transparent);position:relative}.feed-symbol{width:53px;height:53px;border:2px solid var(--c);border-radius:10px;display:grid;place-items:center;font-size:27px;font-weight:900;color:var(--c);text-shadow:0 0 10px var(--c)}.feed-copy b{display:block;font-size:15px;white-space:nowrap}.feed-copy small{display:block;color:var(--c);margin-top:5px}.feed-pipe{position:absolute;left:221px;width:165px;height:39px;border:2px solid var(--c);border-left:0;border-radius:0 22px 22px 0;background:linear-gradient(#ffffff30,var(--c),#04101c);box-shadow:inset 0 0 16px var(--c),0 0 13px var(--c);overflow:hidden;z-index:-1}.feed-pipe em{position:absolute;inset:11px 4px;background:repeating-linear-gradient(90deg,transparent 0 15px,#fff 16px 17px,transparent 18px 31px);animation:pipeflow 1.1s linear infinite}.feed-banner{--c:#75f243}.feed-text{--c:#ffc83d}.feed-splash{--c:#a76cff}.feed-boost{--c:#ff5a3d}@keyframes pipeflow{to{transform:translateX(32px)}}
.machine-core{height:600px;margin-top:55px;position:relative;border:5px solid #435d72;border-radius:28px 28px 14px;background:linear-gradient(90deg,#283947,#0b121a 9%,#111c27 50%,#0b121a 91%,#283947);box-shadow:inset 0 0 0 4px #0c1218,inset 0 0 0 7px #263847,0 20px 35px #0009}.machine-core:before,.machine-core:after{content:"";position:absolute;top:70px;bottom:90px;width:26px;background:linear-gradient(#0af,#064275,#0af);border:5px solid #172633;border-radius:12px;box-shadow:0 0 14px #00aaff}.machine-core:before{left:22px}.machine-core:after{right:22px}.upper-pipes{position:absolute;left:12%;right:12%;top:-46px;display:flex;justify-content:space-around}.upper-pipes i{width:55px;height:47px;border:9px solid #283d4d;border-bottom:0;border-radius:24px 24px 0 0}.machine-plaque{position:absolute;top:13px;left:16%;right:16%;height:61px;border:3px solid #31566e;border-radius:10px;display:grid;place-items:center;background:#020810;color:#76e7ff;font-size:32px;font-weight:950;text-shadow:0 0 14px #16c8ff}.core-screen{position:absolute;left:10%;right:10%;top:94px;height:235px;padding:34px 20px;border:5px solid #1e3342;border-radius:17px;background:radial-gradient(circle,#04162b,#01050a 70%)}.core-screen h2{margin:0;color:#4edaff;font-size:32px;line-height:1.25;text-shadow:0 0 15px #008cff}.core-divider{height:1px;background:#0876a7;margin:16px 5% 4px}.core-gears{display:flex;justify-content:center;color:#098bd2}.core-gears i{font-style:normal;font-size:50px;margin:-4px;animation:gearspin 6s linear infinite}.core-gears i:nth-child(even){animation-direction:reverse}@keyframes gearspin{to{transform:rotate(360deg)}}.next-ad{position:absolute;top:348px;left:28%;right:28%;border-radius:10px;background:#e7edf4;color:#101722;overflow:hidden}.next-ad>b{display:block;background:#6b2aaa;padding:8px;color:#fff;font-size:11px}.next-ad>div{display:flex;padding:10px;gap:10px}.ad-avatar{width:47px;height:47px;border-radius:50%;background:#167fbc;color:#fff;display:grid;place-items:center}.next-ad p{margin:0;display:grid}.next-ad p a{background:#5f28a2;color:#fff;padding:5px}.machine-feet i{position:absolute;bottom:-20px;width:150px;height:65px;border:7px solid #344c5d;background:#101b23}.machine-feet i:first-child{left:12%}.machine-feet i:last-child{right:12%}
.output-bank{padding-left:20px}.serving-panel{border:2px solid #12bfff;border-radius:24px;padding:14px 22px;background:#041322}.serving-panel h3{color:#9af563}.serving-panel h3 i{display:inline-block;width:14px;height:14px;border-radius:50%;background:#86ef51}.ad-preview{height:275px;border-radius:13px;padding:38px 28px;background:linear-gradient(#647895aa,#233146aa),radial-gradient(circle at 70% 80%,#d29b57,#344259 40%,#172335);display:flex;flex-direction:column;align-items:flex-start}.ad-preview strong{font-size:33px;line-height:.95;margin:8px 0}.ad-preview a{margin-top:auto;background:#287d1b;color:#fff;padding:10px}.carousel-dots{text-align:center;padding-top:13px}.carousel-dots i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#4d6176;margin:0 5px}.carousel-dots i:first-child{background:#6fe246}.machine-controls{margin-top:15px;padding:13px 20px;border:1px solid #31566e;border-radius:12px;background:#061321}.machine-controls h3{text-align:center}.control-load,.control-pause{display:block;width:100%;text-align:center;padding:13px;margin-top:9px}.control-load{background:#287d1b;color:#fff}.control-pause{background:#142434}
.dashboard-modules{display:grid;grid-template-columns:repeat(5,1fr) 1.55fr;gap:10px;position:relative;z-index:9}.dash-module{min-height:146px;padding:16px 20px;border:1px solid #38576d;border-radius:11px;background:#061522;color:#dceafa;display:flex;flex-direction:column}.dash-module small{color:#a9eaff;text-align:center}.dash-module>strong{font-size:30px;margin:16px 0}.dash-module strong em{font-style:normal;font-size:16px;color:#79ef4b}.dash-module>span{border-top:1px solid #1e3d52;padding-top:10px;margin-top:auto}.fuel-track{height:9px;background:#1d3142}.fuel-track i{display:block;height:100%;background:#6fe03f}.coop-module{text-align:center}.coop-module p{font-size:11px;margin:6px}.copy-row{display:flex}.copy-row input{margin:0;height:31px;font-size:11px}.copy-row button{padding:3px}.share-link{margin-top:6px;padding:7px}.how-strip{margin-top:15px;display:grid;grid-template-columns:1.15fr repeat(3,1fr);border:1px solid #294b63;border-radius:10px;background:#04101b}.how-strip>div{display:flex;align-items:center;gap:16px;padding:13px 22px;border-right:1px solid #1e3849}.how-strip b{font-size:35px;color:#20cfff}.how-strip p{margin:0}.how-strip p strong{display:block;color:#19cfff;font-size:13px}.how-strip p span{display:block;font-size:11px;margin-top:4px}.ratio-ring{width:50px;height:50px;border:8px solid #29cfff;border-right-color:#1d3a50;border-radius:50%;display:grid;place-items:center;font-size:12px!important}.trophy{color:#ffc83d!important}@media(max-width:1000px){.machine-grid{grid-template-columns:1fr}.input-bank{display:grid;grid-template-columns:1fr 1fr;gap:10px}.input-bank h2{grid-column:1/-1}.machine-feed{width:100%}.feed-pipe{display:none}.output-bank{padding:30px 0}.dashboard-modules{grid-template-columns:1fr 1fr}.coop-module{grid-column:span 2}.how-strip{grid-template-columns:1fr 1fr}.delivery-counter{margin-bottom:0}}@media(max-width:560px){.stage-heading h1{font-size:24px}.stage-heading span{display:none}.input-bank,.dashboard-modules,.how-strip{grid-template-columns:1fr}.coop-module{grid-column:auto}.machine-plaque{font-size:21px}.next-ad{left:18%;right:18%}}