:root{--paper:#efe6cc;--ink:#1c2233;--red:#a8352b;--wood:#2b1a12;--rule:#8a7f63}
*{box-sizing:border-box}
body{margin:0;background:var(--wood);color:var(--ink);font:17px/1.5 Georgia,"Times New Roman",serif}
.sheet{max-width:880px;margin:0 auto;padding:1.5rem 1.5rem 1rem;background:var(--paper);min-height:100vh}
.masthead{text-align:center;border-bottom:3px double var(--ink);margin-bottom:1rem}
.masthead h1{font:700 3.2rem/1.1 "Old English Text MT",Georgia,serif;margin:.2rem 0;letter-spacing:.02em}
.folio{display:flex;justify-content:space-between;margin:.2rem 0;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;border-top:1px solid var(--ink);padding-top:.2rem}
.lead{text-align:center;padding:1rem 0;border-bottom:1px solid var(--rule)}
.lead h2{font-size:2rem;text-transform:uppercase;margin:.2rem 0}
.clock{font-style:italic;font-size:1.1rem}
.deck{max-width:34em;margin:.5rem auto}
.actions{display:flex;gap:1.2rem;align-items:center;justify-content:center;flex-wrap:wrap}
button{font:inherit;background:var(--ink);color:var(--paper);border:0;padding:.55rem 1.2rem;cursor:pointer}
button:hover:not(:disabled){background:var(--red)}
button:disabled{opacity:.45;cursor:default}
button.link{background:none;color:var(--red);padding:0;font-size:.8rem;text-decoration:underline;float:right}
a{color:var(--red)}
#enter{font-size:1.2rem;padding:.7rem 1.8rem}
.message{min-height:1.5em;color:var(--red);font-style:italic}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}
.card{border:1px solid var(--rule);padding:.8rem 1rem;margin:1rem 0}
.cols .card{margin:0}
.card h3{margin:.1rem 0 .6rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:.06em}
.sub{display:block;font-size:.75rem;font-style:italic;text-transform:none;letter-spacing:0;color:#5a5340}
label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}
input{width:100%;font:inherit;padding:.4rem;margin:.15rem 0 .7rem;border:1px solid var(--rule);background:#fbf6e6;color:var(--ink)}
.hint{font-size:.8rem;color:#5a5340;margin:0 0 .7rem}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
th,td{text-align:right;padding:.2rem .4rem;border-bottom:1px dotted var(--rule)}
th:nth-child(2),td:nth-child(2){text-align:left}
th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
.me dl{display:grid;grid-template-columns:max-content 1fr;gap:.2rem 1rem;margin:0}
.me dt{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.me dd{margin:0}
footer{margin-top:1.5rem;padding-top:.6rem;border-top:3px double var(--ink);font-size:.8rem;text-align:center;color:#5a5340}
@media(max-width:600px){.cols{grid-template-columns:1fr}.masthead h1{font-size:2.4rem}}