/* Game-row style controls make every guide carousel usable by swipe or tap. */
.guide-carousel-shell{position:relative}
.guide-scroll-button{position:absolute;z-index:12;top:50%;display:grid;place-items:center;width:26px;height:48px;padding:0;border:0;background:rgba(5,90,40,.78);color:#fff;font-size:32px;line-height:1;cursor:pointer;box-shadow:0 3px 10px rgba(0,35,16,.22)}
.guide-scroll-button.is-prev{left:0;border-radius:0 11px 11px 0}.guide-scroll-button.is-next{right:0;border-radius:11px 0 0 11px}.guide-scroll-button:hover{background:#0aa244}
.member-guide-slide figure{aspect-ratio:36/25;overflow:hidden}.member-guide-slide img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}.member-guide-carousel{touch-action:pan-x!important}
.member-guide-head h2{margin:3px 0 0!important;font-size:16px!important;line-height:1.05!important;color:var(--green-deep)!important}
/* A small CSS-only mouse cursor: no bitmap and no background. */
.guide-pointer{position:absolute;width:16px;height:22px;z-index:3;display:block;padding:0;border-radius:0;background:transparent;box-shadow:none;filter:none;pointer-events:none}.guide-pointer::before,.guide-pointer::after{content:"";position:absolute;inset:0;clip-path:polygon(0 0,0 100%,26% 77%,43% 96%,57% 88%,39% 68%,70% 60%)}.guide-pointer::before{background:#111}.guide-pointer::after{background:#fff;transform:scale(.68);transform-origin:top left}.guide-pointer-register{left:67%;top:14%}.guide-pointer-otp{left:81%;top:7%}
.guide-disclosure{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-height:27px;margin-top:7px;padding:0;border:0;background:transparent;color:#087d38;font:800 8px/1 var(--font-display,Arial,sans-serif);letter-spacing:.06em;cursor:pointer}.guide-disclosure span{font-size:13px;line-height:.8}.guide-disclosure[hidden]{display:none}.nt77-support-page.nt77-guide-member .member-guide-extra-head b{color:#087d38}
.member-guide-extra-carousel article[data-guide-cashier-action]{cursor:pointer}.member-guide-extra-carousel article[data-guide-cashier-action]:focus-visible{outline:2px solid #ffca18;outline-offset:3px}
.guide-deposit-screen{position:relative}.guide-deposit-screen::after{content:"";position:absolute;right:28%;bottom:20px;width:15px;height:21px;background:#111;clip-path:polygon(0 0,0 100%,26% 77%,43% 96%,57% 88%,39% 68%,70% 60%);pointer-events:none}
.member-guide-extra-head b{font-size:8px}.member-guide-extra-carousel{padding-left:1px;padding-right:28px}.member-guide-extra-carousel article{padding-inline:13px}
@media(max-width:360px){.guide-scroll-button{width:22px;height:42px;font-size:28px}.guide-pointer{width:15px;height:21px}}

/* The guides are real pages in a calm, consistent sequence—not plain disclosure links. */
.member-guide-head{padding:0 3px 9px;border-bottom:1px solid #dcebe0}.member-guide-head h2{font-size:18px!important}.member-guide-head p:last-child{margin:5px 0 0;font-size:8px;line-height:1.4}.guide-topic{padding:13px 0 11px;border-bottom:1px solid #dcebe0}.guide-topic:last-child{padding-bottom:1px;border-bottom:0}.guide-topic-heading{display:flex;gap:9px;align-items:flex-start;margin:0 4px 9px}.guide-topic-heading>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--yellow);color:var(--green-deep);font-size:9px;font-weight:900}.guide-topic-heading h3{margin:0;color:var(--green-deep);font-size:14px;line-height:1.1}.guide-topic-heading p{margin:3px 0 0;color:#607065;font-size:8px;line-height:1.35}.guide-topic .member-guide-carousel{padding-left:1px;padding-right:34px}.guide-topic .member-guide-slide{flex:0 0 calc(100% - 34px);padding:10px}.guide-topic .member-guide-slide figure{aspect-ratio:4 / 3}.guide-topic .member-guide-slide img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;background:#f5f8f5}.guide-topic .member-guide-slide h3{font-size:14px}.guide-topic .member-guide-slide p{min-height:24px;margin-top:6px}.guide-topic .member-guide-dots{margin:7px 0 0}.guide-pointer-deposit{left:31%;top:52%}.guide-pointer-withdraw{left:72%;top:52%}.guide-pointer-share{left:17%;top:50%}.guide-topic-referral .member-guide-slide{flex-basis:calc(100% - 34px)}.guide-topic-referral .member-guide-slide p{min-height:0}@media(max-width:360px){.guide-topic-heading h3{font-size:13px}.guide-topic .member-guide-slide{padding:8px}.guide-topic .member-guide-slide p{font-size:8px}}

/* Compact guide controls replace plain text minimise links. */
.guide-mode-control{display:grid;grid-template-columns:29px minmax(0,1fr) 18px;align-items:center;gap:9px;width:100%;margin:10px 0 0;padding:9px 10px;border:1px solid #cbe6d3;border-radius:11px;background:linear-gradient(135deg,#fff,#f6fcf7);color:#063b24;text-align:left;cursor:pointer;font-family:inherit}.guide-mode-control:hover{border-color:#0b913c;background:#f4fbf5}.guide-mode-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff0ad;color:#674f00;font-size:10px;font-weight:900}.guide-mode-control b,.guide-mode-control small{display:block}.guide-mode-control b{font-size:9px;letter-spacing:.04em}.guide-mode-control small{margin-top:2px;color:#65766a;font-size:7px;font-weight:700}.guide-mode-control>i{color:#087b38;font-size:20px;font-style:normal;font-weight:700;text-align:center}.guide-more-control{border-color:#e7c83f;background:linear-gradient(135deg,#fffdf4,#fff7c9)}.guide-more-control .guide-mode-icon{background:#087b38;color:#fff}.guide-extra-panel{margin-top:8px}.guide-less-control{margin-top:0;border-style:dashed;background:#f7fbf8}.guide-less-control .guide-mode-icon{background:#e9f5ec;color:#087b38}.guide-wallet-screen{position:relative}.guide-bank-redaction{position:absolute;left:37%;top:30%;display:block;width:28%;height:10%;border-radius:4px;background:#e9efeb;color:#5a685f;font:900 7px/1 Arial,sans-serif;letter-spacing:.12em;text-align:center;padding-top:2px;box-sizing:border-box;pointer-events:none}.guide-pointer-deposit{left:80%;top:39%}.guide-pointer-withdraw{left:80%;top:50%}.guide-topic-referral .member-guide-slide figure{aspect-ratio:4 / 1.25}.guide-topic-referral .member-guide-slide img{object-fit:contain;background:#fff}@media(max-width:360px){.guide-mode-control{gap:7px;padding:8px}.guide-mode-control b{font-size:8px}.guide-mode-control small{font-size:6.5px}}
.page-main>.member-guide{margin-inline:0}.guide-mode-control>i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#eaf6ed;color:#087b38;font-size:17px;line-height:1}.guide-more-control>i{background:#087b38;color:#fff}.guide-less-control>i{background:#fff0ad;color:#705900}.guide-withdraw-redaction{position:absolute;left:32%;top:42%;display:block;width:36%;height:10%;border-radius:4px;background:#e9efeb;color:#5a685f;font:900 7px/1 Arial,sans-serif;letter-spacing:.12em;text-align:center;padding-top:2px;box-sizing:border-box;pointer-events:none}
.page-main>.support-vip-hero{margin:0 0 18px!important;border-radius:16px}.page-main>.support-vip-hero+.member-guide{margin-top:0!important}

/* A collapsed guide is a quiet navigation control, not another promotion. */
/* + means the next action is expand; − means the next action is minimise. */
.guide-mode-control.is-minimised{border-color:#e8c33a;background:linear-gradient(135deg,#fff8d7,#fff0a2)}
.guide-mode-control.is-minimised .guide-mode-icon{background:#ffce1c;color:#5f4c00}
.guide-mode-control.is-minimised>i{background:#e1eae4;color:#087b38}
.guide-mode-control[aria-expanded="true"]{border-color:#d4ddd7;background:linear-gradient(135deg,#f7f9f8,#edf1ee)}
.guide-mode-control[aria-expanded="true"] .guide-mode-icon{background:#dfe7e2;color:#547164}
.guide-mode-control[aria-expanded="true"]>i{background:#e1eae4;color:#087b38}

/* Both guide actions use the same quiet grey circular control. */
.guide-mode-control>i,.guide-more-control>i,.guide-less-control>i{background:#e1eae4!important;color:#087b38!important}

/* Final guide polish: a plain white cursor with a crisp black outline only. */
.member-guide-head{border-bottom:0!important}
.guide-pointer{width:14px!important;height:20px!important;background:transparent!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
.guide-pointer::before{background:#111!important}.guide-pointer::after{background:#fff!important;transform:scale(.72)!important}
.guide-pointer-register{left:55%!important;top:30%!important}
.guide-pointer-otp{left:77%!important;top:28%!important}
.guide-pointer-deposit{left:80%!important;top:39%!important}
.guide-pointer-withdraw{left:80%!important;top:50%!important}
.guide-mascot-cleanup{position:absolute;right:0;top:64%;z-index:2;display:block;width:17%;height:15%;background:#f5f8f5;pointer-events:none}
.guide-wallet-screen .guide-bank-redaction{background:#101d15!important;color:transparent!important;border-radius:2px!important;padding:0!important;letter-spacing:0!important}
.guide-topic-referral .member-guide-slide figure{aspect-ratio:5.25 / 1!important}
.guide-topic-referral .member-guide-slide{padding-block:7px!important}
.guide-deposit-step-two-clean::before{content:"";position:absolute;z-index:2;top:0;left:0;width:100%;height:8%;background:#f5f8f5;pointer-events:none}

/* Privacy masks must sit over the displayed bank name and number, not beneath it. */
.guide-wallet-screen .guide-bank-redaction{left:36%!important;top:26%!important;width:29%!important;height:10%!important;background:#101d15!important}

/* One clear instructional language across every guide: a solid green cursor only. */
.guide-pointer{background:transparent!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
.guide-pointer::before,.guide-pointer::after{background:#078b3a!important;box-shadow:none!important;filter:none!important}

/* Referral keeps the subtle white cursor; OTP already shows the requested action in its screen. */
.guide-pointer-share::before,.guide-pointer-share::after{background:#fff!important}
.guide-pointer-otp{display:none!important}
.guide-pointer-clear{left:80%!important;top:71%!important}
.guide-topic[aria-labelledby="clearBalanceGuideHeading"] .member-guide-carousel{padding-right:0!important}.guide-topic[aria-labelledby="clearBalanceGuideHeading"] .member-guide-slide{flex-basis:100%!important}
