:root{--bg:#17151c;--fg:#f4f0e8;--dim:#8e8798;--accent:#e3a63a}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;display:grid;place-items:center;background:var(--bg);color:var(--fg);font:16px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
main{text-align:center;padding:24px;max-width:30rem}
h1{font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;margin:.5rem 0 .25rem;color:var(--accent)}
p{margin:0 0 1rem;color:var(--dim)}
.stage{height:152px;display:grid;place-items:end center;overflow:hidden}
.stage img{image-rendering:pixelated;image-rendering:crisp-edges;max-width:100%;height:auto;display:block}
.shelf{height:2px;background:var(--dim);opacity:.5;margin:0 auto 1rem;width:min(260px,80%)}
.joke{min-height:4.5rem;color:var(--fg)}
.joke .remate{display:block;margin-top:.4rem;color:var(--accent)}
button{font:inherit;padding:.6rem 1.2rem;border-radius:6px;border:1px solid var(--dim);background:transparent;color:var(--fg);cursor:pointer}
button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}