.gas-stock{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.gas-pending{color:#ff66d8;font-size:.8rem}.gas-collect{padding:5px 9px!important;min-height:32px!important;display:inline-flex;align-items:center;gap:5px;border-color:#ff2bd6!important;background:#201027!important;font-size:.75rem!important}.gas-panel{max-width:1000px;margin:14px auto;padding:14px;border:1px solid #00f0ff;background:#101124;display:flex;align-items:center;justify-content:space-between;gap:18px}.gas-panel>div:first-child{display:flex;align-items:center;gap:12px}.gas-panel p{margin:4px 0;font-size:.8rem;color:#c0badb}.gas-panel>div:last-child{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.gas-workshop{max-width:680px;margin:18px auto;padding:24px;background:linear-gradient(145deg,#151129,#080d1a);border:2px solid #00e8f0;box-shadow:0 0 28px #00f0ff20,inset 0 0 40px #ff2bd60d}.gas-heading{display:flex;align-items:center;justify-content:space-between}.gas-heading h1{font-size:clamp(1.4rem,4vw,2.2rem);margin:8px 0}.gas-kicker{font-size:.7rem;letter-spacing:.18em;color:#ff67d6}.gas-heading-can{width:76px;image-rendering:pixelated;filter:drop-shadow(0 0 12px #ff2bd655)}.gas-instructions{color:#cbc7dd;font-size:.9rem;line-height:1.5}.gas-progress{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.75rem;color:#5bffff;margin:16px 0}.gas-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:5px;background:#02050c;border:2px solid #31505c;box-shadow:0 0 22px #00f0ff15;max-width:510px;margin:auto}.gas-board.overload{border-color:#ff4545}.gas-tile{aspect-ratio:1;padding:0!important;border:0!important;border-radius:0!important;position:relative;overflow:hidden;background:#111322!important;min-width:0;min-height:0!important;opacity:1!important}.gas-tile:not(:disabled){cursor:pointer}.gas-tile:focus-visible{outline:3px solid #ffffff;outline-offset:-3px;z-index:2}.gas-piece{display:block;width:100%;height:100%;image-rendering:pixelated;filter:saturate(.65) brightness(.68)}.gas-tile.powered .gas-piece{filter:saturate(1.25) brightness(1.15)}.gas-tile.source .gas-piece,.gas-tile.hazard .gas-piece{filter:none}.gas-tile.goal .gas-piece{filter:brightness(.5)}.gas-goal-can{position:absolute;width:70%;height:78%;object-fit:contain;left:15%;top:8%;image-rendering:pixelated;filter:grayscale(.5) brightness(.65)}.gas-tile.powered .gas-goal-can{filter:drop-shadow(0 0 7px #ff2bd6) brightness(1.2)}.gas-goal-state{position:absolute;bottom:0;right:3px;color:#39ff88;font-size:1rem;text-shadow:1px 1px #000}.gas-feedback{font-size:.8rem;min-height:2.6em;color:#c5bad6;line-height:1.5}.gas-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.gas-buttons button{min-height:48px}.energia-hud .gas-collect{margin-top:4px}.gas-complete{color:#39ff88}@media(max-width:600px){.gas-workshop{padding:13px;margin:8px auto}.gas-panel{flex-direction:column;align-items:flex-start}.gas-heading-can{width:60px}.gas-progress{font-size:.68rem}.gas-board{gap:2px;padding:3px}.gas-buttons .grande{width:100%}}
@media(prefers-reduced-motion:reduce){.gas-workshop *{animation:none!important;transition:none!important}}