@font-face{font-family:tintilla;src:url(./tintilla-Bnjyo-nF.ttf)format("truetype");font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;background:#000;width:100%;height:100%;font-family:tintilla,Segoe UI,sans-serif;overflow:hidden}#game-container{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}#game-container canvas{display:block;width:100%!important;height:100%!important}.screen{z-index:10;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.screen.active{pointer-events:auto;display:flex}.screen-content{text-align:center;max-width:600px;padding:2rem}#screen-inicio{background:radial-gradient(at bottom,#44267af2 0%,#000000fa 100%)}.title-main{background:linear-gradient(135deg,#6495ed,pink,#fffacd);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 20px #6495ed80);-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:700;animation:3s ease-in-out infinite titlePulse}@keyframes titlePulse{0%,to{filter:drop-shadow(0 0 20px #6495ed80)}50%{filter:drop-shadow(0 0 35px #ffb6c1b3)}}.subtitle{background:linear-gradient(90deg,#6495ed,pink,#fffacd);-webkit-text-fill-color:transparent;letter-spacing:2px;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:clamp(1rem,3vw,1.5rem)}.astronaut-container{width:150px;height:150px;margin:1rem auto}.dedication{opacity:.5;margin-top:1.5rem;font-size:.75rem}.btn-glow{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#e040fb);border:none;border-radius:50px;padding:.8rem 2.5rem;font-family:tintilla,sans-serif;font-size:1.1rem;transition:all .3s;animation:2s ease-in-out infinite alternate btnGlow;display:inline-block;box-shadow:0 0 20px #6c63ff66,0 0 60px #e040fb26}.btn-glow:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 0 30px #6c63ff99,0 0 80px #e040fb4d}.btn-glow:active{transform:scale(.97)}@keyframes btnGlow{0%{box-shadow:0 0 20px #6c63ff66,0 0 60px #e040fb26}to{box-shadow:0 0 25px #6c63ff99,0 0 80px #e040fb40}}.btn-outline{color:#ccc;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:50px;margin-left:.5rem;padding:.7rem 2rem;font-family:tintilla,sans-serif;font-size:1rem;transition:all .3s;display:inline-block}.btn-outline:hover{color:#fff;background:#ffffff0d;border-color:#fff}.hint{opacity:.4;margin-top:.75rem;font-size:.8rem}kbd{background:#ffffff14;border:1px solid #ffffff4d;border-radius:4px;padding:.15rem .5rem;font-size:.75rem;display:inline-block}#screen-cargando{background:radial-gradient(circle at 0 0,#231326fa,#6416a5e6 40%,#295d69f2 75%,#ffc10799)}.loading-title{background:linear-gradient(90deg,#6495ed,pink,#fffacd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;animation:1.5s ease-in-out infinite loadPulse}@keyframes loadPulse{0%,to{opacity:1}50%{opacity:.6}}.tip{opacity:.85;margin:.4rem 0;font-size:.95rem}.loading-bar{background:#ffffff26;border-radius:2px;width:250px;height:4px;margin:1.5rem auto 0;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg,#6495ed,pink);border-radius:2px;width:0%;height:100%;transition:width .3s}.hud{z-index:15;pointer-events:none;background:linear-gradient(#0009 0%,#0000 100%);justify-content:center;gap:2rem;padding:.75rem 1.5rem;transition:opacity .4s;display:flex;position:fixed;top:0;left:0;right:0}.hud.hidden{opacity:0}.hud-item{flex-direction:column;align-items:center;display:flex}.hud-label{text-transform:uppercase;letter-spacing:2px;opacity:.6;font-size:.65rem}.hud-value{background:linear-gradient(135deg,#6495ed,pink);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700}.overlay-msg{z-index:12;background:0 0!important}.msg-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#010101d9;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem 2rem;animation:.5s fadeInMsg}.msg-box p{margin:.3rem 0;font-size:.95rem}@keyframes fadeInMsg{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#screen-ganador{background:radial-gradient(#000000d9 0%,#000000f2 100%)}.win-title{background:linear-gradient(135deg,#9c27b0,#03a9f4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.8rem;animation:2s ease-in-out infinite titlePulse}.win-msg{opacity:.85;margin:1rem 0;font-size:1rem}#screen-gameover{background:radial-gradient(#140000eb 0%,#000000fa 100%)}.gameover-title{background:linear-gradient(90deg,#6495ed,pink,#fffacd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem}.gameover-subtitle{opacity:.7;margin-bottom:1rem;font-size:1.3rem}.gameover-msg{opacity:.85;margin:1rem 0;font-size:1rem}#gameover-actions{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}#screen-final{background:radial-gradient(#000000d9 0%,#000000fa 100%)}.final-title{background:linear-gradient(135deg,#9c27b0,#03a9f4,gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.8rem}.final-msg{margin:1rem 0 .3rem;font-size:1.1rem}.final-quote{opacity:.6;margin-bottom:1.5rem;font-size:.9rem;font-style:italic}.screen{transition:opacity .5s}.screen.fade-out{opacity:0;pointer-events:none}.screen.fade-in{animation:.5s forwards screenFadeIn}@keyframes screenFadeIn{0%{opacity:0}to{opacity:1}}.sprite-idle,.sprite-big{image-rendering:auto;background-repeat:no-repeat}.sprite-idle{background-image:url(./vaquera-espacial-D8ks1A_Y.png);background-size:1500px 151px;width:150px;height:151px;animation:1s steps(10,end) infinite sprite-idle}.sprite-big{background-size:2400px 200px;width:200px;height:200px;animation:1.2s steps(12,end) infinite sprite-big}.sprite-win{background-image:url(./vaquera-espacial-win-BWJIT1uy.png)}.sprite-fail{background-image:url(./vaquera-espacial-fail-CkO8lkcY.png)}@keyframes sprite-idle{0%{background-position-x:0}to{background-position-x:-1500px}}@keyframes sprite-big{0%{background-position-x:0}to{background-position-x:-2400px}}.overlay-msg{align-items:flex-end;padding-bottom:12vh;pointer-events:none!important}.msg-small{opacity:.7;margin-top:.5rem;font-size:.8rem!important}.score-line{opacity:.85;margin:.5rem 0 1.2rem;font-size:1.1rem}.screen:not(.overlay-msg).active{background:#0505108c}#screen-inicio.active,#screen-cargando.active{background:radial-gradient(#2814508c,#050510d9)}.player-line{opacity:.85;min-height:1.4em;margin-bottom:.8rem}.row-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.8rem;display:flex}#login-form{flex-direction:column;align-items:center;gap:.7rem;display:flex}#login-form input{width:260px;font:inherit;text-align:center;color:#fff;background:#ffffff14;border:1px solid #ffffff40;border-radius:10px;outline:none;padding:.7rem 1rem;font-size:1.1rem}#login-form input:focus{border-color:#6495ed;box-shadow:0 0 12px #6495ed80}.form-error{color:#ff8a9b;min-height:1.3em;font-size:.9rem}.btn-link{color:#fff;opacity:.6;cursor:pointer;font:inherit;background:0 0;border:none;margin-top:.4rem;padding-right:25px;text-decoration:underline}.btn-link:hover{opacity:1}.ranking-list{counter-reset:pos;text-align:left;min-width:320px;margin:1rem auto;list-style:none}.ranking-list li{counter-increment:pos;border-bottom:1px solid #ffffff1a;gap:.8rem;padding:.45rem .8rem;display:flex}.ranking-list li:before{content:counter(pos) ".";opacity:.6;width:1.8rem}.ranking-list .rk-name{flex:1}.ranking-list .rk-score{font-weight:700}.ranking-list .rk-empty{opacity:.6;justify-content:center}.ranking-list .rk-empty:before{content:none}.btn-sound{z-index:30;color:#fff;cursor:pointer;background:#00000073;border:1px solid #ffffff40;border-radius:50%;width:40px;height:40px;font-size:1.15rem;line-height:1;position:fixed;top:10px;right:12px}.btn-sound.hidden{display:none}.btn-exit{font-size:1rem;top:10px}.btn-sound:hover{background:#3c2878b3}.btn-undo{z-index:30;font:inherit;color:#fff;cursor:pointer;background:#0000008c;border:1px solid #ffffff4d;border-radius:999px;padding:.55rem 1.1rem;font-size:1rem;position:fixed;bottom:14px;left:14px}.btn-undo:hover:not(:disabled){background:#3c2878bf}.btn-undo:disabled{opacity:.35;cursor:default}.btn-undo.hidden{display:none}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#game-container{touch-action:none}.only-touch,.touch-only,body.touch .only-keys{display:none}body.touch .only-touch{display:block}.btn-restart{left:auto;right:auto}body.touch.playing .btn-restart{display:block}body.touch.playing .btn-undo{bottom:calc(14px + env(safe-area-inset-bottom))}body.touch.playing .btn-undo.btn-restart{left:14px;bottom:calc(68px + env(safe-area-inset-bottom));z-index:30;position:fixed}.dpad{right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));z-index:30;grid-template-columns:repeat(2,1fr);gap:10px;position:fixed}body.touch.playing .dpad{display:grid}.dpad button{color:#fff;touch-action:none;cursor:pointer;background:#00000080;border:2px solid #ffffff59;border-radius:50%;width:72px;height:72px;font-size:2rem;line-height:1}.dpad button:active{background:#6495edb3;transform:scale(.94)}@media (height<=480px){.dpad button{width:58px;height:58px;font-size:1.6rem}}.help-backdrop{z-index:60;background:#00000ac7;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.help-backdrop.open{display:flex}.help-box{text-align:left;background:#140c2df7;border:1px solid #ffffff40;border-radius:14px;max-width:560px;max-height:92vh;padding:1.5rem 1.8rem;animation:.3s fadeInMsg;overflow-y:auto}.help-box h2{text-align:center;margin-bottom:.8rem}.help-box ul{margin:.4rem 0 .8rem;padding-left:1.2rem}.help-box li{margin:.4rem 0;font-size:.98rem;line-height:1.35}.help-sub{text-transform:uppercase;letter-spacing:2px;opacity:.6;margin-top:.6rem;font-size:.75rem}.help-box .btn-glow{margin:.6rem auto 0;display:block}.win-tally{min-width:280px;max-width:360px;margin:.6rem auto .4rem}.tally-row{opacity:0;justify-content:space-between;gap:1.5rem;padding:.3rem .2rem;font-size:1.05rem;transition:opacity .4s,transform .4s;display:flex;transform:translateY(8px)}.tally-row.show{opacity:1;transform:none}.tally-row b{font-variant-numeric:tabular-nums;font-size:1.25rem}.tally-energy{color:gold;letter-spacing:2px}#tally-mult.show b,#tally-tanks.show b{color:gold;animation:.6s tallyPop}.tally-big{border-top:1px solid #ffffff40;margin-top:.2rem;padding-top:.5rem}.tally-big b{background:linear-gradient(135deg,#6495ed,pink);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem}#tally-total{opacity:0;transition:opacity .4s}#tally-total.show{opacity:1}@keyframes tallyPop{0%{transform:scale(.4)}60%{transform:scale(1.5)}to{transform:scale(1)}}body.can-exit .btn-sound:not(.btn-exit){top:58px}.exit-box{text-align:center;max-width:420px}.exit-box p{margin:.4rem 0 1rem;line-height:1.4}.exit-box .row-actions{margin-top:.4rem}.profile-card{flex-wrap:wrap;justify-content:center;gap:1rem;margin:1rem 0 .6rem;display:flex}.profile-card .stat{background:#ffffff14;border:1px solid #ffffff2e;border-radius:12px;flex-direction:column;align-items:center;gap:.2rem;min-width:7.5rem;padding:.8rem 1rem;display:flex}.profile-card .stat-num{color:#ffd54f;font-size:2rem;font-weight:700}.profile-card .stat-label{opacity:.75;font-size:.8rem}.suit-content{max-width:920px}.suit-layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.4rem;display:flex}.suit-paint,.suit-side{flex-direction:column;align-items:center;gap:.5rem;display:flex}#suit-canvas{aspect-ratio:1;cursor:crosshair;width:min(364px,86vw);height:auto;image-rendering:pixelated;background:repeating-conic-gradient(#232850 0% 25%,#1a1e40 0% 50%) 50%/28px 28px;border:2px solid #ffffff40;border-radius:10px}#suit-preview{background:radial-gradient(circle at 50% 35%,#2c3470,#121533);border:2px solid #ffffff40;border-radius:10px;width:220px;height:300px}.suit-tabs{margin:0}.suit-tabs .btn-outline.active{background:#ffffff38}.suit-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}.suit-tools .tool{cursor:pointer;color:#fff;background:#ffffff1a;border:2px solid #ffffff40;border-radius:10px;width:2.6rem;height:2.6rem;font-size:1.2rem}.suit-tools .tool.active{background:#ffd54f40;border-color:#ffd54f}.suit-tools select{color:#fff;height:2.6rem;font:inherit;background:#1a1e40;border:2px solid #ffffff40;border-radius:10px;padding:0 .4rem}.suit-tools .sym{align-items:center;gap:.3rem;font-size:.85rem;display:flex}.palette{grid-template-columns:repeat(8,1.7rem);gap:.3rem;display:grid}.swatch{cursor:pointer;border:2px solid #fff6;border-radius:6px;width:1.7rem;height:1.7rem;padding:0}.swatch.active{border-color:#ffd54f;box-shadow:0 0 0 2px #ffd54f}.color-pick{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.color-pick input{cursor:pointer;background:0 0;border:none;width:3rem;height:2rem}.form-error.ok{color:#9be58f}@media (width<=640px){.suit-content{padding-top:.5rem}#suit-preview{width:160px;height:218px}}.hud-value.low{color:#ff6b6b}