:root{color:#eee9dc;background:#111820;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{flex-direction:column;gap:1rem;min-height:100dvh;padding:clamp(1rem,3vw,2.5rem);display:flex}header,footer{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}header p{color:#b9c0c2;margin:.4rem 0 0}h1{margin:.25rem 0;font-size:clamp(1.8rem,4vw,3.5rem);font-weight:500}.eyebrow{letter-spacing:.15em;color:#e8aa74;font-size:.72rem}a{color:#e8aa74}.visor{background:#19252b;border:1px solid #536066;flex:1;min-height:20rem;position:relative;overflow:hidden}#lienzo{position:absolute;inset:0}canvas{touch-action:none;width:100%;height:100%;display:block}#estado{background:#10191ddd;border:1px solid #8e9b9c;max-width:min(80%,22rem);padding:.65rem .9rem;position:absolute;inset:auto 1rem 1rem auto}#estado[hidden]{display:none}footer{color:#b9c0c2;flex-wrap:wrap;font-size:.8rem}@media (width<=600px){header{align-items:flex-start}}