:root{--p: 2px;--tinta: #2b2133;--tinta-suave: #5a4a6a;--papel: #fbf7ec;--dorado: #c89a52;--dorado-claro: #e8c47a;--velo: #0e0a14;--font-ui: ui-monospace, "Cascadia Mono", Consolas, monospace}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--velo);color:var(--papel);font-family:var(--font-ui)}body.jugando{overflow:hidden}#app{min-height:100%;position:relative}#game-shell[hidden]{display:none!important}img{image-rendering:pixelated}.shell{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--p) * 10);padding:calc(var(--p) * 18) calc(var(--p) * 4) calc(var(--p) * 8);overflow:hidden;isolation:isolate}.fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.escena{--w: max(100vw, calc(100dvh * 16 / 9));position:absolute;bottom:0;left:clamp(calc(100vw - var(--w)),calc(50vw - var(--w) * .32),0px);width:var(--w);aspect-ratio:16 / 9}.escena .capa{position:absolute;top:0;right:0;bottom:0;left:0;background-size:100% 100%;background-repeat:no-repeat;image-rendering:pixelated}.escena .lluvia{background-size:300% 100%;animation:lluvia .36s steps(3) infinite}@keyframes lluvia{to{background-position:150% 0}}.escena .vela{background-size:200% 100%;animation:llama .9s steps(2) infinite}@keyframes llama{to{background-position:200% 0}}.escena .rayo,.escena .rayo-pombero,.escena .abuelo-gira,.escena .abuelo-mira,.escena .destello{opacity:0}.escena.gira .abuelo-gira,.escena.mira .abuelo-mira{opacity:1}.escena .abuelo-gira,.escena .abuelo-mira{transition:opacity .21s steps(3)}.escena .brillo{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 53% 64%,rgb(255 170 80 / .16),transparent 42%);animation:brillo 1.4s steps(2) infinite}@keyframes brillo{50%{opacity:.55}}.escena.relampago .destello{opacity:1}.escena.relampago:not(.con-pombero) .rayo,.escena.relampago.con-pombero .rayo-pombero{opacity:1}.escena .destello{position:absolute;top:0;right:0;bottom:0;left:0;background:#d2deff47}.fondo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0e0a1473;background-image:linear-gradient(45deg,rgba(14,10,20,.35) 25%,transparent 25%,transparent 75%,rgba(14,10,20,.35) 75%),linear-gradient(45deg,rgba(14,10,20,.35) 25%,transparent 25%,transparent 75%,rgba(14,10,20,.35) 75%);background-size:calc(var(--p) * 2) calc(var(--p) * 2);background-position:0 0,var(--p) var(--p)}.screen{display:none}.screen.active{display:block;animation:aparecer .24s steps(3) both}@keyframes aparecer{0%{opacity:0;transform:translateY(calc(var(--p) * 4))}}.ocupado{cursor:wait}.ocupado .px-item{pointer-events:none;opacity:.6}.lang-switch{position:absolute;top:calc(var(--p) * 4);right:calc(var(--p) * 4);display:flex;gap:calc(var(--p) * 2)}.lang-switch button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--p) calc(var(--p) * 2);background:none;color:var(--papel);cursor:pointer}.lang-switch button.m-chipActivo{color:var(--tinta)}.titulo{display:flex;flex-direction:column;align-items:center;gap:calc(var(--p) * 4);margin:0;text-align:center}.titulo-sup{color:var(--dorado-claro);--px-sombra: var(--tinta)}.titulo-marca{margin:0;color:var(--dorado-claro);--px-borde: var(--tinta);animation:flotar 2.4s steps(2) infinite}@keyframes flotar{50%{transform:translateY(calc(var(--p) * -1))}}.titulo-gancho,.titulo-tag{color:var(--papel);--px-sombra: var(--tinta)}.titulo-cita{color:var(--dorado-claro);--px-borde: var(--tinta)}.pie{margin:0;color:#d9c6a4;--px-sombra: var(--tinta)}.menu-fila{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:calc(var(--p) * 6)}.menu{display:flex;flex-direction:column;min-width:calc(var(--p) * 120);padding:calc(var(--p) * 2);color:var(--tinta);--px-sombra: #d8cdb4}.ficha{display:flex;align-items:center;gap:calc(var(--p) * 4);padding:calc(var(--p) * 3) calc(var(--p) * 5) calc(var(--p) * 3) calc(var(--p) * 2);color:var(--tinta);--px-sombra: #d8cdb4}.ficha .retrato{width:calc(96px * var(--prc, 1));height:calc(112px * var(--prc, 1))}.ficha-datos{display:flex;flex-direction:column;gap:calc(var(--p) * 3)}.ficha-meta{color:var(--tinta-suave);--px-sombra: none}.panel{display:flex;flex-direction:column;gap:calc(var(--p) * 5);width:min(calc(var(--p) * 190),calc(100vw - var(--p) * 8));margin:0;padding:calc(var(--p) * 5) calc(var(--p) * 6);color:var(--tinta);--px-sombra: #d8cdb4}.panel.about{width:min(calc(var(--p) * 212),calc(100vw - var(--p) * 8))}.panel-titulo{color:#8a5a1a;--px-sombra: #e8d8b0}.panel-texto{color:var(--tinta);--px-sombra: none}.panel-error{color:#b8302a;--px-sombra: none}.panel-error.nota{color:var(--tinta-suave)}.panel .px-campo{color:var(--tinta)}.panel .px-campo.activo{border-image-source:var(--marco-pcCampoActivo)}.opciones{display:flex;flex-direction:column}.opciones .px-item{padding-left:0}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}.en-panel .titulo,.en-panel .pie{display:none}[data-px]{display:inline-block;line-height:0;vertical-align:middle}[data-px] canvas{display:block}.m-ventana,.m-chip,.m-chipActivo,.m-pcCampo,.m-pcCampoActivo{border-style:solid;image-rendering:pixelated}.m-ventana{border-width:var(--marco-ventana-b);border-image:var(--marco-ventana) var(--marco-ventana-slice) fill / var(--marco-ventana-b)}.m-chip{border-width:var(--marco-chip-b);border-image:var(--marco-chip) var(--marco-chip-slice) fill / var(--marco-chip-b)}.m-chipActivo{border-width:var(--marco-chipActivo-b);border-image:var(--marco-chipActivo) var(--marco-chipActivo-slice) fill / var(--marco-chipActivo-b)}.m-pcCampo{border-width:var(--marco-pcCampo-b);border-image:var(--marco-pcCampo) var(--marco-pcCampo-slice) fill / var(--marco-pcCampo-b)}.m-pcCampoActivo{border-width:var(--marco-pcCampoActivo-b);border-image:var(--marco-pcCampoActivo) var(--marco-pcCampoActivo-slice) fill / var(--marco-pcCampoActivo-b)}.px-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:calc(var(--p) * 3);width:100%;margin:0;padding:calc(var(--p) * 2) calc(var(--p) * 3);background:none;border:0;color:inherit;text-align:left;cursor:pointer;outline:none}.px-item .px-cursor{visibility:hidden}.px-item.sel .px-cursor{visibility:visible;animation:px-cursor .8s steps(1) infinite}.px-item:disabled{opacity:.4;cursor:default}@keyframes px-cursor{50%{transform:translate(var(--p))}}.px-campo{position:relative;display:flex;align-items:center;min-height:calc(var(--p) * 17);padding:calc(var(--p) * 2) calc(var(--p) * 3);cursor:text}.px-campo input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;font-size:16px;border:0;padding:0;cursor:text}.px-campo.vacio .campo-texto{opacity:.45}.px-campo .campo-caret{display:none;width:var(--p);height:calc(var(--p) * 8);margin-left:var(--p);background:currentColor;animation:px-parpadeo 1s steps(1) infinite}.px-campo.activo .campo-caret{display:block}.px-campo.vacio .campo-caret{order:-1;margin:0 var(--p) 0 0}.px-codigo{position:relative;display:flex;gap:calc(var(--p) * 3);justify-content:center;cursor:text}.px-codigo input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;font-size:16px;border:0;padding:0;caret-color:transparent;color:transparent;cursor:text}.px-casilla{display:flex;align-items:center;justify-content:center;width:calc(var(--p) * 20);height:calc(var(--p) * 24);color:#202838}.px-codigo.bloqueado{opacity:.6}@keyframes px-parpadeo{50%{visibility:hidden}}img.retrato{display:block;width:calc(96px * var(--pr, 1));height:calc(112px * var(--pr, 1));image-rendering:pixelated}@media(prefers-reduced-motion:reduce){.px-item.sel .px-cursor,.px-campo .campo-caret{animation:none}}.cuenta-velo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:calc(var(--p) * 4);background:#0e0a14b8}.terminos-velo{z-index:60}.panel.terminos{width:min(calc(var(--p) * 222),calc(100vw - var(--p) * 8));max-height:calc(100dvh - var(--p) * 8)}.terminos-cuerpo{overflow-y:auto;min-height:0;flex:1;outline:none}.panel.cuenta .px-codigo{margin:var(--p) 0}.panel-nota{color:var(--tinta-suave);--px-sombra: none}.cuenta-boton{position:fixed;z-index:5;display:flex;align-items:center;gap:calc(var(--p) * 2);padding:calc(var(--p) * 2) calc(var(--p) * 3);color:var(--papel);cursor:pointer;--px-sombra: #2b2133}.cuenta-boton svg{width:calc(var(--p) * 11);height:calc(var(--p) * 8);image-rendering:pixelated;shape-rendering:crispEdges}.cuenta-boton.movil{justify-content:center;padding:0}.cuenta-boton.movil svg{width:72%;height:auto}.cuenta-boton .aviso{animation:cuenta-titila 1.6s steps(1) infinite}@keyframes cuenta-titila{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.cuenta-boton .aviso{animation:none}}