html,body{background:#000;height:100%;margin:0;overflow:hidden}#juego{position:absolute}#juego canvas{width:100%;height:100%;image-rendering:pixelated;display:block}#interfaz{pointer-events:none;color:#fff;font-family:ui-monospace,monospace;position:absolute;inset:0}.personaje{top:calc(6px * var(--escala));left:calc(8px * var(--escala));font-size:calc(10px * var(--escala));text-shadow:0 calc(1px * var(--escala)) 0 #000;position:absolute}.temporizador{top:calc(6px * var(--escala));font-size:calc(12px * var(--escala));text-shadow:0 calc(1px * var(--escala)) 0 #000;position:absolute;left:50%;transform:translate(-50%)}.temporizador.apurado{color:#ff6b5b}.vida{top:calc(20px * var(--escala));left:calc(8px * var(--escala));gap:calc(4px * var(--escala));font-size:calc(8px * var(--escala));text-shadow:0 calc(1px * var(--escala)) 0 #000;align-items:center;display:flex;position:absolute}.vida-barra{width:calc(80px * var(--escala));height:calc(6px * var(--escala));border:calc(1px * var(--escala)) solid #000;background:#0009}.vida-barra>div{background:#c83737;height:100%}.esquiva{top:calc(30px * var(--escala));left:calc(8px * var(--escala));gap:calc(4px * var(--escala));font-size:calc(8px * var(--escala));text-shadow:0 calc(1px * var(--escala)) 0 #000;align-items:center;display:flex;position:absolute}.esquiva-barra{width:calc(40px * var(--escala));height:calc(4px * var(--escala));border:calc(1px * var(--escala)) solid #000;background:#0009}.esquiva-barra>div{background:#5fb3ff;height:100%;transition:width .1s linear}.pantalla{gap:calc(6px * var(--escala));font-size:calc(10px * var(--escala));pointer-events:auto;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pantalla-titulo{font-size:calc(16px * var(--escala))}.pantalla button{padding:calc(3px * var(--escala)) calc(8px * var(--escala));font:inherit}.controles{bottom:calc(10px * var(--escala));left:calc(8px * var(--escala));gap:calc(4px * var(--escala));padding:calc(6px * var(--escala));font-size:calc(8px * var(--escala));text-shadow:0 calc(1px * var(--escala)) 0 #000;background:#0000008c;display:grid;position:absolute}.controles-titulo{font-size:calc(10px * var(--escala))}.control{gap:calc(6px * var(--escala));align-items:center;display:flex}.control kbd{min-width:calc(8px * var(--escala));margin-right:calc(2px * var(--escala));padding:0 calc(2px * var(--escala));border:calc(1px * var(--escala)) solid #fff;font:inherit;text-align:center;display:inline-block}.campamento{gap:calc(10px * var(--escala));padding:calc(12px * var(--escala)) calc(16px * var(--escala));font-size:calc(10px * var(--escala));pointer-events:auto;background:#1d2a1b;flex-direction:column;display:flex;position:absolute;inset:0}.campamento button,.campamento select{padding:calc(3px * var(--escala)) calc(8px * var(--escala));font:inherit}.campamento input[type=checkbox]{width:calc(10px * var(--escala));height:calc(10px * var(--escala))}.campamento-cabecera{gap:calc(16px * var(--escala));align-items:center;display:flex}.campamento-secciones,.peligros{gap:calc(4px * var(--escala));flex-wrap:wrap;align-items:center;display:flex}.campamento button[aria-pressed=true]{background:#f2d16b}.campamento-seccion{gap:calc(8px * var(--escala));flex-direction:column;flex:1;display:flex;overflow:auto}.campamento-fila{gap:calc(12px * var(--escala));align-items:center;display:flex}.campamento-nombre{min-width:calc(110px * var(--escala));font-size:calc(12px * var(--escala))}.apagado{color:#9aa79a}.empezar{align-self:flex-start}.aviso-guardado{gap:calc(8px * var(--escala));padding:calc(4px * var(--escala)) calc(6px * var(--escala));border:calc(1px * var(--escala)) solid #ff6b5b;color:#ff6b5b;align-items:center;display:flex}.aviso-playtest{padding:calc(4px * var(--escala)) calc(6px * var(--escala));border:calc(1px * var(--escala)) solid #f2d16b;color:#f2d16b;font-size:calc(8px * var(--escala))}