/* V75 — POS screen: dark until Wi-Fi, no scanline moiré while the camera zooms, a generic bank card for the tap.
   Loaded after sequence-v74.css. */
/* The 4 px scanline texture aliased (shimmered) whenever the POS was scaled by the camera move. */
.system-page .pos-surface::after{background:none}
/* Screen is off (black glass) from installation until the Wi-Fi connection powers it on. */
.pos-off{position:absolute;left:0;top:0;width:540px;height:840px;transform-origin:0 0;border-radius:22px;z-index:4;pointer-events:none;backface-visibility:hidden;overflow:hidden;
 background:radial-gradient(130% 80% at 28% 8%,var(--text-dark) 0%,var(--text-dark) 52%,var(--text-dark) 100%);box-shadow:inset 0 0 0 2px var(--text-dark),inset 0 0 40px #000}
.pos-off::before{content:'';position:absolute;inset:0;background:linear-gradient(118deg,#ffffff1f 0%,#ffffff08 24%,transparent 46%,color-mix(in srgb, var(--primary-light) 3.137%, transparent) 100%)}
/* Power-on: a soft light sweeps up as the panel wakes */
.pos-off::after{content:'';position:absolute;left:0;right:0;height:22%;bottom:calc(var(--wake,0) * 100% - 22%);background:linear-gradient(0deg,transparent,color-mix(in srgb, var(--brand-tint) 33.333%, transparent),transparent);opacity:calc(var(--wake,0) * 1.4)}
/* Contactless card: an ordinary bank card, no SULOOK branding. */
.tap-card.card-v75{padding:0;border:0;border-radius:22px;color:var(--bg-gray);overflow:hidden;
 background:radial-gradient(150% 95% at 102% -4%,var(--text-dark) 0%,transparent 52%),linear-gradient(140deg,var(--text-dark) 0%,var(--text-dark) 46%,var(--text-dark) 100%);
 box-shadow:0 14px 30px #00000045,inset 0 0 0 1px #ffffff21}
.card-v75::before{content:'';position:absolute;inset:0;background:repeating-radial-gradient(circle at 118% -24%,#ffffff07 0 2px,transparent 2px 13px)}
.card-v75 span{position:absolute}
.card-v75 .cc-visa{right:30px;top:25px;font:italic 800 36px/1 Arial,Helvetica,sans-serif;letter-spacing:-.03em;color:#fff}
.card-v75 .cc-chip{left:36px;top:88px;width:58px;height:44px;border-radius:9px;background:linear-gradient(135deg,#f4e4bb,#c8aa69 58%,#e9d39f);box-shadow:inset 0 0 0 1px #99804e}
.card-v75 .cc-chip::before,.card-v75 .cc-chip::after{content:'';position:absolute;border:0 solid #8f7a52}
.card-v75 .cc-chip::before{inset:14px 0;border-width:1px 0}.card-v75 .cc-chip::after{inset:0 20px;border-width:0 1px}
.card-v75 .cc-wave{left:108px;top:92px;width:36px;height:36px}
.card-v75 .cc-wave i{position:absolute;top:50%;left:0;border:2.5px solid var(--brand-tint);border-left:0;border-top-color:transparent;border-bottom-color:transparent;border-radius:0 50% 50% 0;transform:translateY(-50%)}
.card-v75 .cc-wave i:nth-child(1){width:9px;height:12px;left:2px}.card-v75 .cc-wave i:nth-child(2){width:16px;height:22px;left:5px}.card-v75 .cc-wave i:nth-child(3){width:23px;height:32px;left:8px}
.card-v75 .cc-number{left:36px;top:152px;font-size:28px;letter-spacing:.08em;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 0 #0007}
.card-v75 .cc-exp{left:200px;top:196px;display:flex;align-items:center;gap:7px;white-space:nowrap}
.card-v75 .cc-exp em{font-style:normal;font-size:7px;line-height:1.1;letter-spacing:.08em;color:var(--brand-line)}
.card-v75 .cc-exp strong{font-size:17px;font-weight:500;letter-spacing:.06em}
.card-v75 .cc-name{left:36px;bottom:27px;font-size:16px;letter-spacing:.13em;white-space:nowrap}
.card-v75 .cc-mc{right:26px;bottom:21px;width:64px;height:40px}
.card-v75 .cc-mc i{position:absolute;top:0;width:40px;height:40px;border-radius:50%}
.card-v75 .cc-mc i:first-child{left:0;background:#eb001b}.card-v75 .cc-mc i:last-child{right:0;background:#f79e1b;opacity:.9}