:root{--enamel:#3e6659;--enamel-deep:#2c4b41;--faceplate:#c9d2c4;--faceplate-edge:#a9b5a6;--ink:#16211d;--yellow:#f4b81c;--red:#b42a1a;--paper:#fbfbf6;--window:#1b2a25;--display:"Big Shoulders Display", Impact, sans-serif;--text:"Big Shoulders Text", "Arial Narrow", sans-serif;--receipt:"Courier Prime", Courier, monospace;--thumb:30px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--enamel);min-height:100dvh;color:var(--ink);font:500 20px/1.35 var(--text);margin:0;padding:16px}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.machine{background:var(--faceplate);border:2px solid var(--enamel-deep);max-width:520px;box-shadow:inset 0 2px 0 #e4eadf, inset 0 -3px 0 var(--faceplate-edge), 0 10px 0 var(--enamel-deep);border-radius:14px;margin:0 auto;padding:20px}.plate{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.plate h1{font:900 44px/.95 var(--display);letter-spacing:.005em;margin:0}.plate p{margin:0;font-size:18px}.display{background:var(--window);color:var(--yellow);border-radius:6px;flex-direction:column;align-items:flex-end;padding:12px 16px 10px;display:flex;box-shadow:inset 0 3px 8px #0009}.display-main{font:900 clamp(48px, 15vw, 84px)/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap;min-height:1em}.display-sub{color:#e7ddba;min-height:1.35em;font-size:18px}.stage{margin-top:18px}.title{font:700 32px/1.05 var(--display);text-wrap:balance;margin:0 0 4px}.hint{max-width:44ch;margin:0 0 14px}.error{color:var(--red);margin:10px 0 0;font-weight:700}.error:empty{display:none}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.keypad .key:nth-last-child(2){grid-column:1}.key{background:var(--paper);border:2px solid var(--ink);min-height:68px;box-shadow:0 5px 0 var(--ink);font:900 34px/1 var(--display);border-radius:8px;transition:transform 70ms,box-shadow 70ms}.key-quiet{background:var(--faceplate);font-size:24px}.key:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.search{background:var(--paper);border:2px solid var(--ink);border-radius:6px;width:100%;min-height:52px;padding:8px 12px}.roster{margin-top:14px}.roster-group{font:700 24px/1.1 var(--display);margin:16px 0 8px}.tape{background:var(--ink);width:100%;min-height:48px;color:var(--paper);letter-spacing:.04em;text-align:left;border:0;border-radius:3px;margin-bottom:7px;padding:8px 14px;font-weight:700;transition:background-color 90ms,color 90ms;display:block}.tape:nth-of-type(2n){background:var(--enamel-deep)}.tape:focus-visible{outline-offset:1px}@media (hover:hover){.tape:hover{background:var(--yellow);color:var(--ink)}.key:hover,.choice:hover,.nudge:hover{background:#fbe2a0}.primary:hover:not(:disabled){background:var(--enamel-deep)}.link:hover{text-decoration-thickness:2px}}.choices{gap:8px;display:grid}.choices-3{grid-template-columns:repeat(3,1fr)}.choices-2{grid-template-columns:repeat(2,1fr)}.choice{background:var(--paper);border:2px solid var(--ink);min-width:0;box-shadow:0 5px 0 var(--ink);border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:12px 4px 10px;transition:transform 70ms,box-shadow 70ms,background-color 90ms;display:flex}.choice:active,.choice[aria-pressed=true]{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.choice[aria-pressed=true]{background:var(--yellow)}.choice-label{font:700 25px/1 var(--display)}.choice-amount{font-variant-numeric:tabular-nums;font-size:19px;font-weight:700}.choice-tag{font-size:16px}.panel{margin-top:22px}.fader-input{appearance:none;cursor:grab;touch-action:pan-y;background:0 0;width:100%;height:52px;margin:0;display:block}.fader-input::-webkit-slider-runnable-track{background:var(--window);border-radius:3px;height:12px;box-shadow:inset 0 2px 3px #000a}.fader-input::-moz-range-track{background:var(--window);border-radius:3px;height:12px}.fader-input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);background:linear-gradient(90deg, var(--yellow) 44%, var(--ink) 44% 56%, var(--yellow) 56%);border:2px solid var(--ink);height:48px;box-shadow:0 3px 0 var(--ink);border-radius:5px;margin-top:-18px}.fader-input::-moz-range-thumb{width:var(--thumb);background:linear-gradient(90deg, var(--yellow) 44%, var(--ink) 44% 56%, var(--yellow) 56%);border:2px solid var(--ink);height:48px;box-shadow:0 3px 0 var(--ink);border-radius:5px}.fader-scale{height:28px;margin-top:4px;font-size:17px;position:relative}.fader-tick{left:calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--at));white-space:nowrap;padding-top:5px;position:absolute;transform:translate(-50%)}.fader-tick:before{content:"";background:var(--ink);width:2px;height:5px;position:absolute;top:0;left:50%}.fader-tick:first-child{transform:translate(-30%)}.fader-tick:last-child{transform:translate(-70%)}.nudges{justify-content:center;gap:10px;margin-top:6px;display:flex}.nudge{border:2px solid var(--ink);background:0 0;border-radius:6px;min-width:72px;min-height:44px;font-weight:700}.cheer{text-align:center;text-wrap:balance;margin:14px 0;font-weight:700}.primary{background:var(--ink);border:2px solid var(--ink);width:100%;min-height:60px;color:var(--yellow);font:900 28px/1 var(--display);border-radius:8px;padding:10px 16px;transition:transform 70ms,opacity 90ms;display:block}.primary:active{transform:translateY(2px)}.primary:disabled{opacity:.6;cursor:progress}.link{text-underline-offset:3px;background:0 0;border:0;min-height:44px;margin:16px auto 0;padding:4px 8px;text-decoration:underline;display:block}.slot{z-index:2;background:var(--window);border-radius:6px;height:12px;margin:0 4px;position:relative;box-shadow:inset 0 3px 4px #000c}.receipt{background:var(--paper);font:400 17px/1.5 var(--receipt);--tear:conic-gradient(from -45deg at 50% 100%, transparent 90deg, var(--faceplate) 0);margin:-5px 20px 18px;padding:24px 18px 22px;animation:1.25s steps(16,end) both print;position:relative;box-shadow:0 3px 8px #16211d55}.receipt:after{content:"";background:var(--tear) 0 100% / 14px 8px repeat-x;height:8px;position:absolute;bottom:0;left:0;right:0}.receipt p{margin:0}.receipt-head{text-align:center;font-weight:700}.receipt-name{border-bottom:2px dashed var(--ink);text-align:center;padding-bottom:10px;margin-bottom:12px!important}.receipt-row{justify-content:space-between;gap:12px;display:flex}.receipt-row span:last-child{text-align:right}.receipt-total{border-top:2px dashed var(--ink);margin-top:10px;padding-top:10px;font-size:22px;font-weight:700}.stamp{border:4px solid var(--red);width:fit-content;color:var(--red);font:900 34px/1 var(--display);border-radius:6px;padding:2px 10px;animation:.2s ease-out both stamp;transform:rotate(-11deg);margin:18px auto 6px!important}@keyframes print{0%{clip-path:inset(0 -10px 100%);transform:translateY(-46%)}to{clip-path:inset(0 -10px -12px);transform:translateY(0)}}@keyframes stamp{0%{opacity:0;transform:rotate(-11deg)scale(1.7)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=380px){.machine{padding:14px}.choice-amount{font-size:17px}.receipt{margin-inline:6px}}.admin{background:var(--faceplate)}.ledger{max-width:980px;margin:0 auto}.ledger h1{font:900 44px/1 var(--display);margin:8px 0}.ledger h2{font:700 28px/1.1 var(--display);margin:28px 0 8px}.ledger-summary{margin:0}.ledger-actions{max-width:220px;margin:16px 0}.login{gap:12px;max-width:340px;margin:12vh auto 0;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;background:var(--paper);width:100%}th,td{border-bottom:1px solid var(--faceplate-edge);text-align:left;white-space:nowrap;padding:8px 12px}thead th{background:var(--ink);color:var(--paper)}th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}.missing{columns:2;margin:0;padding-left:20px}@media (width<=560px){.missing{columns:1}}
