*{box-sizing:border-box}body{margin:0;background:#101313;color:#f5f5ec;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #e6ff45;outline-offset:4px}button:disabled{cursor:default;opacity:.35}button:active:enabled{transform:translateY(2px)}.page{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:18px}.picker{display:flex;gap:4px;padding:4px;border:1px solid #3d4543;background:#1d2522;border-radius:30px}.picker button{min-height:34px;border:0;border-radius:25px;background:none;color:#a4ada5;font-size:11px;font-weight:650;padding:7px 13px}.picker button[aria-pressed=true]{background:#ccff44;color:#16210c}.gallery{width:100%;max-width:380px}.concept{display:none}.concept.selected{display:block}.design-name{display:none}.logo-plate{display:block;width:132px;height:91px;overflow:hidden;position:relative;background:#101414;border-radius:10px;flex-shrink:0}.logo-plate img{position:absolute;width:132px;height:132px;top:-20px;left:0}.merchant{font-size:12px;font-weight:750;letter-spacing:.3px}.merchant small{display:block;font-size:9px;font-weight:400;letter-spacing:0;margin-top:4px;opacity:.65}.test{font-size:8px;letter-spacing:1.2px;text-transform:uppercase;opacity:.65}.sr{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}.rule{font-size:10px;line-height:1.5;margin:0}.rule strong{font-weight:650}.help{background:none;border:0;color:inherit;opacity:.7;font-size:10px;padding:6px;min-height:30px}.test-line{font-size:8px;line-height:1.5;text-align:center;margin:0;opacity:.65}.provider{font-size:9px;letter-spacing:.5px;opacity:.7}.pay{border:0;font-weight:750;display:flex;align-items:center;justify-content:center;gap:12px}.pay-price{font-size:12px;border-left:1px solid currentColor;padding-left:12px;opacity:.8}.footer-row{display:flex;justify-content:space-between;align-items:center}.calculator{background:linear-gradient(145deg,#606663,#393e3c);border:1px solid #79807a;border-radius:27px;padding:17px 21px;box-shadow:inset 0 1px 0 #bbc4b070,inset 0 -8px 0 #292f2b,0 20px 50px #0005;display:grid;gap:15px;position:relative}.calculator:before,.calculator:after{content:"+";position:absolute;font-size:12px;color:#262e28;background:#777f75;box-shadow:inset 0 0 2px #000;border-radius:50%;height:14px;width:14px;display:grid;place-items:center;bottom:18px}.calculator:before{left:8px}.calculator:after{right:8px}.calc-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.calc-header .merchant{text-align:right;font-size:10px;letter-spacing:1px}.lcd-frame{background:#232b26;border-radius:14px;padding:10px;box-shadow:inset 0 3px 6px #0008,0 1px 0 #b1bba050}.lcd{background:linear-gradient(120deg,#c3d894,#aabe78);color:#253819;padding:13px 15px 12px;position:relative;overflow:hidden;border-radius:5px;box-shadow:inset 0 1px 8px #0003}.lcd:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,#2b401114 2px,#2b401114 3px);pointer-events:none}.lcd-top{display:flex;justify-content:space-between;font-family:ui-monospace,monospace;font-size:9px;font-weight:700;letter-spacing:1px}.lcd-amount{text-align:right;display:block;font-family:"Courier New",ui-monospace,monospace;font-size:65px;line-height:1.2;font-weight:750;letter-spacing:-5px;text-shadow:2px 2px #304a1620;margin:7px 0}.lcd-bottom{font-size:9px;font-family:ui-monospace,monospace;letter-spacing:.5px}.key-hint{font-size:9px;letter-spacing:1.5px;font-weight:650;color:#d0d7c9;margin:0}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.key{height:48px;border:1px solid #8a9284;border-radius:10px;color:#243022;background:linear-gradient(#e8ece0,#bdc5b4);box-shadow:0 4px 0 #252d25,0 5px 6px #0003;font-size:18px;font-weight:750}.key[aria-pressed=true]{background:linear-gradient(#d8ff5b,#accd39);border-color:#d6f967}.key.symbol{font-size:24px;background:linear-gradient(#2f3830,#202922);color:#d7e6cd;border-color:#4c5c48}.key.reset{font-size:10px;background:#959e90;color:#243022;letter-spacing:1px}.calc-pay{height:53px;border-radius:10px;background:linear-gradient(#d1ff50,#b0d631);color:#1e2f0d;box-shadow:0 4px 0 #26350e;font-size:18px;flex-direction:column;gap:1px;font-size:13px}.calc-pay .pay-price{border:0;padding:0;font-size:10px}.calculator .rule{color:#e0e5d8;padding:3px 2px 0}.calculator .footer-row{margin:0 3px}.coin-machine{padding:0 21px 17px;border-radius:29px;background:#efe8d6;color:#3b2b17;overflow:hidden;box-shadow:0 20px 50px #0005;border:1px solid #d1be97;display:flex;flex-direction:column;gap:16px}.coin-header{background:#101414;margin:0 -21px;padding:8px 21px;display:flex;align-items:center;justify-content:space-between;color:#eee8d7}.coin-header .merchant{text-align:right;font-size:11px}.coin-title{margin:0;font-size:29px;letter-spacing:-1.5px;line-height:1.05;font-weight:800}.coin-title em{font-style:normal;color:#b37429}.coin-topline{display:flex;justify-content:space-between;align-items:end;gap:12px}.coin-topline .test{margin-bottom:3px;font-size:8px;text-align:right}.coin-tray{position:relative;height:173px;background:radial-gradient(ellipse at 50% 70%,#a17a3020,transparent 65%);border-bottom:1px dashed #baa577}.coin{position:absolute;border-radius:50%;border:2px solid #b48437;background:radial-gradient(circle at 30% 20%,#ffebb2,#e8bd66 55%,#b27a29);box-shadow:inset 0 0 0 4px #e2b45d,inset 0 0 0 6px #be8b36,0 6px 0 #90621f,0 8px 12px #604d2930;color:#694616;font-family:Georgia,serif;font-size:25px;font-weight:700;width:67px;height:67px;transition:filter .15s,translate .15s}.coin:before{content:"PUGPAY";position:absolute;font-family:system-ui,sans-serif;font-size:6px;letter-spacing:.9px;top:13px;left:0;right:0}.coin[aria-pressed=true]{outline:3px solid #50421f;outline-offset:5px;translate:0 -5px}.coin[data-credit="1"]{left:1%;top:75px;rotate:-14deg}.coin[data-credit="2"]{left:19%;top:14px;rotate:-7deg}.coin[data-credit="3"]{left:41%;top:78px;rotate:7deg}.coin[data-credit="4"]{right:11%;top:6px;rotate:12deg}.coin[data-credit="5"]{right:0;top:84px;rotate:18deg}.coin-hint{position:absolute;bottom:7px;left:0;right:0;text-align:center;font-size:9px;color:#856a42;letter-spacing:.4px}.coin-total{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px}.small-coin{height:42px;width:42px;border-radius:50%;border:2px solid #949487;box-shadow:inset 0 0 0 3px #e2e0cc,0 3px 0 #929183;background:linear-gradient(135deg,#f9f9ec,#b8b9ab);color:#474b40;font-size:21px;font-weight:700}.total-ticket{text-align:center;background:#faf7ed;border:1px solid #d5c7ac;border-radius:9px;padding:9px}.total-ticket small{display:block;font-size:8px;letter-spacing:1.8px;font-weight:700;color:#967950}.coin-amount{display:block;font-size:33px;font-weight:800;letter-spacing:-1.5px;line-height:1.3}.coin-pay{min-height:53px;background:#342b1d;color:#fff5dc;border-radius:100px;font-size:19px}.coin-machine .rule{text-align:center;color:#6f5d43}.coin-machine .footer-row{border-top:1px solid #d3c5aa;padding-top:4px}.arcade-machine{position:relative;background:#cafc41;border-radius:33px;overflow:hidden;padding:11px 19px 15px;color:#142316;box-shadow:0 20px 50px #0005;display:flex;flex-direction:column;gap:10px}.arcade-machine:before{content:"";position:absolute;inset:0;background:radial-gradient(#15371c17 1px,transparent 1px);background-size:8px 8px;pointer-events:none}.arcade-machine>*{position:relative}.arcade-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.arcade-header .logo-plate{border-radius:18px;width:126px;height:88px}.arcade-header .logo-plate img{width:126px;height:126px;top:-19px}.arcade-header .merchant{text-align:right}.arcade-title{font-size:28px;line-height:1.05;letter-spacing:-1.5px;font-weight:850;text-align:center;margin:6px 0 0}.arcade-title span{background:#152b18;color:#d5ff6c;padding:1px 8px;border-radius:9px;display:inline-block;rotate:-5deg}.dial{height:285px;position:relative;margin:0 auto;width:100%;max-width:310px}.dial:before{content:"";position:absolute;width:245px;height:245px;border:2px dashed #24462b70;border-radius:50%;left:50%;top:20px;translate:-50% 0}.orbit{position:absolute;height:47px;width:47px;border-radius:50%;background:#f4ffce;color:#18341b;box-shadow:0 4px 0 #81a531;border:2px solid #224b21;font-weight:800;font-size:17px;z-index:2}.orbit[aria-pressed=true]{background:#ec79d2;box-shadow:0 4px 0 #8e3e7c;border-color:#57264d}.orbit[data-credit="1"]{left:7%;top:188px;rotate:-16deg}.orbit[data-credit="2"]{left:0;top:79px;rotate:-10deg}.orbit[data-credit="3"]{left:calc(50% - 23px);top:0;rotate:4deg}.orbit[data-credit="4"]{right:0;top:79px;rotate:12deg}.orbit[data-credit="5"]{right:7%;top:188px;rotate:16deg}.dial-core{position:absolute;width:185px;height:185px;left:50%;top:55px;translate:-50% 0;border-radius:50%;background:#15251a;box-shadow:inset 0 0 0 6px #2c4b2a,0 9px 0 #8cba38;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#edffce;gap:3px}.dial-label{font-size:8px;letter-spacing:1.6px;color:#aec395}.arcade-amount{font-size:51px;line-height:1.15;font-weight:800;letter-spacing:-3px}.arcade-pay{background:#e981d1;color:#351932;border:1px solid #f1a9e2;border-radius:50px;min-height:35px;padding:0 18px;font-size:13px;box-shadow:0 3px 0 #704067;margin-top:4px}.paddles{display:flex;justify-content:center;gap:12px;margin-top:-5px}.paddle{border:2px solid #224324;border-radius:50px;width:104px;min-height:40px;background:#ddff88;color:#21401c;box-shadow:0 3px 0 #82a631;font-size:15px;font-weight:800}.arcade-machine .rule{text-align:center;margin-top:5px}.arcade-machine .test-line{font-weight:550}.arcade-machine .footer-row{border-top:1px solid #14231630;padding-top:3px}.modal{background:#1b251c;color:#f6f8ed;border:1px solid #60734f;border-radius:25px;padding:25px;width:calc(100% - 36px);max-width:370px}.modal::backdrop{background:#000b;backdrop-filter:blur(5px)}.modal h2{font-size:22px;letter-spacing:-.6px;margin:0 0 15px}.modal p{font-size:14px;line-height:1.6;color:#b3c1a7;margin:0 0 23px}.modal button{width:100%;min-height:47px;border:0;background:#cdff4a;border-radius:50px;color:#233614;font-weight:650}@media(min-width:1100px){.gallery{max-width:1160px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.concept,.concept.selected{display:block}.design-name{display:block;font-size:12px;color:#b3c1a7;font-weight:550;margin:0 0 12px;padding-left:6px}.concept.selected{outline:2px solid #c8ff3960;outline-offset:10px;border-radius:27px}.page{padding:30px}.picker:before{content:"PICK YOUR TERMINAL";font-size:9px;letter-spacing:1.2px;color:#b3c1a7;align-self:center;padding:0 12px}}@media(max-width:649px){.page{padding:12px 17px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom));gap:12px}}@media(max-height:800px) and (max-width:649px){.page{padding:9px 15px;gap:9px}.calculator{gap:11px;padding:12px 19px}.logo-plate{width:110px;height:76px}.logo-plate img{width:110px;height:110px;top:-17px}.key{height:44px}.keys{gap:9px}.lcd-amount{font-size:59px}.lcd{padding:10px 13px}.calc-pay{height:48px}.coin-machine{gap:12px;padding-bottom:12px}.coin-header{padding-top:4px;padding-bottom:4px}.coin-title{font-size:26px}.coin-tray{height:160px}.coin{height:59px;width:59px;font-size:23px}.coin[data-credit="5"]{top:77px}.coin-hint{bottom:4px}.coin-pay{min-height:48px}.arcade-machine{gap:7px;padding-top:7px;padding-bottom:11px}.arcade-header .logo-plate{width:110px;height:76px}.arcade-header .logo-plate img{width:110px;height:110px;top:-17px}.arcade-title{font-size:25px}.dial{height:265px;scale:.94;transform-origin:top center;margin-bottom:-14px}.paddle{min-height:37px}.rule{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Six additional selection concepts */
.picker{max-width:100%;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;flex-shrink:0}.picker::-webkit-scrollbar{display:none}.picker button{flex-shrink:0}.gallery{max-width:380px}.new-terminal{border-radius:29px;padding:15px 21px;display:flex;flex-direction:column;gap:14px;background:#ece8da;color:#293128;box-shadow:0 20px 50px #0005;--selected:#d1ff4f}.new-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.new-header .merchant{text-align:right}.new-header .logo-plate{width:110px;height:76px}.new-header .logo-plate img{width:110px;height:110px;top:-17px}.new-title{font-size:24px;font-weight:800;line-height:1.1;letter-spacing:-1px;margin:0}.new-title small{display:block;font-size:11px;letter-spacing:0;font-weight:450;opacity:.65;margin-top:6px}.new-pay{min-height:49px;background:#263a24;color:#f2ffd6;border-radius:50px;font-size:18px}.new-terminal .rule{text-align:center}.new-terminal .footer-row{border-top:1px solid #0002;padding-top:3px}.new-controls{display:flex;justify-content:space-between;gap:10px}.new-controls button{border-radius:13px;border:1px solid #0003;background:#fff7;min-height:42px;flex:1;font-size:16px;font-weight:750}.readout{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;background:#0000000a;border-radius:12px}.readout small{font-size:9px;letter-spacing:1px;font-weight:700}.readout .amount{font-size:32px;font-weight:800;letter-spacing:-1.5px}.credit-picks{display:flex;justify-content:space-between;gap:5px}.credit-picks button{flex:1;border:1px solid #0003;background:#fff8;min-height:42px;border-radius:10px;font-size:13px;font-weight:750}.credit-picks button[aria-pressed=true]{background:var(--selected);color:#1e2f16;border-color:#547335}.meter-machine{background:linear-gradient(130deg,#e9ebdb,#bfc6b3);border:2px solid #959e88;box-shadow:inset 0 -6px 0 #909d83,0 20px 50px #0005;--selected:#d0ff53}.meter-face{border:7px solid #838b74;border-radius:13px;background:#293328;padding:13px;box-shadow:inset 0 4px 10px #0007;color:#b5d197;text-align:center}.meter-face .display-label{font-size:9px;letter-spacing:2px;margin-bottom:10px}.meter-face .amount{display:block;font-family:"Courier New",monospace;font-size:47px;letter-spacing:5px;font-weight:800;line-height:1.3;background:repeating-linear-gradient(0deg,#0c130d 0,#0c130d 25px,#2a3523 26px,#0c130d 28px);border:1px solid #516544;border-radius:5px;color:#e5edcb;box-shadow:inset 0 1px 8px #000;padding:2px 0}.meter-slot{margin:12px auto 0;width:110px;height:6px;border-radius:5px;background:#0c100d;box-shadow:0 1px 0 #a4b89655}.meter-cards{display:flex;gap:6px}.meter-card{flex:1;min-width:0;min-height:58px;border-radius:7px;border:1px solid #627550;background:linear-gradient(150deg,#ffffed,#ccd9bb);box-shadow:0 3px 0 #7c8d6c;rotate:-4deg;color:#293528;font-size:15px;font-weight:800;padding:7px 2px}.meter-card:nth-child(even){rotate:4deg}.meter-card:before{content:"TOP UP";display:block;font-size:6px;letter-spacing:1px;margin-bottom:7px}.meter-card[aria-pressed=true]{background:#cdfd54;translate:0 -6px;box-shadow:0 7px 0 #769634}.pump-machine{background:#df622e;color:#fff7dd;--selected:#f7e4ab}.pump-machine .new-header .merchant{font-size:11px}.pump-body{display:grid;grid-template-columns:1fr 105px;gap:20px;align-items:center;background:#faeecf;color:#592c16;border-radius:19px;padding:18px;position:relative}.pump-body:after{content:"";position:absolute;right:13px;top:14px;height:150px;width:3px;background:#ab4e2b;border-radius:5px}.tank{height:219px;border:4px solid #994927;border-radius:50px 50px 17px 17px;background:#eadbb7;position:relative;overflow:hidden}.tank-fill{position:absolute;bottom:0;left:0;right:0;height:20%;background:repeating-linear-gradient(-30deg,#e8992e 0,#e8992e 12px,#edaa45 12px,#edaa45 24px);transition:height .25s}.tank:after{content:"FUEL";position:absolute;inset:0;display:grid;place-items:center;font-size:13px;letter-spacing:4px;font-weight:850;writing-mode:vertical-rl;rotate:180deg;color:#743917}.pump-levels{display:flex;flex-direction:column-reverse;gap:5px;position:relative;z-index:1}.pump-levels button{min-height:39px;background:transparent;border:1px solid #b89864;border-radius:8px;color:#743c1a;text-align:left;padding:6px 13px;font-weight:750}.pump-levels button:before{content:"— ";color:#bc9060}.pump-levels button[aria-pressed=true]{background:#db602e;color:white;border-color:#b75028}.pump-machine .readout{background:#fff5dc;color:#743b18}.pump-machine .new-pay{background:#38261a;color:#fff5dc}.ticket-machine{background:#243d44;color:#edf6e8;--selected:#e6b97e}.ticket-list{display:flex;flex-direction:column;gap:6px}.ticket{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:45px;border:0;border-radius:5px;background:#e8e3cb;color:#304148;padding:8px 18px;font-weight:800;box-shadow:0 2px 0 #0004;text-align:left}.ticket:before,.ticket:after{content:"";position:absolute;top:calc(50% - 5px);height:10px;width:10px;border-radius:50%;background:#243d44}.ticket:before{left:-5px}.ticket:after{right:-5px}.ticket .ticket-label{font-size:9px;letter-spacing:1px;font-weight:600}.ticket .ticket-value{font-size:21px;border-left:1px dashed #8f9886;padding-left:19px;min-width:64px}.ticket[aria-pressed=true]{background:#fac784;translate:5px 0;box-shadow:-5px 0 0 #dca353}.ticket[aria-pressed=true] .ticket-label:after{content:" ✓"}.ticket-machine .readout{background:#132d33;color:#ffd498}.ticket-machine .new-controls button{background:#ffffff10;color:#dae8d8;border-color:#ffffff30}.ticket-machine .new-pay{background:#ffcc87;color:#294044}.lift-machine{background:linear-gradient(115deg,#c0c8c8,#e3e8e2 48%,#a9b5b5);color:#243233;--selected:#edaa58}.lift-display{display:flex;align-items:center;justify-content:space-between;background:#172322;border:4px solid #849290;border-radius:10px;color:#ffb872;padding:13px 16px;font-family:ui-monospace,monospace;box-shadow:inset 0 2px 9px #0008}.lift-display .amount{font-size:46px;line-height:1.15;letter-spacing:-3px}.lift-display small{font-size:9px;letter-spacing:1.5px;line-height:1.7}.lift-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:15px 12px;padding:6px 8px}.lift-key{justify-self:center;height:62px;width:62px;border:5px solid #7d908c;border-radius:50%;background:linear-gradient(135deg,#edf0e6,#9aa9a4);box-shadow:0 3px 0 #657b75,inset 0 1px 3px #fff;display:grid;place-items:center;color:#283936;font-weight:800;font-size:18px}.lift-key[aria-pressed=true]{border-color:#eb9940;background:#f4efda;box-shadow:0 0 0 2px #fff3,0 0 18px #f59a4470}.lift-key.info{font-size:22px;background:#849b94;color:white}.lift-machine .new-pay{border-radius:13px;background:#2b4240;color:#ecf3e6;box-shadow:0 3px 0 #17332f}.mixer-machine{background:#24252d;color:#f1ecfa;--selected:#f5a0d8}.mixer-machine .new-title{font-size:26px}.mixer-readout{position:relative;text-align:center;padding:18px;background:#171820;border:1px solid #535061;border-radius:17px}.mixer-readout .amount{font-size:66px;letter-spacing:-4px;line-height:1.1;font-weight:750;color:#eca7da}.mixer-readout small{display:block;font-size:8px;letter-spacing:3px;color:#a8a0b6;margin-bottom:10px}.equalizer{display:flex;gap:5px;align-items:end;justify-content:center;height:49px;margin-top:12px}.equalizer i{width:14px;height:12px;background:#3c3947;border-radius:3px;transition:background .2s}.equalizer i:nth-child(2n){height:26px}.equalizer i:nth-child(3n){height:39px}.equalizer i:nth-child(4n){height:47px}.equalizer i.on{background:linear-gradient(#f4afd9,#aa7dea)}.slider-box{background:#34323e;padding:16px 13px;border-radius:15px;display:grid;gap:9px}.credit-slider{appearance:none;width:100%;height:10px;border-radius:5px;background:#18171f;margin:9px 0 13px;cursor:pointer;touch-action:pan-y}.credit-slider::-webkit-slider-thumb{appearance:none;width:36px;height:40px;border:3px solid #a291b0;border-radius:8px;background:linear-gradient(#ebe4ef,#b9a8c2);box-shadow:0 3px 0 #17141f}.credit-slider::-moz-range-thumb{width:30px;height:34px;border:3px solid #a291b0;border-radius:8px;background:#ddd2e4}.mixer-machine .credit-picks button{color:#c6bbd2;background:#171820;border-color:#62566d;min-height:35px}.mixer-machine .credit-picks button[aria-pressed=true]{background:#eba8d4;color:#311f3a}.mixer-machine .new-controls button{background:#ffffff0a;border-color:#ffffff25;color:#d7c8e0}.mixer-machine .new-pay{background:#eba8d4;color:#302036}.switch-machine{background:#161f29;color:#edf2e8;--selected:#d0ff57}.switch-machine .new-title{font-size:25px}.switch-panel{display:flex;justify-content:space-between;gap:6px;border:1px solid #46515d;background:#25303a;border-radius:19px;padding:18px 11px}.switch-key{position:relative;flex:1;min-width:0;height:117px;padding:10px 2px 8px;border:1px solid #414e58;background:#131d25;border-radius:12px;color:#899eac;box-shadow:inset 0 2px 7px #0007;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-size:15px;font-weight:750}.switch-key .led{width:7px;height:7px;border-radius:50%;background:#4a5861;box-shadow:inset 0 1px 3px #000}.switch-key .rocker{width:27px;height:50px;border:1px solid #8b999f;border-radius:7px;background:linear-gradient(#717f87,#3d4d59);box-shadow:0 -3px 0 #0005;transform:perspective(100px) rotateX(-17deg);position:relative}.switch-key .rocker:after{content:"";position:absolute;left:7px;right:7px;bottom:9px;height:2px;background:#bac5c2}.switch-key[aria-pressed=true]{color:#daff83}.switch-key[aria-pressed=true] .led{background:#d0ff57;box-shadow:0 0 10px #d0ff57}.switch-key[aria-pressed=true] .rocker{background:linear-gradient(#ddff91,#90b751);transform:perspective(100px) rotateX(17deg);box-shadow:0 3px 0 #0005;border-color:#dcff99}.switch-machine .readout{background:#080f17;border:1px solid #40513f;color:#caff62}.switch-machine .new-controls button{background:#25303a;border-color:#4a5865;color:#ddf0de}.switch-machine .new-pay{background:#d0ff57;color:#203314}.switch-caption{margin:0;font-size:9px;text-align:center;color:#93a7b4;letter-spacing:1px}.design-note{font-size:9px;opacity:.6;text-align:center;margin:0}@media(min-width:1100px){.gallery{display:block;max-width:380px}.concept{display:none}.concept.selected{display:block;outline:none}.design-name{display:none}.picker:before{display:none}}@media(max-height:800px) and (max-width:649px){.new-terminal{gap:10px;padding:11px 18px}.new-title{font-size:22px}.new-header .logo-plate{width:100px;height:68px}.new-header .logo-plate img{width:100px;height:100px;top:-15px}.meter-face{padding:10px;border-width:6px}.meter-face .amount{font-size:42px}.meter-card{min-height:52px}.pump-body{padding:12px;grid-template-columns:1fr 100px}.tank{height:199px}.pump-levels button{min-height:35px}.ticket{min-height:40px}.ticket-list{gap:5px}.lift-key{height:54px;width:54px}.lift-panel{gap:12px}.lift-display .amount{font-size:41px}.mixer-readout{padding:13px}.mixer-readout .amount{font-size:58px}.equalizer{height:41px;margin-top:8px}.slider-box{padding:12px}.switch-panel{padding:13px 9px}.switch-key{height:107px}.new-pay{min-height:46px}}

/* Final alternative: an actual scrolling thumb wheel. */
.wheel-machine{background:linear-gradient(150deg,#292038,#14101f);color:#f9ecff;--selected:#eb95cf;padding:17px 23px;border:1px solid #5f476c;border-radius:32px;display:flex;flex-direction:column;gap:17px;box-shadow:0 20px 60px #0005}.wheel-header{display:flex;align-items:center;justify-content:space-between}.wheel-header .merchant{text-align:right;font-size:11px;color:#c8b4d3}.wheel-title{font-size:33px;line-height:1.05;letter-spacing:-1.6px;text-align:center;margin:0;font-weight:800}.wheel-title em{font-style:normal;color:#f0a5d4}.wheel-label{text-align:center;margin:0;font-size:10px;color:#bba1cc;letter-spacing:.7px}.wheel-housing{position:relative;padding:22px 28px;border-radius:28px;background:linear-gradient(145deg,#524163,#31243e);border:1px solid #85619a;box-shadow:inset 0 1px 0 #b492c533,0 5px 0 #100b17}.wheel-window{position:relative;background:#0b0712;border:4px solid #20152d;border-radius:16px;overflow:hidden;box-shadow:inset 0 5px 18px #000}.wheel-window:before,.wheel-window:after{content:"";position:absolute;left:0;right:0;height:48px;pointer-events:none;z-index:2}.wheel-window:before{top:0;background:linear-gradient(#0b0712,transparent)}.wheel-window:after{bottom:0;background:linear-gradient(transparent,#0b0712)}.wheel-viewport{height:156px;overflow-y:auto;padding:52px 0;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-y;position:relative;z-index:1}.wheel-viewport::-webkit-scrollbar{display:none}.wheel-value{display:block;height:52px;width:100%;border:0;border-radius:0;background:none;color:#b4a2c7;font-size:39px;font-weight:750;letter-spacing:-2px;scroll-snap-align:center;scroll-snap-stop:always;padding:0;line-height:52px;transition:color .15s}.wheel-value[aria-pressed=true]{color:#ffbfe7;background:#f2a5d409}.wheel-band{position:absolute;left:0;right:0;top:52px;height:52px;border-top:1px solid #f2a5d455;border-bottom:1px solid #f2a5d455;pointer-events:none;z-index:3}.wheel-pointer{position:absolute;left:9px;top:87px;color:#f8a5d9;font-size:22px;line-height:1}.wheel-pointer.right{left:auto;right:9px}.wheel-bottom{font-size:8px;color:#af91c2;text-align:center;letter-spacing:2px;margin-top:13px}.wheel-machine .new-controls button{background:#4a3456;color:#f4d9ff;border-color:#8c679b;min-height:38px}.wheel-pay{background:#ed9cd3;color:#37223f;border-radius:50px;min-height:52px;font-size:19px}.wheel-machine .rule{text-align:center;color:#d4bbdd}.wheel-machine .footer-row{border-top:1px solid #80639055;padding-top:4px;color:#b8a1ca}.chosen-stamp{color:#d3ff6e;font-size:8px;letter-spacing:1px;margin-top:6px;display:block}.calculator .calc-header .merchant .chosen-stamp{font-weight:700}@media(max-height:800px) and (max-width:649px){.wheel-machine{gap:12px;padding:11px 20px}.wheel-title{font-size:29px}.wheel-machine .logo-plate{width:110px;height:76px}.wheel-machine .logo-plate img{width:110px;height:110px;top:-17px}.wheel-housing{padding:15px 25px}.wheel-pointer{top:80px}.wheel-pay{min-height:48px}}

body{display:flex;justify-content:center;align-items:center;min-height:100svh;padding:12px}.calculator{width:min(100%,410px);margin:auto}.wallets{margin-top:14px}.status{font-size:13px;text-align:center;min-height:36px;color:#272e29}.bench{background:#d9ff4d;padding:5px 9px;border-radius:5px;font-size:10px;font-weight:900}.keys{grid-template-columns:repeat(3,1fr)}.keys .adjust-label{font-size:11px;align-self:center;text-align:center;color:#424844}details{font-size:12px;margin-top:12px}#card{margin:12px 0}.card-pay{width:100%;padding:12px;background:#d9ff4d;border:0;border-radius:8px;font-weight:800}.rule{margin:10px 0}.calc-header{margin-bottom:12px}button:disabled{cursor:default}.lcd{min-height:105px}.test-line{font-size:10px}
/* Keep the closed calculator compact; extra information expands only on request. */
.calculator{gap:6px;padding:14px 18px}.calc-header{margin:0}.logo-plate{width:114px;height:75px}.logo-plate img{width:114px;height:114px;top:-18px}.lcd-frame{padding:8px}.lcd{padding:10px 12px;min-height:110px}.lcd-amount{font-size:50px;margin:3px 0}.key{height:42px}.keys{gap:8px}.key-hint{margin:6px 0}.wallets{margin-top:8px}.status{color:#edf3e2;margin:4px 0;min-height:30px;font-size:12px}.keys .adjust-label{color:#d8e1d2}.rule{margin:4px 0}details{margin-top:3px}#info{color:#e8eedf}.bench{display:inline-block;margin-top:4px}