@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--pixel-font: "Press Start 2P", monospace;--bg-dark: #0d0d0d;--bg-panel: #1a1410;--bg-card: #201c16;--border: #3d3428;--border-lit: #5c4e38;--sand: #c4a35a;--rust: #a04a2a;--ash: #6b6055;--toxic: #7ab648;--oxygen: #4fc3a0;--danger: #c0392b;--sky: #4a7fa5;--text-primary: #e8dcc8;--text-secondary: #8a7a65;--text-muted: #4a3f33;image-rendering:pixelated;image-rendering:crisp-edges}html,body,#root{height:100%;background:var(--bg-dark);color:var(--text-primary);font-family:var(--pixel-font);font-size:8px}#root{zoom:1.1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-lit);image-rendering:pixelated}.px-border{border:2px solid var(--border);box-shadow:inset 0 0 0 1px var(--border-lit)}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.scanlines:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(transparent 0px,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:9999}button.px-btn{font-family:var(--pixel-font);font-size:7px;cursor:pointer;border:2px solid;padding:6px 10px;image-rendering:pixelated;transition:filter .1s;text-transform:uppercase;letter-spacing:1px}button.px-btn:active{filter:brightness(.8);transform:translateY(1px)}button.px-btn-green{background:#2d5a1e;border-color:var(--toxic);color:var(--toxic)}button.px-btn-green:hover{background:#3a7228}button.px-btn-red{background:#5a1e1e;border-color:var(--danger);color:var(--danger)}button.px-btn-red:hover{background:#721e1e}button.px-btn-sand{background:#3d2e10;border-color:var(--sand);color:var(--sand)}button.px-btn-sand:hover{background:#4e3a14}.px-progress{height:8px;background:var(--bg-dark);border:2px solid var(--border);overflow:hidden}.px-progress-fill{height:100%;background:var(--toxic);transition:width .4s steps(10);image-rendering:pixelated}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes flicker{0%,95%,to{opacity:1}97%{opacity:.7}}@keyframes dust{0%{transform:translate(0) translateY(0) scale(1);opacity:.6}to{transform:translate(40px) translateY(-20px) scale(0);opacity:0}}@keyframes grow-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bgZoom{0%{transform:scale(1.1) translate(0)}50%{transform:scale(1.15) translate(-10px)}to{transform:scale(1.1) translate(10px)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-flicker{animation:flicker 4s ease-in-out infinite}.animate-grow{animation:grow-pulse 2s ease-in-out infinite}@keyframes oxyIn{0%{opacity:0}to{opacity:1}}@keyframes shockwave{0%{transform:scale(1);opacity:.9}to{transform:scale(18);opacity:0}}@keyframes oxyText{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes scanReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}@keyframes particleRise{0%{transform:translateY(0) rotate(0);opacity:.9}to{transform:translateY(-110vh) rotate(540deg);opacity:0}}@keyframes glitchBar{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes acidDrop{0%{transform:translateY(-10px);opacity:0}10%{opacity:.7}90%{opacity:.5}to{transform:translateY(100vh);opacity:0}}@keyframes dustFloat{0%{transform:translate(0) rotate(0);opacity:0}15%{opacity:.6}85%{opacity:.3}to{transform:translate(var(--dx),-80px) rotate(360deg);opacity:0}}@keyframes stageUp{0%{filter:brightness(1) drop-shadow(0 0 0px transparent);transform:scale(1)}30%{filter:brightness(2.2) drop-shadow(0 0 12px #7ab648);transform:scale(1.18)}60%{filter:brightness(1.6) drop-shadow(0 0 8px #4fc3a0);transform:scale(1.08)}to{filter:brightness(1) drop-shadow(0 0 0px transparent);transform:scale(1)}}.animate-stage-up{animation:stageUp .9s ease-out forwards}@media (max-width: 600px){html,body,#root{font-size:7px}.wg-header{flex-wrap:wrap;gap:10px!important;padding:10px 14px!important}.wg-header-right{flex-wrap:wrap;gap:10px!important}.wg-oxygen-bar{width:90px!important}.wg-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;width:100%}.wg-pot-slot{width:100%!important}.wg-visitor-banner{flex-direction:column!important;gap:6px!important;font-size:5px!important}}
