.vp{--cw:clamp(52px, 13.4cqw, 122px);gap:0;max-width:1040px}.vpx-cab{isolation:isolate;background:linear-gradient(90deg,#0000008c,#0000 9% 91%,#0000008c),linear-gradient(#64101f 0%,#4d0815 38%,#2f060e 70%,#18050d 100%);border-radius:26px 26px 10px 10px;width:100%;padding:14px 18px 0;position:relative;box-shadow:0 0 0 1px #0b0306,0 0 0 3px #8d7448,0 0 0 4px #382c1c,0 34px 70px #000000b3,inset 0 1px #ffdcc840,inset 0 -10px 24px #0000008c}.vpx-gloss{border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(115deg,#ffffff29 0%,#ffffff0a 18%,#fff0 30%),radial-gradient(40% 12% at 30% 2%,#fff0e638,#fff0e600 70%);position:absolute;inset:0}.vpx-cab>*{z-index:1;position:relative}.vpx-topper{text-align:center;background:radial-gradient(70% 120% at 50% 100%,#ffc45c59,#ffc45c00 70%),linear-gradient(#1f0d05,#4e2104);border-radius:14px 14px 6px 6px;margin:0 6% 12px;padding:10px 16px 12px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #0a0503,0 0 0 4px #b9a27a,0 0 0 5px #3b2f1d,inset 0 0 22px #ffbe5a40,inset 0 1px #ffffff40}.vpx-lights{opacity:.9;background:radial-gradient(circle,#ffd27a 0 1.6px,#0000 2px) 0 0/14px 4px repeat-x;height:4px;animation:1.6s steps(2,end) infinite vpx-chase;position:absolute;top:5px;left:10px;right:10px}@keyframes vpx-chase{50%{opacity:.45}}.vpx-marquee span{font-family:var(--display);letter-spacing:.08em;color:#ffe2a0;text-shadow:0 0 10px #ffbe50bf,0 0 24px #ff962873,0 2px #914b0f;margin-top:4px;font-size:clamp(24px,4.6cqw,40px);font-weight:700;line-height:1;display:block}.vpx-marquee small{letter-spacing:.32em;text-transform:uppercase;color:#f4cf86;border-left:1px solid #f4cf8680;border-right:1px solid #f4cf8680;margin-top:7px;padding:0 14px;font-size:10px;font-weight:500;display:inline-block}.vpx-bezel{background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000000d 1px 2px,#ffffff05 2px 4px),linear-gradient(#d9d3c6 0%,#a39d90 18%,#7d776c 50%,#a8a295 82%,#ddd7ca 100%);border-radius:12px;padding:12px;box-shadow:0 0 0 1px #383124,inset 0 1px #ffffffb3,inset 0 -1px #0006,0 10px 20px #00000073}.vpx-screen{background:radial-gradient(80% 50% at 50% 0,#5078c82e,#5078c800 70%),linear-gradient(#0e2458,#060d1f 60%,#04070f);border-radius:6px;flex-direction:column;gap:10px;padding:12px 14px 10px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 2px #050505,inset 0 0 40px #000c,inset 0 0 0 1px #78a0ff1f}.vpx-glass{pointer-events:none;z-index:3;background:linear-gradient(160deg,#ffffff14 0%,#ffffff05 22%,#fff0 40%);position:absolute;inset:0}.vpx-pay{background:linear-gradient(#141e46bf,#080c20d9);border:1px solid #e8c4788c;border-radius:4px;display:grid;overflow:hidden;box-shadow:inset 0 0 18px #5a82ff1f}.vpx-row{font-family:var(--display);letter-spacing:.04em;color:#ffe08a;text-shadow:0 0 6px #ffc85059;border-bottom:1px solid #e8c4781f;grid-template-columns:1fr 70px 1fr;gap:10px;padding:2px 14px;font-size:clamp(13px,2.1cqw,17px);font-weight:700;display:grid;position:relative}.vpx-row:last-child{border-bottom:0}.vpx-row b{text-align:right;color:#fff3cf;font-weight:700}.vpx-row i{text-align:right;color:#c9d4ff;text-shadow:none;font-style:normal}.vpx-row:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#ffc45026,#ffc45052,#ffc45026);transition:opacity .25s;position:absolute;inset:0}.vpx-row.live:before{opacity:1}.vpx-row.win{color:#231102;text-shadow:none}.vpx-row.win:before{opacity:1;background:linear-gradient(#ffe39a,#f2b84b);animation:.5s steps(2,end) 4 vpx-flash}.vpx-row.win b,.vpx-row.win i{color:#231102}.vpx-row>*{position:relative}@keyframes vpx-flash{50%{opacity:.55}}.vpx-status{text-align:center;min-height:26px;font-family:var(--display);color:#e9efff;letter-spacing:.03em;font-size:clamp(16px,2.6cqw,22px);font-weight:700}.vpx-status span{animation:.3s both ct-fade;display:inline-block}.vpx-status .w{color:#ffe08a;text-shadow:0 0 10px #ffbe5099}.vpx-status .l{color:#9fb0d8}.vpx-status .blink{font-family:var(--body);letter-spacing:.34em;text-transform:uppercase;color:#ffe08a;font-size:11px;font-weight:500;animation:2.4s ease-in-out infinite vp-breathe}@keyframes vp-breathe{50%{opacity:.4}}.vpx-cards{grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;gap:8px;padding:0 2px;display:grid}.vpx-slot{flex-direction:column;align-items:center;gap:5px;display:flex}.vpx-held{letter-spacing:.26em;text-transform:uppercase;color:#231102;opacity:0;background:linear-gradient(#ffe39a,#f2b84b);border-radius:3px;min-height:18px;padding:0 8px;font-size:10px;font-weight:600;line-height:18px;transition:opacity .18s,transform .18s cubic-bezier(.3,1.4,.5,1);transform:translateY(4px)scale(.9)}.vpx-slot.held .vpx-held{opacity:1;transform:none}.vpx-card-btn{border-radius:calc(var(--cw) * .075);background:0 0;border:0;padding:0;transition:transform .2s cubic-bezier(.3,1.3,.5,1)}.vpx-slot.held .vpx-card-btn{transform:translateY(-6px)}.vpx-card-btn:not(:disabled){cursor:pointer}.vpx-card-btn:focus-visible{outline-offset:3px;outline:2px solid #ffe08a}.vpx-meters{border-top:1px solid #78a0ff2e;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:8px;display:grid}.vpx-meters span{flex-direction:column;align-items:center;gap:1px;min-width:0;display:flex}.vpx-meters small{letter-spacing:.26em;text-transform:uppercase;color:#8fa2d6;font-size:9.5px;font-weight:500}.vpx-meters b{font-family:var(--display);color:#ff5f4f;letter-spacing:.04em;text-shadow:0 0 8px #ff503c80;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(15px,2.4cqw,20px);font-weight:700;overflow:hidden}.vpx-meters span.on b{color:#ffe08a;text-shadow:0 0 10px #ffbe50b3}.vpx-deck{background:repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000000f 1px 3px),linear-gradient(#c8c2b5 0%,#8f897d 45%,#6e695f 100%);border-radius:0 0 10px 10px;grid-template-columns:repeat(5,minmax(0,1fr)) 1.3fr;gap:8px;margin:14px -18px 0;padding:14px 18px 16px;display:grid;box-shadow:inset 0 1px #fff9,inset 0 -2px 6px #00000073,0 -1px #383124}.vpx-btn{height:42px;font-family:var(--body);letter-spacing:.18em;text-transform:uppercase;color:#4d3105;background:linear-gradient(#fff2c8,#e7c477 55%,#c99a3e);border:0;border-radius:7px;padding:0;font-size:10.5px;font-weight:600;transition:transform 80ms,box-shadow 80ms,opacity .15s;position:relative;box-shadow:0 4px #90671f,0 6px 10px #00000073,inset 0 1px #fffc}.vpx-btn:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(70% 80%,#ffffc8e6,#ffdc7800 70%);transition:opacity .18s;position:absolute;inset:0}.vpx-btn.on:after{opacity:.5}.vpx-btn.on{color:#5f3a05;background:linear-gradient(#fff7d6,#ffd36b 55%,#e2a437)}.vpx-btn:active:not(:disabled),.vpx-btn.on{transform:translateY(3px);box-shadow:0 1px #90671f,0 2px 4px #00000073,inset 0 1px #fffc}.vpx-btn:disabled{opacity:.55;cursor:default}.vpx-btn.deal{color:#fff4e0;background:linear-gradient(#e2493f,#a8171f 60%,#a60a14);box-shadow:0 4px #520307,0 6px 10px #00000073,inset 0 1px #ffc8beb3}.vpx-btn.deal:not(:disabled){cursor:pointer}.vpx-btn.deal:active:not(:disabled){box-shadow:0 1px #520307,0 2px 4px #00000073,inset 0 1px #ffc8beb3}.vpx-plinth{height:30px;font-family:var(--display);letter-spacing:.4em;text-transform:uppercase;color:#ffe08abf;border-radius:0 0 10px 10px;justify-content:center;align-items:center;gap:12px;margin:0 -18px;font-size:12px;font-weight:600;display:flex}.vpx-plinth i{background:linear-gradient(90deg,#0000,#ffe08a99,#0000);width:60px;height:1px}.vpx-cab.paid .vpx-topper{animation:.6s steps(2,end) 3 vpx-glow}@keyframes vpx-glow{50%{opacity:.8}}.vp-keys{letter-spacing:.06em;color:var(--muted);flex-wrap:wrap;gap:14px;font-size:11px;display:flex}.vp-keys kbd{border:1px solid var(--line-2);font-family:var(--body);color:var(--text);border-radius:3px;padding:1px 6px;font-size:11px;display:inline-block}@container (width<=560px){.vpx-cab{border-radius:18px 18px 8px 8px;padding:10px 10px 0}.vpx-topper{margin:0 2% 10px}.vpx-bezel{padding:7px}.vpx-screen{gap:8px;padding:8px}.vpx-row{grid-template-columns:1fr 42px 1fr;gap:4px;padding:1px 7px}.vpx-cards{gap:4px}.vpx-deck{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:10px -10px 0;padding:10px 10px 12px}.vpx-btn{letter-spacing:.1em;height:36px;font-size:9px}.vpx-btn.deal{grid-column:1/-1}.vpx-plinth{margin:0 -10px}}@media (prefers-reduced-motion:reduce){.vpx-lights,.vpx-row.win:before,.vpx-cab.paid .vpx-topper,.vpx-status .blink{animation:none!important}.vpx-card-btn,.vpx-held,.vpx-btn{transition:none!important}}@container (width>=700px){.vpx-cab{--cw:min(8.6cqw, calc((100dvh - 470px) / 1.42))}.vpx-topper{margin:0 16% 10px;padding:6px 16px 8px}.vpx-marquee span{font-size:clamp(22px,3.4cqw,34px)}.vpx-marquee small{margin-top:4px}.vpx-screen{grid-template:"pay status""pay cards"1fr"pay meters"/minmax(0,.82fr) minmax(0,1.18fr);gap:8px 16px;display:grid}.vpx-pay{grid-area:pay;align-content:stretch;align-self:stretch}.vpx-row{grid-template-columns:1fr 52px 1fr;align-items:center;padding:0 10px;font-size:clamp(13px,1.6cqw,16px)}.vpx-status{grid-area:status}.vpx-cards{grid-area:cards;align-self:center;gap:6px}.vpx-meters{grid-area:meters}}@container (width<=560px){.vp{--cw:min(16cqw, 9.2dvh)}.vpx-cab{padding-top:8px}.vpx-topper{margin-bottom:8px;padding:5px 10px 7px}.vpx-marquee span{margin-top:2px;font-size:21px}.vpx-marquee small{margin-top:3px;font-size:9px}.vpx-bezel{padding:5px}.vpx-screen{gap:6px;padding:6px}.vpx-row{padding:0 7px;font-size:11.5px;line-height:1.32}.vpx-status{min-height:18px;font-size:13px}.vpx-meters{padding-top:5px}.vpx-meters b{font-size:14px}.vpx-deck{margin-top:8px;padding:6px 10px 8px}.vpx-btn{height:40px}.vpx-btn.deal,.vpx-plinth{display:none}}