*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto}
body{font-family:Georgia,"Times New Roman",serif;background:#07090e;color:#e9e4d2;line-height:1.4;min-height:100vh}
#bg{position:fixed;inset:0;background:#07090e url(/img/hero.png) center 30%/cover no-repeat;filter:brightness(.55) saturate(1.1);z-index:-1}
#bg:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(7,9,14,.15),rgba(7,9,14,.85) 70%,#07090e)}
.hidden{display:none!important}
h2{font-family:"Arial Black",Impact,sans-serif;letter-spacing:.2em;font-size:1.05em;color:#1fcf8c;margin-bottom:12px;text-transform:uppercase}
/* ---------- the press */
#press{display:grid;grid-template-columns:minmax(0,760px) 220px;gap:30px;justify-content:center;align-items:start;padding:7vh 4vw 40px}
#plate{background:linear-gradient(#2a3140,#141822);border:2px solid #3a4356;border-radius:14px;padding:14px;box-shadow:0 40px 80px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08)}
.rail{height:14px;background:repeating-linear-gradient(90deg,#1b2029 0 10px,#0b0e14 10px 12px);border-radius:6px}
#check{margin:14px 0;background:#f6f1e4 repeating-linear-gradient(0deg,transparent 0 34px,rgba(16,122,86,.14) 34px 35px);color:#1b1b20;padding:0 0 18px;position:relative;border-left:1px dashed #b9b2a0;border-right:1px dashed #b9b2a0}
#check:before,#check:after{content:"";position:absolute;left:-2px;right:-2px;height:12px;background:repeating-linear-gradient(90deg,#f6f1e4 0 9px,transparent 9px 16px)}
#check:before{top:-12px}#check:after{bottom:-12px;transform:scaleY(-1)}
.band{display:flex;justify-content:space-between;background:#107a56;color:#f6f1e4;padding:10px 22px;font-family:"Arial Black",Impact,sans-serif;letter-spacing:.14em;font-size:.8em}
#check h1{font-family:"Arial Black",Impact,sans-serif;font-size:clamp(2em,5vw,3.6em);line-height:1;padding:22px 22px 10px;letter-spacing:-.01em}
.line{display:flex;align-items:baseline;gap:14px;padding:8px 22px}
.line label{font-size:.7em;letter-spacing:.16em;color:#107a56;white-space:nowrap;font-family:"Courier New",monospace;font-weight:700}
.line .fill{flex:1;border-bottom:1.5px solid #1b1b20;padding:4px 2px;font-style:italic;color:#3a3a40}
.line .fill.amt{font-style:normal;font-weight:700;color:#1b1b20}.line .fill.amt i{font-weight:400;color:#6a6a72;font-size:.85em}
.line input{flex:1;background:transparent;border:0;border-bottom:1.5px solid #1b1b20;padding:4px 2px;font-family:"Courier New",monospace;font-size:1.05em;color:#1b1b20;min-width:0}
.line input::placeholder{color:#9a958a}.line input:focus{outline:0;border-bottom-color:#107a56;background:rgba(16,122,86,.06)}
.line.two{gap:28px}.line.two>div{flex:1;display:flex;align-items:baseline;gap:12px;min-width:0}
.foot{display:flex;justify-content:space-between;align-items:center;padding:18px 22px 0}
.micr{font-family:"Courier New",monospace;font-size:1.1em;letter-spacing:.1em;color:#1b1b20}
#go{background:#c92b2b;color:#fff;border:0;width:120px;height:120px;border-radius:50%;font-family:"Arial Black",Impact,sans-serif;font-size:1.3em;letter-spacing:.1em;cursor:pointer;box-shadow:0 8px 0 #7a1515,0 16px 30px rgba(0,0,0,.4);transform:rotate(-8deg);transition:transform .1s,box-shadow .1s;border:5px double #ffd8d8}
#go:active,#go[disabled]{transform:rotate(-8deg) translateY(6px);box-shadow:0 2px 0 #7a1515}
#go[disabled]{opacity:.8;cursor:wait}
#msg{padding:12px 22px 0;font-family:"Courier New",monospace;font-size:.95em;min-height:28px}.err{color:#c92b2b}.ok{color:#107a56;font-weight:700}#msg a{color:#107a56}
#deposit{margin:14px 22px 0;background:#1b1b20;color:#f6f1e4;padding:16px 18px;border-radius:8px;font-family:"Courier New",monospace}
#deposit b{color:#ffd36b;letter-spacing:.2em}#deposit code{display:block;word-break:break-all;color:#1fcf8c;margin:6px 0}#deposit p{margin:6px 0}#deposit .small{font-size:.8em;color:#9aa08f}
#deposit button{background:#1fcf8c;border:0;color:#06160f;padding:6px 12px;border-radius:4px;font-weight:700;cursor:pointer;font-family:inherit}
#counter{background:rgba(7,9,14,.7);border:1px solid #2b3144;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:14px;backdrop-filter:blur(6px)}
#counter div{display:flex;flex-direction:column}#counter b{font-family:"Arial Black",Impact,sans-serif;font-size:2em;color:#1fcf8c;line-height:1}#counter span{font-size:.7em;letter-spacing:.14em;text-transform:uppercase;color:#9aa08f;margin-top:4px}
#own a{color:#ffd36b;font-weight:700;text-decoration:none}#own code{font-size:.7em;color:#9aa08f;word-break:break-all;margin-top:4px}
/* ---------- the tray of printed checks */
#tray{padding:20px 4vw 50px;max-width:1240px;margin:0 auto}
#receipts{display:flex;gap:18px;overflow-x:auto;padding:16px 4px 26px;scroll-snap-type:x mandatory}
.rc{flex:0 0 300px;scroll-snap-align:start;background:#f6f1e4;color:#1b1b20;border-top:8px solid #107a56;padding:12px 14px 14px;position:relative;box-shadow:0 14px 30px rgba(0,0,0,.5);animation:feed .7s ease-out}
@keyframes feed{from{transform:translateY(-30px);opacity:0}to{transform:none;opacity:1}}
.rc.empty{flex:1;font-style:italic;color:#6a6a72;border-top-color:#b9b2a0}
.rc img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border:1px solid #d9d2bf}
.rc .sym{font-family:"Arial Black",Impact,sans-serif;font-size:1.4em;color:#107a56;margin-top:8px}.rc .name{font-weight:700;font-size:.95em}
.rc .tw{font-size:.85em;color:#3a3a40;border-left:3px solid #107a56;padding-left:8px;margin:8px 0;white-space:pre-wrap;max-height:5.2em;overflow:hidden}
.rc .meta{font-family:"Courier New",monospace;font-size:.72em;color:#6a6a72;display:flex;flex-wrap:wrap;gap:4px 10px}.rc .meta a{color:#107a56;font-weight:700;text-decoration:none}
/* ---------- the ledger */
#ledger{padding:0 4vw 60px;max-width:1240px;margin:0 auto}
.book{background:#f6f1e4 repeating-linear-gradient(0deg,transparent 0 31px,rgba(16,122,86,.18) 31px 32px);color:#1b1b20;padding:26px 30px;border-radius:4px;box-shadow:0 20px 50px rgba(0,0,0,.5);border-left:14px solid #8a1f1f}
.book h2{color:#107a56}.book p{font-size:.95em;color:#3a3a40;margin-bottom:14px}.book code{background:#1b1b20;color:#1fcf8c;padding:2px 6px;border-radius:3px;font-size:.85em}
table{width:100%;border-collapse:collapse;font-family:"Courier New",monospace}
th{text-align:left;font-size:.7em;letter-spacing:.15em;color:#107a56;border-bottom:2px solid #107a56;padding:6px 8px}
td{padding:7px 8px;border-bottom:1px dotted #b9b2a0}td.none{text-align:center;color:#8a8a90;font-style:italic;font-family:Georgia,serif}
td.w{color:#107a56;font-weight:700}td a{color:#1b1b20}
.tag{font-size:.65em;letter-spacing:.1em;padding:2px 7px;border-radius:3px;background:#1b1b20;color:#f6f1e4}.tag.c{background:#107a56}
.claim{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;align-items:center}
.claim input{flex:1;min-width:220px;background:#fff;border:1.5px solid #1b1b20;padding:10px;font-family:"Courier New",monospace}
.claim button{background:#107a56;color:#f6f1e4;border:0;padding:12px 18px;font-family:"Arial Black",Impact,sans-serif;letter-spacing:.12em;cursor:pointer}
#cmsg{width:100%;font-family:"Courier New",monospace;font-size:.9em;min-height:20px}
footer{display:flex;gap:18px;align-items:center;padding:20px 4vw 40px;color:#6b7266;font-size:.8em;max-width:1240px;margin:0 auto;flex-wrap:wrap}footer b{color:#1fcf8c;font-family:"Arial Black",Impact,sans-serif;letter-spacing:.2em}footer code{margin-left:auto;font-size:.8em}
@media (max-width:900px){#press{grid-template-columns:1fr;padding-top:3vh}#counter{flex-direction:row;flex-wrap:wrap}#counter div{flex:1 1 40%}.line.two{flex-direction:column;align-items:stretch;gap:8px}.foot{flex-direction:column;gap:16px}#check h1{font-size:2.2em}}