*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:repeating-linear-gradient(90deg,transparent 0 63px,#bbdabc08 64px),radial-gradient(at 30% 5%,#315549,#0b191a 76%);color:#e9ecdb;font:16px system-ui,sans-serif}main{display:grid;grid-template-columns:1.1fr 1fr;width:min(960px,92vw);align-items:center;gap:6vw;padding:5vh 0}small,.stamp,label,code{font:700 11px/1.5 ui-monospace,monospace;letter-spacing:.1em}.cover h1{font-size:clamp(74px,11vw,140px);letter-spacing:-.085em;line-height:.82;margin:32px 0}.cover em{font-style:normal;color:#bddc9d}.cover p{font-size:20px}.stamp{display:inline-block;margin-top:18px;padding:7px;border:1px solid #8d9f88;color:#c8d6b8}.card{background:#132724;border:1px solid #607966;border-radius:13px;padding:clamp(18px,3vw,36px);box-shadow:0 20px 40px #06121166}.card small{color:#b2d59a}.card h2{font-size:30px;line-height:1.1;letter-spacing:-.05em}.card p{font-size:14px;color:#ccdbcd;line-height:1.5}input,button,.play{font:inherit;border-radius:6px}label{display:block;margin:10px 0 4px}input{width:100%;background:#0a1c1a;color:#f3f3dd;border:1px solid #627d6b;padding:11px}button,.play{cursor:pointer;background:#c2e5a6;color:#172b23;border:0;padding:11px 15px;font-weight:750}form button,.play{display:block;margin-top:16px;width:100%;text-align:center;text-decoration:none}nav{margin-top:15px;display:flex;flex-wrap:wrap;gap:4px}nav button,.plain{color:#d6e6d5;font-size:13px;background:transparent;text-decoration:underline}details{margin:18px 0}summary{cursor:pointer}code{display:block;padding:8px;background:#243f35;overflow-wrap:anywhere}#msg{color:#ffe2ae}[hidden]{display:none!important}@media(max-width:680px){main{grid-template-columns:1fr;gap:18px;padding:24px 0}.cover h1{font-size:52px;margin:12px 0}.cover h1 br{display:none}.cover h1 em:before{content:' '}.cover p{font-size:14px;margin:0}.stamp{display:none}}
