*{box-sizing:border-box}
:root{--ink:#222421;--paper:#f3efe3;--yellow:#efd25d}
body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:"Courier New",monospace;background-image:radial-gradient(#22242112 1px,transparent 1px);background-size:14px 14px}
main{width:min(620px,calc(100% - 28px));min-height:100vh;margin:auto;display:flex;flex-direction:column;justify-content:center;padding:35px 0}
.eyebrow{font-size:9px;font-weight:bold;letter-spacing:.13em;margin-bottom:10px}
.card{border:4px solid var(--ink);background:#fffdf6;padding:clamp(24px,7vw,55px);box-shadow:8px 8px 0 var(--ink);transform:rotate(-.35deg)}
.status{display:inline-block;background:var(--yellow);border:2px solid var(--ink);padding:7px 9px;font-size:10px;font-weight:bold;transform:rotate(1.5deg)}
h1{font:900 clamp(70px,22vw,145px)/.72 Arial,sans-serif;letter-spacing:-.08em;margin:38px 0 28px}
p{font-size:14px;line-height:1.55}.small{font-size:11px;color:#666;margin-bottom:28px}
a,button{font:bold 11px "Courier New",monospace;color:var(--ink);border:2px solid var(--ink);padding:13px 14px;background:white;text-decoration:none;cursor:pointer}
a{display:block;background:var(--yellow);box-shadow:4px 4px 0 var(--ink);text-align:center;font-size:13px;margin-bottom:12px}
button{width:100%;border-style:dashed;background:transparent}
#answer{margin-top:18px;border-left:5px solid var(--ink);padding:10px 13px;font-size:11px;line-height:1.5;background:#f1eee5}
.hidden{display:none!important}
footer{text-align:center;margin-top:28px;font-size:8px;letter-spacing:.08em;color:#777}