:root{
  --green:#099739;
  --green-deep:#063b24;
  --green-dark:#064a2d;
  --yellow:#ffce1c;
  --white:#fff;
  --surface:#f3f6f4;
  --outer:#fff;
  --text:#142019;
  --muted:#465d50;
  --border:#dce6df;
  --red:#d92f3a;
  --blue:#1476d4;
}

/* Interaction pass: keep phone scrolling natural while open support panels stay visible. */
.support-chat-below-banner{height:var(--support-chat-height,405px);min-height:0!important}
.support-chat-below-banner .support-chat-thread{height:auto!important;min-height:0!important}
.member-guide-carousel,.member-guide-extra-carousel{touch-action:auto!important}
#support-faq{scroll-margin-top:8px}
@media(max-width:480px){
  .support-chat-below-banner{max-height:calc(100dvh - 94px)}
  .support-chat-compose input,.support-chat-compose textarea{font-size:16px!important}
}
*{box-sizing:border-box}
html{font-family:Arial,sans-serif;background:var(--outer);color:var(--text);scroll-behavior:smooth}
body{margin:0;background:var(--outer);font-family:Arial,sans-serif;font-size:12px;line-height:1.45}
button,input,select,textarea{font:inherit}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
.page{width:min(100%,430px);min-height:100vh;margin:0 auto;padding-bottom:58px;background:var(--surface);box-shadow:0 0 30px rgba(6,59,36,.1)}
.site-header{height:74px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--border)}
.site-brand img{display:block;width:112px;height:auto}
.header-wallet{display:flex;align-items:center;gap:7px;color:var(--green-dark);font-size:9px;font-weight:800}
.wallet-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(9,151,57,.12)}
.wallet-amount{font-size:12px;font-weight:900}
.status-strip{height:24px;padding:0 12px;display:flex;align-items:center;gap:8px;overflow:hidden;background:var(--green-deep);color:#fff;font-size:8px;font-weight:700;white-space:nowrap}
.status-strip::before{content:"";flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 8px var(--yellow)}
.page-main{padding:11px 10px 22px}
.page-hero{position:relative;min-height:154px;padding:18px 17px;overflow:hidden;border-radius:16px;background:linear-gradient(135deg,#064a2d 0%,#099739 64%,#69aa31 100%);color:#fff;box-shadow:0 8px 20px rgba(6,59,36,.16)}
.page-hero::before,.page-hero::after{content:"";position:absolute;border-radius:50%;border:22px solid rgba(255,255,255,.07)}
.page-hero::before{width:150px;height:150px;right:-62px;bottom:-85px}
.page-hero::after{width:72px;height:72px;right:28px;top:-54px;border-color:rgba(255,206,28,.18)}
.eyebrow{position:relative;z-index:1;margin:0 0 6px;color:var(--yellow);font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.page-hero h1{position:relative;z-index:1;max-width:330px;margin:0;font-size:26px;line-height:1.02;letter-spacing:-.035em}
.page-hero p{position:relative;z-index:1;max-width:340px;margin:9px 0 0;color:rgba(255,255,255,.86);font-size:11px;line-height:1.45}
.history-page-hero{isolation:isolate;min-height:210px;background:radial-gradient(circle at 86% 18%,rgba(255,206,28,.32) 0 4%,transparent 4.5% 13%,rgba(255,255,255,.08) 13.5% 15%,transparent 15.5%),radial-gradient(circle at 74% 55%,rgba(255,206,28,.14),transparent 24%),linear-gradient(135deg,#043d25 0%,#087f37 54%,#4aa72d 100%)}
.history-page-hero::before{width:170px;height:170px;right:-72px;bottom:-92px;border-color:rgba(255,206,28,.12)}
.history-page-hero::after{width:82px;height:82px;right:38px;top:-60px;border-color:rgba(255,255,255,.09)}
.history-hero-copy{position:relative;z-index:3;width:70%;min-height:106px}
.history-page-hero h1{max-width:250px;font-size:24px}
.history-page-hero p{max-width:245px}
.history-celebration{position:absolute;z-index:1;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}
.history-celebration i{position:absolute;top:-18px;left:var(--x);width:var(--w,6px);height:var(--h,10px);border-radius:var(--r,2px);background:var(--c,#ffce1c);box-shadow:0 0 5px #fff4a8,0 0 11px color-mix(in srgb,var(--c,#ffce1c) 82%,transparent);filter:brightness(1.18);opacity:0;animation:historyCelebrationDrop var(--d,1.1s) linear var(--delay,0s) infinite}
.history-celebration i:nth-child(1){--x:6%;--w:5px;--h:12px;--c:#ffce1c;--d:.92s;--delay:-.5s}
.history-celebration i:nth-child(2){--x:14%;--w:7px;--h:7px;--r:50%;--c:#fff4a8;--d:1.12s;--delay:-1.1s}
.history-celebration i:nth-child(3){--x:23%;--w:4px;--h:12px;--c:#70d66e;--d:1.02s;--delay:-.2s}
.history-celebration i:nth-child(4){--x:31%;--w:6px;--h:10px;--c:#ffdc51;--d:1.18s;--delay:-1.45s}
.history-celebration i:nth-child(5){--x:40%;--w:7px;--h:7px;--r:50%;--c:#fff;--d:.9s;--delay:-.8s}
.history-celebration i:nth-child(6){--x:49%;--w:4px;--h:12px;--c:#9be680;--d:1.08s;--delay:-1.25s}
.history-celebration i:nth-child(7){--x:57%;--w:7px;--h:7px;--r:50%;--c:#ffce1c;--d:.96s;--delay:-.35s}
.history-celebration i:nth-child(8){--x:64%;--w:5px;--h:12px;--c:#fff3a1;--d:1.2s;--delay:-1.55s}
.history-celebration i:nth-child(9){--x:72%;--w:4px;--h:10px;--c:#6bd16d;--d:1.04s;--delay:-.7s}
.history-celebration i:nth-child(10){--x:80%;--w:7px;--h:7px;--r:50%;--c:#ffd93c;--d:1.16s;--delay:-1.05s}
.history-celebration i:nth-child(11){--x:88%;--w:6px;--h:6px;--r:50%;--c:#fff;--d:.88s;--delay:-.95s}
.history-celebration i:nth-child(12){--x:95%;--w:5px;--h:11px;--c:#ffce1c;--d:1.06s;--delay:-.6s}
.history-celebration i:nth-child(13){--x:19%;--w:6px;--h:9px;--c:#ffe374;--d:1.14s;--delay:-.82s}
.history-celebration i:nth-child(14){--x:45%;--w:5px;--h:5px;--r:50%;--c:#fff8cb;--d:.94s;--delay:-.42s}
.history-celebration i:nth-child(15){--x:69%;--w:7px;--h:10px;--c:#ffce1c;--d:1.1s;--delay:-.18s}
.history-celebration i:nth-child(16){--x:86%;--w:4px;--h:12px;--c:#8ee17b;--d:1s;--delay:-.73s}
.history-coin-shine{position:absolute;z-index:7;top:47px;right:128px;width:7px;height:7px;border-radius:50%;background:#fff9c8;box-shadow:0 0 4px #fff,0 0 9px #ffdf54,0 0 15px rgba(255,206,28,.72);pointer-events:none;animation:historyCoinShine 2.7s ease-in-out infinite}
.history-coin-shine::before,.history-coin-shine::after{position:absolute;content:"";left:50%;top:50%;background:linear-gradient(90deg,transparent,#fff7bd,transparent);transform:translate(-50%,-50%);pointer-events:none}
.history-coin-shine::before{width:20px;height:2px}
.history-coin-shine::after{width:2px;height:20px;background:linear-gradient(180deg,transparent,#fff7bd,transparent)}
.history-casino-mascot{position:absolute;z-index:5;top:-5px;right:-15px;width:168px;height:auto;pointer-events:none;transform:rotate(-1.5deg);transform-origin:50% 75%;filter:saturate(.93) contrast(1.1) brightness(.92) drop-shadow(0 13px 10px rgba(1,29,17,.46)) drop-shadow(0 0 6px rgba(255,220,82,.16))}
.history-page-hero .summary-grid{position:relative;z-index:6;margin-top:8px}
@keyframes historyCoinShine{0%,66%,100%{opacity:0;transform:scale(.25) rotate(0)}76%{opacity:1;transform:scale(1.15) rotate(45deg)}88%{opacity:.38;transform:scale(.55) rotate(90deg)}}
@keyframes historyCelebrationDrop{0%{transform:translate3d(0,-14px,0) rotate(0);opacity:0}10%{opacity:.95}48%{opacity:.35}58%{opacity:1}100%{transform:translate3d(13px,226px,0) rotate(430deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.history-coin-shine,.history-celebration i{animation:none!important}.history-coin-shine{opacity:.65}}
@media(max-width:360px){.history-hero-copy{width:72%;min-height:100px}.history-page-hero h1{font-size:21px}.history-page-hero p{max-width:220px;font-size:10px}.history-casino-mascot{top:0;right:-16px;width:150px}.history-coin-shine{top:49px;right:95px}}
.hero-actions{position:relative;z-index:1;margin-top:13px;display:flex;gap:8px;flex-wrap:wrap}
.button{min-height:34px;padding:8px 14px;border:1px solid var(--green);border-radius:10px;background:#fff;color:var(--green-dark);font-size:9px;font-weight:900;cursor:pointer}
.button-primary{border-color:var(--yellow);background:var(--yellow);color:var(--green-deep)}
.button-green{border-color:var(--green);background:var(--green);color:#fff}
.button-ghost-light{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.08);color:#fff}
.button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;line-height:1}
.button:focus-visible,.nav-item:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
.section{margin-top:10px;padding:15px 13px;background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.section:first-child{margin-top:0}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:11px}
.section-heading h2{margin:0;color:var(--green-deep);font-size:17px;line-height:1.1;letter-spacing:-.02em}
.section-heading p{margin:3px 0 0;color:var(--muted);font-size:9px}.settings-account-identity{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px}.settings-account-identity span{display:flex;align-items:baseline;gap:5px}.settings-account-identity b{color:#698075;font-size:6px;letter-spacing:.08em}.settings-account-identity strong{color:var(--green-deep);font-size:8px;font-weight:900}
.section-heading a{flex:0 0 auto;color:var(--green);font-size:9px;font-weight:800}
.history-help-section{position:relative;isolation:isolate;min-height:142px;overflow:hidden;padding:17px 15px;background:radial-gradient(circle at 92% 22%,rgba(255,206,28,.34) 0 4%,transparent 4.5% 14%,rgba(9,151,57,.08) 14.5% 16%,transparent 16.5%),linear-gradient(118deg,#fff 0 49%,#f3fae9 70%,#fff5c8 100%)}
.history-transactions-section+.history-help-section{margin-top:5px}
.history-help-section::after{position:absolute;z-index:0;content:"";left:-55px;bottom:-79px;width:170px;height:170px;border:20px solid rgba(9,151,57,.07);border-radius:50%}
.history-help-copy{position:relative;z-index:3;width:49%;max-width:190px;margin-left:auto;text-align:left}
.history-help-section .section-heading{margin-bottom:9px}
.history-help-section .section-heading h2{font-size:16px;line-height:1.08}
.history-help-section .section-heading p{max-width:215px;line-height:1.35}
.history-support-privacy{position:relative;z-index:3;max-width:205px;margin:0 0 8px;color:#607068;font-size:7px;line-height:1.3}
.history-help-section .button{display:flex;width:100%;min-width:0;max-width:155px;justify-content:center;box-shadow:0 5px 12px rgba(255,206,28,.2)}
.history-help-mascot{position:absolute;z-index:2;left:-8px;bottom:-2px;width:190px;height:auto;pointer-events:none;filter:drop-shadow(0 8px 9px rgba(6,59,36,.25)) drop-shadow(0 0 5px rgba(255,206,28,.2))}
@media(max-width:360px){.history-help-section{min-height:138px;padding-right:13px}.history-help-copy{width:51%}.history-help-section .section-heading h2{font-size:14px}.history-help-section .button{padding-inline:7px}.history-help-mascot{left:-10px;width:176px}}
.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}
.summary-item{padding:10px 8px;border:1px solid #cfe2d5;border-radius:11px;background:linear-gradient(145deg,#fff,#f3faf5)}
.history-page-hero .summary-item{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.summary-item small{display:block;color:var(--muted);font-size:7px;font-weight:800;text-transform:uppercase}
.summary-item strong{display:block;margin-top:3px;color:var(--green);font-size:14px;line-height:1}
.filter-row{display:flex;gap:6px;overflow-x:auto;padding:1px 0 5px;scrollbar-width:none}
.filter-row::-webkit-scrollbar{display:none}
.history-filter-row{display:grid;grid-template-columns:.52fr .93fr 1.06fr .83fr 1.45fr 1.08fr .8fr;gap:4px;overflow:visible}
.history-transactions-section .history-filter-row{margin:0 0 8px;padding:0 0 8px;border-bottom:1px solid var(--border)}
.history-game-delay-note{margin:5px 0 0;max-width:268px;padding:0;color:#68796e;font-size:8px;line-height:1.35}.history-game-delay-note[hidden]{display:none}.history-transactions-section .section-heading{align-items:flex-start}.history-transactions-section [data-history-refresh]{position:relative;overflow:hidden;animation:history-refresh-glow 2.5s ease-in-out infinite}.history-transactions-section [data-history-refresh]::after{position:absolute;top:-30%;bottom:-30%;left:-45%;width:22%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.56),transparent);content:"";transform:skewX(-20deg);animation:history-refresh-shine 2.5s ease-in-out infinite}@keyframes history-refresh-glow{0%,100%{box-shadow:0 3px 8px rgba(4,104,46,.14)}50%{box-shadow:0 4px 13px rgba(4,135,56,.32);transform:translateY(-1px)}}@keyframes history-refresh-shine{0%,58%{left:-45%}78%,100%{left:125%}}
.history-filter-row .filter-chip{min-width:0;width:100%;padding:4px 2px;font-size:6.7px;white-space:nowrap}
@media(max-width:360px){.history-filter-row{gap:3px}.history-filter-row .filter-chip{padding-inline:1px;font-size:6.1px}}
.filter-chip{flex:0 0 auto;min-height:27px;padding:5px 11px;border:1px solid #c9dfd1;border-radius:999px;background:#fff;color:var(--green-dark);font-size:8px;font-weight:800;cursor:pointer}
.filter-chip.is-active{border-color:var(--yellow);background:var(--yellow)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.form-field{display:flex;flex-direction:column;gap:4px}
.form-field.is-wide{grid-column:1/-1}
.form-field label{color:var(--green-dark);font-size:8px;font-weight:900;text-transform:uppercase}
.form-field input,.form-field select,.form-field textarea{width:100%;min-height:36px;padding:8px 10px;border:1px solid #c9dfd1;border-radius:9px;background:#fbfdfb;color:var(--text);outline:none}
.form-field textarea{min-height:86px;resize:vertical}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(9,151,57,.08)}
.transaction-list{border-top:1px solid var(--border)}
.transaction-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}
.transaction-row[hidden]{display:none!important}
.transaction-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e9f7ed;color:var(--green);font-size:16px;font-weight:900}
.transaction-icon.is-withdraw{background:#fff6d1;color:#a87b00}
.transaction-icon.is-bonus{background:#eef7ff;color:var(--blue)}
.transaction-icon.is-bet{background:#f0f4ff;color:#4c63bd}
.transaction-icon.is-commission{background:#fff7d8;color:#8b6a00}
.transaction-icon.is-lottery{background:#f3edff;color:#7150b8}
.transaction-copy strong{display:block;color:var(--green-deep);font-size:10px}
.transaction-copy span{display:block;margin-top:2px;color:var(--muted);font-size:8px}
.transaction-value{text-align:right}
.transaction-value strong{display:block;font-size:11px}
.transaction-value small{display:block;margin-top:3px;font-size:7px;font-weight:900;text-transform:uppercase}
.status-complete{color:var(--green)}
.status-pending{color:#a87b00}
.info-note{margin-top:10px;padding:10px 11px;border-left:3px solid var(--yellow);background:#fffbea;color:#59645d;font-size:9px}
.promo-filters{margin:11px 0 2px}
.promo-list{display:grid;gap:9px}
.promo-card{position:relative;overflow:hidden;padding:14px 13px 12px;border:1px solid #d7e5dc;border-radius:13px;background:#fff}
.promo-card::after{content:"";position:absolute;width:80px;height:80px;right:-36px;top:-38px;border-radius:50%;background:rgba(9,151,57,.07)}
.promo-card.is-featured{border-color:#e6bd12;background:linear-gradient(140deg,#fff 0%,#fffdf3 100%)}
.promo-top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:10px}
.promo-tag{display:inline-flex;align-items:center;min-height:18px;padding:3px 7px;border-radius:999px;background:var(--green);color:#fff;font-size:6px;font-weight:900;text-transform:uppercase}
.promo-tag.is-yellow{background:var(--yellow);color:var(--green-deep)}
.promo-card h3{position:relative;z-index:1;margin:7px 0 3px;color:var(--green-deep);font-size:16px;line-height:1.05}
.promo-card>p{position:relative;z-index:1;margin:0;color:var(--muted);font-size:9px}
.promo-facts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);margin:11px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.promo-fact{padding:8px 6px;border-right:1px solid var(--border)}
.promo-fact:last-child{border-right:0}
.promo-fact small{display:block;color:var(--muted);font-size:6px;font-weight:800;text-transform:uppercase}
.promo-fact strong{display:block;margin-top:2px;color:var(--green-dark);font-size:8px}
.promo-actions{position:relative;z-index:1;display:flex;gap:7px}
.promo-actions .button{flex:1;min-height:31px;padding:6px 8px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.step{padding:0 5px;text-align:center}
.step-number{width:28px;height:28px;margin:0 auto 7px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:var(--green-deep);font-weight:900}
.step strong{display:block;color:var(--green-dark);font-size:9px}
.step p{margin:4px 0 0;color:var(--muted);font-size:8px;line-height:1.35}
.terms-table{width:100%;border-collapse:collapse;font-size:8px}
.terms-table th,.terms-table td{padding:8px 6px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.terms-table th{color:var(--green-dark);font-size:7px;text-transform:uppercase}
.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.support-topic{padding:12px 10px;border:1px solid #d5e5db;border-radius:11px;background:#fff;cursor:pointer}
.support-topic span{display:block;font-size:20px;line-height:1}
.support-topic strong{display:block;margin-top:7px;color:var(--green-deep);font-size:10px}
.support-topic small{display:block;margin-top:3px;color:var(--muted);font-size:8px}
.chat-status{display:flex;align-items:center;gap:6px;color:var(--green);font-size:8px;font-weight:900}
.chat-status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(9,151,57,.1)}
.chat-window{overflow:hidden;border:1px solid #d5e5db;border-radius:13px;background:#f7faf8}
.chat-head{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;background:var(--green-deep);color:#fff}
.chat-head strong{font-size:11px}
.chat-body{min-height:114px;padding:12px}
.chat-message{max-width:82%;padding:9px 10px;border-radius:4px 12px 12px 12px;background:#fff;box-shadow:0 2px 8px rgba(6,59,36,.08);font-size:9px}
.chat-message span{display:block;margin-top:4px;color:var(--muted);font-size:7px}
.chat-start{padding:10px;border-top:1px solid var(--border);background:#fff}
.chat-start .button{width:100%}
.support-vip-hero{isolation:isolate;min-height:210px;padding:20px 17px;background:radial-gradient(circle at 84% 22%,rgba(255,224,86,.36) 0 3%,transparent 3.6% 12%,rgba(255,255,255,.09) 12.6% 14%,transparent 14.5%),radial-gradient(circle at 58% 84%,rgba(255,206,28,.15),transparent 24%),linear-gradient(135deg,#043d25 0%,#087f37 57%,#4aa72d 100%)}
.support-vip-hero::before{width:165px;height:165px;right:-70px;bottom:-90px;border-color:rgba(255,206,28,.13)}
.support-vip-hero::after{width:78px;height:78px;right:34px;top:-58px;border-color:rgba(255,255,255,.1)}
.support-hero-intro{position:relative;z-index:4;width:65%;min-height:170px}
.support-vip-hero h1{max-width:230px;font-size:25px}
.support-vip-hero .support-hero-intro>p:not(.eyebrow){max-width:235px;font-size:10px}
.support-live-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;letter-spacing:.01em;box-shadow:0 5px 14px rgba(255,206,28,.27)}
.support-live-button{animation:supportCtaFlash 2.15s ease-in-out infinite}
@keyframes supportCtaFlash{0%,100%{box-shadow:0 5px 14px rgba(255,206,28,.27),0 0 0 0 rgba(255,222,83,0)}48%{box-shadow:0 6px 17px rgba(255,206,28,.48),0 0 0 5px rgba(255,222,83,.2)}62%{box-shadow:0 5px 14px rgba(255,206,28,.27),0 0 0 0 rgba(255,222,83,0)}}
.support-live-button i,.support-chat-head span i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#42d76b;box-shadow:0 0 0 4px rgba(66,215,107,.18),0 0 8px rgba(66,215,107,.75);animation:none}
.support-live-button.has-chat-reply i,.support-chat-head.has-staff-reply span i{background:#e43a44;box-shadow:0 0 0 4px rgba(228,58,68,.18),0 0 8px rgba(228,58,68,.75)}
.support-vip-mascot{position:absolute;z-index:3;right:-22px;bottom:-53px;width:206px;height:auto;pointer-events:none;filter:saturate(.9) contrast(1.06) drop-shadow(0 12px 10px rgba(1,29,17,.42)) drop-shadow(0 0 7px rgba(255,219,61,.2))}
.support-vip-hero::after{animation:supportBannerSignal 3.6s ease-in-out infinite}
.support-vip-hero.is-chat-open{height:min(590px,calc(100svh - 165px));min-height:455px;padding:10px}
.support-vip-hero.is-chat-open::after{animation:none}
.support-chat-mode{position:relative;z-index:6;width:100%;min-height:198px;padding:0;border:1px solid rgba(255,255,255,.5);border-radius:13px;background:#f6faf7;color:var(--text);box-shadow:0 10px 22px rgba(1,29,17,.22)}
.support-vip-hero.is-chat-open .support-chat-mode{height:100%;min-height:0;display:flex;flex-direction:column}
.support-chat-head{height:48px;padding:7px 9px;display:flex;align-items:center;gap:8px;border-radius:12px 12px 0 0;background:linear-gradient(90deg,#063b24,#087f37);color:#fff}
.support-agent-avatar{width:34px;height:34px;overflow:hidden;border:2px solid var(--yellow);border-radius:50%;background:#fff}
.support-agent-avatar img{width:100%;height:100%;object-fit:contain;transform:none;padding:4px}
.support-chat-head>div{min-width:0;flex:1}
.support-chat-head strong{display:block;font-size:11px}
.support-chat-head span:not(.support-agent-avatar){display:flex;align-items:center;gap:5px;margin-top:1px;color:rgba(255,255,255,.82);font-size:7px}
.support-chat-head span b{color:#f1fff3;font-size:7px;letter-spacing:0}
.support-chat-head button{width:26px;height:26px;border:0;border-radius:8px;background:rgba(255,255,255,.12);color:#fff;font-size:17px;cursor:pointer}
.support-chat-thread{height:77px;padding:9px 10px;overflow-y:auto;background:linear-gradient(145deg,#eef7f0,#fff)}
.support-vip-hero.is-chat-open .support-chat-thread{height:auto;min-height:250px;flex:1;padding:13px 12px}
.support-chat-bubble{width:82%;padding:7px 9px;border-radius:4px 11px 11px 11px;background:#fff;color:var(--green-deep);box-shadow:0 2px 8px rgba(6,59,36,.1);font-size:8px;line-height:1.35}
.support-chat-bubble.is-member{margin-left:auto;border-radius:11px 4px 11px 11px;background:#dcf6e4}
.support-chat-bubble small{display:block;margin-top:3px;color:var(--muted);font-size:6px}
/* Member replies stay compact, like a normal chat conversation. */
.support-chat-bubble.is-member{display:table;width:fit-content;max-width:72%;margin:0 0 6px auto;padding:7px 10px;border-radius:13px 13px 4px 13px;word-break:break-word}
.support-chat-compose{display:grid;grid-template-columns:minmax(0,1fr) 30px 49px;gap:5px;padding:7px 8px;background:#fff;border-top:1px solid var(--border)}
.support-chat-controls{display:flex;gap:5px;align-items:center}.support-chat-controls button{width:26px;height:26px;border:0;border-radius:8px;background:#edf7ef;color:var(--green-deep);font-size:18px;line-height:1;cursor:pointer}.support-chat-controls button:hover{background:var(--yellow)}
.support-chat-compose select,.support-chat-compose input,.support-chat-compose textarea{min-width:0;height:30px;min-height:30px;padding:6px 7px;border:1px solid #c9dfd1;border-radius:8px;background:#fbfdfb;color:var(--text);font:inherit;font-size:8px;line-height:1.2;outline:none;resize:none;overflow-y:auto}
.support-chat-compose button{height:30px;border:0;border-radius:8px;background:var(--yellow);color:var(--green-deep);font-size:7px;font-weight:900;cursor:pointer}
.support-chat-attach{height:30px;display:grid;place-items:center;border:1px solid #c9dfd1;border-radius:8px;background:#f7fbf8;color:var(--green);font-size:18px;font-weight:700;line-height:1;cursor:pointer}
.support-chat-attach input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.support-chat-safety{margin:0!important;padding:4px 8px!important;max-width:none!important;background:#fffbea;color:#6e622f!important;font-size:6px!important;text-align:center}
.support-faq-eyebrow{margin-bottom:4px;color:var(--green)!important}
.support-faq-search{height:38px;padding:0 11px;display:flex;align-items:center;gap:7px;border:1px solid #c9dfd1;border-radius:10px;background:#f9fcfa}
.support-faq-search span{color:var(--green);font-size:18px;line-height:1}
.support-faq-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:9px}
.support-faq-filters{margin:9px 0 3px;padding-bottom:7px}
.support-faq-filters .filter-chip{padding-inline:10px;font-size:7px}
.support-faq-list{border-top:1px solid var(--border)}
.support-faq-list details.faq{border-bottom:1px solid var(--border)}
.support-faq-list details.faq[hidden]{display:none}
.support-faq-empty{margin:12px 0 2px;padding:10px;border-radius:9px;background:#fffbea;color:var(--muted);font-size:9px;text-align:center}
@keyframes supportLivePulse{0%,100%{transform:scale(.85);opacity:.75}50%{transform:scale(1.12);opacity:1}}
@keyframes supportBannerSignal{0%,100%{transform:scale(.92);opacity:.5}50%{transform:scale(1.12);opacity:1}}
@media(max-width:360px){.support-vip-hero{min-height:202px;padding-inline:14px}.support-hero-intro{width:67%;min-height:163px}.support-vip-hero h1{font-size:22px}.support-vip-mascot{right:-28px;bottom:-46px;width:190px}.support-vip-hero .hero-actions{gap:6px}.support-vip-hero .hero-actions .button{padding-inline:9px;font-size:7px}.support-vip-hero.is-chat-open{height:calc(100svh - 158px);min-height:430px;padding-inline:8px}.support-vip-hero.is-chat-open .support-chat-thread{min-height:220px}.support-chat-compose{grid-template-columns:minmax(0,1fr) 27px 44px;gap:4px;padding-inline:6px}.support-chat-compose input{padding-inline:5px;font-size:7px}.support-chat-attach{font-size:15px}}
@media(max-width:360px){.support-chat-compose{grid-template-columns:minmax(0,1fr) 27px 27px 44px}.support-chat-emoji-picker{right:76px;grid-template-columns:repeat(4,25px)}.support-chat-emoji-picker button{width:25px!important;height:25px!important;font-size:13px!important}}
@media(max-width:360px){.support-chat-compose{grid-template-columns:minmax(0,1fr) 27px 44px}.support-chat-compose textarea{padding-inline:5px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.support-live-button i,.support-chat-head span i,.support-vip-hero::after{animation:none}}
.settings-vip-card{--vip-main:#157d3a;--vip-light:#73ba45;position:relative;overflow:hidden;min-height:184px;margin:0 -1px 10px;padding:16px 17px;border:1px solid rgba(255,255,255,.48);border-radius:17px;background:linear-gradient(135deg,#063b24 0%,var(--vip-main) 58%,var(--vip-light) 100%);color:#fff;box-shadow:0 10px 22px rgba(6,59,36,.18)}
.settings-vip-card::before,.settings-vip-card::after{position:absolute;content:"";border:1px solid rgba(255,255,255,.18);border-radius:50%;pointer-events:none}
.settings-vip-card::before{width:180px;height:180px;right:-75px;top:-90px}.settings-vip-card::after{width:125px;height:125px;left:-66px;bottom:-72px;border-color:rgba(255,206,28,.24)}
.settings-vip-card[data-vip-tier="bronze"]{--vip-main:#9a5a2d;--vip-light:#c78b57}.settings-vip-card[data-vip-tier="silver"]{--vip-main:#697984;--vip-light:#afc0ca}.settings-vip-card[data-vip-tier="gold"]{--vip-main:#aa7a00;--vip-light:#e0b524}.settings-vip-card[data-vip-tier="platinum"]{--vip-main:#446b72;--vip-light:#a4c2c8}.settings-vip-card[data-vip-tier="diamond"]{--vip-main:#315f93;--vip-light:#72b7de}.settings-vip-card[data-vip-tier="vvip"]{--vip-main:#643d8a;--vip-light:#d28ae0}
.settings-vip-card-top,.settings-vip-card-bottom,.settings-vip-card-member{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px}
.settings-vip-card-top span{font-size:8px;font-weight:900;letter-spacing:.12em}.settings-vip-card-top strong{padding:4px 8px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(255,206,28,.92);color:var(--green-deep);font-size:7px;letter-spacing:.08em}
.settings-vip-card-number{position:relative;z-index:1;margin:23px 0 15px;font-size:25px;font-weight:900;letter-spacing:.12em;line-height:1;text-shadow:0 2px 0 rgba(0,0,0,.12)}
.settings-vip-card-member{padding-top:9px;border-top:1px solid rgba(255,255,255,.24)}
.settings-vip-card-member>div:last-child{text-align:right}.settings-vip-card-member small{display:block;color:rgba(255,255,255,.7);font-size:6px;font-weight:900;letter-spacing:.08em}.settings-vip-card-member strong{display:block;margin-top:2px;font-size:9px}
.settings-vip-card-bottom{margin-top:14px;font-size:7px;color:rgba(255,255,255,.8)}.settings-vip-card-bottom a{font-size:7px;font-weight:900;color:#fff7c3;text-decoration:underline;text-underline-offset:3px}
@media(max-width:360px){.settings-vip-card{min-height:172px;padding:15px}.settings-vip-card-number{font-size:22px;margin-block:21px 13px}}
.settings-member-pass{--vip-main:#177e3a;--vip-light:#62ae42;position:relative;display:grid;grid-template-columns:1fr auto;gap:13px;overflow:hidden;min-height:124px;margin:0 -1px 12px;padding:15px 16px;border:1px solid rgba(255,255,255,.52);border-radius:16px;background:linear-gradient(125deg,#063b24,var(--vip-main) 58%,var(--vip-light));color:#fff;box-shadow:0 9px 18px rgba(6,59,36,.16)}
.settings-member-pass::before{position:absolute;right:-30px;top:-54px;width:156px;height:156px;border:1px solid rgba(255,255,255,.16);border-radius:50%;content:""}.settings-member-pass::after{position:absolute;left:45%;bottom:-48px;width:138px;height:68px;border:1px solid rgba(255,206,28,.18);border-radius:50%;content:""}
.settings-member-pass[data-vip-tier="bronze"]{--vip-main:#915126;--vip-light:#c78654}.settings-member-pass[data-vip-tier="silver"]{--vip-main:#6a7880;--vip-light:#bac8cf}.settings-member-pass[data-vip-tier="gold"]{--vip-main:#a47400;--vip-light:#dcb52d}.settings-member-pass[data-vip-tier="platinum"]{--vip-main:#446b72;--vip-light:#a4c2c8}.settings-member-pass[data-vip-tier="diamond"]{--vip-main:#315f93;--vip-light:#72b7de}.settings-member-pass[data-vip-tier="vvip"]{--vip-main:#653a8b;--vip-light:#d288dd}
.settings-pass-brand,.settings-pass-profile,.settings-pass-tier{position:relative;z-index:1}.settings-pass-brand{grid-column:1/-1;display:flex;align-items:baseline;gap:6px;line-height:1}.settings-pass-brand span{font-size:15px;font-weight:900;letter-spacing:-.05em}.settings-pass-brand small{font-size:7px;font-weight:900;letter-spacing:.16em;color:#fff5bc}.settings-pass-profile{display:flex;align-items:center;gap:9px}.settings-pass-avatar{width:38px;height:38px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(255,206,28,.9);color:#07522d;font-size:11px;font-weight:900;box-shadow:inset 0 0 0 3px rgba(255,255,255,.22)}.settings-pass-profile small,.settings-pass-tier small{display:block;color:rgba(255,255,255,.73);font-size:6px;font-weight:900;letter-spacing:.08em}.settings-pass-profile strong{display:block;margin-top:2px;font-size:10px}.settings-pass-profile em{display:block;margin-top:3px;color:#fff5bc;font-size:7px;font-style:normal}.settings-pass-tier{text-align:right;align-self:center}.settings-pass-tier strong{display:block;margin:3px 0 6px;color:#fff6bd;font-size:11px;letter-spacing:.05em}.settings-pass-tier a{color:#fff;font-size:7px;font-weight:900;text-decoration:underline;text-underline-offset:3px}
.settings-section{margin-top:13px}.settings-row-button{width:100%;padding:0;border-inline:0;border-top:0;background:transparent;text-align:left;cursor:pointer;font-family:inherit}.settings-row-button:hover .settings-copy strong{color:var(--green)}.settings-chevron{color:var(--green);font-size:21px;font-weight:400;line-height:1}.settings-state{color:var(--green);font-size:8px;font-weight:900}.settings-row.is-verified .settings-icon{background:#e2f8e9;color:#07923f}.settings-row.is-verified .settings-state{color:#07923f}.settings-actions{padding-bottom:2px}.settings-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.settings-actions-grid .button{min-height:42px;padding-inline:7px;font-size:8px}.settings-modal-layer{position:fixed;z-index:500;inset:0;display:grid;place-items:end center;padding:17px 12px calc(48px + env(safe-area-inset-bottom));background:rgba(3,48,28,.48);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.settings-modal-layer[hidden],.settings-modal[hidden]{display:none}.settings-modal{position:relative;width:min(100%,420px);max-height:calc(100svh - 80px);overflow:auto;padding:19px 17px 16px;border:1px solid #c7e5d1;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(2,43,25,.3)}.settings-modal-close{position:absolute;right:11px;top:10px;width:27px;height:27px;border:0;border-radius:9px;background:#eef7f1;color:var(--green-deep);font-size:19px;line-height:1;cursor:pointer}.settings-modal-eyebrow{margin:0 0 5px;color:var(--green);font-size:7px;font-weight:900;letter-spacing:.13em}.settings-modal h2{margin:0 30px 14px 0;color:var(--green-deep);font-size:19px;line-height:1.05}.settings-modal form{display:grid;gap:9px}.settings-modal label{display:grid;gap:4px;color:#557064;font-size:7px;font-weight:900;letter-spacing:.06em}.settings-modal input,.settings-modal select,.settings-modal textarea{width:100%;box-sizing:border-box;border:1px solid #c7e5d1;border-radius:9px;background:#fbfdfb;color:var(--green-deep);font:700 11px Arial,sans-serif;letter-spacing:0;padding:10px}.settings-modal textarea{min-height:86px;resize:vertical}.settings-modal .button{width:100%;min-height:40px;margin-top:3px}.settings-bank-card{display:grid;gap:8px;min-height:144px;margin:0 0 12px;padding:16px;border-radius:15px;background:linear-gradient(135deg,#063b24,#16833d 62%,#61af42);color:#fff;box-shadow:0 8px 17px rgba(6,59,36,.2)}.settings-bank-card span,.settings-bank-card small{font-size:7px;font-weight:900;letter-spacing:.1em;color:#fff5bc}.settings-bank-card strong{align-self:end;font-size:16px}.settings-bank-card b{font-size:17px;letter-spacing:.11em}.settings-modal-note{margin:0 0 12px;color:var(--muted);font-size:8px;line-height:1.45}.settings-verification-state{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px;padding:12px;border-radius:12px;background:#f7fbf8}.settings-verification-state span{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--yellow);color:var(--green-deep);font-size:10px;font-weight:900}.settings-verification-state p{margin:0;color:var(--muted);font-size:9px;line-height:1.45}.settings-verification-state.is-complete{background:#e8f8ee}.settings-verification-state.is-complete span{background:var(--green);color:#fff}
@media(max-width:360px){.settings-member-pass{padding:13px 14px;gap:9px}.settings-pass-brand span{font-size:14px}.settings-pass-profile strong{font-size:9px}.settings-actions-grid{gap:6px}.settings-actions-grid .button{font-size:7px}.settings-modal-layer{padding-inline:8px}.settings-modal{padding:17px 13px 14px}}
.settings-account-overview{margin:0 -1px 12px;border:1px solid #c7e5d1;border-radius:15px;background:linear-gradient(145deg,#fff,#f4fbf6);box-shadow:0 8px 16px rgba(6,59,36,.08)}.settings-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:15px 15px 12px;border-bottom:1px solid #d7e9dd}.settings-overview-head p{margin:0 0 4px;color:var(--green);font-size:7px;font-weight:900;letter-spacing:.13em}.settings-overview-head h2{margin:0;color:var(--green-deep);font-size:20px;line-height:1}.settings-account-status{padding:5px 8px;border-radius:999px;background:#fff2bd;color:#755e00;font-size:7px;font-weight:900;letter-spacing:.06em}.settings-account-overview[data-account-active="true"] .settings-account-status{background:#e0f7e8;color:#057331}.settings-overview-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px 15px}.settings-overview-details small,.settings-overview-vip small{display:block;color:#6f8377;font-size:6px;font-weight:900;letter-spacing:.07em}.settings-overview-details strong{display:block;margin-top:3px;color:var(--green-deep);font-size:9px}.settings-overview-vip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 15px;border-top:1px solid #d7e9dd;background:#f8fcf9}.settings-overview-vip strong{display:block;margin-top:2px;color:var(--green);font-size:10px}.settings-overview-vip a{color:var(--green);font-size:8px;font-weight:900;text-decoration:none}.settings-overview-vip a b{display:inline-block;margin-left:3px;font-size:14px;vertical-align:-1px}.settings-bank-card{position:relative}.settings-bank-delete{position:absolute;right:10px;top:10px;width:25px;height:25px;border:1px solid rgba(255,255,255,.55);border-radius:8px;background:rgba(2,50,29,.24);color:#fff;font-size:20px;line-height:19px;cursor:pointer}.settings-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.button-danger{background:#c82d3b!important;color:#fff!important;border-color:#c82d3b!important}.settings-confirm-modal .settings-modal-note{margin-bottom:15px;font-size:9px}
.settings-profile-overview{margin:0 -1px 12px;padding:15px;border-radius:15px;background:linear-gradient(135deg,#fff,#f7fcf8);box-shadow:0 8px 16px rgba(6,59,36,.07)}.settings-profile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.settings-profile-top p{margin:0 0 4px;color:var(--green);font-size:7px;font-weight:900;letter-spacing:.13em}.settings-profile-top h2{margin:0;color:var(--green-deep);font-size:21px;line-height:1}.settings-profile-top>div>span{display:block;margin-top:5px;color:#6f8377;font-size:8px}.settings-profile-top>div>span b{color:var(--green-deep)}.settings-profile-overview .settings-account-status{border:0;cursor:pointer}.settings-profile-overview[data-account-active="true"] .settings-account-status{background:#e0f7e8;color:#057331;cursor:default}.settings-profile-details{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:15px}.settings-profile-details small,.settings-vip-progress span{display:block;color:#698074;font-size:6px;font-weight:900;letter-spacing:.07em}.settings-profile-details strong{display:block;margin-top:3px;color:var(--green-deep);font-size:10px}.settings-vip-progress{margin-top:15px;padding:11px 12px;border-radius:11px;background:#f0f9f2}.settings-vip-progress-head,.settings-vip-progress-foot{display:flex;justify-content:space-between;gap:10px;align-items:center}.settings-vip-progress-head>span{color:var(--green-deep);font-size:9px;font-weight:900}.settings-vip-progress-head a{color:var(--green);font-size:8px;font-weight:900;text-decoration:none}.settings-vip-track{height:7px;margin:8px 0 6px;overflow:hidden;border-radius:99px;background:#d8e9dc}.settings-vip-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--yellow))}.settings-vip-progress-foot b{color:#698074;font-size:7px}.settings-language-row{grid-template-columns:34px minmax(0,1fr) auto}.settings-language-picker{position:relative}.settings-language-current{display:flex;align-items:center;gap:5px;min-width:97px;padding:5px 7px;border:1px solid #c7e5d1;border-radius:999px;background:#fff;color:var(--green-deep);font:900 8px Arial,sans-serif;cursor:pointer}.settings-language-current i{margin-left:auto;color:#087b38;font-style:normal;font-size:12px}.language-flag{display:grid;place-items:center;width:17px;height:17px;overflow:hidden;border:1px solid rgba(6,59,36,.13);border-radius:50%;background:#f3f8f4;font-size:12px;line-height:1}.settings-language-options{position:absolute;z-index:30;right:0;top:calc(100% + 5px);width:128px;padding:4px;border:1px solid #c7e5d1;border-radius:11px;background:#fff;box-shadow:0 10px 22px rgba(6,59,36,.18)}.settings-language-options button{display:flex;width:100%;align-items:center;gap:7px;padding:6px;border:0;border-radius:7px;background:transparent;color:var(--green-deep);font:800 8px Arial,sans-serif;text-align:left;cursor:pointer}.settings-language-options button:hover{background:#edf8f0}.settings-payment-method{display:grid;grid-template-columns:1fr 1fr;gap:6px}.settings-payment-method label{display:flex!important;align-items:center;gap:4px;padding:9px;border:1px solid #c7e5d1;border-radius:8px;font-size:7px!important;letter-spacing:0!important}.settings-payment-method input{width:auto!important;padding:0!important}.settings-verification-guide{display:flex;gap:10px;align-items:flex-start;margin-bottom:13px;padding:12px;border-radius:12px;background:#f7fbf8}.settings-verification-guide>span{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--yellow);color:var(--green-deep);font-size:10px;font-weight:900}.settings-verification-guide strong{display:block;color:var(--green-deep);font-size:10px}.settings-verification-guide p{margin:4px 0 0;color:var(--muted);font-size:8px;line-height:1.45}.settings-privacy-note{margin:0;padding:9px;border-left:3px solid var(--yellow);background:#fffbed;color:#59695f;font-size:8px;line-height:1.4}.settings-modal input[type=file]{padding:8px;font-size:8px}.settings-modal input[type=file]::file-selector-button{margin-right:8px;padding:6px 8px;border:0;border-radius:6px;background:#e2f6e7;color:var(--green-deep);font:900 7px Arial,sans-serif}
@media(max-width:360px){.settings-profile-overview{padding:13px}.settings-profile-top h2{font-size:19px}.settings-profile-details{gap:8px}.settings-profile-details strong{font-size:9px}.settings-language-row select{max-width:92px;font-size:7px}.settings-payment-method{gap:4px}.settings-payment-method label{padding:7px;font-size:6px!important}}
.settings-group{border-top:1px solid var(--border)}
.settings-section,.settings-group,.settings-language-row{overflow:visible!important;contain:none!important;content-visibility:visible!important}.settings-language-picker{z-index:3}.settings-language-options{z-index:3!important;min-height:0!important}
.settings-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:53px;border-bottom:1px solid var(--border)}
.settings-icon{width:31px;height:31px;display:grid;place-items:center;border:1px solid #d6ebdc;border-radius:10px;background:linear-gradient(145deg,#fff,#eaf8ef);color:#087b39;font-size:16px;box-shadow:0 3px 7px rgba(5,74,38,.07)}.settings-icon svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.settings-icon-bank{color:#087d53}.settings-icon-identity{color:#138348}.settings-icon-language{color:#087f6d}.settings-icon-password{color:#09833f}.settings-icon-identity.is-verified{color:#0a9a49;background:linear-gradient(145deg,#f8fff9,#dff7e7)}
.settings-copy strong{display:block;color:var(--green-deep);font-size:10px}
.settings-copy small{display:block;margin-top:2px;color:var(--muted);font-size:8px}
.settings-action{color:var(--green);font-size:9px;font-weight:900}
.toggle{position:relative;width:34px;height:20px;border:0;border-radius:999px;background:#cbd8d0;cursor:pointer}
.toggle::after{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.2s}
.toggle[aria-pressed="true"]{background:var(--green)}
.toggle[aria-pressed="true"]::after{transform:translateX(14px)}
.profile-summary{display:grid;grid-template-columns:52px 1fr;gap:11px;align-items:center}
.profile-avatar{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:var(--green-deep);font-size:16px;font-weight:900;box-shadow:inset 0 0 0 4px rgba(255,255,255,.55)}
.profile-summary h2{margin:0;color:var(--green-deep);font-size:17px}
.profile-summary p{margin:3px 0 0;color:var(--muted);font-size:9px}
.security-score{margin-top:11px}
.security-score-head{display:flex;justify-content:space-between;font-size:8px;font-weight:800}
.security-bar{height:7px;margin-top:5px;overflow:hidden;border-radius:999px;background:#e1ebe5}
.security-bar i{display:block;width:75%;height:100%;background:linear-gradient(90deg,var(--green),var(--yellow))}
details.faq{border-top:1px solid var(--border)}
details.faq:last-child{border-bottom:1px solid var(--border)}
details.faq summary{position:relative;padding:11px 25px 11px 0;list-style:none;color:var(--green-deep);font-size:10px;font-weight:800;cursor:pointer}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";position:absolute;right:2px;top:8px;color:var(--green);font-size:17px}
details.faq[open] summary::after{content:"−"}
details.faq p{margin:-2px 0 12px;color:var(--muted);font-size:9px;line-height:1.5}
.page-footer{padding:18px 13px 28px;background:#fff;border-top:4px solid var(--green-deep)}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:7px 20px}
.footer-links a{color:var(--green);font-size:8px}
.footer-copy{margin:16px 0 0;padding-top:10px;border-top:1px solid var(--border);color:var(--muted);font-size:7px;text-align:center}
.bottom-nav{position:fixed;z-index:90;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,430px);height:calc(35px + env(safe-area-inset-bottom));padding:0 5px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;background:rgba(255,255,255,.98);box-shadow:0 -5px 16px rgba(6,59,36,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.nav-item{position:relative;height:34px;min-width:0;color:#557064}
.nav-item b{position:absolute;z-index:4;left:50%;bottom:1px;transform:translateX(-50%);margin:0;font-size:7.2px;font-weight:900;line-height:1;letter-spacing:.025em;white-space:nowrap}
.nav-icon{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);width:31px;height:31px;display:grid;place-items:center}
.nav-icon svg{display:block;width:29px;height:29px;fill:none;stroke:#087f37;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgba(6,59,36,.08))}
.nav-home-window,.nav-chat-dots circle,.nav-history-hand circle{fill:var(--yellow);stroke:#087f37}
.nav-item.is-active{color:#087f37}
.nav-item.is-active .nav-icon{filter:drop-shadow(0 0 3px rgba(255,206,28,.42))}
.nav-item.is-active::after{content:"";position:absolute;left:50%;bottom:-1px;width:22px;height:2px;border-radius:999px;background:var(--yellow);transform:translateX(-50%)}
.nav-bonus{color:var(--green-deep)}
.bonus-emblem{position:absolute;z-index:3;left:50%;bottom:9px;width:49px;height:49px;transform:translateX(-50%);filter:drop-shadow(0 4px 4px rgba(6,59,36,.3)) drop-shadow(0 0 5px rgba(255,206,28,.68))}
.bonus-emblem img{display:block;width:49px;height:49px;object-fit:contain}
.nav-bonus b{font-size:7.8px;color:#087f37;text-shadow:0 1px 0 #fff}
.nav-chat .nav-icon i{position:absolute;right:-1px;bottom:1px;width:6px;height:6px;border:1.5px solid #fff;border-radius:50%;background:#e43a44;box-shadow:0 0 0 1px rgba(228,58,68,.18)}
.toast{position:fixed;z-index:120;left:50%;bottom:64px;max-width:360px;padding:10px 14px;border-radius:10px;background:var(--green-deep);color:#fff;font-size:9px;box-shadow:0 8px 24px rgba(6,59,36,.3);transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.2s}
.toast.is-visible{transform:translate(-50%,0);opacity:1}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:360px){
  .page-main{padding-inline:7px}
  .page-hero{padding-inline:14px}
  .page-hero h1{font-size:23px}
  .summary-grid{gap:5px}
  .summary-item{padding-inline:6px}
  .promo-facts{grid-template-columns:1fr}
  .promo-fact{border-right:0;border-bottom:1px solid var(--border)}
  .promo-fact:last-child{border-bottom:0}
  .nav-item b{font-size:6.7px}
  .nav-icon{width:29px;height:29px}
  .nav-icon svg{width:27px;height:27px}
  .bonus-emblem,.bonus-emblem img{width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toggle::after,.toast{transition:none}}

/* Match the approved homepage typography and bottom navigation on every page. */
html,body,button,input,select,textarea,.nav-item b{font-family:Arial,sans-serif!important}
.page{padding-bottom:45px}
.bottom-nav{height:calc(43px + env(safe-area-inset-bottom))}
.nav-item{height:42px}
.nav-item:not(.is-active):not(.nav-bonus){color:#7d8782}
.nav-item:not(.is-active):not(.nav-bonus) .nav-icon svg{stroke:#7d8782;filter:none}
.nav-item:not(.is-active):not(.nav-bonus) .nav-home-window,
.nav-item:not(.is-active):not(.nav-bonus) .nav-chat-dots circle,
.nav-item:not(.is-active):not(.nav-bonus) .nav-history-hand circle{fill:#b8bfbb;stroke:#7d8782}
.nav-item.is-active:not(.nav-bonus) .nav-icon svg{stroke:#087f37}
.nav-item.is-active:not(.nav-bonus) .nav-home-window,
.nav-item.is-active:not(.nav-bonus) .nav-chat-dots circle,
.nav-item.is-active:not(.nav-bonus) .nav-history-hand circle{fill:var(--yellow);stroke:#087f37}

/* Shared homepage header and running announcement. */
.header{position:sticky;top:0;z-index:30;min-height:64px;padding:8px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.brand{width:136px;height:48px;display:flex;align-items:center;overflow:hidden}
.brand img{display:block;width:136px;height:auto;object-fit:contain;object-position:left center}
.header-controls{display:flex;align-items:center;justify-self:end;gap:10px}
.header-member{display:flex;align-items:center;justify-content:center;min-width:0;position:relative}
.header-wallet-card{min-height:34px;display:flex;align-items:center;gap:6px}
.header-member-balance{color:var(--text);font-size:12.1px;font-weight:900;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}
.header-balance-refresh,.header-wallet-icon,.menu-button{width:34px;height:34px;padding:0;border:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--green);cursor:pointer}
.header-balance-refresh{width:24px;height:28px}
.header-balance-refresh svg{width:15px;height:15px;display:block}
.header-wallet-icon{border-radius:9px;background:linear-gradient(180deg,#ffdd54 0%,#ffce1c 100%);color:var(--green-deep);box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.header-wallet-icon svg{width:19px;height:19px;display:block}
.menu-button{flex-direction:column;gap:4px;border-radius:0}
.menu-button span{display:block;width:18px;height:3px;border-radius:999px;background:var(--green)}
.header-balance-refresh:active,.header-wallet-icon:active,.menu-button:active{transform:scale(.94)}
.notice{position:sticky;top:64px;z-index:29;height:20px;display:flex;align-items:center;overflow:hidden;background:var(--green-deep);color:#fff;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.notice-icon{flex:0 0 22px;height:100%;display:grid;place-items:center;background:var(--yellow);color:var(--green-deep);font-size:11px;font-weight:900}
.notice-window{width:calc(100% - 22px);overflow:hidden}
.notice-track{width:max-content;display:flex;gap:28px;animation:memberNoticeScroll 18s linear infinite}
.notice-track span{white-space:nowrap;font-size:8px;font-weight:700}
.notice-track b{color:var(--yellow)}
@keyframes memberNoticeScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Shared homepage footer. */
.footer{margin-top:10px;padding:0;background:#fff;color:var(--green-dark);border-top:4px solid var(--green-deep)}
.seo-link-panel{margin:0;padding:20px 15px 10px;background:#fff}
.seo-footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px}
.seo-footer-group{padding-bottom:14px;border-bottom:1px solid #dbe7df}
.seo-footer-group h3{position:relative;margin:0 0 12px;color:var(--green-deep);font-size:12px;line-height:1.15;letter-spacing:-.02em;white-space:nowrap}
.seo-footer-group h3::after{content:"";display:block;width:26px;height:2px;margin-top:6px;background:var(--yellow)}
.seo-footer-group nav{display:grid;gap:7px}
.seo-footer-group nav a{color:var(--green);font-size:10px;line-height:1.4;font-weight:400}
.seo-footer-group nav a:hover,.seo-footer-group nav a:focus-visible{text-decoration:underline;text-underline-offset:2px}
.footer-copy{display:block;margin:0;padding:10px 14px;text-align:center;color:#6f7b73;font-size:8px;font-weight:400;border-top:1px solid #e2eae5}
@media(max-width:360px){.seo-footer-grid{gap:18px 20px}.seo-link-panel{padding-inline:12px}.seo-footer-group h3{font-size:10.5px}.brand{width:124px}.brand img{width:124px}.header{padding-inline:9px}.header-controls{gap:6px}}
@media(prefers-reduced-motion:reduce){.notice-track{animation:none}}

/* The homepage is the single master for the shared header, footer and nav. */
body.nt77-authenticated #headerLoggedOut{display:none!important}
body.nt77-authenticated #headerLoggedIn{display:flex!important}
.header-actions{display:none}
.header-wallet-balance-wrap{display:flex;align-items:center;min-width:0}
.member-wallet-panel{position:absolute;z-index:80;top:42px;right:0;width:min(330px,calc(100vw - 24px));padding:12px;border:1px solid rgba(9,151,57,.22);border-radius:14px;background:#fff;box-shadow:0 16px 34px rgba(6,59,36,.18);transform:translateY(-5px) scale(.98);transform-origin:top right;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
.member-wallet-panel.is-open{transform:translateY(0) scale(1);opacity:1;visibility:visible;pointer-events:auto}
.member-wallet-panel::before{content:"";position:absolute;top:-7px;right:43px;width:12px;height:12px;background:#fff;border-left:1px solid rgba(9,151,57,.22);border-top:1px solid rgba(9,151,57,.22);transform:rotate(45deg)}
.member-wallet-head{display:flex;justify-content:flex-end;margin-bottom:6px}
.member-wallet-close{width:24px;height:24px;border:0;border-radius:7px;background:#f3f6f4;color:var(--green-deep);font-size:16px;cursor:pointer}
.member-wallet-details{overflow:hidden;border:1px solid rgba(9,151,57,.17);border-radius:10px;background:#f8faf9}
.member-wallet-row{display:grid;grid-template-columns:94px minmax(0,1fr);gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid rgba(9,151,57,.1)}
.member-wallet-row:last-child{border-bottom:0}
.member-wallet-label{color:#62736a;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.member-wallet-value{min-width:0;overflow:hidden;color:var(--green-deep);font-size:9px;font-weight:900;white-space:nowrap;text-overflow:ellipsis}
.member-wallet-balance-box{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding:9px 10px;border-radius:10px;background:linear-gradient(135deg,#063b24,#099739);color:#fff}
.member-wallet-balance-label{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.member-wallet-balance-value{font-size:19px;font-weight:900;font-variant-numeric:tabular-nums}
.wallet-rollover-progress{margin-top:7px;padding:8px 9px;border:1px solid #bfe4c8;border-radius:10px;background:#f5fff7}.wallet-rollover-progress[hidden]{display:none}.wallet-rollover-progress>div{display:flex;justify-content:space-between;gap:8px;color:#064a2d;font-size:8px;line-height:1.2}.wallet-rollover-progress b{font-weight:900;letter-spacing:.04em}.wallet-rollover-progress span{font-variant-numeric:tabular-nums;font-weight:800;white-space:nowrap}.wallet-rollover-progress i{display:block;height:6px;margin-top:6px;overflow:hidden;border-radius:99px;background:#dcefe1}.wallet-rollover-progress em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffce1c,#10a344);transition:width .35s ease}
#bonus-rules{scroll-margin-top:82px}
.member-wallet-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}
.member-wallet-action{min-height:34px;padding:0 8px;border:1px solid rgba(9,151,57,.22);border-radius:9px;background:#fff;color:var(--green);font-size:8px;font-weight:900;cursor:pointer}
.member-wallet-action.is-primary{border-color:var(--green);background:var(--green);color:#fff}
.member-wallet-action.is-yellow{border-color:var(--yellow);background:var(--yellow);color:var(--green-deep)}
.member-wallet-action.is-wide{grid-column:1/-1}
.member-wallet-status{min-height:14px;margin-top:7px;color:#5d6e65;font-size:7px}
.footer>.footer-brand,.footer>p:not(.footer-copy),.seo-link-panel>h2,.seo-link-panel>p,.seo-compliance-note{display:none!important}
.nt77-bottom-nav{position:fixed;z-index:90;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,430px);height:calc(43px + env(safe-area-inset-bottom));padding:0 5px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;background:rgba(255,255,255,.98);box-shadow:0 -5px 16px rgba(6,59,36,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.nt77-nav-item{display:block;position:relative;height:42px;min-width:0;color:#7d8782}
.nt77-nav-item b{position:absolute;z-index:4;left:50%;bottom:1px;transform:translateX(-50%);margin:0;font-size:7.2px;font-weight:900;line-height:1;letter-spacing:.025em;white-space:nowrap}
.nt77-nav-icon{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);width:31px;height:31px;display:grid;place-items:center}
.nt77-nav-icon svg{display:block;width:29px;height:29px;fill:none;stroke:#7d8782;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nt77-nav-item:not(.is-active):not(.nt77-nav-bonus) .nav-home-window,.nt77-nav-item:not(.is-active):not(.nt77-nav-bonus) .nav-chat-dots circle,.nt77-nav-item:not(.is-active):not(.nt77-nav-bonus) .nav-history-hand circle{fill:#b8bfbb;stroke:#7d8782}
.nt77-nav-item.is-active{color:#087f37}
.nt77-nav-item.is-active:not(.nt77-nav-bonus) .nt77-nav-icon svg{stroke:#087f37;filter:drop-shadow(0 0 3px rgba(255,206,28,.42))}
.nt77-nav-item.is-active:not(.nt77-nav-bonus) .nav-home-window,.nt77-nav-item.is-active:not(.nt77-nav-bonus) .nav-chat-dots circle,.nt77-nav-item.is-active:not(.nt77-nav-bonus) .nav-history-hand circle{fill:var(--yellow);stroke:#087f37}
.nt77-nav-item.is-active::after{content:"";position:absolute;left:50%;bottom:-1px;width:22px;height:2px;border-radius:999px;background:var(--yellow);transform:translateX(-50%)}
.nt77-nav-bonus{color:var(--green-deep)}
.nt77-bonus-emblem{position:absolute;z-index:3;left:50%;bottom:9px;width:49px;height:49px;transform:translateX(-50%);filter:drop-shadow(0 4px 4px rgba(6,59,36,.3)) drop-shadow(0 0 5px rgba(255,206,28,.68))}
.nt77-bonus-emblem img{display:block;width:49px;height:49px;object-fit:contain}
.nt77-nav-bonus b{color:#087f37;font-size:7.8px;text-shadow:0 1px 0 #fff}
.nt77-nav-chat .nt77-nav-icon i{position:absolute;right:-1px;bottom:1px;width:6px;height:6px;border:1.5px solid #fff;border-radius:50%;background:#e43a44}
@media(max-width:380px){.member-wallet-panel{right:-38px}.member-wallet-panel::before{right:80px}}
@media(max-width:360px){.nt77-nav-item b{font-size:6.7px}.nt77-nav-icon{width:29px;height:29px}.nt77-nav-icon svg{width:27px;height:27px}.nt77-bonus-emblem,.nt77-bonus-emblem img{width:44px;height:44px}}

/* Exact homepage wallet, footer typography and announcement timing. */
.member-wallet-panel{padding:6px 12px}
.member-wallet-head{margin-bottom:2px}
.member-wallet-details{margin:0;padding:3px 0;border-radius:8px}
.member-wallet-row{grid-template-columns:78px minmax(0,1fr);gap:5px;padding:4px 8px;border-bottom:0!important}
.member-wallet-label{font-size:7.2px;line-height:1.15;letter-spacing:.035em}
.member-wallet-value{font-size:9.4px;line-height:1.15}
.member-wallet-value.is-missing-link{color:#1677d2}
.member-wallet-balance-box{margin-top:5px}
.member-wallet-actions{margin-top:6px}
.member-wallet-action{font-size:8.5px}
.member-wallet-status{min-height:0;margin-top:2px}
.seo-footer-group h3{font-weight:900}
.seo-footer-group nav a{font-weight:700}
.notice-track{animation-duration:17.14s;animation-delay:var(--nt77-notice-delay,0s)!important}
.notice-track span,.notice-track b{font-weight:400}
@media(max-width:480px){
  .member-wallet-panel{position:fixed;top:max(58px,env(safe-area-inset-top))!important;right:8px;bottom:max(6px,env(safe-area-inset-bottom))!important;left:8px;width:auto;max-height:calc(100dvh - max(58px,env(safe-area-inset-top)) - max(6px,env(safe-area-inset-bottom)) - 6px)!important;overflow-y:auto;overscroll-behavior:contain;padding:6px 8px;border-radius:14px!important;transform:translateY(18px) scale(.99);transform-origin:bottom center;box-shadow:0 18px 45px rgba(6,59,36,.24);-webkit-overflow-scrolling:touch}
  .member-wallet-panel.is-open{transform:translateY(0) scale(1)}
  .member-wallet-panel::before{display:none}
  .member-wallet-head{position:sticky;top:0!important;z-index:3;margin:0 0 2px!important;padding:2px 0!important;background:#fff;border-radius:14px 14px 0 0}
  .member-wallet-close{width:26px;height:26px;border-radius:9px;font-size:16px}
  .member-wallet-details{padding:1px 0;border-radius:10px}
  .member-wallet-row{grid-template-columns:74px minmax(0,1fr);gap:4px;min-height:27px;padding:2px 7px}
  .member-wallet-label{font-size:7px}
  .member-wallet-value{font-size:9px;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
  .member-wallet-balance-box{margin-top:4px;padding:8px 10px;border-radius:11px}
  .member-wallet-balance-label{font-size:7px}
  .member-wallet-balance-value{font-size:18px}
  .member-wallet-actions{gap:7px;margin-top:5px}
  .member-wallet-action{min-height:42px;border-radius:10px;font-size:9px}
  .member-wallet-status{margin-top:1px;font-size:7px}
}

/* Exact homepage compact header controls; keep this final in the cascade. */
.header-controls{gap:3px}
.header-wallet-card{min-height:18px;display:inline-flex;align-items:center;gap:1px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.header-wallet-balance-wrap{gap:0;padding:0 1px}
.header-member-balance{color:#063b24;font-size:12.1px!important;line-height:1;letter-spacing:0}
.header-balance-refresh{order:0;width:20px;height:20px;min-width:20px;border:0;border-radius:4px;background:transparent;color:#2f7de1;box-shadow:none}
.header-balance-refresh svg{width:14px;height:14px}
.header-wallet-balance-wrap{order:1}
.header-wallet-icon{order:2;width:20px!important;height:20px!important;min-width:20px!important;border:0;border-radius:4px;background:transparent!important;color:#ffce1c;box-shadow:none!important}
.header-wallet-icon svg{width:18px!important;height:18px!important}
.menu-button{width:34px;height:34px}
@media(max-width:380px){.header-member-balance{font-size:11px!important}}
@media(max-width:360px){.header-balance-refresh{width:18px;height:18px;min-width:18px}.header-balance-refresh svg{width:12px;height:12px}.header-wallet-icon{width:18px!important;height:18px!important;min-width:18px!important}.header-wallet-icon svg{width:16px!important;height:16px!important}}

/* Match the homepage's slightly taller fixed footer bar. */
.page{padding-bottom:48px}
.nt77-bottom-nav{height:calc(46px + env(safe-area-inset-bottom))}
.nt77-nav-item,.nt77-nav-bonus{height:45px}
.nt77-nav-bonus b{color:#087f37!important;font-size:8.7px!important;font-weight:900!important;letter-spacing:.055em;text-shadow:0 1px 0 #fff,0 0 4px rgba(255,206,28,.92)!important}
.nt77-nav-bonus b{left:0!important;right:0!important;width:100%!important;transform:none!important;padding:0!important;text-align:center!important}

/* Keep every footer label inside the white navigation bar on narrow phones. */
.page{padding-bottom:calc(52px + env(safe-area-inset-bottom))}
.nt77-bottom-nav{height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
.nt77-nav-item,.nt77-nav-bonus{height:49px}
.nt77-nav-item b,.nt77-nav-bonus b{display:block!important;bottom:3px!important;line-height:1!important}
.nt77-nav-icon{bottom:14px!important}
.nt77-bonus-emblem{bottom:12px!important}
@media(max-width:360px){.nt77-nav-item b,.nt77-nav-bonus b{font-size:6.4px!important;letter-spacing:0!important}.nt77-nav-icon{bottom:14px!important}.nt77-bonus-emblem{bottom:11px!important}}

/* Clear path from the compact Help Centre preview into the full FAQ page. */
.support-faq-more{display:flex;width:100%;min-height:35px;align-items:center;justify-content:center;margin-top:12px;border-radius:10px;background:linear-gradient(135deg,#fff7c5,#ffce1c);color:#063b24;box-shadow:0 5px 12px rgba(255,206,28,.22)}

/* A subtle transparent cashier panel gives the support hero a casino-service feel. */
.support-cashier-mark{position:absolute;z-index:1;right:8px;bottom:8px;width:164px;height:86px;padding:11px 12px;box-sizing:border-box;border:1px solid rgba(255,236,150,.28);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,220,84,.035));opacity:.54;transform:rotate(-5deg);pointer-events:none;overflow:hidden}
.support-cashier-mark::after{position:absolute;inset:-30% auto -30% -35%;width:26%;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-18deg);animation:cashierSweep 3.4s ease-in-out infinite}
.support-cashier-mark b{display:block;color:#ffeb8e;font-size:8px;letter-spacing:.13em}.support-cashier-mark i{display:block;width:72%;height:7px;margin-top:9px;border-radius:999px;background:rgba(255,255,255,.22)}.support-cashier-mark i:nth-of-type(2){width:55%;margin-top:7px}.support-cashier-mark i:nth-of-type(3){width:35%;margin-top:7px;background:rgba(255,213,55,.48)}
.support-vip-hero .support-hero-intro{position:relative;z-index:4}.support-vip-mascot{z-index:3!important;right:-8px!important;top:auto!important;bottom:-5px!important;width:300px!important;filter:drop-shadow(-18px 16px 14px rgba(0,25,13,.62)) drop-shadow(-3px -2px 1px rgba(255,255,255,.2)) drop-shadow(0 0 17px rgba(255,213,55,.34))!important}
@keyframes cashierSweep{0%,58%,100%{transform:translateX(0) skewX(-18deg);opacity:0}72%{opacity:.9}88%{transform:translateX(750%) skewX(-18deg);opacity:0}}
@media(max-width:360px){.support-cashier-mark{right:1px;bottom:4px;width:130px;height:72px;opacity:.42}.support-vip-mascot{width:258px!important;bottom:-3px!important}}

/* Compact, focused pop-outs instead of full-page panels. */
.settings-modal-layer{place-items:center;padding:16px!important}.settings-modal{width:min(360px,calc(100% - 32px))!important;max-height:76svh!important;padding:16px 14px 14px!important;border-radius:15px!important}.settings-modal h2{font-size:18px!important}.settings-modal .button{min-height:36px!important}

/* Footer content can always scroll clear of the fixed navigation. */
body{padding-bottom:calc(54px + env(safe-area-inset-bottom))}
.footer{padding-bottom:calc(58px + env(safe-area-inset-bottom))!important}

/* Labels occupy their own row, so all five actions remain readable on every phone. */
.page{padding-bottom:calc(62px + env(safe-area-inset-bottom))!important}.nt77-bottom-nav{height:calc(58px + env(safe-area-inset-bottom))!important;padding:0 5px env(safe-area-inset-bottom)!important;align-items:stretch!important;overflow:visible!important}.nt77-nav-item,.nt77-nav-bonus{height:58px!important;min-height:58px!important;position:relative!important}.nt77-nav-item b,.nt77-nav-bonus b{display:block!important;position:absolute!important;z-index:5!important;top:42px!important;bottom:auto!important;left:0!important;right:0!important;width:100%!important;transform:none!important;margin:0!important;text-align:center!important;line-height:9px!important;font-size:7px!important;letter-spacing:.025em!important;white-space:nowrap!important;visibility:visible!important;opacity:1!important}.nt77-nav-icon{top:6px!important;bottom:auto!important}.nt77-bonus-emblem{top:-9px!important;bottom:auto!important}.footer{padding-bottom:calc(67px + env(safe-area-inset-bottom))!important}@media(max-width:360px){.nt77-nav-item b,.nt77-nav-bonus b{top:41px!important;font-size:6.2px!important;letter-spacing:0!important}.nt77-bottom-nav{padding-inline:2px!important}}

/* The support background keeps a polished casino glow without the cashier card. */
.support-cashier-mark{display:none!important}.support-vip-hero{background:radial-gradient(circle at 72% 22%,rgba(255,224,96,.2),transparent 11%),radial-gradient(circle at 83% 78%,rgba(255,203,39,.16),transparent 28%),linear-gradient(122deg,#03371f 0%,#087b38 53%,#079845 100%)!important}.support-vip-hero::before{box-shadow:0 0 0 25px rgba(255,222,98,.05),0 0 36px rgba(255,215,75,.14)!important}.support-vip-mascot{filter:drop-shadow(-18px 16px 14px rgba(0,25,13,.62)) drop-shadow(-3px -2px 1px rgba(255,255,255,.2)) drop-shadow(0 0 17px rgba(255,213,55,.34))!important}

/* Branded treasure treatment: the movement stays on the reward, never across the copy. */
.bonus-page-hero{isolation:isolate;background:radial-gradient(circle at 84% 39%,rgba(255,215,55,.16),transparent 27%),linear-gradient(125deg,#043b23 0%,#087d37 52%,#119846 100%)!important;box-shadow:inset 0 1px rgba(255,255,255,.16),0 9px 18px rgba(4,77,34,.16)}
.bonus-page-hero::before{width:154px!important;height:154px!important;right:-48px!important;bottom:-84px!important;border-color:rgba(255,226,104,.19)!important;box-shadow:0 0 0 24px rgba(255,219,63,.05),0 0 27px rgba(255,215,47,.13)!important;animation:bonusTreasureGlow 2.8s ease-in-out infinite!important}.bonus-page-hero::after{width:8px!important;height:8px!important;right:109px!important;left:auto!important;top:29px!important;bottom:auto!important;border:0!important;border-radius:50%!important;background:#fff2a5!important;box-shadow:-29px 34px 0 -2px rgba(255,225,96,.92),32px 48px 0 -2px rgba(255,245,172,.8),55px 17px 0 -3px rgba(255,220,83,.85),-9px 78px 0 -3px rgba(255,245,172,.7)!important;animation:bonusCoinSparkle 1.9s ease-in-out infinite!important}.bonus-page-hero h1{color:#fff!important;text-shadow:none!important}.bonus-page-hero .eyebrow{color:#ffe678!important}.bonus-page-hero .button-primary{box-shadow:0 0 0 1px rgba(255,238,158,.30),0 7px 15px rgba(65,48,0,.24)}
@keyframes bonusTreasureGlow{0%,100%{opacity:.62;transform:scale(.98)}50%{opacity:1;transform:scale(1.03)}}@keyframes bonusCoinSparkle{0%,100%{opacity:.32;transform:translateY(4px) scale(.75)}50%{opacity:1;transform:translateY(-4px) scale(1.15)}}

/* Casino-rewards objects: gold chips, a card and a die sit behind the copy. */
.bonus-casino-decor{position:absolute;z-index:1;right:9px;top:10px;width:188px;height:156px;pointer-events:none}.bonus-casino-decor i{position:absolute;display:grid;place-items:center;font-style:normal}.bonus-chip{width:54px;height:54px;border:6px dotted rgba(255,248,198,.78);border-radius:50%;background:radial-gradient(circle,#ffe986 0 16%,#d59e10 18% 52%,#704d00 54% 58%,#efbd22 60% 100%);color:#fff8d2;font-size:21px;font-weight:900;box-shadow:0 0 0 4px rgba(89,59,0,.24),0 7px 14px rgba(1,49,22,.24),0 0 20px rgba(255,220,75,.38)}.bonus-chip.is-star{right:56px;top:10px;transform:rotate(-14deg);animation:chipFloat 3.6s ease-in-out infinite}.bonus-chip.is-seven{right:3px;top:70px;width:47px;height:47px;font-family:Georgia,serif;font-size:26px;transform:rotate(13deg);animation:chipFloat 3.6s ease-in-out -1.8s infinite}.bonus-card{right:2px;top:12px;width:42px;height:58px;border:2px solid rgba(255,250,202,.76);border-radius:7px;background:linear-gradient(145deg,#fffbe2,#d1ffb6);color:#08763a;font:900 20px/1 Georgia,serif;box-shadow:0 8px 15px rgba(0,49,22,.22);transform:rotate(11deg)}.bonus-card span{font-size:15px;color:#d42231}.bonus-die{right:82px;bottom:4px;width:39px;height:39px;border:2px solid rgba(255,249,191,.75);border-radius:10px;background:linear-gradient(145deg,#f4c723,#b88700);color:#fff8ca;font-size:18px;line-height:12px;box-shadow:0 7px 14px rgba(0,49,22,.22);transform:rotate(-11deg)}.bonus-casino-decor>b{position:absolute;right:46px;top:61px;width:7px;height:7px;border-radius:50%;background:#fffbd0;box-shadow:0 0 6px #fff,0 0 18px #ffde57;animation:bonusTwinkle 1.7s ease-in-out infinite}@keyframes chipFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes bonusTwinkle{0%,100%{opacity:.2;scale:.55}50%{opacity:1;scale:1.2}}
.bonus-casino-decor{display:none!important}.bonus-treasure-decor{position:absolute;z-index:3;right:-12px;bottom:-30px;width:274px;max-width:62%;height:auto;pointer-events:none;filter:drop-shadow(-14px 15px 13px rgba(0,34,16,.47)) drop-shadow(0 0 14px rgba(255,213,45,.24));transform-origin:72% 88%;animation:bonusChestPop 3.1s ease-in-out infinite}.bonus-coin-burst{position:absolute;z-index:2;right:4px;bottom:29px;width:290px;height:202px;pointer-events:none;overflow:visible}.bonus-coin-burst i{position:absolute;right:50px;bottom:0;width:calc(12px * var(--s));height:calc(12px * var(--s));border:1px solid rgba(255,247,174,.9);border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff8bd 0 8%,#ffd84b 11% 34%,#b77900 38% 60%,#f8bf20 64% 100%);box-shadow:inset -2px -2px 2px rgba(102,59,0,.48),0 2px 5px rgba(0,47,19,.35),0 0 9px rgba(255,217,64,.58);animation:bonusCoinBurst 1.55s cubic-bezier(.12,.72,.22,1) var(--d) infinite}.bonus-coin-burst i::after{position:absolute;right:50%;bottom:-21px;width:2px;height:18px;border-radius:999px;background:linear-gradient(transparent,rgba(255,221,67,.58));content:"";transform:rotate(20deg);transform-origin:bottom}.bonus-page-hero>.eyebrow,.bonus-page-hero>h1,.bonus-page-hero>p,.bonus-page-hero>.hero-actions{position:relative;z-index:4}.bonus-page-hero>p{max-width:240px}@keyframes bonusChestPop{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.012)}}@keyframes bonusCoinBurst{0%{opacity:0;transform:translate(0,0) rotate(0) scale(.35)}8%{opacity:1}68%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1)}}@media(max-width:360px){.bonus-treasure-decor{right:-18px;bottom:-23px;width:238px;max-width:62%}.bonus-coin-burst{right:-42px;bottom:28px;transform:scale(.78);transform-origin:bottom right}.bonus-page-hero>p{max-width:214px}}
.bonus-coin-burst{display:none!important}.bonus-treasure-decor{right:-16px;bottom:-27px;width:292px;max-width:68%;animation:none!important}@media(max-width:360px){.bonus-treasure-decor{right:-20px;bottom:-20px;width:250px;max-width:68%}}

/* Softer rewards canvas with a static branded chest and its own continuous WebP coin burst. */
.bonus-page-hero{background:radial-gradient(circle at 77% 24%,rgba(255,221,76,.48),transparent 24%),radial-gradient(circle at 11% 100%,rgba(94,181,83,.16),transparent 31%),linear-gradient(132deg,#fbfffa 0%,#e9f6e5 56%,#d5edcf 100%)!important;box-shadow:inset 0 1px rgba(255,255,255,.94),0 9px 18px rgba(4,77,34,.10)!important}.bonus-page-hero::before{border-color:rgba(12,139,57,.12)!important;box-shadow:0 0 0 24px rgba(255,211,46,.08),0 0 28px rgba(255,211,46,.14)!important}.bonus-page-hero::after{opacity:.48!important}.bonus-page-hero h1{color:var(--green-deep)!important;text-shadow:none!important}.bonus-page-hero .eyebrow{color:#9d7500!important}.bonus-page-hero>p{color:#315b42!important}.bonus-page-hero .button-ghost-light{border-color:#0a8e3d!important;color:#087c36!important;background:rgba(255,255,255,.56)!important}.bonus-treasure-decor{z-index:3!important;right:-12px!important;bottom:-29px!important;width:292px!important;max-width:68%!important;filter:drop-shadow(-12px 12px 10px rgba(5,60,31,.30))!important}.bonus-coin-webp{position:absolute;z-index:5;right:-12px;bottom:35px;width:330px;max-width:78%;height:auto;pointer-events:none}.bonus-page-hero>.eyebrow,.bonus-page-hero>h1,.bonus-page-hero>p,.bonus-page-hero>.hero-actions{z-index:6!important}@media(max-width:360px){.bonus-treasure-decor{right:-19px!important;bottom:-24px!important;width:250px!important;max-width:69%!important}.bonus-coin-webp{right:-35px;bottom:29px;width:288px;max-width:82%}}
.bonus-coin-webp{display:none!important}.bonus-treasure-decor{z-index:3!important;right:-18px!important;bottom:-37px!important;width:365px!important;max-width:78%!important;filter:drop-shadow(-13px 13px 11px rgba(5,60,31,.25))!important}.bonus-page-hero>.eyebrow,.bonus-page-hero>h1,.bonus-page-hero>p,.bonus-page-hero>.hero-actions{z-index:6!important}@media(max-width:360px){.bonus-treasure-decor{right:-34px!important;bottom:-29px!important;width:315px!important;max-width:86%!important}}

/* Exact global shell parity with the approved homepage. Keep page-specific content rules above. */
body,body *{font-family:Arial,sans-serif!important}
body{font-size:16px;line-height:normal}
.notice,.notice-track{font-size:16px;line-height:normal}
.notice-icon{line-height:normal}
.notice-track span{font-size:8px;line-height:normal}
.footer{margin-top:6px}
.footer-copy{font-weight:700;line-height:12px;letter-spacing:.01em}
.nt77-bottom-nav{align-items:end;background:rgba(255,255,255,.97)}
.nt77-nav-item{padding:0 1px;align-items:center;justify-content:center;gap:0;line-height:normal}
.nt77-nav-chat .nt77-nav-icon i{display:none!important}.nt77-nav-chat.has-unread .nt77-nav-icon i{display:block!important;background:#e43a44!important;box-shadow:0 0 0 1px rgba(228,58,68,.18)}

/* Settings: clear payment and identity choices without adding visual clutter. */
[data-bank-select-label][hidden]{display:none}
[data-payid-field][hidden],[data-bank-account-fields][hidden]{display:none!important}
.settings-bank-owner-note{margin:0;padding:9px;border-left:3px solid var(--yellow);background:#fffbed;color:#59695f;font-size:8px;line-height:1.4}
.settings-bank-card{--bank-main:#16833d;--bank-light:#61af42;background:linear-gradient(135deg,#063b24,var(--bank-main) 62%,var(--bank-light))}.settings-bank-card[data-vip-tier="bronze"]{--bank-main:#9a5a2d;--bank-light:#c78b57}.settings-bank-card[data-vip-tier="silver"]{--bank-main:#697984;--bank-light:#afc0ca}.settings-bank-card[data-vip-tier="gold"]{--bank-main:#aa7a00;--bank-light:#e0b524}.settings-bank-card[data-vip-tier="platinum"]{--bank-main:#446b72;--bank-light:#a4c2c8}.settings-bank-card[data-vip-tier="diamond"]{--bank-main:#315f93;--bank-light:#72b7de}.settings-bank-card[data-vip-tier="vvip"]{--bank-main:#643d8a;--bank-light:#d28ae0}.settings-modal[data-settings-modal="bank"]>.button{margin-top:0}.settings-bank-card b{letter-spacing:.06em}
.settings-id-checklist{display:grid;gap:4px;margin:0;padding:10px;border-radius:9px;background:#f4faf6;color:#597064;font-size:8px;line-height:1.35}
.settings-id-checklist b{color:var(--green-deep);font-size:9px}
.settings-verification-guide.is-complete{background:#e8f8ee}
.settings-verification-guide.is-complete>span{background:var(--green);color:#fff}

/* Help Centre: compact guides and a phone-first walkthrough pop-out. */
.support-howto{margin:10px 8px 0;padding:14px 12px 12px;border:1px solid #cfe8d7;border-radius:15px;background:linear-gradient(135deg,#fff 0%,#f6fff7 62%,#fff8c9 100%);box-shadow:0 8px 20px rgba(5,76,38,.08)}
.support-howto .section-heading{margin-bottom:9px}
.howto-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.howto-grid button{min-height:86px;padding:11px;border:1px solid #cce8d5;border-radius:12px;background:linear-gradient(135deg,#fff 0%,#f8fff9 100%);text-align:left;color:var(--green-deep);box-shadow:0 5px 13px rgba(5,76,38,.07);cursor:pointer}
.howto-grid button:hover{border-color:#84ce99;transform:translateY(-1px)}
.howto-grid span{display:inline-grid;place-items:center;width:22px;height:22px;margin-bottom:5px;border-radius:7px;background:var(--yellow);font-size:8px;font-weight:900;color:var(--green-deep)}
.howto-grid strong,.howto-grid small{display:block}.howto-grid strong{font-size:11px}.howto-grid small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.25}
.howto-modal-layer{position:fixed;z-index:1500;inset:0;display:grid;place-items:center;padding:12px;background:rgba(1,39,22,.63);backdrop-filter:blur(4px)}
.howto-modal{position:relative;width:min(100%,480px);max-height:min(650px,calc(100dvh - 24px));overflow:auto;padding:18px;border-radius:16px;background:#fff;box-shadow:0 22px 60px rgba(0,27,15,.35)}
.howto-modal h2{margin:3px 33px 11px 0;color:var(--green-deep);font-size:21px;line-height:1.03}.howto-modal-close{position:absolute;top:12px;right:12px;width:27px;height:27px;border:0;border-radius:9px;background:#eef7f0;color:var(--green-deep);font-size:19px;line-height:1;cursor:pointer}
.howto-steps{display:grid;gap:9px}.howto-step{display:grid;grid-template-columns:39px minmax(0,1fr);gap:8px;align-items:center}.howto-step>span{font-size:7px;font-weight:900;color:var(--green);letter-spacing:.05em}
.howto-screen{position:relative;min-height:68px;overflow:hidden;padding:12px 11px;border:1px solid #d3ead9;border-radius:10px;background:linear-gradient(135deg,#fff 0 43%,#fff5be 43% 56%,#effaf1 56%);box-shadow:0 3px 9px rgba(6,59,36,.06)}
.howto-screen::after{position:absolute;inset:7px 7px auto auto;width:20px;height:5px;border-radius:8px;background:#11a14a;content:""}.howto-screen i{display:block;width:52%;height:7px;margin-bottom:7px;border-radius:8px;background:#e6f1e8}.howto-screen b,.howto-screen small{display:block;position:relative;z-index:1}.howto-screen b{font-size:10px;color:var(--green-deep)}.howto-screen small{margin-top:3px;font-size:8px;line-height:1.28;color:#586b5e}
.howto-live-note{margin:12px 0 0;padding:8px 10px;border-left:3px solid var(--yellow);background:#fffbed;color:#657268;font-size:8px;line-height:1.35}
@media(max-width:360px){.howto-grid{gap:6px}.howto-grid button{min-height:79px;padding:9px}.howto-modal{padding:14px}.howto-step{grid-template-columns:34px minmax(0,1fr);gap:5px}}

/* Support banner: warm casino yellow, with the host kept fully inside its stage. */
.support-vip-hero{background:radial-gradient(circle at 78% 23%,rgba(8,127,55,.12) 0 3%,transparent 3.7% 12%,rgba(255,255,255,.34) 12.7% 14.5%,transparent 15%),linear-gradient(135deg,#fff4b7 0%,#ffda3b 56%,#f9bd19 100%)}
.support-vip-hero::before,.support-vip-hero::after{border-color:rgba(6,59,36,.16)}
.support-vip-hero h1,.support-vip-hero .support-hero-intro>p:not(.eyebrow){color:var(--green-deep)}
.support-vip-hero .eyebrow{color:#087f37}
.support-vip-hero .button-ghost-light{border-color:#087f37;color:#063b24;background:rgba(255,255,255,.4)}
.support-vip-mascot{right:8px;bottom:-18px;width:185px;filter:saturate(.92) contrast(1.05) drop-shadow(0 9px 9px rgba(78,58,0,.26))}
.support-chat-head{position:relative;padding-right:68px}
.support-chat-controls{position:absolute!important;top:50%;right:9px;min-width:auto!important;flex:0!important;transform:translateY(-50%)}
@media(max-width:360px){.support-vip-mascot{right:1px;bottom:-18px;width:171px}.support-hero-intro{width:64%}}

/* VIP concierge stage: depth and service atmosphere instead of a flat colour card. */
.support-vip-hero{background:radial-gradient(ellipse at 82% 26%,rgba(255,212,66,.33),transparent 15%),radial-gradient(ellipse at 91% 82%,rgba(255,195,18,.18),transparent 26%),linear-gradient(122deg,#03371f 0%,#086d35 49%,#0a9c43 100%)}
.support-vip-hero::before{width:300px;height:300px;right:-142px;top:-175px;border-color:rgba(255,222,98,.22);box-shadow:0 0 0 31px rgba(255,222,98,.05),0 0 0 64px rgba(255,222,98,.035)}
.support-vip-hero::after{right:-22px;bottom:-150px;border-color:rgba(255,222,98,.18)}
.support-vip-hero h1,.support-vip-hero .support-hero-intro>p:not(.eyebrow){color:#fff}
.support-vip-hero .eyebrow{color:#ffe364}
.support-vip-hero .button-ghost-light{border-color:rgba(255,255,255,.78);color:#fff;background:rgba(255,255,255,.08)}
.support-vip-mascot{right:3px;bottom:-26px;width:223px;filter:drop-shadow(-14px 15px 12px rgba(0,25,13,.34)) drop-shadow(0 0 13px rgba(255,213,55,.23))}
@media(max-width:360px){.support-vip-mascot{right:-1px;bottom:-19px;width:184px}.support-hero-intro{width:63%}}

/* Keep the concierge as a supporting visual: copy and actions always retain their own lane. */
.support-hero-intro{position:relative;z-index:8;width:58%;max-width:295px}
.support-vip-hero{overflow:visible;margin-bottom:43px}
.support-vip-mascot{right:0;bottom:-35px;width:218px;z-index:7;filter:drop-shadow(-15px 18px 13px rgba(0,25,13,.42)) drop-shadow(0 0 14px rgba(255,213,55,.25))}
@media(max-width:360px){.support-vip-mascot{right:0;bottom:-15px;width:172px}.support-hero-intro{width:62%;max-width:230px}}

/* Three clear registration moments, using the actual approved preview screens. */
.support-register-guide{margin:0 8px 12px;padding:14px 12px 13px;border:1px solid #cfe8d7;border-radius:15px;background:linear-gradient(135deg,#fff 0%,#f5fff7 58%,#fff7cc 100%);box-shadow:0 8px 20px rgba(5,76,38,.08)}
.support-register-guide .section-heading{margin-bottom:9px}.support-register-guide h2{font-size:19px}.register-start-shot{position:relative;margin:0;overflow:hidden;border:1px solid #cfe5d6;border-radius:11px;background:#eff7f1;box-shadow:0 6px 13px rgba(5,76,38,.1)}.register-start-shot img{display:block;width:100%;height:auto}.register-start-shot figcaption{position:absolute;right:8%;top:6px;display:grid;justify-items:center;color:#064525;text-align:center;pointer-events:none}.register-start-shot figcaption span{padding:3px 6px;border-radius:7px;background:#fff8d3;color:#786000;font-size:7px;font-weight:900;letter-spacing:.05em}.register-start-shot figcaption strong{margin-top:2px;font-size:9px;letter-spacing:.03em}.register-start-shot figcaption i{margin-top:-4px;color:#07893a;font-size:24px;font-style:normal;font-weight:900;text-shadow:0 1px 0 #fff}
.register-journey{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.register-journey article{position:relative;min-width:0;padding:8px;border:1px solid #d3ead9;border-radius:11px;background:#fff;box-shadow:0 4px 10px rgba(6,59,36,.06)}.register-journey img{display:block;width:100%;height:98px;object-fit:cover;object-position:top;border:1px solid #e1eee5;border-radius:7px}.register-step-number{position:absolute;z-index:2;top:5px;left:5px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--yellow);color:var(--green-deep);font-size:9px;font-weight:900;box-shadow:0 2px 4px rgba(91,71,0,.18)}.register-journey h3{margin:7px 0 3px;color:var(--green-deep);font-size:11px}.register-journey p{margin:0;color:#607065;font-size:8px;line-height:1.32}.register-otp-visual{display:grid;place-items:center;gap:7px;height:98px;border-radius:7px;background:radial-gradient(circle at 76% 24%,rgba(255,210,31,.48),transparent 19%),linear-gradient(145deg,#074529,#0c9140);color:#fff}.register-otp-visual b{font-size:21px;letter-spacing:.08em}.register-otp-visual span{padding:4px 7px;border-radius:6px;background:#fff;color:#0b7835;font-size:11px;font-weight:900;letter-spacing:.09em}.register-otp-visual i{position:absolute;right:13px;top:82px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ffcf20;color:#064525;font-size:12px;font-style:normal;font-weight:900}.support-register-button{display:flex;width:100%;justify-content:center;margin-top:10px}
@media(max-width:360px){.support-vip-hero{margin-bottom:35px}.support-vip-mascot{right:-2px;bottom:-24px;width:188px}.register-journey{gap:6px}.register-journey article{padding:6px}.register-journey img,.register-otp-visual{height:85px}}

/* Compact one-glance account journey: Step 1 → Step 2 → Step 3. */
.register-journey{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:2px}
.register-journey article{padding:7px}
.register-journey article:not(:last-child)::after{position:absolute;z-index:6;right:-10px;top:47px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--yellow);color:var(--green-deep);content:"›";font-size:16px;font-weight:900;box-shadow:0 2px 5px rgba(84,64,0,.2)}
.register-journey img{height:68px}
.register-journey h3{margin:6px 0 3px;font-size:10px;line-height:1.05}.register-journey p{font-size:7.5px;line-height:1.28}
.register-start-shot{position:relative;margin:0;overflow:hidden;background:#eff7f1}
.register-target{position:absolute;z-index:5;right:7px;top:19px;display:grid;justify-items:center;color:#064525;text-align:center;pointer-events:none}.register-target b{padding:2px 4px;border-radius:5px;background:#fff8d3;color:#786000;font-size:6px;white-space:nowrap}.register-target i{margin-top:-5px;color:#07893a;font-size:18px;font-style:normal;font-weight:900;text-shadow:0 1px 0 #fff}
.register-otp-visual{height:68px;gap:5px}.register-otp-visual b{font-size:17px}.register-otp-visual span{padding:3px 5px;border-radius:5px;font-size:8px;letter-spacing:.07em}.register-otp-visual i{right:10px;top:56px;width:17px;height:17px;font-size:10px}
@media(max-width:360px){.register-journey{gap:5px}.register-journey article{padding:5px}.register-journey img,.register-otp-visual{height:58px}.register-journey article:not(:last-child)::after{right:-8px;top:42px;width:15px;height:15px;font-size:13px}.register-journey h3{font-size:9px}.register-journey p{font-size:7px}.register-target{display:none}}

/* Full, readable real-screen guide—not miniature mock-ups. */
.support-vip-hero{overflow:hidden;margin-bottom:12px;background:radial-gradient(ellipse at 86% 31%,rgba(255,215,75,.28),transparent 17%),radial-gradient(ellipse at 81% 80%,rgba(255,202,31,.12),transparent 32%),linear-gradient(122deg,#03371f 0%,#087b38 54%,#11a346 100%)}
.support-vip-mascot{right:-12px;bottom:-2px;width:330px;z-index:7;filter:drop-shadow(-13px 14px 12px rgba(0,25,13,.42)) drop-shadow(0 0 16px rgba(255,213,55,.23))}
.support-register-guide{margin-top:0}.register-real-flow{display:grid;gap:12px;margin:0;padding:0;list-style:none}.register-real-flow li{position:relative;padding:10px;border:1px solid #d3ead9;border-radius:12px;background:#fff;box-shadow:0 5px 12px rgba(6,59,36,.07)}.register-real-flow li:not(:last-child)::after{position:absolute;z-index:3;left:calc(50% - 12px);bottom:-19px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--yellow);color:var(--green-deep);content:"↓";font-size:16px;font-weight:900;box-shadow:0 3px 6px rgba(84,64,0,.2)}.register-real-copy{margin-bottom:8px}.register-real-copy span{display:inline-block;padding:3px 6px;border-radius:7px;background:#fff3b9;color:#725c00;font-size:7px;font-weight:900;letter-spacing:.06em}.register-real-copy h3{margin:5px 0 2px;color:var(--green-deep);font-size:14px}.register-real-copy p{margin:0;color:#617267;font-size:9px;line-height:1.35}.register-real-flow figure{position:relative;margin:0;overflow:hidden;border:1px solid #d9e9de;border-radius:9px;background:#edf5ef}.register-real-flow img{display:block;width:100%;max-height:285px;object-fit:contain;object-position:top;background:#edf5ef}.register-real-flow figcaption{position:absolute;right:9px;top:9px;padding:4px 7px;border-radius:7px;background:#fff4b2;color:#6c5700;font-size:8px;font-weight:900;letter-spacing:.04em;box-shadow:0 2px 5px rgba(80,63,0,.18)}.register-login-shot img{height:82px;object-fit:cover;object-position:top}.register-login-shot{max-width:280px}.support-register-button{position:relative;z-index:5}
@media(max-width:360px){.support-vip-mascot{right:-18px;bottom:1px;width:282px}.support-hero-intro{width:59%;max-width:220px}.register-real-flow li{padding:8px}.register-real-flow img{max-height:235px}.register-real-copy h3{font-size:13px}}

/* Member Guide: one swipeable real-screen walkthrough first, with optional extra help below. */
.member-guide{margin:0 8px 12px;padding:14px 12px 13px;border:1px solid #e6c33b;border-radius:15px;background:linear-gradient(135deg,#fff8cc 0%,#fff3a3 54%,#ffed7a 100%);box-shadow:0 8px 20px rgba(88,65,0,.10)}
.member-guide-head{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:10px}.member-guide-head h2{margin:3px 0 3px;color:var(--green-deep);font-size:20px;line-height:1.03}.member-guide-head p{margin:0;color:#617267;font-size:9px}.member-guide-head button{flex:0 0 auto;min-width:55px;height:29px;border:1px solid #0a913d;border-radius:9px;background:#fff;color:#087b38;font-size:8px;font-weight:900;cursor:pointer}.member-guide-head button[aria-expanded="true"]{background:#fff0a7;color:#654f00;border-color:#e3b500}
.member-guide-carousel{display:flex;gap:10px;overflow-x:auto;padding:1px 1px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}.member-guide-carousel::-webkit-scrollbar{display:none}.member-guide-slide{position:relative;flex:0 0 100%;min-width:0;padding:10px;border:1px solid #d3ead9;border-radius:12px;background:#fff;scroll-snap-align:start;box-shadow:0 5px 12px rgba(6,59,36,.07)}.member-guide-slide>span{display:inline-block;padding:3px 6px;border-radius:7px;background:#fff3b9;color:#725c00;font-size:7px;font-weight:900;letter-spacing:.06em}.member-guide-slide h3{margin:6px 0 3px;color:var(--green-deep);font-size:15px}.member-guide-slide p{margin:7px 0 0;color:#607065;font-size:9px;line-height:1.35}.member-guide-slide figure{position:relative;margin:8px 0 0;overflow:hidden;border:1px solid #d7e9dc;border-radius:9px;background:#f0f6f2}.member-guide-slide img{display:block;width:100%;max-height:300px;object-fit:contain;object-position:top;background:#f0f6f2}.guide-pointer{position:absolute;z-index:3;display:grid;justify-items:center;gap:0;padding:4px 7px;border-radius:7px;background:#fff3a5;color:#5f4e00;font-size:8px;font-weight:900;letter-spacing:.04em;box-shadow:0 3px 7px rgba(82,63,0,.25)}.guide-pointer b{color:#078b3a;font-size:24px;line-height:.8;text-shadow:0 1px 0 #fff}.guide-pointer-register{right:8%;top:9%}.guide-pointer-details{left:8%;top:8%}.guide-pointer-otp{right:4%;top:43%}.guide-pointer-otp b{transform:rotate(90deg);margin-right:8px}.guide-pointer-login{left:7%;top:9%}.member-guide-dots{display:flex;justify-content:center;gap:5px;margin:2px 0 1px}.member-guide-dots i{width:6px;height:6px;border-radius:10px;background:#cfe2d4}.member-guide-dots i.is-active{width:17px;background:#0b983e}.member-guide-extra{display:grid;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid #d9e8dd}.member-guide-extra-head{display:flex;align-items:center;justify-content:space-between;color:var(--green-deep);font-size:10px;letter-spacing:.05em}.member-guide-extra-head button{width:28px;height:28px;border:1px solid #cfe6d6;border-radius:9px;background:#eef8f0;color:#076f30;font-size:20px;line-height:1;cursor:pointer}.member-guide-extra article{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;align-items:start;padding:9px;border:1px solid #d5eadb;border-radius:10px;background:#fff}.member-guide-extra article>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--yellow);color:var(--green-deep);font-size:10px;font-weight:900}.member-guide-extra h3{margin:0;color:var(--green-deep);font-size:12px}.member-guide-extra p{margin:3px 0 0;color:#617267;font-size:8px;line-height:1.35}.member-guide-extra img{grid-column:2;width:100%;max-height:98px;object-fit:contain;object-position:left;border:1px solid #e0ede3;border-radius:7px;background:#f1f6f2}.member-guide-extra button[data-guide-share]{grid-column:2;height:31px;border:0;border-radius:8px;background:var(--green);color:#fff;font-size:8px;font-weight:900;cursor:pointer}.member-guide-extra[hidden]{display:none}.support-register-button{margin-top:9px}
@media(max-width:360px){.member-guide{padding:12px 9px}.member-guide-slide{padding:8px}.member-guide-slide img{max-height:255px}.member-guide-head h2{font-size:18px}.guide-pointer{font-size:7px}.guide-pointer b{font-size:20px}}

/* Shared member-banner canvas: History, Bonus and Support use one clear main size. */
/* Keep the chest still while animated coins burst from inside it. */
.bonus-page-hero .bonus-coin-webp{display:block!important;position:absolute;z-index:5;right:-18px;bottom:4px;width:348px;max-width:76%;height:auto;pointer-events:none}
.bonus-page-hero>.eyebrow,.bonus-page-hero>h1,.bonus-page-hero>p,.bonus-page-hero>.hero-actions{position:relative;z-index:7}
@media(max-width:360px){.bonus-page-hero .bonus-coin-webp{right:-30px;bottom:11px;width:296px;max-width:79%}}

/* Chat opens under the Help Centre banner, never over its content. */
.support-chat-below-banner{box-sizing:border-box;display:flex;flex-direction:column;width:calc(100% - 16px);min-height:405px;margin:12px 8px 12px;padding:0;overflow:hidden;border:1px solid rgba(8,127,55,.25);border-radius:14px;background:#f6faf7;color:var(--text);box-shadow:0 10px 22px rgba(1,29,17,.15)}
.support-chat-below-banner[hidden]{display:none!important}
.support-chat-below-banner .support-chat-thread{height:296px;min-height:296px;flex:1;padding:11px 12px}
.support-chat-below-banner .support-chat-compose{margin-top:auto}
@media(max-width:360px){.support-chat-below-banner{min-height:365px}.support-chat-below-banner .support-chat-thread{height:256px;min-height:256px}}
.support-vip-hero:has(+ .support-chat-below-banner:not([hidden])){margin-bottom:0}

/* Premium rewards chest: the chest is still while coin tokens repeat from its opening. */
.bonus-page-hero .bonus-treasure-decor{z-index:3!important;right:-28px!important;bottom:-19px!important;width:405px!important;max-width:83%!important;filter:drop-shadow(-10px 12px 11px rgba(4,54,24,.28))!important}
.bonus-coin-spray{position:absolute;z-index:5;right:2px;bottom:33px;width:58%;height:64%;pointer-events:none;overflow:visible}.bonus-coin-spray i{position:absolute;right:2%;bottom:3%;display:block;width:16px;height:16px;border:2px solid #ffe695;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fffbd7 0 5%,#ffe45a 6% 22%,#e8a900 45%,#925b00 76%,#ffcf22 100%);box-shadow:0 0 6px rgba(255,215,40,.9),inset -2px -2px 2px rgba(86,50,0,.32);animation:bonusCoinBurst 2.45s cubic-bezier(.2,.75,.25,1) infinite;animation-delay:calc(var(--coin-index) * -.27s)}.bonus-coin-spray i:nth-child(1){--burst-x:-10px;--burst-y:-24px;transform:scale(.65)}.bonus-coin-spray i:nth-child(2){--burst-x:-46px;--burst-y:-46px;transform:scale(.8)}.bonus-coin-spray i:nth-child(3){--burst-x:-83px;--burst-y:-18px;transform:scale(.6)}.bonus-coin-spray i:nth-child(4){--burst-x:-114px;--burst-y:-58px;transform:scale(.78)}.bonus-coin-spray i:nth-child(5){--burst-x:-148px;--burst-y:-29px;transform:scale(.52)}.bonus-coin-spray i:nth-child(6){--burst-x:-71px;--burst-y:-83px;transform:scale(.48)}.bonus-coin-spray i:nth-child(7){--burst-x:-132px;--burst-y:-99px;transform:scale(.57)}.bonus-coin-spray i:nth-child(8){--burst-x:-177px;--burst-y:-56px;transform:scale(.43)}.bonus-coin-spray i:nth-child(9){--burst-x:-31px;--burst-y:-97px;transform:scale(.42)}@keyframes bonusCoinBurst{0%,14%{opacity:0;translate:0 0;rotate:0deg}22%{opacity:1}70%{opacity:1}100%{opacity:0;translate:var(--burst-x) var(--burst-y);rotate:310deg}}
.bonus-coin-spray{display:block!important;position:absolute;z-index:5;right:0;bottom:30px;width:55%;height:58%;overflow:visible;pointer-events:none}.bonus-coin-spray img{position:absolute;right:0;bottom:0;width:38px;height:38px;object-fit:cover;clip-path:ellipse(48% 42% at 50% 54%);mix-blend-mode:screen;filter:drop-shadow(0 2px 3px rgba(89,51,0,.38));opacity:0;animation:premiumCoinBurst 2.8s cubic-bezier(.17,.7,.24,1) infinite;animation-delay:calc(var(--coin-index) * -.31s)}.bonus-coin-spray img:nth-child(1){--x:-12px;--y:-20px;--spin:78deg;scale:.46}.bonus-coin-spray img:nth-child(2){--x:-42px;--y:-43px;--spin:153deg;scale:.58}.bonus-coin-spray img:nth-child(3){--x:-72px;--y:-15px;--spin:225deg;scale:.43}.bonus-coin-spray img:nth-child(4){--x:-102px;--y:-48px;--spin:285deg;scale:.52}.bonus-coin-spray img:nth-child(5){--x:-128px;--y:-26px;--spin:343deg;scale:.39}.bonus-coin-spray img:nth-child(6){--x:-61px;--y:-76px;--spin:196deg;scale:.35}.bonus-coin-spray img:nth-child(7){--x:-136px;--y:-82px;--spin:275deg;scale:.43}.bonus-coin-spray img:nth-child(8){--x:-161px;--y:-48px;--spin:335deg;scale:.31}.bonus-coin-spray img:nth-child(9){--x:-26px;--y:-96px;--spin:410deg;scale:.28}@keyframes premiumCoinBurst{0%,16%{opacity:0;translate:0 0;rotate:0deg}23%{opacity:1}75%{opacity:.88}100%{opacity:0;translate:var(--x) var(--y);rotate:var(--spin)}}
@media(max-width:360px){.bonus-page-hero .bonus-treasure-decor{right:-38px!important;bottom:-13px!important;width:345px!important;max-width:88%!important}.bonus-coin-spray{right:-3px;bottom:27px;transform:scale(.82);transform-origin:right bottom}}
@media(prefers-reduced-motion:reduce){.bonus-coin-spray i{animation:none;opacity:.9;translate:var(--burst-x) var(--burst-y)}}

.bonus-page-hero .bonus-treasure-decor{right:-24px!important;bottom:-15px!important;width:332px!important;max-width:70%!important}
.bonus-page-hero{min-height:0!important;padding:12px 17px!important}.bonus-page-hero h1{max-width:250px!important;font-size:24px!important;line-height:1.02!important;letter-spacing:-.035em!important;font-weight:900!important}.bonus-page-hero>p{margin-top:7px!important}.bonus-page-hero .hero-actions{margin-top:10px!important}
.bonus-copy-shield{position:absolute;z-index:6;inset:0 auto 0 0;width:67%;pointer-events:none;background:linear-gradient(90deg,rgba(250,255,250,.96) 0%,rgba(246,253,246,.92) 60%,rgba(246,253,246,.64) 79%,rgba(246,253,246,0) 100%)}
.bonus-coin-spray{right:-2px;bottom:25px;width:40%;height:52%;z-index:5}.bonus-coin-spray img{width:42px;height:42px}.bonus-coin-spray img:nth-child(1){--x:-8px;--y:-15px;--spin:78deg;scale:.45}.bonus-coin-spray img:nth-child(2){--x:-25px;--y:-32px;--spin:153deg;scale:.58}.bonus-coin-spray img:nth-child(3){--x:-42px;--y:-12px;--spin:225deg;scale:.43}.bonus-coin-spray img:nth-child(4){--x:-58px;--y:-42px;--spin:285deg;scale:.52}.bonus-coin-spray img:nth-child(5){--x:-75px;--y:-22px;--spin:343deg;scale:.39}.bonus-coin-spray img:nth-child(6){--x:-34px;--y:-58px;--spin:196deg;scale:.35}.bonus-coin-spray img:nth-child(7){--x:-83px;--y:-63px;--spin:275deg;scale:.43}.bonus-coin-spray img:nth-child(8){--x:-98px;--y:-35px;--spin:335deg;scale:.31}.bonus-coin-spray img:nth-child(9){--x:-14px;--y:-75px;--spin:410deg;scale:.28}.bonus-coin-spray img:nth-child(10){--x:-51px;--y:-69px;--spin:175deg;scale:.3}.bonus-coin-spray img:nth-child(11){--x:-88px;--y:-8px;--spin:250deg;scale:.34}.bonus-coin-spray img:nth-child(12){--x:-67px;--y:-51px;--spin:315deg;scale:.27}.bonus-coin-spray img:nth-child(13){--x:-20px;--y:-45px;--spin:390deg;scale:.33}.bonus-coin-spray img:nth-child(14){--x:-101px;--y:-53px;--spin:465deg;scale:.26}
@media(max-width:360px){.bonus-page-hero .bonus-treasure-decor{right:-31px!important;bottom:-10px!important;width:296px!important;max-width:75%!important}.bonus-copy-shield{width:70%}.bonus-coin-spray{right:-7px;bottom:20px;transform:scale(.8);transform-origin:right bottom}}

.bonus-coin-spray img:nth-child(15){--x:-18px;--y:-104px;--spin:530deg;scale:.31}.bonus-coin-spray img:nth-child(16){--x:-46px;--y:-116px;--spin:610deg;scale:.25}.bonus-coin-spray img:nth-child(17){--x:-78px;--y:-98px;--spin:680deg;scale:.35}.bonus-coin-spray img:nth-child(18){--x:-105px;--y:-77px;--spin:745deg;scale:.24}.bonus-coin-spray img:nth-child(19){--x:-8px;--y:-132px;--spin:810deg;scale:.22}.bonus-coin-spray img:nth-child(20){--x:-62px;--y:-137px;--spin:870deg;scale:.27}.bonus-coin-spray img:nth-child(21){--x:-114px;--y:-112px;--spin:935deg;scale:.2}.bonus-coin-spray img:nth-child(22){--x:-34px;--y:-82px;--spin:995deg;scale:.38}

:root{--nt77-section-gap:12px}.page-main>.page-hero + .section{margin-top:var(--nt77-section-gap)!important}.page-main>.support-vip-hero:has(+ .support-chat-below-banner:not([hidden])){margin-bottom:0!important}.support-chat-below-banner + .section{margin-top:0!important}

/* Rewards Centre: lift the visual activity so the compact hero ends cleanly under its guide. */
.bonus-page-hero .bonus-treasure-decor{bottom:0!important}
.bonus-page-hero .bonus-coin-spray{bottom:35px!important}
/* Shared final footer rhythm: copyright stays close to the footer links, while
   the fixed five-action bar gets its own reserved row so every label remains visible. */
body{padding-bottom:0!important}.page{padding-bottom:0!important}.footer{padding-bottom:calc(62px + env(safe-area-inset-bottom))!important}
.nt77-bottom-nav{height:calc(58px + env(safe-area-inset-bottom))!important;padding:0 5px env(safe-area-inset-bottom)!important}
.nt77-nav-item,.nt77-nav-bonus{height:58px!important;min-height:58px!important}
.nt77-nav-item b,.nt77-nav-bonus b{top:42px!important;bottom:auto!important;display:block!important;visibility:visible!important;opacity:1!important}
.live-chat-confirm{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:16px;background:rgba(0,42,23,.48);backdrop-filter:blur(4px)}.live-chat-confirm-card{width:min(100%,360px);padding:18px;border:1px solid rgba(255,255,255,.62);border-radius:17px;background:linear-gradient(150deg,#fff,#f7fff8);box-shadow:0 22px 48px rgba(0,29,15,.3)}.live-chat-confirm-card .eyebrow{margin:0;color:#07863a}.live-chat-confirm-card h2{margin:5px 0;color:var(--green-deep);font-size:21px;line-height:1}.live-chat-confirm-card>p:not(.eyebrow){margin:0;color:#617267;font-size:10px;line-height:1.45}.live-chat-confirm-card>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.live-chat-confirm-card button{min-height:39px;border:1px solid #0a913d;border-radius:10px;background:#fff;color:#087b38;font-size:8px;font-weight:900;cursor:pointer}.live-chat-confirm-card [data-confirm-close-chat]{border-color:#c52b36;background:#d22c3b;color:#fff}

/* Easy-read Live Chat: this is the working space for members, not a tiny preview. */
.support-chat-below-banner{border:2px solid #08783a!important;background:#fff!important;box-shadow:0 12px 28px rgba(0,43,22,.24)!important}
.support-chat-below-banner .support-chat-head{height:58px!important;padding:9px 12px!important;background:linear-gradient(90deg,#03361e,#076b34)!important}
.support-chat-below-banner .support-chat-head strong{font-size:15px!important;letter-spacing:.01em}
.support-chat-below-banner .support-chat-head span:not(.support-agent-avatar){margin-top:3px!important;color:#f1fff3!important;font-size:9px!important;font-weight:700!important}
.support-chat-below-banner .support-chat-head span b{color:#ddff9b!important;font-size:8px!important}
.support-chat-below-banner .support-chat-controls button{width:32px!important;height:32px!important;border-radius:9px!important;background:#edfff0!important;color:#064526!important;font-size:22px!important;font-weight:900!important}
.support-chat-below-banner .support-chat-thread{padding:16px!important;background:linear-gradient(145deg,#edf8f0,#fff)!important}
.support-chat-below-banner .support-chat-bubble{width:auto!important;max-width:89%!important;padding:10px 12px!important;border:1px solid #d2e5d7!important;border-radius:6px 13px 13px 13px!important;color:#163d2a!important;font-size:11px!important;font-weight:600!important;line-height:1.48!important;box-shadow:0 3px 10px rgba(5,54,28,.12)!important}
.support-chat-below-banner .support-chat-bubble small{margin-top:5px!important;color:#365d49!important;font-size:8px!important;font-weight:800!important}
.support-chat-below-banner .support-chat-bubble.is-member{padding:10px 12px!important;border-color:#8bcba0!important;border-radius:13px 6px 13px 13px!important;background:#d9f3e1!important;color:#103b25!important}
.support-chat-below-banner .support-chat-compose{grid-template-columns:minmax(0,1fr) 38px 61px!important;gap:7px!important;padding:10px!important;border-top:2px solid #cae3d2!important;background:#fff!important}
.support-chat-below-banner .support-chat-compose input,.support-chat-below-banner .support-chat-compose textarea{height:42px!important;min-height:42px!important;padding:10px!important;border:2px solid #a9cdb5!important;border-radius:10px!important;color:#173d2a!important;font-size:16px!important;font-weight:600!important;line-height:1.25!important}
.support-chat-below-banner .support-chat-compose textarea::placeholder{color:#426957!important;opacity:1}
.support-chat-below-banner .support-chat-attach{height:42px!important;border:2px solid #a9cdb5!important;border-radius:10px!important;color:#075d2e!important;font-size:23px!important}
.support-chat-below-banner .support-chat-compose button{height:42px!important;border-radius:10px!important;background:#ffd123!important;color:#063e24!important;font-size:9px!important;font-weight:1000!important;letter-spacing:.04em!important}
.support-chat-below-banner .support-chat-safety{padding:7px 10px!important;background:#fff8d7!important;color:#514617!important;font-size:8px!important;font-weight:800!important;line-height:1.25!important}
@media(max-width:600px){.support-chat-below-banner{width:calc(100% - 12px)!important;margin:8px 6px 12px!important;border-radius:16px!important}.support-chat-below-banner .support-chat-thread{padding:16px 14px!important}.support-chat-below-banner .support-chat-bubble{font-size:11.5px!important}.support-chat-below-banner .support-chat-compose{grid-template-columns:minmax(0,1fr) 38px 60px!important;padding:9px!important}.support-chat-below-banner:not([hidden]){position:fixed!important;z-index:1150!important;top:93px!important;right:6px!important;bottom:calc(66px + var(--support-keyboard-inset,0px))!important;left:6px!important;width:auto!important;height:auto!important;max-height:none!important;min-height:0!important;margin:0!important}.support-chat-below-banner:not([hidden]).is-keyboard-open{top:max(78px,env(safe-area-inset-top))!important;border-radius:13px!important}.support-chat-below-banner:not([hidden]) .support-chat-thread{height:auto!important;min-height:0!important}}

.page-main>.page-hero{box-sizing:border-box;min-height:262px}
.page-main>.page-hero:not(.history-page-hero){padding:20px 17px}
.page-main>.support-vip-hero{min-height:262px;margin-bottom:12px}
.support-vip-hero .support-hero-intro{min-height:0;padding-bottom:4px}
.support-vip-mascot{right:-8px;bottom:-13px;width:286px}
@media(max-width:360px){.page-main>.page-hero,.page-main>.support-vip-hero{min-height:244px}.support-vip-mascot{right:-10px;bottom:-10px;width:252px}}

.member-guide-more-button{display:flex;width:100%;height:33px;align-items:center;justify-content:center;margin-top:7px;border:1px solid #0a913d;border-radius:9px;background:#fff;color:#087b38;font-size:8px;font-weight:900;cursor:pointer}.member-guide-more-button[aria-expanded="true"]{background:#fff0a7;color:#654f00;border-color:#e3b500}

/* Support CTA: clean white surface against the concierge banner. */
.support-vip-hero .support-live-button{background:#fff!important;color:#075d2d!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:0 5px 12px rgba(0,42,22,.26)!important}
.support-vip-hero .support-live-button:hover{background:#f5fff7!important}
.support-vip-hero .support-live-button{animation:supportCtaWhitePulse 2.15s ease-in-out infinite!important}
@keyframes supportCtaWhitePulse{0%,100%{box-shadow:0 5px 12px rgba(0,42,22,.26),0 0 0 0 rgba(255,255,255,0)}48%{box-shadow:0 6px 15px rgba(0,42,22,.3),0 0 0 4px rgba(255,255,255,.2)}62%{box-shadow:0 5px 12px rgba(0,42,22,.26),0 0 0 0 rgba(255,255,255,0)}}

/* Shared wallet portal: it sits at the document root, above every page layer. */
.member-wallet-panel.is-body-mounted{position:fixed!important;z-index:2147483000!important;top:max(74px,calc(env(safe-area-inset-top) + 64px))!important;right:max(8px,calc((100vw - 540px)/2 + 8px))!important;bottom:auto!important;left:auto!important;width:min(330px,calc(100vw - 24px))!important;max-height:calc(100dvh - 84px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.member-wallet-panel.is-body-mounted .member-wallet-balance-box{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important}.member-wallet-balance-label,.member-wallet-balance-value{justify-self:center;text-align:center}
.member-wallet-panel.is-body-mounted .member-wallet-balance-label,.member-wallet-panel.is-body-mounted .member-wallet-balance-value{font-family:"Roboto Condensed",Arial,sans-serif!important;font-size:20px!important;font-weight:900!important;letter-spacing:0!important;white-space:nowrap!important}

/* Payment details: the bank account is required; PayID is an optional extra. */
.settings-payment-required{margin:0 0 8px;padding:8px 9px;border:1px solid #c7e5d1;border-radius:8px;background:#f5fbf6;color:#244a34;font-size:8px;font-weight:700;line-height:1.35}.settings-payment-required b{color:#067333;font-weight:1000;text-transform:uppercase}.settings-payid-optional>span{margin-left:4px;color:#62776a;font-size:6px;font-weight:900;letter-spacing:.08em}

/* Swipe cue and pressed-finger markers keep the guide obvious without text clutter. */
.member-guide-head{margin-bottom:6px}.member-guide-head .eyebrow{margin:0}.member-guide-carousel{gap:10px;padding-right:34px;touch-action:pan-x;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;cursor:grab}.member-guide-slide{flex-basis:calc(100% - 34px)}.member-guide-slide:active{cursor:grabbing}.guide-pointer{padding:0;background:transparent;box-shadow:none;gap:0}.guide-pointer b{font-size:31px;line-height:1;text-shadow:0 3px 4px rgba(0,50,25,.32);filter:drop-shadow(0 0 3px rgba(255,232,103,.9))}.guide-pointer-register{right:9%;top:8%}.guide-pointer-details{left:11%;top:9%}.guide-pointer-otp{right:5%;top:43%}.guide-pointer-otp b{transform:none;margin:0}.guide-pointer-login{left:10%;top:8%}.member-guide-extra-head{font-size:8px;letter-spacing:.04em}.member-guide-extra-carousel{display:flex;gap:9px;overflow-x:auto;padding:1px 28px 7px 1px;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.member-guide-extra-carousel::-webkit-scrollbar{display:none}.member-guide-extra-carousel article{flex:0 0 calc(100% - 30px);scroll-snap-align:start}.member-guide-less-button{display:flex;width:100%;height:31px;align-items:center;justify-content:center;margin-top:4px;border:1px solid #bcdcc6;border-radius:9px;background:#f4faf5;color:#0b7332;font-size:8px;font-weight:900;cursor:pointer}.member-guide-more-button[hidden]{display:none}
