*{margin:0;padding:0;box-sizing:border-box}
html,body{min-height:100%}
body{background:#000;font-family:'Press Start 2P','Courier New',monospace;color:#fff;-webkit-font-smoothing:none;overflow-x:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.loaded.movil{background:#000 url(../img/bmovil.webp) center center/contain no-repeat}
body.loaded.pc{background:#000 url(../img/bpc.webp) center center/contain no-repeat}
#loader{position:fixed;inset:0;z-index:10;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;transition:opacity .6s ease}
#loader.oculto{opacity:0;pointer-events:none}
#loader img{width:90px;height:auto;image-rendering:pixelated}
#texto-carga{font-size:14px;color:#39ff14;text-transform:lowercase;letter-spacing:2px;text-shadow:0 0 8px rgba(57,255,20,.6);animation:parpadeo 1.2s steps(2) infinite}
#texto-carga.error{color:#ff3b3b;text-shadow:0 0 8px rgba(255,59,59,.6);animation:none}
#btn-reintentar{display:none;font-family:inherit;font-size:10px;color:#39ff14;background:transparent;border:2px solid #39ff14;padding:12px 20px;cursor:pointer;text-transform:lowercase}
#btn-reintentar:hover,#btn-reintentar:focus-visible{background:rgba(57,255,20,.15)}
@keyframes parpadeo{0%,100%{opacity:1}50%{opacity:.35}}
#scanlines{position:fixed;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 2px,rgba(0,0,0,.18) 3px,rgba(0,0,0,.18) 4px);mix-blend-mode:multiply;opacity:.5}
#contenido{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}
#contenido[hidden]{display:none}
@media (max-width:768px){#contenido{align-items:flex-end;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16vh)}}
.btn-descargar{position:relative;display:inline-flex;align-items:center;gap:14px;font-family:inherit;font-size:13px;text-decoration:none;color:#061a02;background:#39ff14;padding:20px 30px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;image-rendering:pixelated;box-shadow:inset 4px 4px 0 0 #b6ff9e,inset -4px -4px 0 0 #0f7a06,0 0 0 4px #000,0 0 0 8px #39ff14,0 0 18px rgba(57,255,20,.55);transition:transform .08s steps(2),box-shadow .08s steps(2);animation:flotar 2.4s ease-in-out infinite}
.btn-descargar .flecha{animation:parpadeo 1s steps(2) infinite}
.btn-descargar:hover{background:#52ff33;box-shadow:inset 4px 4px 0 0 #d4ffc4,inset -4px -4px 0 0 #0f7a06,0 0 0 4px #000,0 0 0 8px #39ff14,0 0 26px rgba(57,255,20,.8)}
.btn-descargar:focus-visible{outline:3px dashed #fff;outline-offset:6px}
.btn-descargar:active{transform:translate(4px,4px);animation-play-state:paused;box-shadow:inset -4px -4px 0 0 #b6ff9e,inset 4px 4px 0 0 #0f7a06,0 0 0 4px #000,0 0 0 8px #39ff14,0 0 10px rgba(57,255,20,.4)}
.btn-descargar[disabled]{pointer-events:none;color:#6b6b6b;background:#2a2a2a;animation:none;box-shadow:inset 4px 4px 0 0 #4a4a4a,inset -4px -4px 0 0 #111,0 0 0 4px #000,0 0 0 8px #555}
@keyframes flotar{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media (max-width:768px){.btn-descargar{gap:10px;font-size:11px;padding:14px 18px;max-width:min(84vw,300px);white-space:nowrap;box-shadow:inset 3px 3px 0 0 #b6ff9e,inset -3px -3px 0 0 #0f7a06,0 0 0 3px #000,0 0 0 6px #39ff14,0 0 14px rgba(57,255,20,.5)}.btn-descargar:hover{box-shadow:inset 3px 3px 0 0 #d4ffc4,inset -3px -3px 0 0 #0f7a06,0 0 0 3px #000,0 0 0 6px #39ff14,0 0 20px rgba(57,255,20,.8)}.btn-descargar:active{transform:translate(3px,3px);box-shadow:inset -3px -3px 0 0 #b6ff9e,inset 3px 3px 0 0 #0f7a06,0 0 0 3px #000,0 0 0 6px #39ff14,0 0 8px rgba(57,255,20,.4)}.btn-descargar[disabled]{box-shadow:inset 3px 3px 0 0 #4a4a4a,inset -3px -3px 0 0 #111,0 0 0 3px #000,0 0 0 6px #555}}
@media (prefers-reduced-motion:reduce){#texto-carga,.btn-descargar,.btn-descargar .flecha{animation:none}}