: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;background-size:cover;background-position:center bottom;image-rendering:pixelated}.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-tag{color:var(--papel);--px-sombra: 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 .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}.pombero-espia{position:fixed;left:0;bottom:0;width:calc(96px * var(--pr, 1));opacity:0;animation:espiar 14s 3s infinite steps(1);pointer-events:none}@keyframes espiar{0%,74%,to{opacity:0;transform:translate(-30%,40%)}76%,90%{opacity:1;transform:translateY(18%)}}@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.codigo .campo-caret{height:calc(var(--p) * 16)}.px-campo.vacio .campo-caret{order:-1;margin:0 var(--p) 0 0}@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}}