*{box-sizing:border-box}body{margin:0;background:#f9df63;color:#111}main{min-height:100svh;display:grid;place-items:center}#joke{border:0;background:transparent;color:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px;width:100%}#joke span{font:400 clamp(70px,19vw,310px)/1 Anton,Impact,sans-serif;letter-spacing:-.035em;white-space:nowrap}#joke svg{width:26px;height:26px;fill:currentColor}#joke:hover svg{transform:scale(1.2)}button:focus-visible{outline:3px solid #111;outline-offset:-6px}video{display:none;max-width:100vw;width:auto;height:100svh;object-fit:contain;background:#000}body.playing{background:#000}body.playing #joke{display:none}body.playing video{display:block}#close{position:fixed;right:18px;top:14px;background:#fff;color:#111;border:0;border-radius:50%;width:44px;height:44px;font:32px/1 Arial;cursor:pointer}#status{position:fixed;bottom:20px;font:14px Arial;text-align:center;margin:0 20px}#status:empty{display:none}@media(prefers-reduced-motion:reduce){#joke:hover svg{transform:none}}