:root{--concrete: #dedfda;--concrete-deep: #cfd0ca;--chalk: #ffffff;--roast: #2a1b14;--roast-2: #625550;--line: #c4c2ba;--bond: #f6de5c;--bond-deep: #e2c642;--ink: #4b2f8e;--ink-press: #38216f;--ink-soft: #e9e3f6;--danger: #a3272d;--danger-soft: #f8e4e3;--ok: #1d6a44;--font: "Archivo", "Arial Narrow", system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs: 13px;--text-sm: 15px;--text-md: 17px;--text-lg: 21px;--text-xl: 28px;--text-2xl: 40px;--text-3xl: 56px;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--shadow-card: 0 1px 0 rgba(42, 27, 20, .08), 0 10px 24px -14px rgba(42, 27, 20, .45);--ease-out: cubic-bezier(.2, .8, .2, 1);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--concrete);color:var(--roast);font-family:var(--font);font-size:var(--text-md);line-height:1.45;font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.1;font-weight:800;font-stretch:80%;font-variation-settings:"wdth" 80}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tnum{font-variant-numeric:tabular-nums}.muted{color:var(--roast-2)}.small{font-size:var(--text-sm)}.xsmall{font-size:var(--text-xs)}.stack>*+*{margin-top:var(--gap, 16px)}.row{display:flex;align-items:center;gap:12px}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border:2px solid transparent;border-radius:var(--r-md);background:var(--ink);color:var(--chalk);font-weight:700;font-size:var(--text-md);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .12s ease,transform 80ms ease;touch-action:manipulation}.btn:hover{background:var(--ink-press)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--block{width:100%}.btn--big{min-height:58px;font-size:var(--text-lg);font-stretch:85%;font-variation-settings:"wdth" 85}.btn--ghost{background:transparent;border-color:var(--line);color:var(--roast)}.btn--ghost:hover{background:var(--chalk)}.btn--bond{background:var(--bond);color:var(--roast)}.btn--bond:hover{background:var(--bond-deep)}.btn--danger{background:var(--danger)}.btn--danger:hover{background:#861e23}.btn--sm{min-height:40px;padding:0 14px;font-size:var(--text-sm)}.link-btn{background:none;border:0;padding:8px 0;color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:40px}.link-btn--danger{color:var(--danger)}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:0;border-radius:var(--r-md);background:transparent;color:var(--roast);cursor:pointer}.icon-btn:hover{background:#2a1b1412}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.icon{width:22px;height:22px;flex:none}.field{display:grid;gap:6px}.field>label,.field-label{font-weight:700;font-size:var(--text-sm)}.field-hint{font-size:var(--text-xs);color:var(--roast-2)}.input{width:100%;min-height:48px;padding:10px 14px;border:2px solid var(--line);border-radius:var(--r-md);background:var(--chalk);font-size:var(--text-md)}.input:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px var(--ink-soft)}.input[aria-invalid=true]{border-color:var(--danger)}.input--code{font-size:var(--text-lg);letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums}.input-prefix{display:flex;align-items:stretch;border:2px solid var(--line);border-radius:var(--r-md);background:var(--chalk);overflow:hidden}.input-prefix:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px var(--ink-soft)}.input-prefix span{display:flex;align-items:center;padding:0 4px 0 14px;color:var(--roast-2);white-space:nowrap}.input-prefix .input{border:0;box-shadow:none;padding-left:2px}.check{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:10px 0;cursor:pointer}.check input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--ink);flex:none}.form-error{padding:12px 14px;border-radius:var(--r-md);background:var(--danger-soft);color:var(--danger);font-weight:600;font-size:var(--text-sm)}.form-note{padding:12px 14px;border-radius:var(--r-md);background:var(--ink-soft);color:var(--ink-press);font-size:var(--text-sm)}.switch{display:inline-flex;align-items:center;gap:8px;min-height:40px;font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{appearance:none;width:42px;height:26px;margin:0;border-radius:999px;background:var(--line);position:relative;cursor:pointer;transition:background-color .15s ease;flex:none}.switch input:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--chalk);box-shadow:0 1px 2px #00000040;transition:transform .15s var(--ease-out)}.switch input:checked{background:var(--ink)}.switch input:checked:after{transform:translate(16px)}.panel{background:var(--chalk);border-radius:var(--r-lg);padding:20px}.panel--flush{padding:0;overflow:hidden}.panel-title{font-size:var(--text-lg);margin-bottom:12px}.divided>*+*{border-top:1px solid #e7e5df}.phone{max-width:460px;margin:0 auto;padding:20px 16px calc(120px + env(safe-area-inset-bottom));min-height:100vh;min-height:100dvh}.shop-title{font-size:var(--text-2xl);line-height:.95;font-stretch:70%;font-variation-settings:"wdth" 70;font-weight:900;letter-spacing:-.01em;overflow-wrap:anywhere}.dock{position:fixed;left:0;right:0;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--concrete) 70%,rgba(222,223,218,0));z-index:10}.dock-inner{max-width:428px;margin:0 auto;display:grid;gap:8px}.ticket{position:relative;padding:18px 22px 16px;border-radius:10px;background:repeating-linear-gradient(0deg,rgba(120,90,0,.035) 0 1px,transparent 1px 3px),var(--bond);box-shadow:var(--shadow-card);-webkit-mask:radial-gradient(circle 11px at 0 58%,transparent 98%,#000) left / 51% 100% no-repeat,radial-gradient(circle 11px at 100% 58%,transparent 98%,#000) right / 51% 100% no-repeat;mask:radial-gradient(circle 11px at 0 58%,transparent 98%,#000) left / 51% 100% no-repeat,radial-gradient(circle 11px at 100% 58%,transparent 98%,#000) right / 51% 100% no-repeat}.ticket--thunk{animation:thunk .26s .22s var(--ease-out) both}@keyframes thunk{40%{transform:translateY(3px) scale(.995)}}.ticket-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:10px;border-bottom:2px dashed rgba(42,27,20,.28)}.ticket-shop{font-weight:800;font-size:var(--text-lg);font-stretch:75%;font-variation-settings:"wdth" 75;line-height:1.1;overflow-wrap:anywhere}.ticket-code{font-size:var(--text-xs);font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#2a1b14b3;white-space:nowrap}.ticket-grid{display:grid;grid-template-columns:repeat(var(--cols, 5),1fr);gap:10px 8px;padding:16px 0 14px}.slot{position:relative;aspect-ratio:1;display:grid;place-items:center}.slot-empty{width:86%;height:86%;border-radius:50%;border:2px dashed rgba(42,27,20,.32);display:grid;place-items:center;font-size:var(--text-sm);font-weight:700;color:#2a1b1473;font-variant-numeric:tabular-nums}.slot-empty--reward{border-style:solid;border-color:var(--ink);color:var(--ink);font-size:11px;line-height:1.05;text-align:center;font-weight:800}.slot-empty--reward .icon{width:18px;height:18px;margin-bottom:1px}.stamp{width:100%;height:100%;color:var(--ink);transform:rotate(var(--rot, 0deg));overflow:visible}.stamp text{font-family:var(--font);fill:var(--bond);text-anchor:middle;font-weight:800}.stamp .stamp-mon{font-size:19px;letter-spacing:1px;font-stretch:75%;font-variation-settings:"wdth" 75}.stamp .stamp-day{font-size:34px;font-stretch:70%;font-variation-settings:"wdth" 70}.stamp--fresh{animation:stamp-in .42s var(--ease-out) both;animation-delay:var(--delay, 0ms)}@keyframes stamp-in{0%{opacity:0;transform:rotate(var(--rot, 0deg)) scale(1.9)}55%{opacity:1;transform:rotate(var(--rot, 0deg)) scale(.9)}to{opacity:1;transform:rotate(var(--rot, 0deg)) scale(1)}}.ticket-foot{display:flex;justify-content:space-between;gap:12px;font-size:var(--text-sm);font-weight:600}.card-status{margin-top:16px;font-size:var(--text-lg);font-weight:700;font-stretch:85%;font-variation-settings:"wdth" 85;line-height:1.25}.history{list-style:none;margin:0;padding:0}.history li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 0;border-top:1px solid var(--concrete-deep)}.history .what{font-weight:600}.history .when{font-size:var(--text-xs);color:var(--roast-2)}.history .gain{grid-row:span 2;align-self:center;font-weight:800;color:var(--ink);white-space:nowrap}.history .voided{text-decoration:line-through;color:var(--roast-2)}.backup-code{display:block;padding:14px;border-radius:var(--r-md);background:var(--concrete);font-size:clamp(17px,5.4vw,26px);font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums;text-align:center;-webkit-user-select:all;user-select:all;white-space:nowrap}.menu-list{list-style:none;margin:0;padding:0}.menu-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px 16px}.menu-row+.menu-row{border-top:1px solid #e7e5df}.menu-row--picked{background:#fbf8e6}.menu-name{font-weight:700;line-height:1.25}.menu-meta{font-size:var(--text-sm);color:var(--roast-2)}.stepper{display:flex;align-items:center;gap:2px;border-radius:var(--r-md)}.stepper button{display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--line);border-radius:50%;background:var(--chalk);color:var(--roast);cursor:pointer;touch-action:manipulation}.stepper button.plus{border-color:var(--ink);background:var(--ink);color:var(--chalk)}.stepper button:disabled{opacity:.35;cursor:not-allowed}.stepper output{min-width:34px;text-align:center;font-weight:800;font-size:var(--text-lg);font-variant-numeric:tabular-nums}.pick{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:14px 16px;cursor:pointer}.pick+.pick{border-top:1px solid #e7e5df}.pick input{width:22px;height:22px;margin:0;accent-color:var(--ink)}.handoff{position:fixed;inset:0;z-index:30;overflow-y:auto;background:var(--ink);color:var(--chalk)}.handoff--reward{background:var(--bond);color:var(--roast)}.handoff-inner{max-width:460px;min-height:100%;margin:0 auto;padding:24px 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:20px}.handoff-hint{font-size:var(--text-sm);opacity:.85}.handoff-lines{list-style:none;margin:0;padding:0;font-size:var(--text-xl);font-weight:800;font-stretch:78%;font-variation-settings:"wdth" 78;line-height:1.15}.handoff-lines li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.22)}.handoff--reward .handoff-lines li{border-bottom-color:#2a1b1433}.handoff-lines .qty{font-variant-numeric:tabular-nums;margin-right:6px}.handoff-lines .price{font-size:var(--text-lg);font-weight:600;white-space:nowrap}.handoff-total{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--text-2xl);font-weight:900;font-stretch:70%;font-variation-settings:"wdth" 70;line-height:1}.handoff-who{font-size:var(--text-md)}.handoff-earn{display:inline-block;align-self:flex-start;padding:6px 12px;border-radius:999px;background:var(--bond);color:var(--roast);font-weight:800;font-size:var(--text-sm)}.handoff-hold{margin-top:auto;display:grid;justify-items:center;gap:12px;padding-top:12px}.handoff .form-error{background:var(--chalk)}.handoff .link-btn{color:inherit}.hold{position:relative;width:184px;height:184px;border:0;border-radius:50%;background:var(--chalk);color:var(--ink);font-size:var(--text-lg);font-weight:800;font-stretch:80%;font-variation-settings:"wdth" 80;line-height:1.1;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;box-shadow:0 10px 30px -10px #00000080;transition:transform .12s ease}.hold--reward{background:var(--ink);color:var(--chalk)}.hold[data-holding=true]{transform:scale(.96)}.hold:disabled{cursor:progress}.hold svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.hold .ring-track{fill:none;stroke:#4b2f8e24;stroke-width:10}.hold .ring{fill:none;stroke:var(--bond-deep);stroke-width:10;stroke-linecap:round}.hold--reward .ring-track{stroke:#fff3}.hold--reward .ring{stroke:var(--bond)}.hold-label{position:relative;display:block;padding:0 28px}.site{max-width:1040px;margin:0 auto;padding:20px 16px 64px}.site-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:var(--text-xl);font-stretch:70%;font-variation-settings:"wdth" 70;color:var(--roast);text-decoration:none}.brand svg{width:32px;height:32px}.hero{display:grid;gap:40px;align-items:center}.hero h1{font-size:clamp(40px,9vw,76px);line-height:.92;font-weight:900;font-stretch:66%;font-variation-settings:"wdth" 66;letter-spacing:-.01em;max-width:12ch}.hero-lede{margin-top:20px;max-width:46ch;font-size:var(--text-lg);line-height:1.45}.hero-actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}.hero-card{max-width:400px;width:100%;justify-self:center;transform:rotate(-2.5deg)}.steps{margin:72px 0 0;padding:0;list-style:none;display:grid;gap:28px;counter-reset:step}.steps li{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;counter-increment:step}.steps li:before{content:counter(step);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--ink);color:var(--bond);font-weight:900;font-size:var(--text-xl);font-stretch:70%;font-variation-settings:"wdth" 70}.steps h3{font-size:var(--text-lg);margin-bottom:4px}.steps p{max-width:52ch;color:var(--roast-2)}.site-foot{margin-top:72px;padding-top:20px;border-top:2px dashed var(--line);font-size:var(--text-sm);color:var(--roast-2)}@media(min-width:860px){.hero{grid-template-columns:1.15fr 1fr}.steps{grid-template-columns:repeat(2,1fr);gap:32px 48px}}.auth{max-width:440px;margin:0 auto;padding:20px 16px 64px}.auth h1{font-size:var(--text-2xl);font-stretch:70%;font-variation-settings:"wdth" 70;font-weight:900;margin:32px 0 8px}.admin{min-height:100vh;padding-bottom:calc(84px + env(safe-area-inset-bottom))}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;max-width:1080px;margin:0 auto}.admin-shop{font-weight:900;font-size:var(--text-xl);font-stretch:70%;font-variation-settings:"wdth" 70;line-height:1;overflow-wrap:anywhere}.admin-main{max-width:1080px;margin:0 auto;padding:4px 16px 32px}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:var(--roast)}.tab{display:grid;justify-items:center;gap:2px;padding:6px 2px;border-radius:var(--r-sm);color:#ffffffb8;font-size:12px;font-weight:600;text-decoration:none}.tab[aria-current=page]{color:var(--bond)}.tab .icon{width:24px;height:24px}@media(max-width:519px){.hide-sm{display:none}}@media(min-width:900px){.admin{display:grid;grid-template-columns:220px 1fr;grid-template-rows:auto 1fr;padding-bottom:0}.admin-top{grid-column:2;width:100%;padding:24px 32px 8px;margin:0}.admin-main{grid-column:2;width:100%;padding:8px 32px 48px;margin:0}.tabs{position:sticky;top:0;grid-row:1 / span 2;grid-column:1;height:100vh;display:flex;flex-direction:column;gap:4px;padding:24px 12px}.tab{display:flex;align-items:center;gap:12px;padding:12px 14px;font-size:var(--text-md)}.tab[aria-current=page]{background:#ffffff14}}.page-title{font-size:var(--text-xl);margin-bottom:16px}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chip{flex:none;min-height:40px;padding:0 16px;border:2px solid var(--line);border-radius:999px;background:transparent;font-weight:600;font-size:var(--text-sm);cursor:pointer}.chip[aria-pressed=true]{background:var(--roast);border-color:var(--roast);color:var(--chalk)}.headline{font-size:clamp(30px,6.4vw,52px);font-weight:900;font-stretch:68%;font-variation-settings:"wdth" 68;line-height:1;letter-spacing:-.01em;max-width:20ch}.subline{margin-top:12px;font-size:var(--text-lg);max-width:52ch}.delta-up{color:var(--ok);font-weight:700}.delta-down{color:var(--danger);font-weight:700}.grid-2{display:grid;gap:16px}@media(min-width:900px){.grid-2{grid-template-columns:1.2fr 1fr;align-items:start}}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;font-weight:700;color:var(--roast-2);padding:0 8px 8px 0;font-size:var(--text-xs)}.table td{padding:10px 8px 10px 0;border-top:1px solid #e7e5df;vertical-align:middle}.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.bar-cell{width:30%}.bar{height:10px;border-radius:999px;background:var(--ink);min-width:4px}.columns{display:flex;align-items:flex-end;gap:4px;height:160px;padding-top:8px}.column{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%;min-width:0}.column-bar{width:100%;max-width:36px;border-radius:6px 6px 2px 2px;background:var(--ink);min-height:2px}.column-bar--empty{background:var(--concrete-deep)}.column-label{font-size:11px;color:var(--roast-2);font-variant-numeric:tabular-nums;white-space:nowrap}.list-row{display:grid;grid-template-columns:auto 1fr auto;gap:4px 14px;align-items:start;padding:14px 16px}.list-row--voided .list-main,.list-row--voided .list-amount{opacity:.55}.list-row--voided .list-amount{text-decoration:line-through}.list-time{font-weight:700;font-variant-numeric:tabular-nums;min-width:64px}.list-amount{font-weight:800;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.list-actions{grid-column:2 / -1}.tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;background:var(--ink-soft);color:var(--ink-press);vertical-align:1px}.tag--bond{background:var(--bond);color:var(--roast)}.tag--grey{background:var(--concrete);color:var(--roast-2)}.tag--danger{background:var(--danger-soft);color:var(--danger)}.confirm{margin-top:8px;padding:12px;border-radius:var(--r-md);background:var(--danger-soft);display:grid;gap:10px}.menu-admin-row{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;padding:14px 16px}.menu-admin-row--off .menu-name{color:var(--roast-2)}.menu-admin-tools{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px}.empty{padding:32px 20px;text-align:center}.empty p{margin:8px auto 16px;max-width:36ch;color:var(--roast-2)}.form-grid{display:grid;gap:16px}@media(min-width:640px){.form-grid--2{grid-template-columns:1fr 1fr}}.radio-card{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:14px;border:2px solid var(--line);border-radius:var(--r-md);cursor:pointer}.radio-card:has(input:checked){border-color:var(--ink);background:var(--ink-soft)}.radio-card input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--ink);grid-row:span 2}.skeleton{border-radius:var(--r-md);background:linear-gradient(90deg,var(--concrete-deep),#d8d9d3,var(--concrete-deep));background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.toast-host{position:fixed;left:0;right:0;bottom:calc(96px + env(safe-area-inset-bottom));display:grid;justify-items:center;pointer-events:none;z-index:50}.toast{padding:12px 18px;border-radius:var(--r-md);background:var(--roast);color:var(--chalk);font-weight:600;font-size:var(--text-sm);box-shadow:0 8px 24px -8px #00000080;animation:toast-in .18s var(--ease-out)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.poster{max-width:720px;margin:0 auto;padding:24px 16px}.poster-sheet{background:var(--bond);border-radius:14px;padding:48px 40px;text-align:center;display:grid;gap:24px;justify-items:center}.poster-shop{font-size:clamp(44px,10vw,84px);font-weight:900;font-stretch:66%;font-variation-settings:"wdth" 66;line-height:.92;overflow-wrap:anywhere}.poster-qr{width:min(380px,80%);padding:18px;background:var(--chalk);border-radius:14px}.poster-qr svg{display:block;width:100%;height:auto}.poster-call{font-size:clamp(26px,5vw,40px);font-weight:900;font-stretch:72%;font-variation-settings:"wdth" 72;color:var(--ink);line-height:1.05}.poster-rules{font-size:var(--text-lg);max-width:30ch}.poster-url{font-size:var(--text-sm);color:var(--roast-2);overflow-wrap:anywhere}@media print{@page{size:A4;margin:12mm}body{background:#fff}.no-print{display:none!important}.poster{max-width:none;padding:0}.poster-sheet{-webkit-print-color-adjust:exact;print-color-adjust:exact;min-height:270mm;align-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0ms!important;scroll-behavior:auto!important}.stamp--fresh{animation:stamp-fade .3s ease both;animation-delay:var(--delay, 0ms)}.ticket--thunk,.skeleton{animation:none}}@keyframes stamp-fade{0%{opacity:0}}.pinpad{width:100%;max-width:300px;display:grid;justify-items:center;gap:10px}.pinpad-title{font-weight:800;font-size:var(--text-lg);font-stretch:85%;font-variation-settings:"wdth" 85}.pinpad-dots{display:flex;gap:16px;padding:4px 0}.pinpad-dots span{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;opacity:.6;transition:background-color 80ms ease}.pinpad-dots span.on{background:currentColor;opacity:1}.pinpad-error{min-height:1.4em;font-weight:700;font-size:var(--text-sm);color:var(--bond);text-align:center}.pinpad--reward .pinpad-error{color:var(--danger)}.pinpad-keys{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pinpad-keys button{height:64px;border:0;border-radius:var(--r-md);background:#ffffff29;color:inherit;font-size:var(--text-xl);font-weight:800;font-variant-numeric:tabular-nums;display:grid;place-items:center;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}.pinpad-keys button:active{background:#ffffff52}.pinpad--reward .pinpad-keys button{background:#4b2f8e1f}.pinpad--reward .pinpad-keys button:active{background:#4b2f8e3d}.pinpad-keys button:disabled{opacity:.4;cursor:default}.pinpad-keys .pinpad-text{font-size:var(--text-sm);font-weight:700}