.pd{aspect-ratio:100/86;overflow-clip-margin:4cqw;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;max-width:640px;margin-inline:auto;position:relative;overflow:clip;container-type:inline-size}.pd:active{cursor:grabbing}.pd-aura{pointer-events:none;z-index:0;position:absolute;inset:-8% -10% -4%}.pd-aura i{will-change:transform;border-radius:50%;position:absolute}.pd-aura i:first-child{background:radial-gradient(closest-side,#1b5cf03d,#0000);animation:11s ease-in-out infinite alternate pd-drift;inset:6% 18% 30% 8%}.pd-aura i:nth-child(2){background:radial-gradient(closest-side,#12a6de33,#0000);animation:13s ease-in-out -4s infinite alternate-reverse pd-drift;inset:22% 4% 14% 40%}.pd-orbit{pointer-events:none;z-index:0;height:20%;position:absolute;bottom:4%;left:10%;right:10%;overflow:visible}.pd-orbit ellipse{fill:none;stroke-width:1px;vector-effect:non-scaling-stroke}.pd-orbit .ring{stroke:#1b5cf01f}.pd-orbit .trail{stroke:url(#pd-trail);stroke-width:2px;stroke-linecap:round;stroke-dasharray:60 900;animation:7s linear infinite pd-orbit}.pd-stage{z-index:1;perspective:240cqw;perspective-origin:50% 38%;position:absolute;inset:0}.pd-rig{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;position:absolute;inset:0;transform:rotateX(-11deg)rotateY(-20deg)}.pd-box{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;position:absolute;top:0;left:0}.pd-f{backface-visibility:hidden;position:absolute}.pd-leaf{position:absolute;top:0;left:0}.pd-alu-x{background:linear-gradient(90deg,#7f8a9d,#e3e8f0 38%,#b9c2d0 62%,#8a95a8)}.pd-alu-y{background:linear-gradient(#e9edf3,#a8b2c2 55%,#7d889b)}.pd-alu-dark{background:linear-gradient(#8d97a8,#5b667a)}.pd-shell{background:radial-gradient(90% 70% at 30% 20%,#ffffff1a,#0000 60%),linear-gradient(160deg,#2a3552,#111a2c 70%);border-radius:1.4cqw;place-items:center;display:grid}.pd-shell-logo{opacity:.55;gap:.7cqw;display:flex;transform:skew(-13deg)}.pd-shell-logo i{background:linear-gradient(#e5eaf2,#8c97aa);border-radius:.3cqw;width:1.6cqw;height:7cqw;display:block}.pd-graphite-top{background:radial-gradient(70% 90% at 50% 0,#ffffff17,#0000 70%),linear-gradient(#2c3548,#1a2132);border-radius:1.2cqw}.pd-graphite-front{background:linear-gradient(#c9d1dd 0 7%,#1b2334 7%,#0b111c)}.pd-graphite-side{background:linear-gradient(#1a2232,#0a0f19)}.pd-neck-front{background:linear-gradient(90deg,#121a2a,#39445c 50%,#121a2a);border-radius:.6cqw}.pd-slot{background:#05080e;border-radius:.4cqw;width:30%;height:.7cqw;position:absolute;left:52%;box-shadow:0 .2cqw #ffffff14}.pd-led{background:#11a06b;border-radius:50%;width:.9cqw;height:.9cqw;animation:2.4s ease-in-out infinite pd-blink;position:absolute;top:38%;right:6%;box-shadow:0 0 1.2cqw #11a06b}.pd-floor{background:radial-gradient(closest-side,#0b15266b,#0b15261f 55%,#0000)}.pd-pool{background:radial-gradient(closest-side,#2f7bff47,#0000)}.pd-bezel{background:linear-gradient(160deg,#111827,#05080f);border-radius:1.4cqw;padding:1.5cqw;box-shadow:inset 0 0 0 .18cqw #ffffff12,0 0 6cqw #2f7bff2e}.pd-display{color:#0b1526;width:100%;height:100%;font-size:1.28cqw;line-height:1.25;font-family:var(--font-sans);background:radial-gradient(130% 110% at 0 0,#fff,#e8eefa);border-radius:.6cqw;position:relative;overflow:hidden}.pd-glare{pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff8c 46%,#ffffff14 52%,#0000 62%) 0 0/260% 100%;background-position:calc(var(--gx,.5) * 100%) 0;mix-blend-mode:soft-light;position:absolute;inset:0}.pd-glass{pointer-events:none;background:linear-gradient(#ffffff29,#0000 22%);position:absolute;inset:0}.pd-boot{z-index:5;animation:pd-boot-out .55s var(--ease-out) 1.75s forwards;background:radial-gradient(80% 80% at 50% 45%,#10203d,#04070d);align-content:center;place-items:center;gap:1.4em;display:grid;position:absolute;inset:0}.pd-boot-logo{gap:.55em;display:flex;transform:skew(-13deg)}.pd-boot-logo i{transform-origin:bottom;width:1.15em;height:4.4em;animation:pd-bar-up .6s var(--ease-spring) both;border-radius:.2em;display:block}.pd-boot-logo i:first-child{background:#12a6de;animation-delay:.25s}.pd-boot-logo i:nth-child(2){background:#1b5cf0;animation-delay:.38s}.pd-boot-logo i:nth-child(3){background:#ec1c2e;animation-delay:.51s}.pd-boot-name{color:#fff;letter-spacing:.35em;font-size:1.05em;font-weight:800;animation:.5s .75s both pd-fade}.pd-boot-bar{background:#ffffff1f;border-radius:1em;width:11em;height:.25em;overflow:hidden}.pd-boot-bar:after{content:"";border-radius:inherit;transform-origin:0;height:100%;animation:pd-load .8s var(--ease-out) .85s both;background:linear-gradient(90deg,#12a6de,#2f7bff);display:block}.pd-flash{z-index:6;pointer-events:none;opacity:0;background:#fff;animation:.7s 1.7s both pd-flash;position:absolute;inset:0}.pd-ui{flex-direction:column;display:flex;position:absolute;inset:0}.pd-ui>*{animation:pd-rise .7s var(--ease-spring) calc(1.95s + var(--i,0) * 90ms) both}.pd-bar{background:#ffffffd1;border-bottom:1px solid #0b152612;justify-content:space-between;align-items:center;gap:1em;height:2.6em;padding:0 1em;font-weight:700;display:flex}.pd-brand{color:#12315c;align-items:center;gap:.5em;display:inline-flex}.pd-brand span{gap:.18em;display:inline-flex;transform:skew(-13deg)}.pd-brand span i{border-radius:.08em;width:.32em;height:1.1em}.pd-brand span i:first-child{background:#12a6de}.pd-brand span i:nth-child(2){background:#1b5cf0}.pd-brand span i:nth-child(3){background:#ec1c2e}.pd-bar-mid{color:#59647c;font-weight:600}.pd-bar-end{font-variant-numeric:tabular-nums;align-items:center;gap:.8em;display:inline-flex}.pd-online{color:#0b7a50;background:#11a06b1f;border-radius:1em;align-items:center;gap:.35em;padding:.15em .6em;font-size:.85em;display:inline-flex}.pd-online:before{content:"";background:#11a06b;border-radius:50%;width:.5em;height:.5em;animation:2s ease-in-out infinite pd-blink}.pd-main{flex:1;grid-template-columns:1.32fr 1fr;gap:.8em;min-height:0;padding:.8em;display:grid}.pd-tables{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:.55em;display:grid}.pd-t{background:#fff;border:1px solid #0b152612;border-radius:.6em;flex-direction:column;justify-content:space-between;padding:.55em .6em;transition:background-color .35s,color .35s,border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 .2em .6em -.35em #142d5a59}.pd-t b{font-size:1.05em}.pd-t small{color:#59647c;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.78em;font-weight:600;transition:color .35s}.pd-t--busy{color:#fff;background:linear-gradient(160deg,#2f7bff,#1b5cf0);border-color:#0000}.pd-t--busy small,.pd-t--sel small,.pd-t--pay small{color:#ffffffd9}.pd-t--bill{color:#9a5b00;background:#fff4e5;border-color:#e8901a59}.pd-t--bill small{color:#9a5b00}.pd-t--res{box-shadow:none;background:0 0;border-style:dashed;border-color:#0b152633}.pd-t--sel{color:#fff;background:linear-gradient(160deg,#12315c,#0b1526);border-color:#0000;box-shadow:0 0 0 .18em #2f7bff,0 .6em 1.2em -.5em #1b5cf0b3}.pd-t--pay{color:#fff;background:linear-gradient(160deg,#e8901a,#c97606);border-color:#0000}.pd-t--done{color:#0b7a50;background:#e3f6ee;border-color:#11a06b66}.pd-t--done small{color:#0b7a50}.pd-ticket{background:#fff;border-radius:.7em;flex-direction:column;min-height:0;padding:.8em;display:flex;position:relative;overflow:hidden;box-shadow:0 .6em 1.6em -.9em #142d5a80}.pd-ticket-h{border-bottom:1px dashed #0b152626;justify-content:space-between;align-items:baseline;gap:.5em;padding-bottom:.55em;display:flex}.pd-ticket-h b{font-size:1.12em}.pd-ticket-h small{color:#59647c;font-size:.8em;font-weight:600}.pd-lines{flex-direction:column;flex:1;gap:.35em;min-height:0;margin:0;padding:.6em 0;list-style:none;display:flex}.pd-line{animation:pd-line-in .55s var(--ease-spring) both;border-radius:.4em;grid-template-columns:1.6em 1fr auto;align-items:center;gap:.4em;padding:.3em .4em;font-weight:600;display:grid;position:relative;overflow:hidden}.pd-line:after{content:"";border-radius:inherit;background:#2f7bff24;animation:1.1s .15s both pd-fade-out;position:absolute;inset:0}.pd-line em{color:#1b5cf0;font-style:normal;font-weight:800}.pd-line span:last-child{font-variant-numeric:tabular-nums}.pd-empty{color:#626c86;text-align:center;margin:auto;font-weight:600}.pd-total{border-top:1px solid #0b152614;justify-content:space-between;align-items:baseline;padding-top:.5em;display:flex}.pd-total small{color:#59647c;text-transform:uppercase;letter-spacing:.08em;font-size:.72em;font-weight:700}.pd-total b{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:1.55em}.pd-actions{grid-template-columns:1fr 1.2fr;gap:.45em;margin-top:.55em;display:grid}.pd-btn{border-radius:.5em;place-items:center;height:2.3em;font-weight:800;display:grid;position:relative;overflow:hidden;transform:skew(-8deg)}.pd-btn>span{transform:skew(8deg)}.pd-btn--ghost{color:#12315c;background:#fff;border:1px solid #0b152624}.pd-btn--pay{color:#fff;background:linear-gradient(120deg,#2f7bff,#1b5cf0);box-shadow:0 .5em 1em -.5em #1b5cf0cc}.pd-btn.is-dim{opacity:.45}.pd-payment{text-align:center;background:#fffffff5;align-content:center;place-items:center;gap:.6em;animation:.3s both pd-fade;display:grid;position:absolute;inset:0}.pd-payment b{font-size:1.05em}.pd-payment strong{font-variant-numeric:tabular-nums;font-size:1.6em}.pd-payment small{color:#59647c;font-weight:600}.pd-nfc{color:#1b5cf0;background:#e7eefe;border-radius:50%;place-items:center;width:3.6em;height:3.6em;display:grid;position:relative}.pd-nfc svg{width:1.8em;height:1.8em}.pd-nfc:before,.pd-nfc:after{content:"";animation:pd-ping 1.4s var(--ease-out) infinite;border:.15em solid #1b5cf073;border-radius:50%;position:absolute;inset:0}.pd-nfc:after{animation-delay:.7s}.pd-ok{width:3.6em;height:3.6em}.pd-ok circle{fill:#11a06b;transform-origin:50%;animation:pd-pop .5s var(--ease-spring) both}.pd-ok path{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24px;animation:pd-draw .45s var(--ease-out) .2s forwards}.pd-tap{pointer-events:none;width:3em;height:3em;animation:pd-tap .65s var(--ease-out) both;background:radial-gradient(closest-side,#fffffff2,#2f7bff73 60%,#0000);border-radius:50%;margin:-1.5em 0 0 -1.5em;position:absolute;top:50%;left:50%}.pd-receipt{transform-origin:50% 100%;overflow:hidden}.pd-paper{color:#1d2638;font-family:var(--font-mono);clip-path:polygon(0 3%,6% 0,12% 3%,18% 0,24% 3%,30% 0,36% 3%,42% 0,48% 3%,54% 0,60% 3%,66% 0,72% 3%,78% 0,84% 3%,90% 0,96% 3%,100% 0,100% 100%,0 100%);background:linear-gradient(#fff,#f3f5f9);padding:.9cqw .8cqw;font-size:.82cqw;line-height:1.35;position:absolute;inset:0;transform:translateY(101%);box-shadow:inset 0 -1cqw 1.2cqw -1cqw #00000040}.pd-paper.is-printing{animation:1.9s steps(19,end) forwards pd-print}.pd-paper.is-out{animation:pd-tear .7s var(--ease-out) forwards;transform:translate(0,0)}.pd-paper b{text-align:center;letter-spacing:.12em;display:block}.pd-paper p{justify-content:space-between;margin:0;display:flex}.pd-paper hr{border:0;border-top:1px dashed #1d263866;margin:.4cqw 0}.pd-paper .c{text-align:center;opacity:.7;justify-content:center}.pd-badge{font-size:clamp(9px,1.7cqw,13px);position:absolute}.pd-badge-in{color:#0b1526;white-space:nowrap;animation:pd-badge-in .8s var(--ease-spring) var(--d,2s) both, pd-float 6s ease-in-out calc(var(--d,2s) + .8s) infinite;background:#ffffffed;border:1px solid #ffffffe6;border-radius:1em;align-items:center;gap:.7em;padding:.7em .95em;display:flex;box-shadow:0 1.4em 2.4em -1.4em #142d5a8c,0 0 0 1px #0b15260d}.pd-badge-ico{border-radius:.75em;flex:none;place-items:center;width:2.3em;height:2.3em;display:grid}.pd-badge-ico svg{width:1.2em;height:1.2em}.pd-badge small{color:#59647c;font-size:.82em;font-weight:600;display:block}.pd-badge strong{font-variant-numeric:tabular-nums;font-size:1.12em;font-weight:800;display:block}.pd-up{color:#0b7a50;margin-inline-start:.4em;font-size:.75em;font-weight:800}.pd-pulse{animation:pd-badge-pulse .9s var(--ease-out)}.pd-spin{animation:1s linear infinite pd-rot}.pd--js:not(.pd--on) .pd-boot,.pd--js:not(.pd--on) .pd-boot *,.pd--js:not(.pd--on) .pd-boot-bar:after,.pd--js:not(.pd--on) .pd-flash,.pd--js:not(.pd--on) .pd-ui>*,.pd--js:not(.pd--on) .pd-badge-in{animation-play-state:paused}@keyframes pd-drift{0%{transform:translate(-4%,-3%)scale(1)}to{transform:translate(5%,4%)scale(1.08)}}@keyframes pd-orbit{to{stroke-dashoffset:-960px}}@keyframes pd-blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes pd-boot-out{to{opacity:0;visibility:hidden}}@keyframes pd-bar-up{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes pd-fade{0%{opacity:0}to{opacity:1}}@keyframes pd-fade-out{0%{opacity:1}to{opacity:0}}@keyframes pd-load{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pd-flash{0%{opacity:0}25%{opacity:.55}to{opacity:0}}@keyframes pd-rise{0%{opacity:0;transform:translateY(1.2em)}to{opacity:1;transform:none}}@keyframes pd-line-in{0%{opacity:0;transform:translate(1.5em)}to{opacity:1;transform:none}}@keyframes pd-ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes pd-pop{0%{transform:scale(.3)}to{transform:scale(1)}}@keyframes pd-draw{to{stroke-dashoffset:0}}@keyframes pd-tap{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(2.2)}}@keyframes pd-print{0%{transform:translateY(101%)}to{transform:translate(0,0)}}@keyframes pd-tear{to{opacity:0;transform:translateY(-18%)}}@keyframes pd-badge-in{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes pd-float{0%,to{translate:0}50%{translate:0 -.7em}}@keyframes pd-rot{to{transform:rotate(360deg)}}@keyframes pd-badge-pulse{0%{box-shadow:0 0 #2f7bff8c}to{box-shadow:0 0 0 1.2em #2f7bff00}}@media (prefers-reduced-motion:reduce){.pd-boot,.pd-flash,.pd-orbit .trail{display:none}.pd *,.pd :before,.pd :after{transition:none!important;animation:none!important}.pd-ok path{stroke-dashoffset:0}}.pd.is-off *,.pd.is-off :before,.pd.is-off :after{animation-play-state:paused!important}