.vp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 28px;align-items:start}.vp-screen{background:var(--night);color:#fff;border-radius:28px;padding:20px;display:flex;flex-direction:column;gap:18px;align-self:stretch}.vp-brand{margin:0 0 auto;text-align:center;font:800 13px var(--disp);letter-spacing:.18em;text-transform:uppercase;color:var(--blush)}.vp-tip{margin:auto 0 0;text-align:center;font-size:13px;color:#cbbbe0}.vp-hand{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.vp-card{all:unset;box-sizing:border-box;cursor:pointer;display:grid;justify-items:center;gap:6px;padding:6px 0;border-radius:14px}.vp-card .pk-c{width:100%;max-width:92px;height:auto;aspect-ratio:46/64;font-size:26px}.vp-card .lbl{font:700 12px var(--disp);letter-spacing:.08em;text-transform:uppercase;color:transparent;background:transparent;border-radius:6px;padding:2px 6px}.vp-card[aria-pressed=true] .lbl{color:var(--night);background:var(--blush)}.vp-card[aria-pressed=true] .pk-c{transform:translateY(-6px)}.vp-card:focus-visible{outline:3px solid #ffd27a;outline-offset:2px}.vp-card[disabled]{cursor:default}.vp-act{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.vp-act .btn{padding:11px 18px;font-size:15px}.vp-act .btn.light{background:#fff}.vp-act .btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}.vp-act .btn:focus-visible{outline:3px solid #ffd27a;outline-offset:2px}.vp-res{background:#ffffff14;border-radius:16px;padding:12px 14px;font-size:15px}.vp-res:empty{display:none}.vp-res .ok{color:#8fe0c2}.vp-res .no{color:var(--blush)}.vp-score{font-size:14px;opacity:.85;text-align:center}.vp-score:empty{display:none}.vp-pay{width:100%;border-collapse:collapse;font-size:15px}.vp-pay th{background:var(--lav);text-align:left;font:700 14px var(--disp);padding:10px 12px}.vp-pay td{padding:9px 12px;border-top:1px solid var(--line)}.vp-pay td:nth-child(2),.vp-pay th:nth-child(2),.vp-pay td:nth-child(3),.vp-pay th:nth-child(3){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.vp-pay tr[data-row]{cursor:pointer}.vp-pay tr[data-row]:hover td,.vp-pay tr.on td{background:var(--lav-2)}.vp-pay tr.hit td{background:var(--blush);font-weight:700}.vp-pay tr[data-row]:focus-visible td{outline:2px solid var(--violet);outline-offset:-2px}.vp-tbl{border:1px solid var(--line);border-radius:18px;overflow:hidden}.vp-info{font-size:14px;color:var(--muted);margin:10px 2px 0;min-height:3em}.vp-info .pk-c{width:30px;height:42px;font-size:13px;border-radius:6px;vertical-align:middle;margin-right:2px}@media(max-width:980px){.vp{grid-template-columns:minmax(0,1fr)}.vp-card .pk-c{max-width:64px;font-size:20px}}@media(max-width:420px){.vp-screen{padding:14px 10px}.vp-hand{gap:4px}.vp-card .pk-c{font-size:16px}.vp-pay{font-size:14px}.vp-pay th,.vp-pay td{padding:8px}}@media(prefers-reduced-motion:reduce){.vp-card[aria-pressed=true] .pk-c{transform:none}}@media(max-width:380px){.vp-pay{font-size:13px}.vp-pay th{font-size:12.5px;padding:8px 6px}.vp-pay td{padding:8px 6px}.vp-card .lbl{letter-spacing:0;padding:2px 3px;font-size:12px}}