@font-face{font-family:"Press Start 2P";src:url(../fuentes/press-start-2p.woff2) format("woff2");font-display:block;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191-2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Press Start 2P";src:url(../fuentes/press-start-2p-ext.woff2) format("woff2");font-display:block;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Urbanist;font-weight:300;src:url(../fuentes/urbanist-300.woff2) format("woff2");font-display:swap}@font-face{font-family:Urbanist;font-weight:800;src:url(../fuentes/urbanist-800.woff2) format("woff2");font-display:swap}@font-face{font-family:Geist Mono;font-weight:400;src:url(../fuentes/geist-mono-400.woff2) format("woff2");font-display:swap}@font-face{font-family:Geist Mono;font-weight:700;src:url(../fuentes/geist-mono-700.woff2) format("woff2");font-display:swap}:root{color-scheme:dark;--negro: #0A0A0B;--lima: #E1FF01;--olivo: #92A502;--salvia: #E4E8E2;--gris: #2A2B2E;--pixel: "Press Start 2P", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--negro);color:var(--salvia);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{touch-action:none;font-family:var(--pixel)}.juego{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.pantalla{position:relative;flex:none;width:min(100vw,calc(100dvh * 16 / 9));aspect-ratio:16 / 9;background:#000;overflow:hidden;box-shadow:0 0 0 1px #1b1c1f,0 30px 80px #0009}.capa{position:absolute;inset:0;width:100%;height:100%}.capa canvas{display:block;width:100%;height:100%}.pixel{image-rendering:crisp-edges;image-rendering:pixelated}#capa3d canvas.pixel{image-rendering:crisp-edges;image-rendering:pixelated}#lienzo{z-index:2}#capa3d{z-index:1}.ui{z-index:3;pointer-events:none}.ui>*{pointer-events:auto}.sin-js{position:absolute;inset:0;display:grid;place-items:center;color:var(--lima);font:12px var(--pixel)}.hoja{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2cqh;padding:4cqh 6cqw;background:#0a0a0be0;container-type:size;font-family:var(--pixel);color:var(--salvia);text-align:center}.pantalla{container-type:size}.hoja h2{margin:0;font-size:4.2cqh;color:var(--lima);letter-spacing:.05em;line-height:1.4;font-weight:400}.hoja p{margin:0;font-size:2.6cqh;line-height:1.7;max-width:80cqw}.hoja .chico{font-size:2.1cqh;opacity:.8}.hoja form{display:flex;gap:1.6cqw;align-items:stretch;justify-content:center;flex-wrap:wrap}.hoja input{font:3.6cqh var(--pixel);text-transform:uppercase;letter-spacing:.08em;width:46cqw;padding:1.6cqh 1.6cqw;border:.5cqh solid var(--lima);border-radius:0;background:#000;color:var(--lima);outline:none;text-align:center;-webkit-user-select:text;user-select:text}.hoja input::placeholder{color:#5b6300}.boton{font:2.8cqh var(--pixel);padding:1.8cqh 2.4cqw;border:0;border-radius:0;cursor:pointer;background:var(--lima);color:var(--negro);box-shadow:inset -.6cqh -.6cqh #00000040}.boton.secundario{background:transparent;color:var(--salvia);box-shadow:inset 0 0 0 .4cqh var(--salvia)}.boton:focus-visible,.hoja input:focus-visible{outline:.4cqh dashed #fff;outline-offset:.5cqh}.botones{display:flex;gap:2cqw;flex-wrap:wrap;justify-content:center}.tabla{width:min(78cqw,900px);border-collapse:collapse;font-size:2.5cqh}.tabla td{padding:.9cqh 1cqw;text-align:left;white-space:nowrap}.tabla td.n{color:#8c8f95;width:4ch}.tabla td.p{text-align:right;color:var(--lima)}.tabla td.e{text-align:right;color:#8c8f95;font-size:2cqh}.tabla tr.tu td{background:#e1ff0124}.aviso{color:#ff8a8a}.mandos{display:none}.tactil .mandos{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:10;justify-content:space-between;align-items:flex-end;pointer-events:none;padding:0 calc(14px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left))}.mandos .m{pointer-events:auto;touch-action:none;font:12px var(--pixel);color:var(--salvia);background:#1415188c;border:2px solid rgba(228,232,226,.35);border-radius:10px;display:grid;place-items:center;padding:0;margin:0;-webkit-user-select:none;user-select:none}.mandos .m.activo{background:#e1ff01d9;color:var(--negro);border-color:var(--lima)}.cruz{display:grid;grid-template:repeat(3,52px) / repeat(3,52px);gap:2px}.cruz .arr{grid-area:1 / 2}.cruz .izq{grid-area:2 / 1}.cruz .der{grid-area:2 / 3}.cruz .aba{grid-area:3 / 2}.acciones{display:flex;gap:14px;align-items:flex-end}.acciones .redondo{width:70px;height:70px;border-radius:50%;font-size:16px}.acciones .b{width:58px;height:58px;margin-bottom:34px}.centro{align-self:flex-start;display:flex;gap:8px}.centro .chico{font-size:8px;padding:8px 10px;opacity:.8}.palanca{display:none;position:relative;width:150px;height:150px;pointer-events:auto;touch-action:none}.con-palanca .palanca{display:block}.con-palanca .cruz{display:none}.palanca .base{position:absolute;left:50%;top:50%;width:96px;height:96px;transform:translate(-50%,-50%);border-radius:50%;background:#1415188c;border:2px solid rgba(228,232,226,.35)}.palanca .perilla{position:absolute;left:50%;top:50%;width:46px;height:46px;border-radius:50%;transform:translate(calc(-50% + var(--px, 0px)),calc(-50% + var(--py, 0px)));background:#34363c;border:2px solid rgba(228,232,226,.55)}.palanca.activa .perilla{background:var(--lima);border-color:var(--lima)}@media (orientation: portrait){.tactil .juego{flex-direction:column;justify-content:flex-start;padding-top:env(safe-area-inset-top)}.tactil .pantalla{width:100vw}.tactil .mandos{position:relative;flex:1;width:100%;align-items:center;justify-content:space-between;background:linear-gradient(#141518,#0a0a0b);border-top:1px solid #1f2024;padding:18px 22px calc(22px + env(safe-area-inset-bottom))}.tactil .cruz{grid-template:repeat(3,min(14vw,70px)) / repeat(3,min(14vw,70px));gap:4px}.tactil .acciones{gap:min(3vw,14px)}.tactil .acciones .redondo{width:min(20vw,92px);height:min(20vw,92px);font-size:20px}.tactil .acciones .b{width:min(16vw,74px);height:min(16vw,74px);margin-bottom:min(13vw,58px)}.tactil .centro{position:absolute;left:50%;top:12px;transform:translate(-50%)}.tactil .palanca{width:min(46vw,220px);height:min(46vw,220px)}.tactil .palanca .base{width:min(30vw,132px);height:min(30vw,132px)}.tactil .palanca .perilla{width:min(14vw,62px);height:min(14vw,62px)}.tactil .mandos .m{background:#1b1c20;border-color:#34363c}.tactil .mandos .m.activo{background:var(--lima);color:var(--negro)}}@media (orientation: landscape) and (max-height: 500px){.tactil .pantalla{width:min(calc(100vw - (2*(130px + max(env(safe-area-inset-left),env(safe-area-inset-right))))),calc(100dvh * 16 / 9))}.tactil .mandos{padding:0 calc(6px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(6px + env(safe-area-inset-left))}.cruz{grid-template:repeat(3,38px) / repeat(3,38px);gap:3px}.acciones{gap:8px}.acciones .redondo{width:58px;height:58px}.acciones .b{width:48px;height:48px;margin-bottom:30px}.tactil .centro{position:fixed;top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));flex-direction:column}.tactil .palanca{width:124px;height:min(62vh,230px)}.tactil .palanca .base{width:92px;height:92px}}@media (orientation: landscape) and (min-height: 501px){.tactil .juego{flex-direction:column;justify-content:flex-start}.tactil .pantalla{width:min(100vw,calc((100dvh - 200px) * 16 / 9))}.tactil .mandos{position:relative;flex:1;width:100%;align-items:center;padding:12px 48px calc(16px + env(safe-area-inset-bottom))}.tactil .centro{align-self:center}}.oculto-mandos .mandos{display:none!important}