:root{--ink:#05301b;--paper:#0fab52;--faint:color-mix(in srgb, var(--ink) 82%, var(--paper))}*{box-sizing:border-box;user-select:none;-webkit-touch-callout:none;margin:0}body{height:100dvh;color:var(--ink);touch-action:none;background:#0d0b09;place-items:center;font-family:Bricolage Grotesque,ui-sans-serif,sans-serif;display:grid;overflow:hidden}.bill{background:var(--paper);color:var(--ink);flex-direction:column;gap:2vh;width:100vw;height:100dvh;padding:7vh 6vw 4vh;display:flex;position:relative;overflow:hidden}@media (width>=820px){.bill{aspect-ratio:2.61;border-radius:1.5rem;flex-direction:row;gap:2rem;width:min(94vw,1180px);height:auto;padding:3.4rem 2.6rem 2.4rem;box-shadow:0 40px 90px #000000bf}}.masthead{position:absolute;top:26px;left:0;right:0}@media (width<=819px){.serial-a,.signature{display:none}.masthead{top:104px}.bill{padding-top:16vh}}.pane{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.6rem;min-width:0;display:flex;position:relative}.pane-center{flex:1.8}.engrave{letter-spacing:.34em;text-align:center;color:var(--ink);text-transform:uppercase;font-family:JetBrains Mono,ui-monospace,monospace;font-size:clamp(.6rem,1.1vw,.78rem);font-weight:700;line-height:1.25}.tiny{letter-spacing:.32em;color:var(--ink);font-size:.65rem}.frame{aspect-ratio:3.2;border:2px solid var(--ink);background:color-mix(in srgb, var(--ink) 14%, var(--paper));border-radius:1rem;width:100%;position:relative}#pad{cursor:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyOCcgaGVpZ2h0PScyOCcgdmlld0JveD0nMCAwIDI4IDI4Jz48cGF0aCBkPSdNNCAyNCBMNi41IDE3LjUgTDIwIDQgYTIuOCAyLjggMCAwIDEgNCA0IEwxMC41IDIxLjUgWicgZmlsbD0nIzA1MzAxYicgc3Ryb2tlPScjZmZmZmZmJyBzdHJva2Utd2lkdGg9JzEuNScvPjwvc3ZnPg==) 4 24,crosshair;width:100%;height:100%;position:absolute;inset:0}.hint{pointer-events:none;letter-spacing:.32em;text-transform:uppercase;color:color-mix(in srgb, var(--ink) 60%, transparent);place-items:center;font-size:.72rem;transition:opacity .2s;display:grid;position:absolute;inset:0}.row{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.sq-group{gap:.5rem;display:flex}.sq-btn,.clear-btn{border:2px solid var(--ink);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;background:0 0;border-radius:.75rem;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.sq-btn:hover,.clear-btn:hover{background:var(--ink);color:var(--paper)}.sq-btn{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;font-weight:700}.sq-btn.on{background:var(--ink);color:var(--paper)}.ghost{opacity:.3;width:100%;height:100%}.ghost path{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}@media (prefers-reduced-motion:reduce){.ghost path{stroke-dashoffset:0}.ghost{opacity:.2}}.chips{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.chip{letter-spacing:.14em;border:1px solid var(--faint);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:.32rem .75rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem;font-weight:700;line-height:1.1;transition:background .15s,border-color .15s,color .15s}.chip:hover{border-color:var(--ink)}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.result{letter-spacing:-.02em;text-align:center;white-space:nowrap;max-width:100%;color:var(--ink);font-family:Bricolage Grotesque,ui-sans-serif,sans-serif;font-size:clamp(2.6rem,5.4vw,4.4rem);font-weight:800;line-height:1}.sub{letter-spacing:.18em;text-align:center;text-transform:uppercase;color:var(--faint);font-size:.68rem}.credit{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);border-bottom:1px dotted;font-size:.56rem;text-decoration:none}.credit:hover{color:var(--ink)}.signature{letter-spacing:-.02em;color:var(--ink);font-family:Bricolage Grotesque,ui-sans-serif,sans-serif;font-size:1.6rem;font-weight:800;text-decoration:none;transition:color .15s;position:absolute;top:22px;left:28px;transform:rotate(-4deg)}.signature:hover{color:#fff}@media (width<=819px){.signature{top:24px;left:50%;transform:translate(-50%)rotate(-4deg)}}.serial{letter-spacing:.22em;color:var(--ink);opacity:.85;font-size:.58rem;position:absolute}.serial-a{top:24px;right:28px}.serial-b{bottom:24px;left:28px}