:root{--asphalt:#131411;--panel:#20211d;--chalk:#ece8dd;--dim:#9b9788;--safety:#ff5e00;--deep:#bd4600;--paper:#f4f1e6;--ink:#191a16;--go:#2fae5d;--stop:#e03e36;--sign:"Big Shoulders", sans-serif;--mono:"IBM Plex Mono", monospace}*{box-sizing:border-box;margin:0}html,body{min-height:100%}body{background:var(--asphalt);color:var(--chalk);font-family:var(--mono);-webkit-tap-highlight-color:transparent}button,input{font:inherit}.kiosk{flex-direction:column;gap:1rem;max-width:1180px;min-height:100dvh;margin:auto;padding:0 clamp(1rem,4vw,3rem);display:flex;position:relative}.hazard-bar{background:repeating-linear-gradient(-45deg, var(--safety) 0 22px, var(--asphalt) 22px 44px);flex:none;height:14px}.masthead{align-items:baseline;gap:1rem;display:flex}.masthead h1,.workspace h2{font-family:var(--sign);text-transform:uppercase}.masthead h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1}.masthead h1 span{color:var(--safety)}.masthead-tag,.eyebrow{color:var(--dim);text-transform:uppercase;letter-spacing:.2em;font-size:.75rem}.masthead-tag{border-left:3px solid var(--safety);padding-left:1rem}.workspace{flex:1;grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(1rem,3vw,2.5rem);padding-bottom:1rem;display:grid}.ticket{background:var(--paper);color:var(--ink);border-radius:5px;padding:clamp(1.2rem,4vw,2.5rem);transform:rotate(-.4deg);box-shadow:0 20px 50px #0008}.ticket-head{text-transform:uppercase;letter-spacing:.25em;border-bottom:2px dashed #0004;justify-content:space-between;padding-bottom:1rem;font-size:.7rem;display:flex}.readout{align-items:baseline;min-height:150px;padding-top:2rem;display:flex}.prefix,.digits{font-family:var(--sign);font-size:clamp(3rem,8vw,6rem);font-weight:900}.prefix{color:var(--safety)}.caret{background:var(--safety);width:.4em;height:.85em;animation:1s step-end infinite blink;display:inline-block}.keypad{grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid}.key,.primary,.secondary,.scan-button,.type-grid button,.courier-grid button{cursor:pointer;border:0;border-radius:8px;min-height:54px}.key{color:var(--chalk);font-family:var(--sign);background:linear-gradient(#292a25,#1b1c18);font-size:2rem;font-weight:800;box-shadow:0 4px #0008}.key-fn{color:var(--safety);font-size:1.25rem}.primary,.scan-button{background:var(--safety);color:var(--ink);font-family:var(--sign);text-transform:uppercase;box-shadow:0 5px 0 var(--deep);padding:.8rem 1.4rem;font-size:1.4rem;font-weight:900}button:disabled{opacity:.4;cursor:not-allowed}.keypad-next{grid-column:1/-1}.scan-button{margin-top:1rem;font-size:1rem}.full{grid-column:1/-1;align-self:start;width:100%;padding:2vh 0}.full h2{margin:.25rem 0 1.5rem;font-size:clamp(2.2rem,5vw,4rem)}.type-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.type-grid button{background:var(--paper);color:var(--ink);text-align:left;border-bottom:8px solid var(--safety);min-height:190px;padding:clamp(1.2rem,3vw,2rem)}.type-grid b{font-family:var(--sign);text-transform:uppercase;font-size:2rem;display:block}.type-grid span{color:#666;margin-top:2rem;display:block}.secondary{color:var(--chalk);background:#30312c;border:1px solid #fff2;padding:.7rem 1.2rem}.details{max-width:900px;margin:auto}.details label,.details legend{text-transform:uppercase;letter-spacing:.12em;margin:1rem 0;font-weight:700;display:block}.details small{color:var(--dim);text-transform:none;letter-spacing:0}.details input{background:var(--paper);width:100%;color:var(--ink);-webkit-user-select:text;user-select:text;border:3px solid #0000;border-radius:6px;margin-top:.4rem;padding:.85rem;font-size:1.2rem;display:block}.details input:focus{border-color:var(--safety);outline:none}fieldset{border:0}.courier-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.courier-grid button{color:var(--chalk);background:#2b2c27;padding:.65rem;font-size:.75rem}.courier-grid button.selected{background:var(--safety);color:var(--ink);box-shadow:inset 0 0 0 3px var(--paper)}.input-row{grid-template-columns:1fr auto;align-items:end;gap:.7rem;display:grid}.input-row .scan-button{height:54px}.signature{margin-top:.4rem;position:relative}.signature canvas{background:var(--paper);touch-action:none;border-radius:6px;width:100%;height:180px;display:block}.signature .small{min-height:38px;font-size:.7rem;position:absolute;bottom:.5rem;right:.5rem}.actions{justify-content:space-between;margin-top:1.5rem;display:flex}.error{color:#ff8983;margin:1rem 0}.result{text-align:center;grid-column:1/-1}.result-stamp{color:var(--go);font-family:var(--sign);text-transform:uppercase;border:8px double;border-radius:8px;padding:.05em .4em;font-size:clamp(4rem,12vw,8rem);font-weight:900;display:inline-block;transform:rotate(-5deg)}.result h2{margin:1rem;font-size:3rem}.result p{margin-bottom:2rem}.scanner{z-index:100;background:#000d;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.scanner-panel{background:var(--panel);border-top:8px solid var(--safety);text-align:center;width:min(640px,100%);padding:1rem}.scanner-panel h2{font-family:var(--sign);text-transform:uppercase;margin-bottom:1rem;font-size:2rem}.scanner video{background:#000;width:100%;max-height:65vh;margin-bottom:1rem;display:block}@media (width<=760px){.masthead-tag{display:none}.workspace{grid-template-columns:1fr;align-items:start}.readout{min-height:100px}.type-grid{grid-template-columns:1fr}.type-grid button{min-height:125px}.type-grid span{margin-top:1rem}.courier-grid{grid-template-columns:repeat(2,1fr)}.kiosk{padding-inline:.75rem}.full h2{font-size:2.5rem}}@keyframes blink{50%{opacity:0}}