/* Source: assets/css/inline-01.css */

:root {
  --green:#099739;
  --dark:#063B24;
  --yellow:#FFCE1C;
  --white:#FFFFFF;
  --page:#F3F6F4;
  --text:#142019;
  --muted:#637168;
  --border:#DCE6DF;
  --soft-green:#EAF6EF;
  --soft-yellow:#FFF4C4;
  --gap:6px;
  --side:11px;
  --radius:16px;
  --shadow:0 8px 22px rgba(6,59,36,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#DDE7E1;
  color:var(--text);
  font-family:Roboto,Arial,sans-serif;
}
h1,h2,h3{margin:0;font-family:"Roboto Condensed",Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}

.page{
  width:min(100%,430px);
  min-height:100vh;
  margin:0 auto;
  background:var(--page);
  box-shadow:0 0 42px rgba(6,59,36,.16);
}

.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);
}
.brand{width:136px;height:48px;display:flex;align-items:center;overflow:hidden}
.brand img{width:136px;height:auto;object-fit:contain;object-position:left center}

.header-controls{
  display:flex;
  align-items:center;
  justify-self:end;
  gap:10px;
}

.header-actions{
  display:flex;
  align-items:center;
  gap:6px;
}

.header-member{
  display:none;
  align-items:center;
  justify-content:center;
  min-width:0;
  font-family:Roboto,Arial,sans-serif;
  position:relative;
}
.header-wallet-card{
  min-height:34px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.header-wallet-balance-wrap{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
}
.header-member-balance{
  color:var(--dark);
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:11px;
  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;
  border-radius:9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  color:var(--green);
  cursor:pointer;
  box-shadow:none;
}
.header-balance-refresh{
  width:24px;
  height:28px;
  border-radius:8px;
}
.header-balance-refresh svg{width:15px;height:15px;display:block}
.header-wallet-icon{
  background:linear-gradient(180deg,#ffdd54 0%,#ffce1c 100%);
  color:var(--dark);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}
.header-wallet-icon svg{width:19px;height:19px;display:block}
.header-balance-refresh:active,
.header-wallet-icon:active,
.menu-button:active{transform:scale(.94)}
.menu-button{
  flex-direction:column;
  gap:4px;
  border-radius:0;
}
.menu-button span{
  width:18px;
  height:3px;
  border-radius:999px;
  background:var(--green);
  display:block;
}
.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;align-items:center;justify-content:flex-end;margin-bottom:6px}
.member-wallet-close{width:24px;height:24px;border:0;border-radius:7px;background:var(--soft-neutral);color:var(--dark);font-size:16px;line-height:1;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,.10)}
.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(--dark);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-family:"Roboto Condensed",Arial,sans-serif;font-size:19px;font-weight:900;font-variant-numeric:tabular-nums}
.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(--dark)}
.member-wallet-action.is-wide{grid-column:1/-1}
.member-wallet-action:active{transform:scale(.98)}
.member-wallet-status{min-height:14px;margin-top:7px;color:#5d6e65;font-size:7px;line-height:1.3}
@media (max-width:380px){
  .header-controls{gap:4px}
  .header-member-balance{font-size:10px}
  .member-wallet-panel{right:-38px}
  .member-wallet-panel::before{right:80px}
}

.button{
  min-height:37px;
  max-width:100%;
  padding:0 11px;
  border:1px solid transparent;
  border-radius:9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:11px;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:pointer;
}
.button-green{background:var(--green);color:var(--white)}
.button-yellow{background:var(--yellow);color:var(--dark)}
.button-outline{background:var(--white);color:var(--dark);border-color:var(--green)}
button[data-action="register"]{
  position:relative;
  overflow:hidden;
  box-shadow:0 0 0 0 rgba(255,206,28,.0);
  animation:registerPulse 2.2s ease-in-out infinite;
}
button[data-action="register"]::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-40%;
  width:34%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);
  transform:skewX(-18deg);
  animation:registerShine 2.2s ease-in-out infinite;
  pointer-events:none;
}

.notice{
  position:sticky;
  top:64px;
  z-index:29;
  height:20px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:var(--dark);
  color:var(--white);
  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(--dark);
  font-size:11px;
  font-weight:900;
}
.notice-window{width:calc(100% - 22px);overflow:hidden}
.notice-track{width:max-content;display:flex;gap:28px;animation:scroll 18s linear infinite}
.notice-track span{white-space:nowrap;font-size:8px;font-weight:700}
.notice-track b{color:var(--yellow)}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes registerPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(255,206,28,0), 0 0 0 rgba(255,206,28,0)}
  50%{box-shadow:0 0 0 2px rgba(255,206,28,.30), 0 0 16px rgba(255,206,28,.34)}
}
@keyframes registerShine{
  0%,70%,100%{left:-40%}
  82%{left:112%}
}

/* All major blocks share the same side and vertical spacing */
.block-wrap{
  padding-left:var(--side);
  padding-right:var(--side);
  padding-top:5px;
}

.hero-stack{
  overflow:hidden;
  border:1px solid rgba(9,151,57,.22);
  border-radius:var(--radius);
  background:var(--white);
  box-shadow:var(--shadow);
}
.hero-banner{
  position:relative;
  min-height:150px;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) 106px;
  align-items:center;
  gap:8px;
  padding:14px 13px 12px;
  background:
    radial-gradient(circle at 82% 30%,rgba(255,206,28,.34),transparent 25%),
    linear-gradient(135deg,#FFFFFF 0%,#F0F9F4 60%,#FFF6C3 100%);
}
.hero-banner::before{
  content:"";
  position:absolute;
  right:-25px;
  bottom:-54px;
  width:140px;
  height:140px;
  border-radius:50%;
  border:24px solid rgba(9,151,57,.07);
}
.hero-content{position:relative;z-index:1;min-width:0}
.hero-kicker{margin-bottom:5px;color:var(--green);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.hero-banner h1{max-width:220px;margin-bottom:4px;color:var(--dark);font-size:27px;line-height:.96;letter-spacing:-.02em}
.hero-banner h1 span{color:var(--green)}
.hero-copy{max-width:220px;margin:0 0 10px;color:var(--muted);font-size:10px;line-height:1.38}
.hero-actions{display:flex;gap:6px}
.hero-actions .button{min-height:33px;padding:0 9px;font-size:9px}

.offer-badge{
  position:relative;
  z-index:1;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:10px 6px;
  border-radius:14px;
  text-align:center;
  background:linear-gradient(160deg,var(--yellow),#FFE873);
  box-shadow:0 8px 18px rgba(255,206,28,.22);
}
.offer-badge small{margin-bottom:2px;color:var(--dark);font-size:8px;font-weight:900;text-transform:uppercase}
.offer-badge strong{color:var(--dark);font-family:"Roboto Condensed",Arial,sans-serif;font-size:33px;line-height:.9}
.offer-badge span{margin-top:2px;color:var(--dark);font-size:8px;font-weight:800}

.trust-strip{
  width:100%;
  padding:0;
  margin:0;
  display:block;
  background:#fff;
  overflow:hidden;
  line-height:0;
}
.trust-strip img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
  object-fit:contain;
}

/* Redesigned account panel */
.account-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(9,151,57,.24);
  border-radius:var(--radius);
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(243,246,244,.98));
  box-shadow:
    0 8px 22px rgba(6,59,36,.08),
    inset 0 1px 0 rgba(255,255,255,.96);
}
.account-watermark{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  pointer-events:none;
}
.account-watermark img{
  width:205px;
  height:auto;
  filter:grayscale(1);
  opacity:.075;
}
.account-top{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--gap);
  padding:var(--gap);
}
.account-login{
  background:
    linear-gradient(180deg,#FFFFFF 0%,#F6F8F7 100%);
  color:var(--dark);
  border:1px solid var(--green);
  box-shadow:
    0 3px 8px rgba(6,59,36,.08),
    inset 0 1px 0 rgba(255,255,255,.9);
}
.account-register{
  background:linear-gradient(180deg,#FFE56C 0%,#FFCE1C 100%);
  color:var(--dark);
  border:1px solid rgba(230,184,23,.55);
  box-shadow:
    0 4px 10px rgba(255,206,28,.24),
    inset 0 1px 0 rgba(255,255,255,.5);
}
.account-top .button{
  width:100%;
  min-height:40px;
  font-size:15px;
}


.account-welcome{
  position:relative;
  z-index:1;
  display:none;
  padding:10px 12px 8px;
  text-align:center;
  border-bottom:1px solid rgba(220,230,223,.75);
}
.welcome-title{
  margin-bottom:3px;
  color:var(--green);
  font-family:Roboto,Arial,sans-serif;
  font-size:19px;
  font-weight:800;
  line-height:1.15;
  letter-spacing:0;
}
.welcome-bank{
  color:var(--green);
  font-family:Roboto,Arial,sans-serif;
  font-size:11px;
  font-weight:500;
  line-height:1.25;
}

.account-main{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(112px,.78fr);
  gap:var(--gap);
  padding:0 var(--gap) var(--gap);
}
.balance-panel{
  min-width:0;
  min-height:128px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:10px 2px 10px 0;
}
.balance-label{
  margin-bottom:3px;
  color:var(--green);
  font-size:12px;
}
.balance-amount{
  margin-bottom:4px;
  color:var(--green);
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:23px;
  font-weight:900;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.minimum-deposit-hint{
  margin-top:1px;
  color:#527263;
  font-size:8px;
  font-weight:700;
  line-height:1.2;
}
.minimum-deposit-hint b{color:#075b31;font-weight:1000}
.balance-detail{
  color:var(--green);
  font-size:10px;
  line-height:1.35;
}
.balance-detail b{color:var(--dark)}
.account-wagering-progress{display:grid;gap:6px;margin-top:9px;padding:8px 9px 9px;border:1px solid #b9dfc4;border-radius:10px;background:linear-gradient(145deg,#fff 0%,#f3fbf5 100%);box-shadow:0 2px 7px rgba(0,74,35,.07)}.account-wagering-head,.account-wagering-row>div{display:flex;align-items:center;justify-content:space-between;gap:6px}.account-wagering-head{padding-bottom:4px;border-bottom:1px solid #d9ebde;color:#60806b;font-size:6.5px;font-weight:900;letter-spacing:.07em}.account-wagering-head b{color:#075d30;font-weight:1000}.account-wagering-head span{padding:2px 4px;border-radius:99px;background:#dff3e4;color:#087638;font-size:5.5px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.account-wagering-progress>small{margin-top:-2px;color:#587264;font-size:6px;font-weight:700;line-height:1.25}.account-wagering-row{display:grid;gap:3px;padding:4px 5px;border:1px solid #d8e9dc;border-radius:6px;background:rgba(255,255,255,.78)}.account-wagering-row>div{color:#07532c;font-size:7px;line-height:1.1}.account-wagering-row b{font-weight:1000;letter-spacing:.03em}.account-wagering-row b strong{color:#099342;font:1000 8px/1 Arial,sans-serif}.account-wagering-row span{color:#315f41;font-size:6.5px;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}.account-wagering-row i{display:block;height:5px;overflow:hidden;border-radius:999px;background:#d8ebdd;box-shadow:inset 0 1px 1px rgba(0,43,20,.08)}.account-wagering-row em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#07933e,#62c96b);transition:width .35s ease}.account-wagering-row--turnover b strong{color:#b57900}.account-wagering-row--turnover em{background:linear-gradient(90deg,#e9ad00,#ffcf24)}
.fund-actions{
  display:grid;
  grid-template-rows:repeat(4,1fr);
  gap:6px;
  min-height:164px;
}
.fund-button{
  width:100%;
  min-height:22px;
  padding:0 8px;
  border:1px solid var(--green);
  border-radius:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.88);
  color:var(--green);
  box-shadow:
    0 2px 6px rgba(6,59,36,.045),
    inset 0 1px 0 rgba(255,255,255,.94);
  font-size:10px;
  font-weight:700;
  cursor:pointer;
}
.fund-button:active{transform:translateY(1px)}
.account-status{
  position:relative;
  z-index:1;
  min-height:24px;
  padding:5px 10px 8px;
  border-top:1px solid rgba(220,230,223,.75);
  color:var(--muted);
  background:rgba(255,255,255,.44);
  font-size:9px;
  text-align:center;
}
.account-status.success{color:var(--green)}
.account-status.error{color:#8A2C22}

/* Remaining blocks use the same outer spacing */


.jackpot{
  position:relative;
  min-height:60px;
  margin-top:10px;
  overflow:visible;
  border:1px solid rgba(255,206,28,.58);
  border-radius:15px;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.08),transparent 22%),
    radial-gradient(circle at 86% 20%,rgba(255,206,28,.22),transparent 26%),
    linear-gradient(135deg,#063B24 0%,#08552F 52%,#099739 100%);
  box-shadow:
    0 10px 22px rgba(6,59,36,.18),
    inset 0 1px 0 rgba(255,255,255,.08);
}
.jackpot::before{
  content:"";
  position:absolute;
  inset:-120% -25%;
  background:linear-gradient(
    110deg,
    transparent 40%,
    rgba(255,255,255,.10) 49%,
    transparent 58%
  );
  transform:translateX(-42%);
  animation:jackpotSweep 5.5s ease-in-out infinite;
  pointer-events:none;
}
.jackpot::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:15px;
  box-shadow:0 0 0 1px rgba(255,206,28,.10), 0 0 18px rgba(255,206,28,.10);
  animation:jackpotGlow 2.8s ease-in-out infinite;
  pointer-events:none;
}




.jackpot-coins{
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:15px;
  pointer-events:none;
  z-index:0;
}
.jackpot-coins::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 22%, rgba(255,206,28,.13), transparent 22%),
    radial-gradient(circle at 76% 18%, rgba(255,206,28,.11), transparent 20%),
    radial-gradient(circle at 50% 80%, rgba(255,255,255,.06), transparent 18%);
}
.jackpot-coins::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 14% 30%, rgba(255,255,255,.42) 0 1px, transparent 2px),
    radial-gradient(circle at 41% 18%, rgba(255,206,28,.48) 0 1.2px, transparent 2px),
    radial-gradient(circle at 71% 39%, rgba(255,255,255,.35) 0 1px, transparent 2px),
    radial-gradient(circle at 82% 12%, rgba(255,206,28,.42) 0 1.2px, transparent 2px),
    radial-gradient(circle at 58% 74%, rgba(255,255,255,.30) 0 1px, transparent 2px);
  opacity:.75;
}
.jackpot-coin{
  position:absolute;
  top:-34px;
  width:18px;
  height:18px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 28% 24%, rgba(255,255,255,.98) 0 7%, transparent 8%),
    radial-gradient(circle at 34% 34%, #fff6bf 0%, #ffe883 22%, #ffce1c 54%, #dd9d00 78%, #935f00 100%);
  border:1.3px solid rgba(255,239,178,.98);
  box-shadow:
    inset 0 0 0 1px rgba(132,81,0,.18),
    inset 0 1px 1px rgba(255,255,255,.78),
    0 3px 7px rgba(0,0,0,.17),
    0 0 9px rgba(255,206,28,.28);
  opacity:.90;
  transform:translate3d(0,-170%,0) rotate(-25deg) scale(.95);
  animation:jackpotCoinRush 2.35s linear infinite;
}
.jackpot-coin::before{
  content:"";
  position:absolute;
  inset:1.8px;
  border-radius:50%;
  border:1px solid rgba(122,74,0,.16);
}
.jackpot-coin img{
  position:relative;
  z-index:1;
  width:72%;
  max-height:56%;
  object-fit:contain;
  background:transparent;
  opacity:1;
}
.jackpot-coin.c1{left:1%; animation-delay:-.2s; animation-duration:2.10s; width:15px; height:15px}
.jackpot-coin.c2{left:3.8%; animation-delay:-1.1s; animation-duration:2.35s; width:19px; height:19px}
.jackpot-coin.c3{left:6.5%; animation-delay:-.6s; animation-duration:2.25s; width:16px; height:16px}
.jackpot-coin.c4{left:9.2%; animation-delay:-1.7s; animation-duration:2.55s; width:20px; height:20px}
.jackpot-coin.c5{left:12%; animation-delay:-2.1s; animation-duration:2.20s; width:17px; height:17px}
.jackpot-coin.c6{left:14.8%; animation-delay:-.9s; animation-duration:2.42s; width:18px; height:18px}
.jackpot-coin.c7{left:17.6%; animation-delay:-1.5s; animation-duration:2.15s; width:15px; height:15px}
.jackpot-coin.c8{left:20.4%; animation-delay:-2.3s; animation-duration:2.60s; width:21px; height:21px}
.jackpot-coin.c9{left:23.2%; animation-delay:-.4s; animation-duration:2.18s; width:16px; height:16px}
.jackpot-coin.c10{left:26%; animation-delay:-1.9s; animation-duration:2.50s; width:19px; height:19px}
.jackpot-coin.c11{left:28.8%; animation-delay:-2.6s; animation-duration:2.28s; width:17px; height:17px}
.jackpot-coin.c12{left:31.6%; animation-delay:-1.0s; animation-duration:2.35s; width:18px; height:18px}
.jackpot-coin.c13{left:34.4%; animation-delay:-.7s; animation-duration:2.14s; width:15px; height:15px}
.jackpot-coin.c14{left:37.2%; animation-delay:-2.0s; animation-duration:2.55s; width:20px; height:20px}
.jackpot-coin.c15{left:40%; animation-delay:-1.3s; animation-duration:2.22s; width:17px; height:17px}
.jackpot-coin.c16{left:42.8%; animation-delay:-2.4s; animation-duration:2.38s; width:18px; height:18px}
.jackpot-coin.c17{left:45.6%; animation-delay:-.3s; animation-duration:2.12s; width:15px; height:15px}
.jackpot-coin.c18{left:48.4%; animation-delay:-1.8s; animation-duration:2.58s; width:21px; height:21px}
.jackpot-coin.c19{left:51.2%; animation-delay:-.8s; animation-duration:2.24s; width:16px; height:16px}
.jackpot-coin.c20{left:54%; animation-delay:-2.2s; animation-duration:2.46s; width:19px; height:19px}
.jackpot-coin.c21{left:56.8%; animation-delay:-1.4s; animation-duration:2.17s; width:15px; height:15px}
.jackpot-coin.c22{left:59.6%; animation-delay:-2.7s; animation-duration:2.64s; width:20px; height:20px}
.jackpot-coin.c23{left:62.4%; animation-delay:-1.2s; animation-duration:2.30s; width:17px; height:17px}
.jackpot-coin.c24{left:65.2%; animation-delay:-.5s; animation-duration:2.40s; width:18px; height:18px}
.jackpot-coin.c25{left:68%; animation-delay:-2.5s; animation-duration:2.19s; width:15px; height:15px}
.jackpot-coin.c26{left:70.8%; animation-delay:-1.6s; animation-duration:2.52s; width:20px; height:20px}
.jackpot-coin.c27{left:73.6%; animation-delay:-.9s; animation-duration:2.21s; width:16px; height:16px}
.jackpot-coin.c28{left:76.4%; animation-delay:-2.1s; animation-duration:2.44s; width:18px; height:18px}
.jackpot-coin.c29{left:79.2%; animation-delay:-1.1s; animation-duration:2.13s; width:15px; height:15px}
.jackpot-coin.c30{left:82%; animation-delay:-2.8s; animation-duration:2.66s; width:21px; height:21px}
.jackpot-coin.c31{left:84.8%; animation-delay:-1.7s; animation-duration:2.27s; width:17px; height:17px}
.jackpot-coin.c32{left:87.6%; animation-delay:-.6s; animation-duration:2.36s; width:18px; height:18px}
.jackpot-coin.c33{left:90.4%; animation-delay:-2.4s; animation-duration:2.18s; width:16px; height:16px}
.jackpot-coin.c34{left:93.2%; animation-delay:-1.0s; animation-duration:2.49s; width:19px; height:19px}
.jackpot-coin.c35{left:96%; animation-delay:-2.0s; animation-duration:2.23s; width:17px; height:17px}
.jackpot-content{




  position:relative;
  z-index:1;
  padding:16px 8px 4px;
}
.jackpot-topline{
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  gap:8px;
  margin-bottom:2px;
  padding-right:0;
}
.jackpot-title{
  min-width:0;
  display:flex;
  align-items:flex-start;
}
.jackpot h2{
  margin:-21px 0 0 2px;
  padding:6px 12px 5px;
  border:1px solid rgba(255,206,28,.7);
  border-radius:999px;
  background:linear-gradient(180deg,#0a6a39 0%,#07582f 100%);
  color:#fff;
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:18px;
  font-weight:900;
  line-height:1;
  letter-spacing:.03em;
  white-space:nowrap;
  text-shadow:
    0 1px 0 #042516,
    0 2px 0 rgba(4,37,22,.8),
    0 6px 12px rgba(0,0,0,.18);
  box-shadow:
    0 10px 18px rgba(6,59,36,.22),
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 12px rgba(255,206,28,.12);
  transform:translateY(-4px);
}
.jackpot h2 span{
  color:var(--yellow);
}
.jackpot-live{
  display:none !important;
}
.jackpot-display{
  min-width:0;
  min-height:30px;
  margin-left:0;
  padding:4px 5px;
  border:1px solid rgba(255,206,28,.34);
  border-radius:12px;
  display:flex;
  align-items:center;
  gap:3px;
  background:linear-gradient(180deg,rgba(4,30,18,.42) 0%,rgba(255,255,255,.05) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 6px 14px rgba(6,59,36,.10);
}
.currency-box,
.jp-slot,
.jp-sep{
  flex:0 0 auto;
}
.currency-box{
  margin-left:9px;
  width:18px;
  height:22px;
  border:1px solid rgba(255,206,28,.85);
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#ffe06b 0%,#ffce1c 100%);
  color:#11321e;
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:15px;
  font-weight:900;
  line-height:1;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    0 3px 6px rgba(0,0,0,.12);
}
.jackpot-digits{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:2px;
  margin-left:auto;
  overflow:hidden;
}
.jp-slot{
  width:14px;
  height:22px;
  overflow:hidden;
  border:1px solid rgba(255,206,28,.34);
  border-radius:6px;
  background:linear-gradient(180deg,rgba(255,255,255,.16) 0%, rgba(255,255,255,.06) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    0 2px 5px rgba(0,0,0,.08);
}
.jp-reel{
  width:100%;
  transition:transform .72s cubic-bezier(.18,.82,.22,1);
  will-change:transform;
}
.jp-digit{
  width:100%;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:15px;
  font-weight:900;
  line-height:1;
  text-shadow:0 2px 6px rgba(0,0,0,.18);
}
.jp-sep{
  width:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(255,255,255,.92);
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:13px;
  font-weight:900;
  line-height:1;
}
#jackpotValue{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
.legacy-odometer-source{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  opacity:0!important;
  pointer-events:none!important;
}

.jackpot-note{
  min-width:0;
  margin:0;
  color:rgba(255,255,255,.82);
  font-family:Roboto,Arial,sans-serif;
  font-size:8px;
  font-weight:600;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.jackpot-footer{
  min-height:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:3px;
  padding:0 2px;
}
.jackpot-info{
  flex:0 0 auto;
  width:auto;
  border:0;
  padding:0;
  background:transparent;
  color:rgba(255,255,255,.82);
  font-family:Roboto,Arial,sans-serif;
  font-size:8px;
  font-weight:700;
  line-height:1;
  text-align:right;
  cursor:pointer;
}
@keyframes liveBlink{
  0%,100%{transform:scale(1); box-shadow:0 0 0 2px rgba(225,31,40,.18),0 0 16px rgba(255,70,70,.50);}
  50%{transform:scale(1.05); box-shadow:0 0 0 3px rgba(225,31,40,.24),0 0 22px rgba(255,70,70,.68);}
}
@keyframes jackpotSweep{
  0%,68%,100%{transform:translateX(-42%)}
  84%{transform:translateX(40%)}
}
@keyframes jackpotGlow{
  0%,100%{opacity:.72}
  50%{opacity:1}
}
@keyframes jackpotCoinRush{
  0%{
    transform:translate3d(-4px,-175%,0) rotate(-28deg) scale(.92);
    opacity:0;
  }
  10%{opacity:.90}
  72%{opacity:.90}
  100%{
    transform:translate3d(9px,370%,0) rotate(390deg) scale(1.04);
    opacity:0;
  }
}
  10%{opacity:.86}
  68%{opacity:.86}
  100%{
    transform:translate3d(10px,360%,0) rotate(380deg) scale(1.03);
    opacity:0;
  }
}
  7%{opacity:.68}
  70%{opacity:.68}
  100%{
    transform:translate3d(13px,345%,0) rotate(385deg) scale(1.03);
    opacity:0;
  }
}
  8%{
    opacity:.24;
  }
  50%{
    opacity:.24;
  }
  100%{
    transform:translate3d(18px,320%,0) rotate(360deg) scale(1.04);
    opacity:0;
  }
}






.live-transactions{
  position:relative;
  overflow:hidden;
  margin-top:6px;
  border:1px solid rgba(9,151,57,.58);
  border-radius:16px;
  background:#fff;
  box-shadow:
    0 8px 16px rgba(6,59,36,.08),
    inset 0 1px 0 rgba(255,255,255,.65);
}
.live-transactions-head{
  min-height:27px;
  padding:5px 8px 4px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border-bottom:1px solid rgba(9,151,57,.35);
  background:
    radial-gradient(circle at 92% 12%,rgba(255,206,28,.13),transparent 24%),
    linear-gradient(180deg,#fff 0%,#f2f8f3 100%);
}
.live-transactions-title{
  margin:0;
  color:var(--green);
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:14px;
  font-weight:900;
  line-height:1;
  letter-spacing:.01em;
  text-transform:uppercase;
}
.live-transactions-live{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#d71920;
  font-family:Roboto,Arial,sans-serif;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.live-transactions-live::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#d71920;
  box-shadow:0 0 0 3px rgba(215,25,32,.10);
  animation:transactionLive 1.8s ease-in-out infinite;
}
.live-transactions .container{
  width:100%;
  overflow:hidden;
}
#transaction-deposit{
  width:100%;
  table-layout:fixed;
  border-collapse:collapse;
  border-spacing:0;
  font-family:Roboto,Arial,sans-serif;
}
#transaction-deposit col.deposit-member{width:18%}
#transaction-deposit col.deposit-amount{width:22%}
#transaction-deposit col.withdraw-member{width:18%}
#transaction-deposit col.withdraw-amount{width:24%}
#transaction-deposit col.withdraw-game{width:18%}

#transaction-deposit thead th{
  height:25px;
  padding:0 5px;
  border-right:1px solid rgba(255,255,255,.18);
  background:linear-gradient(180deg,#0c8a37 0%,#08712f 100%);
  color:var(--yellow);
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:12px;
  font-weight:900;
  line-height:1;
  text-align:center;
}
#transaction-deposit thead th.withdraw-head{
  background:linear-gradient(180deg,#ffd84c 0%,#efc615 100%);
  color:var(--green);
}
#transaction-deposit thead th:last-child{
  border-right:0;
}
#transaction-deposit tbody td{
  height:25px;
  padding:3px 4px;
  border-top:1px solid rgba(9,151,57,.24);
  border-right:1px solid rgba(9,151,57,.24);
  overflow:hidden;
  color:var(--dark);
  font-size:8px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  text-overflow:ellipsis;
  background:rgba(255,255,255,.94);
}
#transaction-deposit tbody tr:nth-child(even) td{
  background:#f7faf8;
}
#transaction-deposit tbody td:last-child{
  border-right:0;
}
#transaction-deposit td.amount{
  color:var(--green);
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:7px;
  font-weight:900;
  text-align:right;
  font-variant-numeric:tabular-nums;
}
#transaction-deposit td.game-title{
  color:var(--dark);
  font-size:8px;
  font-weight:800;
  text-align:left;
}
@keyframes transactionLive{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.45;transform:scale(.8)}
}

  50%{opacity:.45;transform:scale(.8)}
}
  50%{opacity:.45;transform:scale(.8)}
}
  50%{opacity:.45;transform:scale(.8)}
}
  50%{opacity:.45;transform:scale(.8)}
}



.promo-rail-section{
  position:relative;
}
.promo-rail-scrollhint::before,
.promo-rail-scrollhint::after{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:20px;
  height:48px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(255,255,255,.82);
  font-size:22px;
  font-weight:900;
  line-height:1;
  pointer-events:none;
  z-index:3;
  text-shadow:0 1px 6px rgba(6,59,36,.18);
}
.promo-rail-scrollhint::before{
  content:"‹";
  left:1px;
  background:linear-gradient(90deg, rgba(6,59,36,.16) 0%, rgba(6,59,36,.10) 55%, rgba(243,246,244,0) 100%);
}
.promo-rail-scrollhint::after{
  content:"›";
  right:1px;
  background:linear-gradient(90deg, rgba(243,246,244,0) 0%, rgba(6,59,36,.10) 45%, rgba(6,59,36,.16) 100%);
}

.promo-rail-head{display:none}
.promo-rail-head h2{display:none}
.promo-rail-sub{display:none}
.promo-rail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 21px) / 4.5);
  gap:6px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:1px 10px 4px 1px;
  scroll-snap-type:x proximity;
  scroll-behavior:smooth;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x;
  cursor:grab;
  user-select:none;
}
.promo-rail:active{
  cursor:grabbing;
}
.promo-rail::-webkit-scrollbar{display:none}
.promo-rail.is-auto-looping{
  scroll-snap-type:none;
}
.promo-card{
  position:relative;
  min-width:0;
  aspect-ratio:0.76;
  border-radius:12px;
  overflow:hidden;
  border:1px solid rgba(9,151,57,.22);
  background:
    radial-gradient(circle at 78% 16%, rgba(255,206,28,.30), transparent 20%),
    linear-gradient(180deg, #15913e 0%, #0c7332 58%, #085728 100%);
  box-shadow:0 6px 14px rgba(6,59,36,.10);
  scroll-snap-align:start;
}
.promo-card::before{
  content:"";
  position:absolute;
  right:-10px;
  top:-8px;
  width:58px;
  height:58px;
  border-radius:50%;
  background:
    radial-gradient(circle, rgba(255,255,255,.25) 0 28%, transparent 30%),
    radial-gradient(circle, rgba(255,206,28,.22) 0 58%, transparent 60%);
  opacity:.7;
}
.promo-card::after{
  content:"";
  position:absolute;
  left:-10px;
  bottom:-12px;
  width:78px;
  height:48px;
  background:
    radial-gradient(circle at 20% 50%, rgba(255,255,255,.18) 0 2px, transparent 2px 8px);
  background-size:12px 12px;
  opacity:.45;
}

.promo-card-art{
  position:absolute;
  z-index:0;
  right:-2px;
  bottom:-3px;
  width:88%;
  height:80%;
  color:#ffce1c;
  opacity:.30;
  pointer-events:none;
  filter:drop-shadow(0 2px 4px rgba(6,59,36,.06));
}
.promo-card-art svg{
  width:100%;
  height:100%;
  overflow:visible;
}
.promo-card-art .outline{
  fill:none;
  stroke:currentColor;
  stroke-width:6.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.promo-card-art .soft{
  fill:currentColor;
  fill-opacity:.19;
  stroke:currentColor;
  stroke-width:4.8;
  stroke-linejoin:round;
}
.promo-card-art text{
  fill:currentColor;
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-weight:900;
  text-anchor:middle;
}
.promo-card.alt-yellow .promo-card-art{
  color:#08712f;
  opacity:.27;
}
.promo-card.social-card .promo-card-art{
  width:96%;
  height:84%;
  right:-2px;
  bottom:-6px;
  opacity:.29;
}
.promo-card-inner{
  z-index:2;
}

.promo-card-inner{
  position:relative;
  z-index:1;
  height:100%;
  padding:7px 6px 8px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
}
.promo-card-badge{
  align-self:flex-start;
  min-height:14px;
  padding:0 5px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:6px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.promo-card-icon{display:none}
.promo-card-icon .mini{display:none}
.promo-card-copy{
  margin-top:6px;
  display:grid;
  grid-template-rows:36px auto;
  align-content:start;
  row-gap:6px;
}
.promo-card-title{
  height:36px;
  overflow:hidden;
  color:#fff;
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:12px;
  font-weight:900;
  line-height:1.02;
  letter-spacing:0;
  text-transform:uppercase;
  text-shadow:0 2px 8px rgba(6,59,36,.28);
}
.promo-card-title .hl{
  color:var(--yellow);
}
.promo-card-title-tight{
  font-size:10px;
  line-height:1.02;
  letter-spacing:-.01em;
}
.promo-card-sub{
  margin-top:0;
  min-height:18px;
  color:rgba(255,255,255,.92);
  font-size:7px;
  font-weight:800;
  line-height:1.15;
  text-transform:uppercase;
}
.promo-card.alt-yellow{
  background:
    radial-gradient(circle at 78% 16%, rgba(255,255,255,.26), transparent 22%),
    linear-gradient(180deg, #ffd84c 0%, #f4c918 60%, #d8aa00 100%);
}
.promo-card.alt-yellow .promo-card-badge{
  background:rgba(6,59,36,.12);
  color:var(--dark);
}
.promo-card.alt-yellow .promo-card-title{
  color:var(--green);
  text-shadow:none;
}
.promo-card.alt-yellow .promo-card-title .hl{
  color:#fff;
}
.promo-card.alt-yellow .promo-card-sub{
  color:rgba(6,59,36,.82);
}
.promo-card.alt-yellow .promo-card-icon{
  color:var(--green);
  text-shadow:none;
}

.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
.card{min-width:0;padding:13px 10px;border:1px solid var(--border);border-radius:13px;background:var(--white);box-shadow:0 4px 12px rgba(6,59,36,.04)}
.card h3{margin-bottom:5px;color:var(--dark);font-size:18px;line-height:1.05}
.card p{min-height:48px;margin:0 0 10px;color:var(--muted);font-size:9px;line-height:1.4}
.card .button{width:100%;min-height:34px;padding:0 6px;font-size:9px}


.referral-banner{
  position:relative;
  overflow:hidden;
  padding:6px 8px;
  border:1px solid rgba(9,151,57,.20);
  border-radius:12px;
  background:
    radial-gradient(circle at 88% 14%, rgba(255,206,28,.12), transparent 24%),
    linear-gradient(180deg,#ffffff 0%,#f3f6f4 100%);
  box-shadow:
    0 6px 12px rgba(6,59,36,.06),
    inset 0 1px 0 rgba(255,255,255,.85);
}
.referral-banner::before{
  content:"";
  position:absolute;
  inset:auto -12px -18px auto;
  width:92px;
  height:58px;
  border-radius:40px 0 0 0;
  background:
    radial-gradient(circle at 30% 40%, rgba(255,255,255,.16) 0 2px, transparent 2px 8px);
  background-size:12px 12px;
  opacity:.45;
  pointer-events:none;
}
.referral-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}
.referral-copy{
  min-width:0;
  flex:1 1 auto;
}
.referral-copy h2{
  margin:0;
  color:var(--green);
  font-size:15px;
}
.referral-copy p{
  margin:2px 0 0;
  color:var(--muted);
  font-size:8px;
  line-height:1.2;
}
.referral-badge{
  flex:0 0 auto;
  min-height:16px;
  margin-top:0;
  padding:0 7px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  background:var(--soft-yellow);
  color:var(--green);
  font-size:8px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.referral-actions{
  margin-top:4px;
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:4px;
}
.referral-btn{
  position:relative;
  overflow:hidden;
  min-width:0;
  min-height:25px;
  padding:0 5px;
  border:1px solid rgba(9,151,57,.24);
  border-bottom-width:2px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#ffffff 0%, #f4f8f5 100%);
  color:var(--green);
  font-family:Roboto,Arial,sans-serif;
  font-size:8px;
  font-weight:900;
  line-height:1;
  letter-spacing:.02em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:
    0 2px 6px rgba(6,59,36,.08),
    inset 0 1px 0 rgba(255,255,255,.95);
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.referral-btn::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:42%;
  background:linear-gradient(180deg, rgba(255,255,255,.60) 0%, rgba(255,255,255,0) 100%);
  pointer-events:none;
}
.referral-btn::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:7px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
  pointer-events:none;
}
.referral-btn:active{
  transform:translateY(1px);
  box-shadow:
    0 1px 2px rgba(6,59,36,.06),
    inset 0 1px 0 rgba(255,255,255,.88);
}
.referral-btn:focus-visible{
  outline:2px solid rgba(9,151,57,.28);
  outline-offset:1px;
}
.referral-btn.is-solid{
  background:linear-gradient(180deg,#11933f 0%, #0b7b35 100%);
  border-color:rgba(6,59,36,.28);
  color:var(--yellow);
  box-shadow:
    0 2px 5px rgba(6,59,36,.10);
}
.referral-btn.is-solid::before{
  display:none;
}
.referral-btn.is-solid::after{
  display:none;
}
.referral-status{display:none;margin:4px 2px 0;color:#087b38;font-size:8px;font-weight:900;line-height:1.2;overflow-wrap:anywhere}
.referral-status.is-visible{display:block}
.referral-status.is-success{color:#07863c}
.referral-share-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:6px}.referral-share-menu[hidden]{display:none}.referral-share-menu a,.referral-share-menu button{display:grid;min-height:27px;place-items:center;padding:0 4px;border:1px solid #bfe4ca;border-radius:8px;background:#fff;color:#087b38;font:900 7px Arial,sans-serif;text-decoration:none;cursor:pointer}.referral-share-menu a:first-child{background:#eaf8ee}.referral-share-menu a:nth-child(2){background:#edf5ff;color:#2367ad}.referral-share-menu button{background:#fff4bd;color:#675000}
.referral-share-modal{position:fixed;z-index:2147483001;inset:0;display:grid;place-items:center;padding:18px;background:rgba(3,48,28,.58);backdrop-filter:blur(5px)}.referral-share-modal[hidden]{display:none}.referral-share-card{position:relative;width:min(310px,calc(100vw - 36px));padding:19px 18px 17px;border:2px solid #ffce1c;border-radius:19px;background:linear-gradient(145deg,#fffef8,#f4fbf5);box-shadow:0 20px 48px rgba(3,48,28,.36),inset 0 0 0 3px rgba(9,151,57,.09);text-align:center}.referral-share-close{position:absolute;top:10px;right:10px;display:grid;width:27px;height:27px;place-items:center;border:0;border-radius:50%;background:#eaf5ed;color:#063b24;font-size:23px;line-height:1;cursor:pointer}.referral-share-card h2{margin:0 26px 12px;color:#075b2c;font-size:20px;line-height:1}.referral-share-code{display:block;margin:0 auto 12px;padding:7px 10px;border:1px solid #d7e7db;border-radius:8px;background:#eef5ef;color:#063b24;font-size:27px;line-height:1;letter-spacing:.03em}.referral-share-card p{margin:0 auto 15px;max-width:255px;color:#40624e;font-size:11px;line-height:1.3}.referral-social-actions{display:flex;justify-content:center;gap:10px}.referral-social{display:grid;gap:3px;justify-items:center;color:#075c2b;text-decoration:none;font-size:6px;font-weight:900}.referral-social b{display:grid;width:48px;height:48px;place-items:center;border:3px solid #dceadd;border-radius:50%;background:linear-gradient(145deg,#099744,#064820);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 3px 7px rgba(3,57,27,.2);line-height:1}.referral-social b img{display:block;width:24px;height:24px;object-fit:contain;filter:invert(1) brightness(3);}.referral-social.telegram b img{width:25px;height:25px}.referral-social.facebook b img{width:25px;height:25px}.referral-social.x b img{width:21px;height:21px}

/* The jackpot stays lively through its number and glow; remove the falling-star layer. */
.jackpot-coins{display:none!important}
.jackpot-glitter,.jackpot-spark,.jackpot-mini-spark,.jackpot-twinkle{display:none!important}
.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;font-family:"Roboto Condensed",Arial,sans-serif;font-size:20px;font-weight:900;letter-spacing:0;white-space:nowrap}.member-wallet-balance-value{font-size:20px}

.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:var(--gap)}
.section-title h2,
.live-transactions-title,
.referral-copy h2{
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-weight:900;
  line-height:1;
  letter-spacing:.01em;
  text-transform:uppercase;
}
.section-title h2{
  color:var(--dark);
  font-size:27px;
}
.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
.provider{min-height:88px;padding:12px 8px;border:1px solid var(--border);border-radius:13px;display:grid;place-items:center;text-align:center;background:var(--white);color:var(--dark);font-weight:800;font-size:13px;box-shadow:0 4px 12px rgba(6,59,36,.04)}
.provider span{display:block;padding:7px 8px;border-radius:8px;background:var(--soft-yellow)}

.footer{margin-top:6px;padding:18px 11px 24px;color:var(--white);background:var(--dark)}
.footer-brand{width:145px;margin-bottom:12px;padding:6px;border-radius:9px;background:#fff}
.footer p{margin:0;color:rgba(255,255,255,.74);font-size:9px;line-height:1.5}
.seo-link-panel{padding:18px 12px 20px;background:var(--white);border-top:1px solid var(--border)}
.seo-link-panel h2{margin:0 0 6px;color:var(--dark);font-size:23px;line-height:1.1}
.seo-link-panel>p{margin:0 0 14px;color:#4d6659;font-size:11px;line-height:1.55}
.seo-footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.seo-footer-group h3{margin:0 0 7px;color:var(--dark);font-size:12px;line-height:1.2}
.seo-footer-group nav{display:grid;gap:6px}
.seo-footer-group a{color:var(--green);font-size:10px;line-height:1.35;text-decoration:none;font-weight:700}
.seo-footer-group a:hover,.seo-footer-group a:focus-visible{text-decoration:underline;text-underline-offset:2px}
.seo-compliance-note{margin-top:15px!important;padding-top:12px;border-top:1px solid var(--border)}
.footer-copy{margin-top:12px!important;padding-top:12px;border-top:1px solid rgba(255,255,255,.16);text-align:center;font-weight:700;letter-spacing:.01em}
@media(min-width:700px){
  .seo-footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 28px}
  .seo-link-panel{padding:24px 20px 26px}
}

.modal{
  position:fixed;
  inset:0;
  z-index:80;
  display:none;
  place-items:center;
  padding:20px;
  background:rgba(6,59,36,.52);
}
.modal.show{display:grid}
.modal-card{
  width:min(100%,360px);
  padding:18px;
  border-radius:16px;
  background:#fff;
  box-shadow:0 18px 50px rgba(6,59,36,.26);
}
.modal-card h3{margin-bottom:8px;color:var(--dark);font-size:24px}
.modal-card p{margin:0 0 14px;color:var(--muted);font-size:12px;line-height:1.5}
.modal-actions{display:flex;justify-content:flex-end;gap:8px}

/* Keep confirmation pop-outs compact and easy to dismiss on mobile. */
.modal{padding:16px!important}.modal-card{width:min(340px,calc(100% - 32px))!important;max-height:76svh!important;overflow:auto!important;padding:16px!important;border-radius:15px!important}.modal-card h3{font-size:19px!important}.modal-card p{font-size:10px!important;margin-bottom:11px!important}
.account-wagering-progress{margin-top:9px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.account-requirement-grid{display:grid;grid-template-columns:1fr;gap:5px}.account-requirement-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:6px;row-gap:4px;min-width:0;padding:7px 8px;border:1px solid #c9e4d0;border-radius:9px;background:#fff;box-shadow:0 2px 5px rgba(2,70,32,.06)}.account-requirement-card small{overflow:hidden;color:#587466;font:1000 6.5px/1 Arial,sans-serif;letter-spacing:.055em;white-space:nowrap;text-overflow:ellipsis}.account-requirement-card b{overflow:hidden;color:#075b31;font:1000 11px/1.05 "Roboto Condensed",Arial,sans-serif;white-space:nowrap;text-overflow:ellipsis}.account-requirement-card span{justify-self:end;overflow:hidden;color:#6a8174;font:800 6px/1.1 Arial,sans-serif;white-space:nowrap;text-overflow:ellipsis}.account-requirement-card i{grid-column:1/-1;display:block;height:4px;overflow:hidden;border-radius:99px;background:#dcefe1}.account-requirement-card i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#078e3e,#67c86d);transition:width .35s ease}.account-requirement-card--rollover b{color:#07823a}.account-requirement-card--turnover{border-color:#ecd884;background:linear-gradient(145deg,#fffef7,#fff9df)}.account-requirement-card--turnover b{color:#986900}.account-requirement-card--turnover i{background:#f3e7b9}.account-requirement-card--turnover i em{background:linear-gradient(90deg,#e3a800,#ffcf25)}

/* Source: assets/css/inline-02.css */

  :root{
    --nt77-balanced-radius:14px;
    --nt77-soft-arrow-bg:rgba(6,59,36,.22);
  }

  /* Unified radius across themed cards */
  .hero-stack,
  .hero-banner,
  .account-card,
  .jackpot,
  .live-transactions,
  .promo-card{
    border-radius:var(--nt77-balanced-radius) !important;
  }

  .hero-stack,
  .hero-banner,
  .account-card,
  .live-transactions,
  .promo-card{
    overflow:hidden;
  }

  /* Keep saved oversized RANDOM JACKPOT title visible */
  .jackpot{
    overflow:visible !important;
    border-radius:var(--nt77-balanced-radius) !important;
  }
  .jackpot::after{
    border-radius:var(--nt77-balanced-radius) !important;
  }
  .jackpot-coins{
    border-radius:var(--nt77-balanced-radius) !important;
  }
  .jackpot-content{
    padding-top:18px !important;
  }
  .jackpot-topline,
  .jackpot-title{
    overflow:visible !important;
  }
  .jackpot h2{
    margin:-22px 0 0 2px !important;
    transform:translateY(-4px) !important;
  }

  /* Use user's clean logo-on-gold-coin without extra green coin background */
  .jackpot-coin{
    background:none !important;
    border:none !important;
    box-shadow:none !important;
    opacity:.9;
    filter:drop-shadow(0 3px 6px rgba(0,0,0,.18));
  }
  .jackpot-coin::before{
    display:none !important;
  }
  .jackpot-coin::after{
    content:"";
    position:absolute;
    inset:0;
    background-image:url("../embedded/embedded-001-448deaf84b.webp");
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
  }
  .jackpot-coin img{
    display:none !important;
  }

  /* Taller, softer overlay arrows for promo rail */
  .promo-rail-section{
    position:relative;
  }
  .promo-rail-scrollhint::before,
  .promo-rail-scrollhint::after{
    top:50% !important;
    transform:translateY(-50%) scaleY(1.45) !important;
    transform-origin:center;
    width:auto !important;
    height:auto !important;
    display:block !important;
    background:none !important;
    border:0 !important;
    border-radius:0 !important;
    color:rgba(255,255,255,.68) !important;
    font-size:36px !important;
    font-weight:800 !important;
    line-height:.8 !important;
    text-shadow:
      0 1px 2px rgba(6,59,36,.55),
      0 0 6px rgba(255,206,28,.16) !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    opacity:.58 !important;
    z-index:12 !important;
    pointer-events:none !important;
  }
  .promo-rail-scrollhint::before{
    content:"‹" !important;
    left:5px !important;
  }
  .promo-rail-scrollhint::after{
    content:"›" !important;
    right:5px !important;
  }

  .promo-card{
    border-radius:var(--nt77-balanced-radius) !important;
  }

  /* Live transaction: remove the thin green top side line and keep clean theme */
  .live-transactions{
    border-left:1px solid rgba(9,151,57,.42) !important;
    border-right:1px solid rgba(9,151,57,.42) !important;
    border-bottom:1px solid rgba(9,151,57,.42) !important;
    border-top:none !important;
    border-radius:var(--nt77-balanced-radius) !important;
    background:#fff !important;
    box-shadow:0 8px 16px rgba(6,59,36,.08) !important;
  }
  .live-transactions-head{
    border-top-left-radius:var(--nt77-balanced-radius);
    border-top-right-radius:var(--nt77-balanced-radius);
    border-bottom:1px solid rgba(9,151,57,.28) !important;
    background:linear-gradient(180deg,#fff 0%,#f3f6f4 100%) !important;
  }
  .live-transactions .container{
    border-bottom-left-radius:var(--nt77-balanced-radius);
    border-bottom-right-radius:var(--nt77-balanced-radius);
    overflow:hidden;
    background:#fff;
  }
  #transaction-deposit thead th:first-child{
    border-top-left-radius:0;
  }
  #transaction-deposit thead th:last-child{
    border-top-right-radius:0;
  }

  /* Keep room for AUD 10,000.00 in both amount columns. */
  #transaction-deposit thead th,
  #transaction-deposit tbody td{
    text-align:center !important;
    vertical-align:middle !important;
  }
  #transaction-deposit tbody td{
    height:24px !important;
    padding:2px 3px !important;
    font-size:8px !important;
    line-height:1.05 !important;
    letter-spacing:0 !important;
  }
  #transaction-deposit td.amount{
    font-size:7px !important;
    text-align:center !important;
  }
  #transaction-deposit td.game-title{
    font-size:9.5px !important;
    text-align:center !important;
  }


  /* Step update: larger standalone arrows overlaid on banner edges */
  .promo-rail-section{
    overflow:visible !important;
  }
  .promo-rail{
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .promo-rail-scrollhint::before,
  .promo-rail-scrollhint::after{
    width:22px !important;
    height:auto !important;
    background:none !important;
    border:0 !important;
    border-radius:0 !important;
    color:rgba(255,255,255,.92) !important;
    font-size:40px !important;
    font-weight:900 !important;
    line-height:.8 !important;
    text-align:center !important;
    text-shadow:
      0 1px 3px rgba(6,59,36,.95),
      0 0 8px rgba(6,59,36,.52) !important;
    box-shadow:none !important;
    opacity:.92 !important;
    z-index:14 !important;
    pointer-events:none !important;
  }
  .promo-rail-scrollhint::before{
    left:5px !important;
  }
  .promo-rail-scrollhint::after{
    right:5px !important;
  }

/* Source: assets/css/inline-03.css */

  /* Real controls replace the decorative pseudo arrows. */
  .promo-rail-scrollhint::before,
  .promo-rail-scrollhint::after{
    content:none !important;
    display:none !important;
  }
  .promo-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%) scaleY(1.45);
    transform-origin:center;
    width:28px;
    height:58px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:#fff;
    font:900 40px/.8 Arial,sans-serif;
    text-align:center;
    opacity:.50;
    z-index:15;
    cursor:pointer;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
    text-shadow:0 1px 3px rgba(6,59,36,.95),0 0 8px rgba(6,59,36,.52);
  }
  .promo-arrow-prev{left:1px;}
  .promo-arrow-next{right:1px;}
  .promo-arrow:hover,
  .promo-arrow:focus-visible{opacity:.70;}
  .promo-arrow:active{opacity:.85;transform:translateY(-50%) scaleY(1.45) scale(.92);}
  .promo-arrow:focus-visible{outline:2px solid #FFCE1C;outline-offset:1px;}

/* Source: assets/css/inline-04.css */

  #marquee-jackpot{
    position:relative;
    z-index:30;
    min-height:31px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:5px 10px;
    overflow:hidden;
    border-top:1px solid rgba(255,255,255,.18);
    border-bottom:1px solid rgba(104,0,6,.28);
    background:linear-gradient(180deg,#e52630 0%,#bc111a 100%);
    color:#fff;
    box-shadow:0 4px 10px rgba(94,0,5,.14);
    font-family:Roboto,Arial,sans-serif;
  }
  #marquee-jackpot.hide{
    display:none !important;
  }
  #marquee-jackpot > div{
    flex:0 0 auto;
    font-size:14px;
    line-height:1;
  }
  #marquee-jackpot-content{
    min-width:0;
    overflow:hidden;
    color:#fff;
    font-size:10px;
    font-weight:800;
    line-height:1.25;
    text-align:center;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

/* Source: assets/css/inline-05.css */

  /* HOT GAMES only — matched to the approved NT77 page typography */
  .hot-games-section{
    width:100%;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
  }
  .hot-games-head{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin:0 0 8px;
  }
  .hot-games-title-wrap{
    min-width:0;
    display:flex;
    align-items:center;
    gap:7px;
  }
  .hot-games-logo{
    flex:0 0 auto;
    width:auto;
    height:25px;
    display:block;
    object-fit:contain;
  }
  .hot-games-title-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .hot-games-heading{
    margin:0;
    color:var(--green);
    font-family:"Roboto Condensed",Arial,sans-serif;
    font-size:15px;
    font-weight:900;
    line-height:1;
    letter-spacing:.01em;
    text-transform:uppercase;
  }
  .hot-games-subtitle{
    margin:3px 0 0;
    color:var(--muted);
    font-family:Roboto,Arial,sans-serif;
    font-size:8px;
    font-weight:800;
    line-height:1;
    letter-spacing:.045em;
    text-transform:uppercase;
    white-space:nowrap;
  }
  .hot-games-subtitle strong{
    color:var(--green);
    font:inherit;
    font-weight:900;
  }
  .hot-games-subtitle .hot-games-dot{
    margin:0 3px;
    color:var(--yellow);
    font-size:9px;
  }
  .hot-games-track{
    --hot-gap:6px;
    display:flex;
    flex-wrap:nowrap;
    gap:var(--hot-gap);
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    padding:1px 0 5px;
    scroll-snap-type:x proximity;
    scroll-padding-inline:0;
    overscroll-behavior-inline:contain;
    touch-action:pan-x;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    cursor:grab;
  }
  .hot-games-track:active{cursor:grabbing;}
  .hot-games-track::-webkit-scrollbar{display:none;}
  .hot-game-card{
    flex:0 0 calc((100% - (var(--hot-gap) * 3)) / 3.25);
    width:calc((100% - (var(--hot-gap) * 3)) / 3.25);
    min-width:0;
    padding:0;
    border:1px solid rgba(9,151,57,.20);
    border-radius:12px;
    background:#fff;
    box-shadow:0 4px 10px rgba(6,59,36,.07);
    overflow:hidden;
    scroll-snap-align:start;
    cursor:pointer;
    text-align:left;
    transition:transform .18s ease,box-shadow .18s ease;
    -webkit-tap-highlight-color:transparent;
  }
  .hot-game-card:active{transform:scale(.975);}
  .hot-game-art{
    position:relative;
    aspect-ratio:1 / 1.08;
    display:grid;
    place-items:center;
    overflow:hidden;
    background:
      radial-gradient(circle at 70% 18%,rgba(255,206,28,.55),transparent 25%),
      linear-gradient(145deg,#099739 0%,#063B24 100%);
  }
  .hot-game-art::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 18% 78%,rgba(255,255,255,.13) 0 2px,transparent 2px 9px);
    background-size:14px 14px;
    opacity:.65;
  }
  .hot-game-art::after{
    content:"PLAY";
    position:absolute;
    left:6px;
    right:6px;
    bottom:6px;
    min-height:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:rgba(255,255,255,.90);
    color:var(--dark);
    font-family:Roboto,Arial,sans-serif;
    font-size:7px;
    font-weight:900;
    letter-spacing:.3px;
    box-shadow:0 3px 8px rgba(6,59,36,.16);
  }
  .hot-game-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    display:none;
  }
  .hot-game-card.has-image .hot-game-image{display:block;}
  .hot-game-placeholder{
    position:relative;
    z-index:1;
    width:54%;
    aspect-ratio:1;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.38);
    border-radius:18px;
    background:rgba(255,255,255,.11);
    color:#fff;
    font-family:"Roboto Condensed",Arial,sans-serif;
    font-size:22px;
    font-weight:900;
    line-height:1;
    text-shadow:0 2px 8px rgba(6,59,36,.30);
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
  }
  .hot-game-card.has-image .hot-game-placeholder{display:none;}
  .hot-game-badge{
    position:absolute;
    z-index:3;
    top:5px;
    left:5px;
    padding:3px 5px;
    border-radius:999px;
    background:var(--yellow);
    color:var(--dark);
    font-family:Roboto,Arial,sans-serif;
    font-size:6.5px;
    font-weight:900;
    line-height:1;
    box-shadow:0 2px 6px rgba(6,59,36,.14);
  }
  .hot-game-info{display:block;padding:6px 6px 7px;}
  .hot-game-name{
    display:block;
    min-width:0;
    overflow:hidden;
    color:var(--dark);
    font-family:Roboto,Arial,sans-serif;
    font-size:8.5px;
    font-weight:900;
    line-height:1.1;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .hot-game-provider{
    display:block;
    margin-top:2px;
    overflow:hidden;
    color:var(--muted);
    font-family:Roboto,Arial,sans-serif;
    font-size:6.5px;
    font-weight:700;
    line-height:1.1;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

/* Source: assets/css/inline-06.css */

  /* Bonus cards only: mature casino imagery, no outer bracket. */
  .promo-rail-section{
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:none !important;
    box-shadow:none !important;
  }
  .promo-rail{
    padding:1px 10px 4px 1px !important;
  }
  .promo-card{
    border:1px solid rgba(255,206,28,.46) !important;
    background:
      linear-gradient(115deg,rgba(255,255,255,.06) 0%,transparent 38%),
      linear-gradient(155deg,#063B24 0%,#08712f 58%,#063B24 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      inset 0 -1px 0 rgba(255,206,28,.10),
      0 7px 15px rgba(6,59,36,.16) !important;
  }
  .promo-card::before{
    display:block !important;
    right:auto !important;
    top:0 !important;
    left:0 !important;
    width:100% !important;
    height:3px !important;
    border-radius:0 !important;
    background:linear-gradient(90deg,transparent 0%,#FFCE1C 18%,#FFCE1C 82%,transparent 100%) !important;
    opacity:.78 !important;
    z-index:3 !important;
  }
  .promo-card::after{
    display:block !important;
    inset:0 !important;
    width:auto !important;
    height:auto !important;
    background:linear-gradient(90deg,rgba(6,59,36,.18) 0%,rgba(6,59,36,.06) 52%,transparent 100%) !important;
    background-size:auto !important;
    opacity:1 !important;
    z-index:1 !important;
    pointer-events:none !important;
  }
  .promo-card.alt-yellow{
    border-color:rgba(9,151,57,.30) !important;
    background:
      linear-gradient(120deg,rgba(255,206,28,.13) 0%,transparent 42%),
      linear-gradient(180deg,#FFFFFF 0%,#F3F6F4 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.95),
      0 7px 15px rgba(6,59,36,.10) !important;
  }
  .promo-card.alt-yellow::after{
    background:linear-gradient(90deg,rgba(255,255,255,.48) 0%,rgba(255,255,255,.16) 50%,transparent 100%) !important;
  }
  .promo-card-art{
  position:absolute;
  left:8px !important;
  right:8px !important;
  bottom:8px !important;
  width:auto !important;
  height:44% !important;
  z-index:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  opacity:1 !important;
  filter:none !important;
  overflow:visible;
}
.promo-card-art img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block;
}
.checkin-card .promo-card-art{height:42% !important;}
.newmember-card .promo-card-art{height:41% !important;}
.welcomeoffer-card .promo-card-art{height:42% !important;}
.dailyfree-card .promo-card-art{height:42% !important;}
.weeklydownline-card .promo-card-art{height:42% !important;}
.social-card .promo-card-art{height:40% !important;}

/* Source: assets/css/inline-07.css */

/* Bonus cards only: centered art, clearer words, no top yellow gradient */
.promo-card,
.promo-card.alt-yellow,
.promo-card.social-card{
  border:1px solid rgba(255,255,255,.10) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0) 28%),
    linear-gradient(180deg, #0a5a34 0%, #08492b 58%, #063b24 100%) !important;
  box-shadow:
    0 10px 20px rgba(6,59,36,.16),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.promo-card::before,
.promo-card::after,
.promo-card.alt-yellow::after{
  display:none !important;
}
.promo-card-inner{
  position:relative !important;
  z-index:2 !important;
  padding:8px 7px !important;
}
.promo-card-inner::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:58%;
  background:linear-gradient(180deg, rgba(6,59,36,.34) 0%, rgba(6,59,36,.18) 52%, transparent 100%);
  pointer-events:none;
  z-index:-1;
}
.promo-card-badge{
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.08);
  color:#fff !important;
}
.promo-card-copy{
  position:relative;
  z-index:3;
  margin-top:6px !important;
  display:grid;
  grid-template-rows:auto auto !important;
  row-gap:5px !important;
}
.promo-card-title,
.promo-card.alt-yellow .promo-card-title{
  height:auto !important;
  color:#fff !important;
  font-family:"Roboto Condensed", Arial, sans-serif;
  font-size:12.5px !important;
  font-weight:900 !important;
  line-height:1.02 !important;
  letter-spacing:0 !important;
  text-transform:uppercase;
  text-shadow:0 2px 8px rgba(6,59,36,.28) !important;
}
.promo-card-title-tight{ font-size:10.8px !important; }
.promo-card-title .hl,
.promo-card.alt-yellow .promo-card-title .hl{ color:#FFCE1C !important; }
.promo-card-sub,
.promo-card.alt-yellow .promo-card-sub{
  min-height:16px !important;
  max-width:76% !important;
  color:rgba(255,255,255,.92) !important;
  font-size:7px !important;
  font-weight:800 !important;
  line-height:1.18 !important;
  text-transform:uppercase;
}
.promo-card-art,
.checkin-card .promo-card-art,
.newmember-card .promo-card-art,
.welcomeoffer-card .promo-card-art,
.dailyfree-card .promo-card-art,
.weeklydownline-card .promo-card-art,
.social-card .promo-card-art{
  position:absolute !important;
  left:50% !important;
  top:59% !important;
  transform:translate(-50%, -50%) !important;
  width:72% !important;
  height:54% !important;
  right:auto !important;
  bottom:auto !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  opacity:1 !important;
  filter:none !important;
  overflow:visible !important;
  z-index:1 !important;
}
.promo-card-art img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
}

/* Source: assets/css/inline-08.css */

/* Bonus cards only: no icons, original green/yellow visual direction */
.promo-rail-section{
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  box-shadow:none !important;
}
.promo-card,
.promo-card.alt-yellow,
.promo-card.social-card{
  border:1px solid rgba(9,151,57,.22) !important;
  background:
    radial-gradient(circle at 78% 16%, rgba(255,206,28,.30), transparent 20%),
    linear-gradient(180deg, #15913e 0%, #0c7332 58%, #085728 100%) !important;
  box-shadow:0 6px 14px rgba(6,59,36,.10) !important;
}
.promo-card:nth-child(even){
  border-color:rgba(255,206,28,.58) !important;
  background:
    radial-gradient(circle at 78% 16%, rgba(255,255,255,.26), transparent 22%),
    linear-gradient(180deg, #ffd84c 0%, #f4c918 60%, #d8aa00 100%) !important;
}
.promo-card::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  right:-10px !important;
  top:-8px !important;
  left:auto !important;
  bottom:auto !important;
  width:58px !important;
  height:58px !important;
  border-radius:50% !important;
  background:
    radial-gradient(circle, rgba(255,255,255,.25) 0 28%, transparent 30%),
    radial-gradient(circle, rgba(255,206,28,.22) 0 58%, transparent 60%) !important;
  opacity:.7 !important;
}
.promo-card:nth-child(even)::before{
  background:
    radial-gradient(circle, rgba(255,255,255,.30) 0 28%, transparent 30%),
    radial-gradient(circle, rgba(9,151,57,.15) 0 58%, transparent 60%) !important;
}
.promo-card::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:-10px !important;
  bottom:-12px !important;
  right:auto !important;
  top:auto !important;
  width:78px !important;
  height:48px !important;
  background:
    radial-gradient(circle at 20% 50%, rgba(255,255,255,.18) 0 2px, transparent 2px 8px) !important;
  background-size:12px 12px !important;
  opacity:.45 !important;
}
.promo-card-inner,
.promo-card-inner::before{
  background:none !important;
}
.promo-card-inner{
  position:relative !important;
  z-index:2 !important;
  height:100% !important;
  padding:7px 6px 8px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
}
.promo-card-inner::before{display:none !important;}
.promo-card-badge{
  background:rgba(255,255,255,.18) !important;
  border:0 !important;
  color:#fff !important;
}
.promo-card:nth-child(even) .promo-card-badge{
  background:rgba(6,59,36,.12) !important;
  color:#063B24 !important;
}
.promo-card-copy{
  position:relative !important;
  z-index:2 !important;
  margin-top:6px !important;
  display:grid !important;
  grid-template-rows:36px auto !important;
  align-content:start !important;
  row-gap:6px !important;
}
.promo-card-title,
.promo-card.alt-yellow .promo-card-title{
  height:36px !important;
  overflow:hidden !important;
  color:#fff !important;
  font-family:"Roboto Condensed", Arial, sans-serif !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1.02 !important;
  letter-spacing:0 !important;
  text-transform:uppercase !important;
  text-shadow:0 2px 8px rgba(6,59,36,.28) !important;
}
.promo-card-title-tight{font-size:10px !important;}
.promo-card-title .hl,
.promo-card.alt-yellow .promo-card-title .hl{
  color:#FFCE1C !important;
}
.promo-card:nth-child(even) .promo-card-title{
  color:#099739 !important;
  text-shadow:none !important;
}
.promo-card:nth-child(even) .promo-card-title .hl{
  color:#fff !important;
}
.promo-card-sub,
.promo-card.alt-yellow .promo-card-sub{
  min-height:18px !important;
  max-width:none !important;
  color:rgba(255,255,255,.92) !important;
  font-size:7px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  text-transform:uppercase !important;
}
.promo-card:nth-child(even) .promo-card-sub{
  color:rgba(6,59,36,.82) !important;
}
.promo-card-art{display:none !important;}

/* Source: assets/css/inline-09.css */

/* Bonus subtitle typography only: one consistent size across all six cards. */
.promo-card-sub,
.promo-card.alt-yellow .promo-card-sub,
.promo-card:nth-child(even) .promo-card-sub{
  width:100% !important;
  min-height:0 !important;
  max-width:100% !important;
  margin:0 !important;
  color:inherit;
  font-family:Roboto,Arial,sans-serif !important;
  font-size:6.15px !important;
  font-weight:800 !important;
  line-height:1.13 !important;
  letter-spacing:-.005em !important;
  word-spacing:-.02em !important;
  text-transform:uppercase !important;
  text-wrap:balance;
  overflow-wrap:normal;
  hyphens:none;
}
.promo-card .promo-card-sub{color:rgba(255,255,255,.94) !important;}
.promo-card:nth-child(even) .promo-card-sub{color:rgba(6,59,36,.86) !important;}

/* Source: assets/css/inline-10.css */

  .hot-games-rail-wrap{
    position:relative;
    overflow:visible;
  }
  .hot-games-track.is-auto-looping{
    scroll-snap-type:none;
  }
  .hot-games-track.is-dragging{
    cursor:grabbing;
  }
  .hot-games-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%) scaleY(1.45);
    transform-origin:center;
    width:28px;
    height:58px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:#fff;
    font:900 40px/.8 Arial,sans-serif;
    text-align:center;
    opacity:.50;
    z-index:15;
    cursor:pointer;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
    text-shadow:0 1px 3px rgba(6,59,36,.95),0 0 8px rgba(6,59,36,.52);
  }
  .hot-games-arrow-prev{left:1px;}
  .hot-games-arrow-next{right:1px;}
  .hot-games-arrow:hover,
  .hot-games-arrow:focus-visible{opacity:.70;}
  .hot-games-arrow:active{
    opacity:.85;
    transform:translateY(-50%) scaleY(1.45) scale(.92);
  }
  .hot-games-arrow:focus-visible{
    outline:2px solid #FFCE1C;
    outline-offset:1px;
  }

/* Source: assets/css/inline-11.css */

  /* Jackpot wins temporarily replace the existing sticky notice bar. */
  #marquee-jackpot{display:none !important;}
  .notice-jackpot-message{
    display:none;
    width:max-content;
    min-width:100%;
    height:20px;
    padding:0 14px;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-family:Roboto,Arial,sans-serif;
    font-size:8px;
    font-weight:900;
    line-height:20px;
    letter-spacing:.01em;
    white-space:nowrap;
  }
  .notice.is-jackpot{
    background:#ffe04a;
    color:#c51f2b;
    box-shadow:0 2px 8px rgba(165,104,0,.24);
  }
  .notice.is-jackpot .notice-icon{
    background:#ffe04a;
    color:#c51f2b;
    font-size:9px;
    text-shadow:0 1px 3px rgba(0,0,0,.22);
  }
  .notice.is-jackpot .notice-track{
    display:none !important;
  }
  .notice.is-jackpot .notice-jackpot-message{
    display:flex;
    color:#c51f2b;
    font-family:inherit;
    font-weight:900;
    animation:nt77JackpotNoticeScroll 11s linear infinite;
  }
  .notice.is-jackpot .notice-jackpot-message b{
    color:#c51f2b;
    font-family:inherit;
    font-weight:900;
  }
  @keyframes nt77JackpotNoticeScroll{
    0%{transform:translateX(100%)}
    100%{transform:translateX(-100%)}
  }
  @media (prefers-reduced-motion:reduce){
    .notice.is-jackpot .notice-jackpot-message{
      width:100%;
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
      animation:none;
      transform:none;
    }
  }

/* Source: assets/css/inline-12.css */

  /* Random Jackpot only: classy casino sparkle fall, using approved white/yellow colours. */
  .jackpot{
    isolation:isolate;
  }
  .jackpot-content{
    position:relative;
    z-index:4 !important;
  }
  .jackpot-glitter{
    position:absolute;
    inset:0;
    overflow:hidden;
    border-radius:inherit;
    pointer-events:none;
    z-index:3;
  }
  .jackpot-glitter::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      radial-gradient(circle at 13% 20%,rgba(255,255,255,.12),transparent 18%),
      radial-gradient(circle at 82% 17%,rgba(255,206,28,.14),transparent 22%),
      radial-gradient(circle at 50% 80%,rgba(255,255,255,.07),transparent 20%);
    opacity:.9;
  }
  .jackpot-spark,
  .jackpot-twinkle{
    position:absolute;
    display:block;
    pointer-events:none;
  }
  .jackpot-spark{
    --spark-scale:1;
    top:-20px;
    width:13px;
    height:13px;
    opacity:0;
    animation:
      jackpotSparkDrop 2.5s linear infinite,
      jackpotSparkBlink .92s steps(2,end) infinite;
    filter:drop-shadow(0 0 7px rgba(255,206,28,.58));
  }
  .jackpot-spark::before,
  .jackpot-spark::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:2px;
    height:13px;
    border-radius:999px;
    background:linear-gradient(180deg,transparent 0%,#fff9dc 24%,#ffce1c 50%,#fff9dc 76%,transparent 100%);
    transform:translate(-50%,-50%);
  }
  .jackpot-spark::after{
    width:13px;
    height:2px;
  }
  .jackpot-spark i{
    position:absolute;
    inset:0;
    display:block;
  }
  .jackpot-spark i::before,
  .jackpot-spark i::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:1.5px;
    height:10px;
    border-radius:999px;
    background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.92) 50%,transparent 100%);
    transform:translate(-50%,-50%) rotate(45deg);
  }
  .jackpot-spark i::after{
    transform:translate(-50%,-50%) rotate(-45deg);
  }
  .jackpot-twinkle{
    width:16px;
    height:16px;
    border-radius:50%;
    opacity:.18;
    background:radial-gradient(circle,rgba(255,255,255,.98) 0 10%,rgba(255,206,28,.94) 18%,rgba(255,206,28,0) 70%);
    filter:drop-shadow(0 0 9px rgba(255,206,28,.42));
    animation:jackpotTwinklePulse 1.55s ease-in-out infinite;
  }
  .jackpot-spark.s1{left:4%;animation-delay:-.2s,-.1s}
  .jackpot-spark.s2{left:11%;animation-delay:-1.1s,-.5s;--spark-scale:.78}
  .jackpot-spark.s3{left:18%;animation-delay:-2.5s,-.2s}
  .jackpot-spark.s4{left:26%;animation-delay:-.7s,-.7s;--spark-scale:1.13}
  .jackpot-spark.s5{left:34%;animation-delay:-3.0s,-.4s;--spark-scale:.88}
  .jackpot-spark.s6{left:42%;animation-delay:-1.6s,-.8s}
  .jackpot-spark.s7{left:50%;animation-delay:-2.2s,-.3s;--spark-scale:1.15}
  .jackpot-spark.s8{left:58%;animation-delay:-.4s,-.6s;--spark-scale:.8}
  .jackpot-spark.s9{left:66%;animation-delay:-2.8s,-.1s}
  .jackpot-spark.s10{left:74%;animation-delay:-1.3s,-.5s;--spark-scale:1.1}
  .jackpot-spark.s11{left:82%;animation-delay:-3.3s,-.9s;--spark-scale:.8}
  .jackpot-spark.s12{left:90%;animation-delay:-1.9s,-.2s}
  .jackpot-spark.s13{left:22%;animation-delay:-3.5s,-.6s;--spark-scale:.72}
  .jackpot-spark.s14{left:62%;animation-delay:-2.0s,-.4s;--spark-scale:.76}
  .jackpot-twinkle.t1{left:8%;top:18%;animation-delay:-.1s}
  .jackpot-twinkle.t2{left:30%;top:66%;animation-delay:-.8s}
  .jackpot-twinkle.t3{left:54%;top:18%;animation-delay:-1.2s}
  .jackpot-twinkle.t4{left:73%;top:57%;animation-delay:-.4s}
  .jackpot-twinkle.t5{left:88%;top:24%;animation-delay:-1.0s}
  .jackpot-twinkle.t6{left:94%;top:70%;animation-delay:-.6s}
  .jackpot .currency-box{
    animation:jackpotCurrencyPulse 1.7s ease-in-out infinite;
  }
  .jackpot h2 span{
    animation:jackpotWordGlow 1.8s ease-in-out infinite;
  }
  @keyframes jackpotSparkDrop{
    0%{transform:translate3d(-4px,-24px,0) rotate(0deg) scale(calc(var(--spark-scale) * .72));opacity:0}
    9%{opacity:.98}
    58%{opacity:.98}
    100%{transform:translate3d(13px,94px,0) rotate(100deg) scale(calc(var(--spark-scale) * 1.12));opacity:0}
  }
  @keyframes jackpotSparkBlink{
    0%,100%{filter:drop-shadow(0 0 4px rgba(255,206,28,.30));opacity:.55}
    50%{filter:drop-shadow(0 0 12px rgba(255,206,28,.92));opacity:1}
  }
  @keyframes jackpotTwinklePulse{
    0%,100%{transform:scale(.72);opacity:.12}
    50%{transform:scale(1.25);opacity:.62}
  }
  @keyframes jackpotCurrencyPulse{
    0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 3px 6px rgba(0,0,0,.12),0 0 0 rgba(255,206,28,0)}
    50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 3px 7px rgba(0,0,0,.15),0 0 12px rgba(255,206,28,.58)}
  }
  @keyframes jackpotWordGlow{
    0%,100%{text-shadow:0 1px 0 #8d6d00,0 0 4px rgba(255,206,28,.22)}
    50%{text-shadow:0 1px 0 #8d6d00,0 0 12px rgba(255,206,28,.82)}
  }
  .jackpot-mini-spark{
    --mini-scale:1;
    --mini-fall:4.2s;
    --mini-delay:0s;
    --mini-blink:1.15s;
    top:-10px;
    left:var(--mini-left,50%);
    width:6px;
    height:6px;
    opacity:0;
    animation:
      jackpotMiniSparkDrop 3.05s linear var(--mini-delay) infinite,
      jackpotMiniSparkBlink var(--mini-blink) ease-in-out var(--mini-delay) infinite;
    filter:drop-shadow(0 0 4px rgba(255,206,28,.52));
  }
  .jackpot-mini-spark::before,
  .jackpot-mini-spark::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:1px;
    height:6px;
    border-radius:999px;
    background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.96) 28%,#FFCE1C 50%,rgba(255,255,255,.96) 72%,transparent 100%);
    transform:translate(-50%,-50%);
  }
  .jackpot-mini-spark::after{
    width:6px;
    height:1px;
  }
  @keyframes jackpotMiniSparkDrop{
    0%{transform:translate3d(-2px,-12px,0) rotate(0deg) scale(calc(var(--mini-scale) * .72));opacity:0}
    12%{opacity:.82}
    66%{opacity:.82}
    100%{transform:translate3d(8px,92px,0) rotate(125deg) scale(calc(var(--mini-scale) * 1.08));opacity:0}
  }
  @keyframes jackpotMiniSparkBlink{
    0%,100%{filter:drop-shadow(0 0 2px rgba(255,206,28,.24));opacity:.32}
    48%{filter:drop-shadow(0 0 7px rgba(255,206,28,.82));opacity:.92}
  }
  @media (prefers-reduced-motion:reduce){
    .jackpot-spark,.jackpot-mini-spark{animation:none;display:none}
    .jackpot-twinkle,.jackpot .currency-box,.jackpot h2 span{animation:none}
  }

/* Source: assets/css/inline-13.css */

  /* Subtle living highlight for the Weekly 5% badge only. */
  .referral-badge{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(255,206,28,.68);
    background:linear-gradient(180deg,#FFF7D0 0%,#FFE88A 100%);
    box-shadow:
      0 0 0 1px rgba(255,206,28,.10),
      0 2px 6px rgba(6,59,36,.08);
    animation:nt77WeeklyBadgeGlow 2.8s ease-in-out infinite;
    will-change:transform,box-shadow;
  }
  .referral-badge::after{
    content:"";
    position:absolute;
    top:-45%;
    bottom:-45%;
    left:-42%;
    width:28%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
    transform:skewX(-18deg);
    animation:nt77WeeklyBadgeShine 4.8s ease-in-out infinite;
    pointer-events:none;
  }
  @keyframes nt77WeeklyBadgeGlow{
    0%,100%{
      transform:scale(1);
      box-shadow:
        0 0 0 1px rgba(255,206,28,.10),
        0 2px 6px rgba(6,59,36,.08);
    }
    50%{
      transform:scale(1.025);
      box-shadow:
        0 0 0 2px rgba(255,206,28,.16),
        0 0 11px rgba(255,206,28,.28),
        0 3px 8px rgba(6,59,36,.10);
    }
  }
  @keyframes nt77WeeklyBadgeShine{
    0%,66%,100%{left:-42%;opacity:0}
    72%{opacity:.55}
    84%{left:118%;opacity:.28}
    88%{opacity:0}
  }
  @media (prefers-reduced-motion:reduce){
    .referral-badge,
    .referral-badge::after{animation:none !important}
  }

/* Source: assets/css/inline-14.css */

  /* Continuous lightweight light sweep: COPY LINK → DOWNLINES → INFO, with no pause. */
  #copyReferralButton,
  #downlinesReferralButton,
  #infoReferralButton{
    isolation:isolate;
    overflow:hidden;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
  #copyReferralButton > span,
  #downlinesReferralButton > span,
  #infoReferralButton > span{
    position:relative;
    z-index:2;
    pointer-events:none;
  }
  #copyReferralButton::before,
  #downlinesReferralButton::before,
  #infoReferralButton::before{
    content:"";
    display:block !important;
    position:absolute;
    top:-45%;
    bottom:-45%;
    left:-60%;
    right:auto;
    width:30%;
    height:auto;
    z-index:1;
    border-radius:0;
    background:linear-gradient(
      105deg,
      transparent 0%,
      rgba(255,255,255,.08) 22%,
      rgba(255,255,255,.82) 48%,
      rgba(255,206,28,.28) 62%,
      transparent 100%
    );
    transform:skewX(-20deg);
    opacity:0;
    pointer-events:none;
    animation:referralButtonLightSweep 3.6s linear infinite;
    will-change:left,opacity;
  }
  #copyReferralButton::before{animation-delay:0s;}
  #downlinesReferralButton::before{animation-delay:1.2s;}
  #infoReferralButton::before{animation-delay:2.4s;}

  @keyframes referralButtonLightSweep{
    0%{left:-60%;opacity:.72;}
    30%{left:128%;opacity:.68;}
    33.333%{left:128%;opacity:0;}
    33.334%,100%{left:-60%;opacity:0;}
  }

  @media (prefers-reduced-motion:reduce){
    #copyReferralButton::before,
    #downlinesReferralButton::before,
    #infoReferralButton::before{
      animation:none !important;
      opacity:0 !important;
    }
  }

/* Source: assets/css/inline-15.css */

  /* HOT GAMES: approved NT77 green-to-yellow animated gradient. */
  .hot-games-heading{
    position:relative;
    display:inline-block;
    color:#099739 !important;
    background:linear-gradient(90deg,#063B24 0%,#099739 30%,#FFCE1C 62%,#FFF2A8 78%,#FFCE1C 100%);
    background-size:220% 100%;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:nt77HotGreenYellowSweep 1.65s linear infinite,nt77HotGreenYellowGlow 1.15s ease-in-out infinite alternate;
    will-change:background-position,filter;
  }
  .hot-games-heading::after{
    content:"";
    position:absolute;
    left:1px;
    right:1px;
    bottom:-3px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,#063B24 0%,#099739 42%,#FFCE1C 72%,#FFF2A8 100%);
    background-size:220% 100%;
    opacity:.86;
    animation:nt77HotGreenYellowLine 1.25s linear infinite;
    pointer-events:none;
  }
  @keyframes nt77HotGreenYellowSweep{
    from{background-position:110% 50%;}
    to{background-position:-110% 50%;}
  }
  @keyframes nt77HotGreenYellowGlow{
    from{filter:drop-shadow(0 0 1px rgba(9,151,57,.20));}
    to{filter:drop-shadow(0 0 4px rgba(255,206,28,.48));}
  }
  @keyframes nt77HotGreenYellowLine{
    from{background-position:115% 50%;}
    to{background-position:-115% 50%;}
  }
  @media (prefers-reduced-motion:reduce){
    .hot-games-heading,.hot-games-heading::after{animation:none !important;}
  }

/* Source: assets/css/inline-16.css */

  .jp-slot.jp-static{
    display:flex;align-items:center;justify-content:center;
    color:#fff;font-family:"Roboto Condensed",Arial,sans-serif;
    font-size:15px;font-weight:900;line-height:1;
    text-shadow:0 2px 6px rgba(0,0,0,.18);
  }
  /* Keep the casino sparkle look but halve simultaneous mobile animations. */
  @media (max-width:600px){
    .jackpot-mini-spark:nth-of-type(even),
    .jackpot-coin:nth-of-type(n+19){display:none !important;}
    .jackpot::before{animation-duration:7s !important;}
    .jackpot::after{animation-duration:3.8s !important;}
  }

/* Source: assets/css/inline-17.css */

  /* Hero banner only. The trust strip below remains outside this moving area. */
  .hero-carousel{
    position:relative;
    width:100%;
    overflow:hidden;
    background:#fff;
    touch-action:pan-y;
    user-select:none;
  }
  .hero-track{
    display:flex;
    width:100%;
    transform:translate3d(0,0,0);
    transition:transform .46s cubic-bezier(.22,.72,.22,1);
    will-change:transform;
  }
  .hero-track.is-dragging{transition:none;}
  .hero-slide{
    flex:0 0 100%;
    width:100%;
    min-width:100%;
    border-radius:0 !important;
  }
  .hero-slide .hero-content,
  .hero-slide .offer-badge{pointer-events:auto;}
  .hero-pagination{
    position:absolute;
    z-index:5;
    left:50%;
    bottom:7px;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:3px 5px;
    border-radius:999px;
    background:rgba(255,255,255,.70);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
  }
  .hero-dot{
    width:5px;
    height:5px;
    padding:0;
    border:0;
    border-radius:999px;
    background:rgba(6,59,36,.25);
    box-shadow:none;
    cursor:pointer;
    transition:width .2s ease,background .2s ease;
  }
  .hero-dot.is-active{
    width:14px;
    background:#099739;
  }
  .hero-badge-double{background:linear-gradient(160deg,#FFCE1C,#FFE873);}
  .hero-badge-daily{background:linear-gradient(160deg,#FFFFFF,#FFF4C4);border:1px solid rgba(255,206,28,.72);}
  .hero-badge-checkin{background:linear-gradient(160deg,#EAF6EF,#FFFFFF);border:1px solid rgba(9,151,57,.22);}
  .hero-badge-referral{background:linear-gradient(160deg,#FFCE1C,#FFFFFF);}
  .hero-badge-wheel{background:linear-gradient(160deg,#099739,#063B24);}
  .hero-badge-wheel small,.hero-badge-wheel strong,.hero-badge-wheel span{color:#fff;}
  .hero-badge-wheel strong{color:#FFCE1C;}
  .hero-badge-games{background:linear-gradient(145deg,#063B24,#099739);}
  .hero-badge-games small,.hero-badge-games strong,.hero-badge-games span{color:#fff;}
  .hero-badge-games strong{color:#FFCE1C;}
  .hero-slide .offer-badge strong{font-size:30px;white-space:nowrap;}
  .hero-slide:nth-child(4) .offer-badge strong{font-size:22px;}
  .hero-slide .hero-actions{padding-bottom:12px;}
  @media (prefers-reduced-motion:reduce){
    .hero-track{transition:none !important;}
  }

/* Source: assets/css/inline-18.css */

  /* Header member area now uses one compact wallet balance card. */
  .header-member-balance{
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:.01em !important;
  }

  /* Separate update signal for each live-transaction side. */
  #depositTransactionHead,
  #withdrawTransactionHead{
    position:relative;
    isolation:isolate;
    overflow:hidden;
  }
  #depositTransactionHead::after,
  #withdrawTransactionHead::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    opacity:0;
    pointer-events:none;
  }
  #depositTransactionHead::after{
    background:linear-gradient(100deg,transparent 5%,rgba(255,255,255,.58) 45%,rgba(255,206,28,.48) 55%,transparent 95%);
  }
  #withdrawTransactionHead::after{
    background:linear-gradient(100deg,transparent 5%,rgba(255,255,255,.68) 45%,rgba(9,151,57,.22) 55%,transparent 95%);
  }
  #depositTransactionHead.has-update{
    animation:nt77DepositUpdate 1.35s ease-in-out 2;
  }
  #withdrawTransactionHead.has-update{
    animation:nt77WithdrawUpdate 1.35s ease-in-out 2;
  }
  #depositTransactionHead.has-update::after,
  #withdrawTransactionHead.has-update::after{
    animation:nt77TransactionSweep 1.35s ease-in-out 2;
  }
  @keyframes nt77DepositUpdate{
    0%,100%{color:#FFCE1C;text-shadow:none}
    35%,65%{color:#fff;text-shadow:0 0 7px rgba(255,206,28,.9)}
  }
  @keyframes nt77WithdrawUpdate{
    0%,100%{color:#099739;text-shadow:none}
    35%,65%{color:#063B24;text-shadow:0 0 7px rgba(9,151,57,.55)}
  }
  @keyframes nt77TransactionSweep{
    0%{opacity:0;transform:translateX(-105%)}
    25%{opacity:.95}
    70%{opacity:.75}
    100%{opacity:0;transform:translateX(105%)}
  }
  @media (prefers-reduced-motion:reduce){
    #depositTransactionHead.has-update,
    #withdrawTransactionHead.has-update,
    #depositTransactionHead.has-update::after,
    #withdrawTransactionHead.has-update::after{
      animation:none !important;
    }
  }

/* Source: assets/css/inline-19.css */

  .game-menu-shell{
    overflow:hidden;
    border:1px solid rgba(9,151,57,.24);
    border-radius:14px;
    background:#fff;
    box-shadow:0 7px 18px rgba(6,59,36,.07);
  }
  .game-menu-head{
    padding:10px 10px 8px;
    background:linear-gradient(180deg,#fff 0%,#f3f6f4 100%);
    border-bottom:1px solid rgba(9,151,57,.12);
  }
  .game-menu-title-row{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:10px;
  }
  .game-menu-title-wrap{min-width:0}
  .game-menu-kicker{
    display:block;
    margin:0 0 3px;
    color:var(--green);
    font-size:7px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .game-menu-title{
    margin:0;
    font-family:"Roboto Condensed",Arial,sans-serif;
    font-size:22px;
    font-weight:900;
    line-height:.95;
    letter-spacing:-.02em;
    text-transform:uppercase;
    background:linear-gradient(90deg,#099739 0%,#099739 48%,#FFCE1C 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .game-menu-count{
    flex:0 0 auto;
    min-height:22px;
    padding:0 8px;
    border:1px solid rgba(9,151,57,.18);
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--soft-yellow);
    color:var(--dark);
    font-size:7px;
    font-weight:900;
    text-transform:uppercase;
  }
  .game-menu-note{margin:5px 0 0;color:#55665e;font-size:8px;line-height:1.3}
  .game-search-wrap{position:relative;margin-top:10px}
  .game-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--green);font-size:15px;font-weight:900;pointer-events:none}
  .game-search{width:100%;height:36px;padding:0 11px 0 32px;border:1px solid rgba(9,151,57,.25);border-radius:10px;background:#fff;color:var(--dark);font-size:11px;outline:none}
  .game-search:focus{border-color:var(--green);box-shadow:0 0 0 2px rgba(9,151,57,.10)}
  .game-category-rail,.game-provider-rail{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .game-category-rail::-webkit-scrollbar,.game-provider-rail::-webkit-scrollbar{display:none}
  .game-category-rail{padding:8px 10px 7px;border-bottom:1px solid rgba(9,151,57,.10);background:#fff}
  .game-provider-rail{padding:7px 10px 8px;background:#f8faf9}
  .game-menu-chip{flex:0 0 auto;min-height:28px;padding:0 10px;border:1px solid rgba(9,151,57,.20);border-radius:999px;background:#fff;color:var(--green);font-size:8px;font-weight:900;white-space:nowrap;cursor:pointer}
  .game-menu-chip.is-active{border-color:var(--green);background:linear-gradient(180deg,#12aa45 0%,#099739 100%);color:#fff;box-shadow:0 3px 8px rgba(9,151,57,.18)}
  .game-menu-chip:active{transform:scale(.97)}
  .game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:9px 10px 10px;background:#fff}
  .lobby-game{min-width:0;padding:0;border:1px solid rgba(9,151,57,.17);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 3px 9px rgba(6,59,36,.06);text-align:left;cursor:pointer}
  .lobby-game:active{transform:scale(.975)}
  .lobby-game-art{position:relative;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#0a7d37,#063b24)}
  .lobby-game:nth-child(3n+2) .lobby-game-art{background:linear-gradient(145deg,#ffdf57,#ffce1c)}
  .lobby-game:nth-child(3n+3) .lobby-game-art{background:linear-gradient(145deg,#0b9f42,#07652f)}
  .lobby-game-art::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 20%,rgba(255,255,255,.28),transparent 22%),radial-gradient(circle at 20% 80%,rgba(255,206,28,.24),transparent 26%)}
  .lobby-game-art.has-image{background:#f3f6f4}
  .lobby-game-image{display:none;width:100%;height:100%;object-fit:cover}
  .lobby-game-art.has-image .lobby-game-image{display:block}
  .lobby-game-mark{position:relative;z-index:1;width:48%;aspect-ratio:1;border:1px solid rgba(255,255,255,.45);border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#fff;font-family:"Roboto Condensed",Arial,sans-serif;font-size:18px;font-weight:900;backdrop-filter:blur(2px)}
  .lobby-game-art.has-image .lobby-game-mark{display:none}
  .lobby-game:nth-child(3n+2) .lobby-game-mark{border-color:rgba(6,59,36,.24);background:rgba(255,255,255,.34);color:var(--dark)}
  .lobby-game-hot{position:absolute;z-index:2;top:4px;left:4px;padding:2px 4px;border-radius:999px;background:var(--yellow);color:var(--dark);font-size:5.5px;font-weight:900;text-transform:uppercase}
  .lobby-game-copy{display:block;padding:5px 6px 6px}
  .lobby-game-name{display:block;overflow:hidden;color:var(--dark);font-size:8px;font-weight:900;line-height:1.1;white-space:nowrap;text-overflow:ellipsis}
  .lobby-game-provider{display:block;margin-top:2px;overflow:hidden;color:var(--muted);font-size:6.5px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}
  .game-menu-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 10px;background:#fff}
  .game-menu-status{color:var(--muted);font-size:7px}
  .game-load-more{min-height:29px;padding:0 12px;border:1px solid var(--green);border-radius:8px;background:#fff;color:var(--green);font-size:8px;font-weight:900;cursor:pointer}
  .game-load-more:active{background:var(--soft-green)}
  .game-empty{grid-column:1/-1;padding:20px 8px;text-align:center;color:var(--muted);font-size:9px}
  @media (max-width:360px){
    .game-menu-title{font-size:20px}
  }

/* Source: assets/css/inline-20.css */

  /* Explore games is a section title, not a banner/card. */
  .game-menu-shell{
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  .game-menu-head{
    padding:3px 0 7px !important;
    border:0 !important;
    background:transparent !important;
  }
  .game-menu-title-row{
    align-items:center !important;
    margin:0 0 7px !important;
  }
  .game-menu-title-wrap{
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
  }
  .game-menu-kicker,
  .game-menu-count,
  .game-menu-note{
    display:none !important;
  }
  .game-menu-title{
    margin:0 !important;
    color:var(--green) !important;
    background:none !important;
    -webkit-background-clip:initial !important;
    background-clip:initial !important;
    font-family:"Roboto Condensed",Arial,sans-serif !important;
    font-size:19px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:.01em !important;
    text-transform:uppercase !important;
  }
  .game-menu-title::after{
    content:"";
    display:inline-block;
    width:28px;
    height:3px;
    margin:0 0 4px 7px;
    border-radius:999px;
    background:linear-gradient(90deg,#099739 0%,#FFCE1C 100%);
    vertical-align:middle;
  }
  .game-search-wrap{
    margin-top:0 !important;
  }
  .game-category-rail{
    padding:8px 0 7px !important;
    border-bottom:1px solid rgba(9,151,57,.10) !important;
    background:transparent !important;
  }
  .game-provider-rail{
    padding:7px 0 8px !important;
    background:transparent !important;
  }
  .game-grid{
    padding:2px 0 9px !important;
    background:transparent !important;
  }
  .game-menu-footer{
    padding:0 0 2px !important;
    background:transparent !important;
  }

/* Source: assets/css/inline-21.css */

  /* Match Explore All Games to the compact section-title scale. */
  .game-menu-title{
    font-size:15px !important;
    line-height:1 !important;
    letter-spacing:.01em !important;
  }

  /* Clean live effect: a narrow light sweep across the title, without blurry glow. */
  .live-transactions-title{
    color:#099739;
    background:linear-gradient(100deg,#099739 0%,#099739 38%,#FFCE1C 48%,#FFFFFF 51%,#FFCE1C 54%,#099739 64%,#099739 100%);
    background-size:240% 100%;
    background-position:135% 0;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:nt77LiveTitleShine 2.4s linear infinite;
    will-change:background-position;
  }
  @keyframes nt77LiveTitleShine{
    0%{background-position:135% 0}
    100%{background-position:-35% 0}
  }
  @media (prefers-reduced-motion:reduce){
    .live-transactions-title{
      animation:none !important;
      background:none !important;
      -webkit-text-fill-color:#099739 !important;
      color:#099739 !important;
    }
  }

/* Source: assets/css/inline-22.css */

  /* Live Transaction: full-title blink together, no sweeping shine */
  .live-transactions-title{
    position:relative !important;
    overflow:visible !important;
    background:none !important;
    -webkit-text-fill-color:currentColor !important;
    animation:nt77LiveTitleBlink 1.7s ease-in-out infinite !important;
  }
  .live-transactions-title::before,
  .live-transactions-title::after{
    content:none !important;
    display:none !important;
    animation:none !important;
  }
  @keyframes nt77LiveTitleBlink{
    0%,100%{
      color:#099739;
      opacity:1;
      text-shadow:0 0 0 rgba(9,151,57,0);
    }
    48%{
      color:#11ad48;
      opacity:.78;
      text-shadow:0 0 7px rgba(9,151,57,.52),0 0 13px rgba(9,151,57,.20);
    }
    58%{
      color:#099739;
      opacity:1;
      text-shadow:0 0 4px rgba(9,151,57,.28);
    }
  }

  /* Jackpot INFO: clearer, bold and yellow */
  .jackpot-info{
    color:#FFCE1C !important;
    font-weight:900 !important;
    font-size:8.5px !important;
    letter-spacing:.02em !important;
    text-shadow:0 1px 2px rgba(6,59,36,.60),0 0 5px rgba(255,206,28,.26) !important;
  }

  @media (prefers-reduced-motion:reduce){
    .live-transactions-title{animation:none !important;opacity:1 !important;color:#099739 !important;text-shadow:none !important;}
  }

/* Source: assets/css/inline-23.css */

  /* Live Transaction: crisp whole-title blink with no blur or glow */
  .live-transactions-title{
    background:none !important;
    -webkit-text-fill-color:currentColor !important;
    text-shadow:none !important;
    filter:none !important;
    animation:nt77LiveTitleCrispBlink 1.45s steps(1,end) infinite !important;
    will-change:color,opacity;
  }
  .live-transactions-title::before,
  .live-transactions-title::after{
    content:none !important;
    display:none !important;
    animation:none !important;
  }
  @keyframes nt77LiveTitleCrispBlink{
    0%,64%,100%{color:#099739;opacity:1;}
    65%,78%{color:#FFCE1C;opacity:1;}
    79%,86%{color:#099739;opacity:.58;}
    87%,100%{color:#099739;opacity:1;}
  }

  /* Jackpot Info: static bold yellow only, no glow, blur or animation */
  .jackpot-info{
    color:#FFCE1C !important;
    font-weight:900 !important;
    font-size:8.5px !important;
    letter-spacing:.02em !important;
    text-shadow:none !important;
    filter:none !important;
    animation:none !important;
    transform:none !important;
  }
  .jackpot-info::before,
  .jackpot-info::after{
    content:none !important;
    display:none !important;
    animation:none !important;
  }

  @media (prefers-reduced-motion:reduce){
    .live-transactions-title{animation:none !important;color:#099739 !important;opacity:1 !important;}
  }

/* Source: assets/css/inline-24.css */

  /* Live Transaction: static title; crisp scoreboard-style highlight only when new data arrives. */
  .live-transactions-title{
    position:relative !important;
    z-index:0;
    display:inline-block;
    isolation:isolate;
    color:#099739 !important;
    background:none !important;
    -webkit-text-fill-color:currentColor !important;
    text-shadow:none !important;
    filter:none !important;
    animation:none !important;
    transform:none !important;
  }
  .live-transactions-title::before{
    content:"" !important;
    display:block !important;
    position:absolute;
    z-index:-1;
    left:-5px;right:-5px;top:-2px;bottom:-2px;
    border-radius:5px;
    background:#FFCE1C;
    opacity:0;
    transform:scaleX(.2);
    transform-origin:left center;
    pointer-events:none;
  }
  .live-transactions-title::after{
    content:"" !important;
    display:block !important;
    position:absolute;
    left:0;right:0;bottom:-3px;
    height:2px;
    border-radius:2px;
    background:#FFCE1C;
    opacity:0;
    transform:scaleX(0);
    transform-origin:left center;
    pointer-events:none;
  }
  .live-transactions-title.has-live-update{
    animation:nt77LiveTitleTextTick .86s ease-out 1 !important;
    will-change:transform,color;
  }
  .live-transactions-title.has-live-update::before{
    animation:nt77LiveTitlePanelTick .86s ease-out 1 !important;
  }
  .live-transactions-title.has-live-update::after{
    animation:nt77LiveTitleUnderlineTick .86s ease-out 1 !important;
  }
  @keyframes nt77LiveTitleTextTick{
    0%,12%{color:#099739;transform:translateY(0) scale(1)}
    24%,56%{color:#063B24;transform:translateY(-1px) scale(1.018)}
    100%{color:#099739;transform:translateY(0) scale(1)}
  }
  @keyframes nt77LiveTitlePanelTick{
    0%{opacity:0;transform:scaleX(.15)}
    20%{opacity:1;transform:scaleX(1)}
    58%{opacity:1;transform:scaleX(1)}
    100%{opacity:0;transform:scaleX(1)}
  }
  @keyframes nt77LiveTitleUnderlineTick{
    0%{opacity:0;transform:scaleX(0)}
    18%{opacity:1;transform:scaleX(1)}
    72%{opacity:1;transform:scaleX(1)}
    100%{opacity:0;transform:scaleX(1)}
  }
  @media (prefers-reduced-motion:reduce){
    .live-transactions-title,
    .live-transactions-title.has-live-update,
    .live-transactions-title.has-live-update::before,
    .live-transactions-title.has-live-update::after{
      animation:none !important;
    }
  }

/* Source: assets/css/inline-25.css */

  .header-controls{gap:3px}
  .header-wallet-card{
    min-height:18px;
    display:inline-flex;
    align-items:center;
    gap:1px;
    padding:1px 2px;
    border:1px solid rgba(9,151,57,.22);
    border-radius:6px;
    background:#fff;
    box-shadow:0 1px 4px rgba(6,59,36,.06);
  }
  .header-wallet-balance-wrap{gap:0;padding:0 1px}
  .header-member-balance{font-size:5.7px;line-height:1;letter-spacing:0}
  .header-balance-refresh{
    width:20px;
    height:20px;
    min-width:20px;
    border:0;
    border-radius:4px;
    background:transparent;
    box-shadow:none;
  }
  .header-wallet-icon{
    width:18px;
    height:18px;
    min-width:18px;
    border:0;
    border-radius:4px;
    background:transparent;
    box-shadow:none;
  }
  .header-balance-refresh{order:0;color:#2f7de1}
  .header-wallet-balance-wrap{order:1}
  .header-wallet-icon{order:2;color:var(--yellow)}
  .header-balance-refresh svg{width:14px;height:14px}
  .header-wallet-icon svg{width:9px;height:9px}
  .header-balance-refresh:active,
  .header-wallet-icon:active{background:var(--soft-neutral);transform:scale(.94)}
  .menu-button{width:34px;height:34px}
  @media(max-width:360px){
    .header-wallet-card{padding:1px;gap:0}
    .header-member-balance{font-size:5.4px}
    .header-balance-refresh{width:18px;height:18px;min-width:18px}
    .header-wallet-icon{width:16px;height:16px;min-width:16px}
    .header-balance-refresh svg{width:12px;height:12px}
    .header-wallet-icon svg{width:8px;height:8px}
  }

/* Source: assets/css/inline-26.css */

  /* Only the member details block is reduced; panel, balance and buttons stay unchanged. */
  .member-wallet-details{
    border-radius:8px;
    padding:3px 0;
  }
  .member-wallet-row{
    grid-template-columns:66px minmax(0,1fr);
    gap:6px;
    padding:4px 7px;
    border-bottom:0 !important;
  }
  .member-wallet-label{
    font-size:4.5px;
    letter-spacing:.04em;
  }
  .member-wallet-value{
    font-size:5.5px;
  }

/* Source: assets/css/inline-27.css */

  @media (max-width:480px){
    .member-wallet-panel{
      position:fixed;
      top:auto;
      right:8px;
      bottom:max(8px,env(safe-area-inset-bottom));
      left:8px;
      width:auto;
      max-height:calc(100dvh - 16px - env(safe-area-inset-bottom));
      overflow-y:auto;
      overscroll-behavior:contain;
      padding:10px;
      border-radius:16px;
      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:-10px;
      z-index:3;
      margin:-10px -10px 6px;
      padding:7px 8px 4px;
      background:#fff;
      border-radius:16px 16px 0 0;
    }
    .member-wallet-close{
      width:30px;
      height:30px;
      border-radius:9px;
      font-size:18px;
    }
    .member-wallet-details{
      padding:5px 7px;
      border-radius:10px;
    }
    .member-wallet-row{
      grid-template-columns:82px minmax(0,1fr);
      gap:8px;
      min-height:27px;
      padding:4px 3px;
    }
    .member-wallet-label{
      font-size:6.5px;
      line-height:1.15;
    }
    .member-wallet-value{
      font-size:8px;
      line-height:1.2;
      white-space:normal;
      overflow-wrap:anywhere;
      text-overflow:clip;
    }
    .member-wallet-balance-box{
      margin-top:8px;
      padding: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:8px;
    }
    .member-wallet-action{
      min-height:42px;
      border-radius:10px;
      font-size:9px;
    }
    .member-wallet-status{
      min-height:10px;
      margin-top:5px;
      font-size:7px;
    }
  }
  @media (max-width:340px){
    .member-wallet-panel{right:6px;left:6px;padding:8px}
    .member-wallet-head{top:-8px;margin:-8px -8px 5px;padding:6px 7px 3px}
    .member-wallet-row{grid-template-columns:72px minmax(0,1fr);gap:6px}
    .member-wallet-label{font-size:6px}
    .member-wallet-value{font-size:7.5px}
    .member-wallet-action{min-height:40px}
  }

/* Source: assets/css/inline-28.css */

  .member-wallet-details{padding:3px 0}
  .member-wallet-row{
    grid-template-columns:78px minmax(0,1fr);
    gap:5px;
    padding:4px 8px;
    border-bottom:0;
  }
  .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;
  }
  @media(max-width:480px){
    .member-wallet-details{padding:2px 0}
    .member-wallet-row{
      grid-template-columns:74px minmax(0,1fr);
      gap:4px;
      padding:3px 7px;
    }
    .member-wallet-label{font-size:7px}
    .member-wallet-value{font-size:9px}
  }

/* Source: assets/css/inline-29.css */

  .member-wallet-panel{padding-top:6px;padding-bottom:6px}
  .member-wallet-head{margin-bottom:2px}
  .member-wallet-details{margin:0}
  .member-wallet-balance-box{margin-top:5px}
  .member-wallet-actions{margin-top:6px}
  .member-wallet-status{min-height:0;margin-top:2px}
  .member-wallet-value.is-missing-link{
    color:#1677d2;
    cursor:pointer;
    text-decoration:none;
    text-underline-offset:2px;
  }
  .member-wallet-value.is-missing-link:hover,
  .member-wallet-value.is-missing-link:focus-visible{
    text-decoration:underline;
    outline:none;
  }
  @media(max-width:480px){
    .member-wallet-panel{padding:6px 8px}
    .member-wallet-head{
      top:-6px;
      margin:-6px -8px 2px;
      padding:4px 6px 2px;
    }
    .member-wallet-close{width:26px;height:26px;font-size:16px}
    .member-wallet-details{padding:1px 0}
    .member-wallet-row{padding:2px 7px}
    .member-wallet-balance-box{margin-top:4px;padding-top:8px;padding-bottom:8px}
    .member-wallet-actions{margin-top:5px}
    .member-wallet-status{margin-top:1px}
  }

/* Source: assets/css/inline-30.css */

  .header-wallet-card{
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    padding:0 !important;
  }
  .header-wallet-icon{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
  }
  .header-wallet-icon svg{
    width:18px !important;
    height:18px !important;
  }
  @media(max-width:360px){
    .header-wallet-icon{
      width:18px !important;
      height:18px !important;
      min-width:18px !important;
    }
    .header-wallet-icon svg{
      width:16px !important;
      height:16px !important;
    }
  }

/* Source: assets/css/inline-31.css */

  body.nt77-authenticated #accountLoggedOut,
  body.nt77-authenticated #headerLoggedOut{display:none!important}
  body.nt77-authenticated #accountLoggedIn{display:block}
  body.nt77-authenticated #headerLoggedIn{display:flex}

/* Source: assets/css/inline-32.css */

  /* Increase only the header balance text by 40% from v63. */
  .header-member-balance{font-size:6.38px !important}
  @media(max-width:360px){
    .header-member-balance{font-size:6.05px !important}
  }

/* Source: assets/css/inline-33.css */

  .skip-link{position:fixed;left:10px;top:8px;z-index:9999;padding:9px 12px;border-radius:8px;background:var(--dark);color:#fff;font-weight:800;transform:translateY(-160%);transition:transform .15s ease}
  .skip-link:focus{transform:translateY(0)}
  .seo-link-panel{margin:10px 10px 0;padding:13px;border:1px solid var(--border);border-radius:14px;background:#fff}
  .seo-link-panel h2{font-size:17px;color:var(--dark);margin-bottom:6px}
  .seo-link-panel p{margin:0 0 10px;color:var(--muted);font-size:12px;line-height:1.45}
  .seo-link-list{display:flex;flex-wrap:wrap;gap:7px}
  .seo-link-list a{display:inline-flex;min-height:34px;align-items:center;padding:7px 10px;border:1px solid rgba(9,151,57,.25);border-radius:9px;color:var(--dark);font-size:11px;font-weight:800;background:var(--soft-green)}
  .seo-link-list a:focus-visible,.button:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid rgba(255,206,28,.85);outline-offset:2px}
  .seo-compliance-note{margin-top:10px;font-size:10px;line-height:1.45;color:var(--muted)}
  .live-transactions,.promo-rail-section,.referral-banner,.hot-games-section,.game-menu-shell{content-visibility:auto;contain-intrinsic-size:1px 520px}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Source: assets/css/inline-34.css */

  .notice-track{animation-duration:17.14s}
  .notice-track span,
  .notice-track b{font-weight:400}
.notice-jackpot-message{font-family:inherit!important;font-weight:600!important;color:#eaf7ed!important;font-size:9px!important}
.notice.is-jackpot{background:linear-gradient(90deg,#043c23,#08733a)!important;color:#eaf7ed!important;box-shadow:0 2px 8px rgba(0,48,23,.3)!important}
.notice.is-jackpot .notice-icon{background:#ffd33d!important;color:#064426!important;text-shadow:none!important}
.notice.is-jackpot .notice-jackpot-message{color:#eaf7ed!important;font-weight:600!important;animation-duration:16s}
.notice.is-jackpot .notice-jackpot-message b{font-weight:1000!important}
.notice.is-jackpot .notice-jackpot-message .jackpot-winner{color:#fff!important}
.notice.is-jackpot .notice-jackpot-message .jackpot-amount{color:#fff09b!important}

.seo-intro{margin:var(--gap) var(--side);padding:12px 13px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(6,59,36,.05)}
.seo-intro h2{color:var(--dark);font-size:15px;line-height:1.2}
.seo-intro p{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.55}

/* Source: assets/css/inline-35.css */

.monthly-rtp-section{
  background:transparent;
  border:0;
  box-shadow:none;
}
.monthly-rtp-section .hot-games-head{background:transparent}
.monthly-rtp-section .hot-games-title-copy h2,
.monthly-rtp-section .hot-games-title-copy h2 span{color:#063B24}
.monthly-rtp-section .hot-games-title-copy p{color:rgba(6,59,36,.72)}
.monthly-rtp-section .hot-games-arrow{
  background:#fff;
  color:#063B24;
  border-color:rgba(6,59,36,.12);
}
.monthly-rtp-section .hot-game-card{
  background:linear-gradient(180deg,#FFCE1C 0%,#ffd94f 100%);
  border-color:rgba(6,59,36,.14);
  box-shadow:0 4px 12px rgba(6,59,36,.10);
}
.monthly-rtp-section .hot-game-art{
  background:rgba(255,255,255,.34);
}
.monthly-rtp-section .hot-game-info{
  background:transparent;
}
.monthly-rtp-section .hot-game-name{color:#063B24}
.monthly-rtp-section .hot-game-badge{
  background:#063B24;
  color:#FFCE1C;
  border:1px solid rgba(6,59,36,.12);
}
.monthly-rtp-section .hot-game-provider{color:#063B24}

/* Source: assets/css/inline-36.css */

  /* Bonus cards: tighter balanced copy and sequential live light on the small badges. */
  .promo-card-inner{
    padding:7px 6px 7px !important;
  }
  .promo-card-copy{
    margin-top:5px !important;
    display:grid !important;
    grid-template-rows:minmax(32px,auto) minmax(20px,auto) !important;
    row-gap:4px !important;
    align-content:start !important;
  }
  .promo-card-title,
  .promo-card.alt-yellow .promo-card-title,
  .promo-card:nth-child(even) .promo-card-title{
    height:auto !important;
    min-height:32px !important;
    font-size:10.7px !important;
    line-height:.98 !important;
    letter-spacing:-.012em !important;
    text-wrap:balance !important;
    overflow:visible !important;
  }
  .promo-card-title-tight{
    font-size:9.5px !important;
    line-height:1 !important;
  }
  .promo-card-sub,
  .promo-card.alt-yellow .promo-card-sub,
  .promo-card:nth-child(even) .promo-card-sub{
    min-height:20px !important;
    font-size:5.55px !important;
    line-height:1.12 !important;
    letter-spacing:-.012em !important;
    text-wrap:balance !important;
    word-spacing:-.03em !important;
    overflow:visible !important;
  }
  .promo-card-badge{
    position:relative !important;
    overflow:visible !important;
    isolation:isolate;
    border-radius:999px !important;
  }
  .promo-card-badge::after{
    content:"";
    position:absolute;
    inset:-1.4px;
    padding:1.4px;
    border-radius:inherit;
    background:conic-gradient(from 0deg,
      rgba(255,255,255,0) 0deg 330deg,
      rgba(255,255,255,.18) 338deg,
      rgba(255,255,255,1) 349deg,
      rgba(255,255,255,.16) 356deg,
      rgba(255,255,255,0) 360deg);
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    opacity:0;
    transform:rotate(0deg);
    transform-origin:center;
    pointer-events:none;
    animation:nt77PromoBadgeOutlineRun 6s linear infinite;
  }
  .promo-card:nth-child(even) .promo-card-badge::after{
    background:conic-gradient(from 0deg,
      rgba(255,255,255,0) 0deg 330deg,
      rgba(255,255,255,.22) 338deg,
      rgba(255,255,255,1) 349deg,
      rgba(255,255,255,.2) 356deg,
      rgba(255,255,255,0) 360deg);
  }
  .promo-card:nth-child(1) .promo-card-badge::after{animation-delay:0s;}
  .promo-card:nth-child(2) .promo-card-badge::after{animation-delay:1s;}
  .promo-card:nth-child(3) .promo-card-badge::after{animation-delay:2s;}
  .promo-card:nth-child(4) .promo-card-badge::after{animation-delay:3s;}
  .promo-card:nth-child(5) .promo-card-badge::after{animation-delay:4s;}
  .promo-card:nth-child(6) .promo-card-badge::after{animation-delay:5s;}
  @keyframes nt77PromoBadgeOutlineRun{
    0%{opacity:0;transform:rotate(0deg);}
    1%{opacity:1;}
    15.6%{opacity:1;transform:rotate(360deg);}
    16.66%{opacity:0;transform:rotate(360deg);}
    100%{opacity:0;transform:rotate(360deg);}
  }
  @media (max-width:360px){
    .promo-card-inner{padding:6px 5px 6px !important;}
    .promo-card-copy{grid-template-rows:minmax(30px,auto) minmax(18px,auto) !important;row-gap:3px !important;}
    .promo-card-title,
    .promo-card.alt-yellow .promo-card-title,
    .promo-card:nth-child(even) .promo-card-title{font-size:10.15px !important;min-height:30px !important;}
    .promo-card-title-tight{font-size:9.05px !important;}
    .promo-card-sub,
    .promo-card.alt-yellow .promo-card-sub,
    .promo-card:nth-child(even) .promo-card-sub{font-size:5.25px !important;min-height:18px !important;}
  }

/* Source: assets/css/inline-37.css */

  /* Keep the wallet popout lower and fully viewable on mobile. */
  @media (max-width:480px){
    .member-wallet-panel{
      top:max(58px, env(safe-area-inset-top)) !important;
      bottom:max(6px, env(safe-area-inset-bottom)) !important;
      max-height:calc(100dvh - max(58px, env(safe-area-inset-top)) - max(6px, env(safe-area-inset-bottom)) - 6px) !important;
      border-radius:14px !important;
    }
    .member-wallet-head{
      position:sticky;
      top:0 !important;
      margin:0 0 2px !important;
      padding:2px 0 2px !important;
      background:#fff;
      border-radius:14px 14px 0 0;
    }
  }
  /* Referral banner: keep it in one clean sentence. */
  #referralBannerDescription{
    max-width:28ch;
  }
  /* Monthly RTP section title: shorter, more professional, with NT77 logo in front. */
  .monthly-rtp-section .hot-games-title-wrap{
    align-items:center;
    gap:10px;
  }
  .monthly-rtp-section .hot-games-logo{
    display:block;
  }
  .monthly-rtp-section .hot-games-heading{
    letter-spacing:-.02em;
  }

/* Source: assets/css/inline-38.css */

  /* Keep lifetime referral title on one clean row. */
  .referral-top{
    align-items:flex-start;
    gap:7px;
  }
  .referral-copy h2{
    font-size:13px !important;
    line-height:.98 !important;
    letter-spacing:0 !important;
    white-space:nowrap;
  }
  .referral-copy p{
    margin-top:3px;
  }
  .referral-badge{
    flex:0 0 auto;
    margin-top:1px;
  }

  /* Match Monthly High RTP Games title row to Popular Online Games. */
  .monthly-rtp-section .hot-games-title-wrap{
    min-width:0;
    display:flex;
    align-items:center;
    gap:7px;
  }
  .monthly-rtp-section .hot-games-logo{
    flex:0 0 auto;
    width:auto;
    height:25px;
    display:block;
    object-fit:contain;
  }
  .monthly-rtp-section .hot-games-title-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .monthly-rtp-section .hot-games-heading{
    font-size:14px !important;
    line-height:1 !important;
    letter-spacing:.005em !important;
    white-space:nowrap;
  }
  .monthly-rtp-section .hot-games-subtitle{
    white-space:nowrap;
    letter-spacing:.038em;
  }

  @media (max-width:380px){
    .referral-copy h2{font-size:12.2px !important;}
    .monthly-rtp-section .hot-games-heading{font-size:13.2px !important;}
    .monthly-rtp-section .hot-games-subtitle{font-size:7.3px !important;}
  }

/* Source: assets/css/inline-39.css */

  .monthly-rtp-section .hot-games-title-wrap{
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    flex-wrap:nowrap !important;
  }
  .monthly-rtp-section .hot-games-logo{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    flex:0 0 auto !important;
    width:71px !important;
    height:25px !important;
    object-fit:contain !important;
  }
  .monthly-rtp-section .hot-games-title-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .monthly-rtp-section .hot-games-heading{
    white-space:nowrap;
  }
  .monthly-rtp-section .hot-games-subtitle{
    white-space:nowrap;
  }

/* Source: assets/css/inline-40.css */

  /* Fix monthly RTP heading row so it matches Popular Online Games. */
  .monthly-rtp-section .hot-games-head{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:left !important;
    padding-left:2px !important;
    overflow:visible !important;
  }
  .monthly-rtp-section .hot-games-title-wrap{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    width:100% !important;
    text-align:left !important;
    overflow:visible !important;
  }
  .monthly-rtp-section .hot-games-logo{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    flex:0 0 auto !important;
    width:41px !important;
    height:16px !important;
    min-width:41px !important;
    object-fit:contain !important;
    margin:0 !important;
  }
  .monthly-rtp-section .hot-games-title-copy{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    text-align:left !important;
    min-width:0 !important;
    flex:1 1 auto !important;
  }
  .monthly-rtp-section .hot-games-heading{
    display:block !important;
    margin:0 !important;
    font-size:13.4px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    text-align:left !important;
  }
  .monthly-rtp-section .hot-games-subtitle{
    display:block !important;
    margin-top:2px !important;
    font-size:7px !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
    text-align:left !important;
    letter-spacing:.045em !important;
  }
  @media (max-width:380px){
    .monthly-rtp-section .hot-games-logo{width:38px !important;height:15px !important;min-width:38px !important;}
    .monthly-rtp-section .hot-games-heading{font-size:12.7px !important;}
    .monthly-rtp-section .hot-games-subtitle{font-size:6.75px !important;}
  }

/* Source: assets/css/inline-41.css */

  .monthly-rtp-section .hot-games-title-wrap{justify-content:flex-start !important; align-items:center !important;}
  .monthly-rtp-section .monthly-rtp-logo{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    z-index:2 !important;
    flex:0 0 auto !important;
    width:44px !important;
    min-width:44px !important;
    height:17px !important;
    margin-right:8px !important;
    object-fit:contain !important;
  }

/* Source: assets/css/inline-42.css */

  /* Force Monthly High RTP Games heading block to match Popular Online Games exactly. */
  .monthly-rtp-section .hot-games-head{
    align-items:center !important;
    justify-content:flex-start !important;
    margin:0 0 8px !important;
  }
  .monthly-rtp-section .hot-games-title-wrap{
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    justify-content:flex-start !important;
    width:auto !important;
  }
  .monthly-rtp-section .hot-games-logo,
  .monthly-rtp-section .monthly-rtp-logo{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:25px !important;
    display:block !important;
    object-fit:contain !important;
    margin:0 !important;
  }
  .monthly-rtp-section .hot-games-title-copy{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;
  }
  .monthly-rtp-section .hot-games-heading{
    margin:0 !important;
    font-size:15px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:.01em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }
  .monthly-rtp-section .hot-games-subtitle{
    margin:3px 0 0 !important;
    font-size:8px !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:.045em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }

/* Source: assets/css/inline-43.css */

  .hot-game-badge{
    min-width:19px;
    min-height:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:2px 5px;
    font-size:8.5px;
    line-height:1;
    animation:nt77FireBadgePulse 1.2s ease-in-out infinite alternate;
    transform-origin:center;
  }
  @keyframes nt77FireBadgePulse{
    0%{transform:scale(1) rotate(-3deg);filter:saturate(1);}
    100%{transform:scale(1.08) rotate(3deg);filter:saturate(1.18);}
  }

/* Source: assets/css/inline-44.css */

  .hot-game-badge{
    background:transparent !important;
    box-shadow:none !important;
    border:none !important;
    padding:0 !important;
    min-width:auto !important;
    min-height:auto !important;
    width:auto !important;
    height:auto !important;
    top:6px !important;
    left:6px !important;
    border-radius:0 !important;
    font-size:12px !important;
    line-height:1 !important;
    color:transparent !important;
    text-shadow:
      0 0 0 #ffce1c,
      0 1px 0 #ff9a00,
      0 0 4px rgba(255,206,28,.35),
      0 0 7px rgba(255,120,0,.18);
    filter:drop-shadow(0 1px 1px rgba(6,59,36,.18));
    animation:nt77FireBurn 1.05s ease-in-out infinite alternate !important;
  }
  @keyframes nt77FireBurn{
    0%{transform:translateY(0) scale(1) rotate(-4deg);text-shadow:0 0 0 #ffce1c,0 1px 0 #ff9a00,0 0 3px rgba(255,206,28,.28),0 0 6px rgba(255,120,0,.14);}
    25%{transform:translateY(-.5px) scale(1.04,.98) rotate(2deg);text-shadow:0 0 0 #ffd84a,0 1px 0 #ffb000,0 0 5px rgba(255,206,28,.38),0 0 8px rgba(255,120,0,.22);}
    60%{transform:translateY(-1px) scale(.98,1.05) rotate(-2deg);text-shadow:0 0 0 #ffe16a,0 1px 0 #ff8d00,0 0 6px rgba(255,206,28,.44),0 0 10px rgba(255,120,0,.26);}
    100%{transform:translateY(-1.2px) scale(1.06,.97) rotate(4deg);text-shadow:0 0 0 #ffce1c,0 1px 0 #ff7600,0 0 5px rgba(255,206,28,.4),0 0 9px rgba(255,120,0,.24);}
  }

/* Source: assets/css/inline-45.css */

  /* Remove provider selector row from Explore All Games. */
  .game-provider-rail{
    display:none !important;
  }

  /* Larger and more balanced search icon/input. */
  .game-search-wrap{
    position:relative;
  }
  .game-search-icon{
    left:12px !important;
    font-size:18px !important;
    line-height:1 !important;
    font-weight:900 !important;
    transform:translateY(-50%) scale(1.02) !important;
  }
  .game-search{
    height:38px !important;
    padding-left:38px !important;
  }

  /* Replace HOT pill with a small burning fire only, no bracket. */
  .hot-games-section .hot-game-badge[aria-label]{
    position:absolute !important;
    top:6px !important;
    left:6px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:auto !important;
    min-height:auto !important;
    width:auto !important;
    height:auto !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:13px !important;
    line-height:1 !important;
    color:initial !important;
    text-shadow:none !important;
    filter:drop-shadow(0 1px 1px rgba(6,59,36,.18));
    transform-origin:center bottom;
    animation:nt77BurningFire 0.72s ease-in-out infinite alternate !important;
    isolation:isolate;
  }
  .hot-games-section .hot-game-badge[aria-label]::before{
    content:"🔥";
    position:absolute;
    inset:0;
    z-index:-1;
    opacity:.44;
    filter:blur(1.35px) saturate(1.12);
    transform:scale(1.1) translateY(1px);
    animation:nt77BurningFireGlow 0.72s ease-in-out infinite alternate !important;
    pointer-events:none;
  }
  @keyframes nt77BurningFire{
    0%{transform:translateY(0) scale(.95,1.04) rotate(-4deg);}
    18%{transform:translateY(-.6px) scale(1.02,.98) rotate(2deg);}
    44%{transform:translateY(-1.2px) scale(.98,1.09) rotate(-2deg);}
    72%{transform:translateY(-.4px) scale(1.05,.97) rotate(3deg);}
    100%{transform:translateY(-1px) scale(.97,1.08) rotate(-3deg);}
  }
  @keyframes nt77BurningFireGlow{
    0%{opacity:.28;transform:scale(1.02,.96) translateY(2px);}
    35%{opacity:.52;transform:scale(1.14,1.1) translateY(1px);}
    65%{opacity:.4;transform:scale(1.08,1.16) translateY(0);}
    100%{opacity:.58;transform:scale(1.18,1.06) translateY(1px);}
  }

/* Source: assets/css/inline-46.css */

  .game-category-rail{
    gap:8px !important;
    padding:9px 0 8px !important;
  }
  .game-category-rail .game-menu-chip{
    min-height:30px;
    padding:0 12px;
    border-radius:999px;
    font-size:10.5px;
    font-weight:800;
    letter-spacing:.01em;
    white-space:nowrap;
  }
  .game-category-rail .game-menu-chip.is-active{
    box-shadow:0 4px 10px rgba(6,59,36,.12);
  }

/* Source: assets/css/inline-47-latest-rebuild.css */
/* Approved NT77 master layer. Preserve the green/yellow/white theme and Arial metrics. */
.account-card{position:relative;overflow:visible}
.jackpot-mascot-overlay{position:absolute;z-index:8;right:27px;bottom:-24px;width:108px;height:auto;pointer-events:none;filter:drop-shadow(0 7px 6px rgba(6,59,36,.22))}
.trust-strip{display:block!important}
.jackpot{z-index:2}.jackpot-content{position:relative;z-index:3}.jackpot-digits{padding-right:5px}
.promo-card-badge,.referral-badge{text-transform:uppercase}
.promo-card{isolation:isolate}.promo-rail a.promo-card{display:block;color:inherit;text-decoration:none;cursor:pointer;touch-action:manipulation}.promo-rail a.promo-card:active{transform:translateY(2px) scale(.985)}.promo-rail a.promo-card:focus-visible{outline:2px solid #ffe36c;outline-offset:3px}.promo-card-inner::after{position:absolute;z-index:5;inset:0;border-radius:11px;padding:1.4px;background:linear-gradient(115deg,transparent 18%,rgba(255,247,175,.18) 31%,#fff2a0 42%,rgba(255,255,255,.94) 48%,#ffce1c 54%,rgba(255,239,122,.16) 64%,transparent 78%) 0/260% 100%;animation:promoEdgeRun 2.8s linear infinite;content:"";pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}@keyframes promoEdgeRun{to{background-position:260% 0}}
.promo-card-badge{position:relative;overflow:hidden}.promo-card-badge::after{content:"";position:absolute;inset:-60% auto -60% -80%;width:34%;transform:rotate(18deg);background:rgba(255,255,255,.72);animation:badgeFlash 3.2s ease-in-out infinite}
@keyframes badgeFlash{0%,68%{left:-80%}84%,100%{left:145%}}
.referral-banner{position:relative;border-color:transparent!important;background:#fff!important}
.referral-banner .referral-mascot-friends{position:absolute;z-index:0;top:-7px;right:-4px;width:216px;height:82px;max-width:54%;object-fit:cover;object-position:center 66%;opacity:.18;mix-blend-mode:multiply;filter:saturate(.82) contrast(.92);pointer-events:none}.referral-banner .referral-top,.referral-banner .referral-actions,.referral-banner .referral-share-menu,.referral-banner .referral-status{position:relative;z-index:1}
.referral-banner .referral-top,.referral-banner .referral-actions,.referral-banner .referral-share-menu,.referral-banner .referral-status{position:relative;z-index:1}
.referral-banner::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(90deg,#099739,#ffce1c,#fff3a7,#099739) 0/260% 100%;animation:outlineRun 1.8s linear infinite;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
@keyframes outlineRun{to{background-position:260% 0}}
.hot-games-heading{letter-spacing:0!important}.hot-games-subtitle{letter-spacing:.01em!important}
.monthly-rtp-section{background:#fff!important}.monthly-rtp-section .hot-games-heading{color:#063b24!important}.monthly-rtp-section .hot-games-heading span{color:#ffce1c!important}.monthly-rtp-section .hot-games-subtitle{color:#315e49!important}
.monthly-rtp-section .hot-games-arrow{border:0!important;background:transparent!important;box-shadow:none!important;font-size:30px!important;color:#6f8e21!important}
.rtp-gift{width:18px!important;height:18px!important;display:grid!important;place-items:center!important;font-size:0!important;background:transparent!important;border:0!important;padding:0!important}
.gift-box{position:relative;width:11px;height:11px;border-radius:2px;background:#ffce1c;box-shadow:0 1px 3px rgba(96,48,13,.28);animation:giftBoxBounce 2.4s ease-in-out infinite}
.gift-box::before{content:"";position:absolute;left:-1px;right:-1px;top:-3px;height:4px;border-radius:2px;background:#ef5a69}.gift-box::after{content:"";position:absolute;left:4px;top:-3px;width:3px;height:14px;background:#d93445}
.gift-box i::before,.gift-box i::after{content:"";position:absolute;top:-3px;width:3px;height:3px;border-radius:50%;background:#ffce1c;opacity:0;animation:giftCoinPop 2.4s ease-out infinite}.gift-box i::before{left:-3px}.gift-box i::after{right:-3px;animation-delay:.12s}
@keyframes giftBoxBounce{0%,68%,100%{transform:translateY(0) scale(1)}78%{transform:translateY(-2px) scale(1.08)}86%{transform:translateY(0) scale(1)}}
@keyframes giftCoinPop{0%,68%,100%{opacity:0;transform:translateY(2px) scale(.5)}76%{opacity:1;transform:translateY(-5px) scale(1)}86%{opacity:0;transform:translateY(-8px) scale(.8)}}
.game-menu-shell{display:grid!important;grid-template-columns:78px 1fr!important;column-gap:7px;align-content:start!important;content-visibility:visible!important;contain-intrinsic-size:auto!important;padding-top:0!important}
.game-menu-head,.game-provider-rail,.game-menu-footer{display:none!important}
.game-category-rail{grid-column:1;grid-row:1!important;align-self:start!important;display:flex!important;flex-direction:column;overflow:visible!important;gap:2px!important;padding:0!important;border:0!important}
.game-category-rail .game-menu-chip{width:100%;min-height:40px!important;padding:4px 2px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#087e37!important;box-shadow:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative}
.game-category-rail .game-menu-chip.is-active{color:#064a2d!important}.game-category-rail .game-menu-chip.is-active::after{content:"";position:absolute;bottom:0;left:11px;right:11px;height:2px;background:#ffce1c;border-radius:2px}
.cat-icon{font-size:20px;line-height:1;height:21px!important;display:grid;place-items:center;position:relative}.cat-icon svg{width:21px!important;height:21px!important;display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.game-menu-chip b{font-size:7.5px;letter-spacing:.02em}
.game-menu-chip.is-active .detail-star{transform-box:fill-box;transform-origin:center;animation:eventStarPulse 1.8s ease-in-out infinite}.game-menu-chip.is-active .detail-reel{animation:slotReel 1.35s ease-in-out infinite}.game-menu-chip.is-active .live-icon .detail-wheel{transform-origin:14px 14px;animation:rouletteDetailSpin 2.4s linear infinite}.game-menu-chip.is-active .apps-icon .detail-screen{fill:#ffce1c;stroke:none;animation:phoneScreenLive 1.8s ease-in-out infinite}.game-menu-chip.is-active .fish-icon .detail-fish{animation:fishDetailSwim 2.1s ease-in-out infinite}.game-menu-chip.is-active .sports-icon .detail-ball{transform-origin:14px 14px;animation:ballDetailTurn 2.8s linear infinite}.game-menu-chip.is-active .others-icon .detail-carousel{transform-origin:14px 14px;animation:carouselDetailSpin 2.6s linear infinite}
@keyframes eventStarPulse{0%,100%{transform:scale(.82);stroke:#099739}50%{transform:scale(1.22);stroke:#ffce1c;filter:drop-shadow(0 0 2px rgba(255,206,28,.85))}}@keyframes slotReel{0%,34%,100%{transform:translateY(0)}48%{transform:translateY(2px)}62%{transform:translateY(-1px)}}@keyframes rouletteDetailSpin{to{transform:rotate(360deg)}}@keyframes phoneScreenLive{0%,100%{opacity:.22}50%{opacity:.9}}@keyframes fishDetailSwim{0%,100%{transform:translateX(-1px)}50%{transform:translateX(2px)}}@keyframes ballDetailTurn{to{transform:rotate(360deg)}}@keyframes carouselDetailSpin{to{transform:rotateY(360deg)}}
.category-selected-label{display:block;margin:6px 0 0 3px;color:#099739;font-size:7px;font-weight:900;line-height:1.25;letter-spacing:.07em}
.game-grid{grid-column:2;grid-row:1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;max-height:440px;overflow-y:auto;padding:0 2px 8px!important}
.supplier-card{border:1px solid rgba(9,151,57,.12);border-radius:9px;min-width:0;min-height:108px!important;padding:8px 5px 5px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;box-shadow:0 3px 8px rgba(6,59,36,.08);background:#f5fbf7 url('../backgrounds/supplier-card-nt77-empty.webp') center/cover no-repeat!important}
.supplier-card::before{display:none!important}.supplier-card img,.supplier-card b,.supplier-card .event-sign{position:relative;z-index:1}.supplier-card img{width:100%;height:70px;object-fit:contain}.supplier-card b{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#064a2d;font-size:8px;font-weight:700;line-height:1.2;text-align:center;text-transform:uppercase}.supplier-card .event-sign{position:absolute;top:4px;left:4px;background:#ffce1c;color:#064a2d;border-radius:5px;padding:2px 4px;font-size:6px;font-weight:900;line-height:1}
.trusted-play{margin:0;padding:13px 14px 12px!important;background:linear-gradient(90deg,#fff 0%,#fffdf3 100%)!important;border-top:0!important}.trust-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:13px}.trust-heading h2{margin:0!important;color:#064a2d;font-size:15px!important;line-height:1;letter-spacing:0!important}.trust-heading p{margin:0;color:#3f654f;font-size:7px;font-weight:900;line-height:1.15;letter-spacing:.04em;text-align:right;white-space:nowrap}
.trust-logos{display:grid!important;grid-template-columns:1.08fr 1fr 1fr .9fr;gap:14px!important;align-items:start!important}.trust-item{min-width:0}.trust-item strong{display:block;margin:0 0 8px 3px;color:#078f39;font-size:7px;font-weight:900;line-height:1;letter-spacing:.06em}.trust-item a,.trust-item button{width:100%;height:34px;border:0;background:none;padding:0;display:flex!important;justify-content:flex-start!important;align-items:center!important;cursor:pointer}.trust-logo{display:block;width:100%;height:34px;background-repeat:no-repeat;background-position:left center;background-size:contain}.trust-logo-gc{background-image:url('../trust/gc.webp')}.trust-logo-bmm{background-image:url('../trust/bmm.webp')}.trust-logo-tm{background-image:url('../trust/tm.webp')}.trust-logo-responsible{background-image:url('../trust/responsible.webp')}
.home-story{display:grid;grid-template-columns:118px 1fr!important;gap:6px!important;margin:0;padding:18px 15px 22px!important;background:linear-gradient(100deg,#f5fbf7 0%,#fff9d9 100%)!important}.home-story span{color:#099739;font-size:8px;font-weight:900;line-height:1;letter-spacing:.13em}.home-story h2{margin:7px 0 0!important;color:#064a2d;font-size:17px!important;line-height:1.02!important;letter-spacing:-.025em!important;text-transform:none!important;white-space:nowrap}.home-story p{margin:0;color:#40554a;font-size:9px!important;line-height:1.55!important}.home-story a{display:block;margin-top:8px!important;color:#07953a;font-size:9px!important;font-weight:900}.home-story small{display:block;margin-top:10px!important;color:#8b998f;font-size:6px!important}
.footer{padding:0!important;background:#fff!important;color:#064a2d!important;border-top:4px solid #064a2d}.footer>.footer-brand,.footer>p:not(.footer-copy),.seo-link-panel>h2,.seo-link-panel>p,.seo-compliance-note{display:none!important}.seo-link-panel{margin:0!important;padding:20px 15px 10px!important;border:0!important;border-radius:0!important}.seo-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 32px!important}.seo-footer-group{padding-bottom:14px;border-bottom:1px solid #dbe7df}.seo-footer-group h3{position:relative;margin-bottom:12px!important;font-size:12px!important;line-height:1.15!important;letter-spacing:-.02em;white-space:nowrap!important}.seo-footer-group h3::after{content:"";display:block;width:26px;height:2px;margin-top:6px;background:#ffce1c}.seo-footer-group nav{gap:7px!important}.seo-footer-group nav a{font-size:10px!important;line-height:1.4!important}.footer-copy{display:block!important;margin:0!important;padding:10px 14px!important;text-align:center;color:#6f7b73!important;font-size:8px!important;border-top:1px solid #e2eae5}
@media(max-width:360px){.seo-footer-group h3{font-size:10.5px!important}}
.hero-banner{min-height:248px!important}.hero-banner h2{max-width:220px;margin:0 0 4px;color:var(--dark);font-size:27px;line-height:.96;letter-spacing:-.02em}.hero-banner h2 span{color:var(--green)}.hero-slide:nth-child(7) h2 span{color:var(--dark)}
@media(max-width:390px){.jackpot-mascot-overlay{right:20px;bottom:-21px;width:96px}.trust-heading p{font-size:6px}.trust-logos{gap:8px!important}.home-story{grid-template-columns:100px 1fr!important}}
@media(prefers-reduced-motion:reduce){.promo-card-inner::after,.promo-card-badge::after,.referral-banner::after,.cat-icon,.rtp-gift{animation:none!important}}

/* Easy-read referral banner: make every reward action clear on a phone. */
.referral-banner{padding:9px 10px!important;background:linear-gradient(135deg,#fff 0%,#f5fbf6 100%)!important;box-shadow:0 7px 16px rgba(3,62,30,.13)!important}
.referral-banner .referral-mascot-friends{right:-17px!important;opacity:.1!important;filter:saturate(.7) contrast(.85)!important}
.referral-banner .referral-copy{position:relative;z-index:2;padding:2px 5px 3px;border-radius:7px;background:rgba(255,255,255,.84)}
.referral-banner .referral-copy h2{color:#006b31!important;font-size:16px!important;font-weight:1000!important;line-height:1.08!important;letter-spacing:.01em!important;text-shadow:none!important}
.referral-banner .referral-copy p{margin-top:4px!important;color:#234d37!important;font-size:10px!important;font-weight:800!important;line-height:1.25!important}
.referral-banner .referral-badge{min-height:20px!important;padding:0 8px!important;background:#fff0a6!important;color:#06582c!important;font-size:8.5px!important;box-shadow:0 1px 3px rgba(93,69,0,.18)}
.referral-banner .referral-actions{gap:6px!important;margin-top:8px!important}
.referral-banner .referral-btn{min-height:32px!important;border:1.5px solid #9dcfb0!important;border-bottom-width:3px!important;border-radius:9px!important;background:#fff!important;color:#064e28!important;font-size:9px!important;font-weight:1000!important;letter-spacing:.025em!important;box-shadow:0 2px 5px rgba(2,62,30,.13)!important}
.referral-banner .referral-btn.is-solid{border-color:#057531!important;background:linear-gradient(180deg,#0aa54c,#067331)!important;color:#fff!important;text-shadow:0 1px 1px rgba(0,38,18,.55)}
.referral-banner .referral-btn>span{position:relative;z-index:3}

/* User-approved focused update: preserve every unrelated measurement. */
.header-member-balance{font-size:12.1px!important}
.member-wallet-action{font-size:8.5px!important}

/* September VPower campaign: source game covers remain untouched inside an original gallery layout. */
.hero-september-vpower{position:relative!important;isolation:isolate;overflow:hidden!important;background:#07150f url('../home/september-vpower/campaign-composite-mobile-v3.webp') center/cover no-repeat!important}
.hero-september-vpower::before{position:absolute!important;z-index:-1!important;inset:0!important;width:auto!important;height:auto!important;right:auto!important;bottom:auto!important;border:0!important;border-radius:0!important;background:linear-gradient(90deg,rgba(3,15,10,.94) 0%,rgba(3,18,11,.79) 38%,rgba(3,18,11,.25) 64%,rgba(3,18,11,.02) 100%)!important;content:''!important}
.hero-september-vpower .hero-content{position:relative!important;z-index:3!important;max-width:55%!important}
.hero-september-vpower .hero-kicker{color:#f1bf45!important;text-shadow:0 1px 5px rgba(0,0,0,.8)!important}
.hero-september-brands{display:flex!important;align-items:center!important;gap:8px!important;height:38px!important;margin:1px 0 8px!important}
.hero-september-brands img:first-child{width:76px!important;height:34px!important;object-fit:contain!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55))!important}
.hero-september-brands b{color:#f8d16a!important;font:900 20px/1 Arial,sans-serif!important;text-shadow:0 1px 6px #000!important}
.hero-september-brands img:last-child{width:52px!important;height:38px!important;object-fit:contain!important;filter:drop-shadow(0 2px 5px rgba(244,188,51,.5))!important}
.hero-september-vpower h1{max-width:224px!important;margin:0 0 5px!important;color:#fff4ce!important;font-size:28px!important;line-height:.9!important;letter-spacing:-.035em!important;text-shadow:0 2px 8px #000!important}
.hero-september-vpower h1 span{color:#fff4ce!important}
.hero-september-vpower .hero-copy{max-width:184px!important;color:#e9e3c9!important;text-shadow:0 1px 4px #000!important}
.hero-september-vpower .hero-actions{padding-bottom:7px!important}
.hero-september-vpower .button-green{border-color:#f5c84b!important;background:linear-gradient(180deg,#f3c84e,#b7780a)!important;box-shadow:0 3px 0 #704307,0 6px 12px rgba(0,0,0,.36)!important;color:#1d190a!important}
@media(max-width:370px){.hero-september-vpower h1{font-size:25px!important}.hero-september-brands{transform:scale(.9);transform-origin:left center}.hero-september-vpower .hero-copy{max-width:165px!important;font-size:8px!important}}

/* Trust campaign: the 3-year seal is intentionally the largest proof element. */
.hero-trust-three-years{position:relative!important;isolation:isolate;overflow:hidden!important;background:#032517 url('../home/trust-banner-v1.webp') center/cover no-repeat!important}.hero-trust-three-years::before{position:absolute!important;z-index:-1!important;inset:0!important;width:auto!important;height:auto!important;right:auto!important;bottom:auto!important;border:0!important;border-radius:0!important;background:linear-gradient(90deg,rgba(1,25,14,.94),rgba(2,42,23,.8) 42%,rgba(2,42,23,.08) 78%)!important;content:''!important}.hero-trust-three-years .hero-content{position:relative!important;z-index:2!important;max-width:55%!important}.hero-trust-brand{display:flex!important;align-items:center!important;gap:7px!important;margin-bottom:7px!important}.hero-trust-brand img{width:66px!important;height:28px!important;object-fit:contain!important}.hero-trust-brand span{color:#f6d56c!important;font-size:6px!important;font-weight:1000!important;letter-spacing:.09em!important;text-shadow:0 1px 3px #000!important}.hero-trust-three-years h2{max-width:210px!important;margin:0 0 5px!important;color:#fff4c8!important;font-size:25px!important;line-height:.94!important;text-shadow:0 2px 7px #000!important}.hero-trust-three-years h2 span{color:#ffe16d!important}.hero-trust-three-years .hero-copy{max-width:190px!important;color:#e5efe6!important;text-shadow:0 1px 4px #000!important}.hero-trust-three-years .button-green{border-color:#f1ca4a!important;background:linear-gradient(180deg,#f4cf55,#aa720b)!important;box-shadow:0 3px 0 #694308!important;color:#172012!important}.hero-trust-proof{position:absolute!important;z-index:2!important;top:12px!important;right:5px!important;width:43%!important;text-align:center!important}.hero-trust-years{display:block!important;width:86px!important;height:86px!important;margin:0 auto 1px!important;object-fit:contain!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.62))!important}.hero-trust-marks{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:3px!important;align-items:center!important;padding:3px!important;border:1px solid rgba(255,219,103,.35)!important;border-radius:7px!important;background:rgba(1,28,15,.56)!important;backdrop-filter:blur(2px)!important}.hero-trust-marks img{display:block!important;width:100%!important;height:18px!important;object-fit:contain!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))!important}.hero-trust-marks img:last-child{grid-column:2!important}@media(max-width:370px){.hero-trust-three-years h2{font-size:22px!important}.hero-trust-proof{width:44%!important;right:1px!important}.hero-trust-years{width:74px!important;height:74px!important}.hero-trust-marks img{height:15px!important}}
.jackpot-mascot-overlay{bottom:-54px;opacity:.9}
.monthly-rtp-section .hot-games-track{touch-action:pan-x;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.monthly-rtp-section .hot-games-track.is-dragging{scroll-snap-type:none;user-select:none}
.monthly-rtp-section .monthly-rtp-card{scroll-snap-align:start}
.game-menu-shell{grid-template-columns:86px 1fr!important}
.game-category-rail .game-menu-chip{min-height:40px!important;flex-direction:row!important;justify-content:flex-start!important;gap:7px!important;padding:4px 7px!important;text-align:left}
.game-category-rail .game-menu-chip.is-active::after{left:8px;right:8px}
.game-category-rail .cat-icon{flex:0 0 22px;width:22px;height:22px!important}
.game-category-rail .cat-icon svg{width:22px!important;height:22px!important}
.game-category-rail .game-menu-chip b{font-size:7.5px;line-height:1;white-space:nowrap}
@media(max-width:380px){.header-member-balance{font-size:11px!important}}

/* Latest focused refinement: mascot, promo copy, RTP footer and animated category rail only. */
.jackpot-mascot-overlay{width:98px!important;right:27px!important;bottom:-54px!important;opacity:.76!important}
.promo-card-sub,
.promo-card.alt-yellow .promo-card-sub,
.promo-card:nth-child(even) .promo-card-sub{font-size:6.5px!important;line-height:1.13!important}
.monthly-rtp-section .monthly-rtp-card{background:#fff!important}
.monthly-rtp-section .monthly-rtp-card .hot-game-art{background:radial-gradient(circle at 70% 18%,rgba(255,255,255,.58),transparent 25%),linear-gradient(145deg,#ffe36a 0%,#ffce1c 100%)!important}
.monthly-rtp-section .monthly-rtp-card .hot-game-art::before{background:radial-gradient(circle at 18% 78%,rgba(255,255,255,.34) 0 2px,transparent 2px 9px)!important;background-size:14px 14px!important;opacity:.78!important}
.monthly-rtp-section .monthly-rtp-card .hot-game-info{background:#fff!important}
.game-menu-shell{grid-template-columns:92px 1fr!important}
.game-category-rail .game-menu-chip{min-height:43px!important;gap:8px!important;padding:4px 8px!important}
.game-category-rail .game-menu-chip.is-active::after{left:8px!important;right:8px!important}
.game-category-rail .cat-icon{flex:0 0 24px!important;width:24px!important;height:24px!important}
.game-category-rail .cat-icon svg{width:24px!important;height:24px!important}
.game-category-rail .game-menu-chip b{font-size:7.8px!important;line-height:1!important}
.game-menu-chip .detail-star{transform-box:fill-box;transform-origin:center;animation:eventStarPulse 2.5s ease-in-out infinite}
.game-menu-chip .detail-reel{animation:slotReel 2s ease-in-out infinite}
.game-menu-chip .live-icon .detail-wheel{transform-origin:14px 14px;animation:rouletteDetailSpin 3.5s linear infinite}
.game-menu-chip .apps-icon .detail-screen{fill:#ffce1c;stroke:none;animation:phoneScreenLive 2.5s ease-in-out infinite}
.game-menu-chip .fish-icon .detail-fish{animation:fishDetailSwim 2.8s ease-in-out infinite}
.game-menu-chip .sports-icon .detail-ball{transform-origin:14px 14px;animation:ballDetailTurn 3.8s linear infinite}
.game-menu-chip .others-icon .detail-carousel{transform-origin:14px 14px;animation:carouselDetailSpin 3.5s linear infinite}
@media(max-width:380px){
  .jackpot-mascot-overlay{width:96px!important;right:20px!important;bottom:-52px!important}
  .promo-card-sub,.promo-card.alt-yellow .promo-card-sub,.promo-card:nth-child(even) .promo-card-sub{font-size:6.15px!important}
  .game-menu-shell{grid-template-columns:88px 1fr!important}
  .game-category-rail .game-menu-chip{gap:7px!important;padding-inline:6px!important}
}

/* Smooth, faster jackpot detail animation; it runs on the compositor instead of layout. */
.jackpot-coin{will-change:transform,opacity;backface-visibility:hidden;animation:nt77-jackpot-star-drop 1.45s linear infinite!important}
@keyframes nt77-jackpot-star-drop{
  0%{transform:translate3d(var(--start-x,0),-8px,0) rotate(0deg);opacity:0}
  9%{opacity:.9}
  82%{opacity:.85}
  100%{transform:translate3d(var(--end-x,0),62px,0) rotate(180deg);opacity:0}
}
.promo-rail,.hot-games-track{touch-action:auto!important}
.referral-status{min-height:0;margin:3px 2px 0;color:#087f37;font-size:7px;line-height:1.2;font-weight:700}
.referral-status:empty{display:none}
@media(prefers-reduced-motion:reduce){
  .game-menu-chip .detail-star,.game-menu-chip .detail-reel,.game-menu-chip .detail-wheel,.game-menu-chip .detail-screen,.game-menu-chip .detail-fish,.game-menu-chip .detail-ball,.game-menu-chip .detail-carousel{animation:none!important}
}

/* Latest approved mascot and category-icon refinement. */
.jackpot-mascot-overlay{width:82.935px!important;right:29px!important;bottom:-54px!important;opacity:1!important}
.game-menu-chip .pokies-icon .detail-trigger{transform-box:fill-box;transform-origin:50% 88%;animation:slotTriggerPull 2.8s ease-in-out infinite}
.game-menu-chip .pokies-icon .detail-reel{animation:slotReelSync 2.8s steps(3,end) infinite}
@keyframes slotTriggerPull{0%,52%,100%{transform:rotate(0deg)}65%,73%{transform:rotate(30deg)}86%{transform:rotate(-3deg)}}
@keyframes slotReelSync{0%,52%,100%{transform:translateY(0)}60%{transform:translateY(1.5px)}68%{transform:translateY(-1.5px)}76%{transform:translateY(0)}}
@media(max-width:380px){.jackpot-mascot-overlay{width:79.249px!important;right:24px!important;bottom:-52px!important}}

/* Exact live-site certificate pop-out pattern with the original certificate assets. */
body.trust-modal-open{overflow:hidden}
.trust-cert-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:14px;background:rgba(0,0,0,.5)}
.trust-cert-modal.show{display:flex}
.trust-cert-content{display:flex;align-items:center;justify-content:center;width:min(360px,100%);max-height:76svh;overflow:auto;background:transparent}
.trust-cert-image-wrap{position:relative;width:min(330px,100%);padding:10px;background:#fff;box-shadow:0 10px 36px rgba(0,0,0,.28)}
.trust-cert-image-wrap img{display:block;width:100%;max-width:310px;height:auto;margin:0 auto}
.trust-cert-multiple{display:grid;gap:10px;max-height:calc(100vh - 28px);overflow:auto}
.trust-cert-close{position:absolute;z-index:2;top:2px;right:2px;width:24px!important;height:24px!important;padding:4px!important;border:0!important;background:#fff!important;color:#111!important;display:grid!important;place-items:center!important;cursor:pointer!important}
.trust-cert-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}
.trust-item button:focus-visible,.trust-cert-close:focus-visible{outline:2px solid #ffce1c!important;outline-offset:2px}
@media(max-width:460px){.trust-cert-modal{padding:10px}.trust-cert-image-wrap{padding:9px}.trust-cert-content{max-height:76svh}.trust-cert-multiple{max-height:76svh}}
@media(prefers-reduced-motion:reduce){.game-menu-chip .detail-trigger{animation:none!important}}

.game-menu-chip .others-icon .detail-casino-die{transform-box:fill-box;transform-origin:center;animation:casinoDieTurn 3.6s ease-in-out infinite}
@keyframes casinoDieTurn{0%,58%,100%{transform:rotate(0deg)}72%{transform:rotate(90deg)}86%{transform:rotate(0deg)}}
@media(prefers-reduced-motion:reduce){.game-menu-chip .detail-casino-die{animation:none!important}}

/* Latest focused homepage refinements. */
#shareReferralButton{isolation:isolate;animation:shareNowPulse 1.9s ease-in-out infinite}
#shareReferralButton::before{display:block!important;content:"";position:absolute;z-index:0;top:-55%;left:-48%;width:28%;height:210%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:rotate(18deg);animation:shareNowShine 2.35s ease-in-out infinite;pointer-events:none}
#shareReferralButton::after{display:block!important;content:"";position:absolute;inset:1px;border:1px solid rgba(255,206,28,.5);border-radius:7px;box-shadow:0 0 0 0 rgba(255,206,28,.36);animation:shareNowRing 1.9s ease-out infinite;pointer-events:none}
@keyframes shareNowPulse{0%,100%{transform:scale(1);box-shadow:0 2px 5px rgba(6,59,36,.1)}50%{transform:scale(1.025);box-shadow:0 3px 9px rgba(9,151,57,.28)}}
@keyframes shareNowShine{0%,58%{left:-48%}82%,100%{left:122%}}
@keyframes shareNowRing{0%,100%{box-shadow:0 0 0 0 rgba(255,206,28,.34)}55%{box-shadow:0 0 0 3px rgba(255,206,28,0)}}
.game-grid{grid-auto-rows:108px!important;align-content:start!important;align-items:start!important}
.supplier-card{height:108px!important;min-height:108px!important;max-height:108px!important}
.home-story h2{white-space:normal!important}
@media(prefers-reduced-motion:reduce){#shareReferralButton,#shareReferralButton::before,#shareReferralButton::after{animation:none!important}}

/* Compact, transparent referral strip: the friends artwork stays part of the design. */
.referral-banner{padding:5px 8px!important;background:transparent!important;box-shadow:none!important}.referral-banner .referral-mascot-friends{right:-7px!important;width:205px!important;max-width:58%!important;opacity:.34!important;mix-blend-mode:normal!important;filter:saturate(.92) contrast(.98)!important}.referral-banner .referral-copy{padding:1px 2px!important;border-radius:0!important;background:transparent!important}.referral-banner .referral-copy h2{font-size:13px!important;line-height:1.05!important;letter-spacing:.025em!important;animation:referralTitleBlink 2.35s ease-in-out infinite}.referral-banner .referral-copy p{margin-top:2px!important;font-size:8px!important;line-height:1.15!important}.referral-banner .referral-badge{min-height:16px!important;padding:0 6px!important;font-size:7px!important}.referral-banner .referral-actions{gap:4px!important;margin-top:5px!important}.referral-banner .referral-btn{min-height:25px!important;border-width:1px!important;border-bottom-width:2px!important;border-radius:7px!important;font-size:7px!important;letter-spacing:.015em!important;box-shadow:0 1px 3px rgba(2,62,30,.1)!important}.referral-banner .referral-btn.is-solid{box-shadow:0 1px 3px rgba(2,62,30,.18)!important}@keyframes referralTitleBlink{0%,100%{opacity:1;text-shadow:0 0 0 rgba(255,206,28,0)}48%{opacity:.58;text-shadow:0 0 5px rgba(255,206,28,.55)}}
@media(prefers-reduced-motion:reduce){.referral-banner .referral-copy h2{animation:none!important}}

/* Our Story: mascot addition only. */
.home-story-lead{min-width:0;display:flex;flex-direction:column;align-self:stretch}
.home-story-lead h2{font-size:19px!important;line-height:1!important;letter-spacing:-.02em!important}
.home-story-mascot{display:block;width:118px;max-width:100%;height:auto;margin:3px auto -27px 0;filter:drop-shadow(0 5px 5px rgba(6,59,36,.16))}

/* Fixed five-action member navigation, rebuilt in the approved NT77 theme. */
.page{padding-bottom:calc(54px + env(safe-area-inset-bottom))}
.nt77-bottom-nav{position:fixed;z-index:90;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,430px);height:calc(52px + env(safe-area-inset-bottom));padding:2px 5px calc(2px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;background:rgba(255,255,255,.97);border-top:1px solid rgba(9,151,57,.16);box-shadow:0 -5px 16px rgba(6,59,36,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.nt77-bottom-nav::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#099739 0 35%,#ffce1c 50%,#099739 65% 100%);opacity:.9}
.nt77-nav-item{position:relative;min-width:0;height:47px;padding:2px 1px 1px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1px;color:#557064;-webkit-tap-highlight-color:transparent}
.nt77-nav-item b{font-family:Roboto,Arial,sans-serif;font-size:7.2px;font-weight:900;line-height:1;letter-spacing:.025em;white-space:nowrap}
.nt77-nav-icon{position:relative;width:28px;height:28px;display:grid;place-items:center}
.nt77-nav-icon svg{display:block;width:26px;height:26px;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:#ffce1c!important;stroke:#087f37!important}
.nt77-nav-item.is-active{color:#087f37}.nt77-nav-item.is-active .nt77-nav-icon{filter:drop-shadow(0 0 3px rgba(255,206,28,.42))}
.nt77-nav-item.is-active::after{content:"";position:absolute;left:50%;bottom:-1px;width:22px;height:2px;border-radius:999px;background:#ffce1c;transform:translateX(-50%)}
.nt77-nav-item:active{color:#099739;transform:scale(.96)}
.nt77-nav-bonus{padding-top:2px;color:#064a2d}
.nt77-bonus-emblem{position:relative;width:34px;height:34px;display:grid;place-items:center;margin-bottom:-2px;filter:drop-shadow(0 2px 3px rgba(6,59,36,.24)) drop-shadow(0 0 3px rgba(255,206,28,.4))}
.nt77-bonus-emblem img{display:block;width:34px;height:34px;object-fit:contain}
.nt77-nav-bonus b{color:#087f37;font-size:7.8px}
.nt77-nav-chat .nt77-nav-icon i{display:none;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)}.nt77-nav-chat.has-unread .nt77-nav-icon i{display:block}
.nav-home-window,.nav-history-hand,.nav-chat-dots circle,.nav-settings-core{animation:none!important}
.nt77-nav-item:focus-visible{outline:2px solid #ffce1c;outline-offset:-2px;border-radius:8px}
@media(max-width:360px){.nt77-bottom-nav{padding-inline:2px}.nt77-nav-item b{font-size:6.7px}.nt77-nav-icon{width:26px;height:26px}.nt77-nav-icon svg{width:24px;height:24px}.nt77-bonus-emblem,.nt77-bonus-emblem img{width:31px;height:31px}}
@media(prefers-reduced-motion:reduce){.nt77-nav-item:active{transform:none}.nav-home-window,.nav-history-hand,.nav-chat-dots circle,.nav-settings-core{animation:none!important}}

/* Event supplier badge stays above every logo. */
.supplier-card .event-sign{z-index:4!important;pointer-events:none}
.supplier-card.is-game-blocked{cursor:not-allowed!important;filter:grayscale(1)!important;opacity:.58!important;pointer-events:auto!important;background:#cfd5d2!important}
.supplier-card.is-game-blocked img{filter:grayscale(1)!important;animation:none!important}
.supplier-card.is-game-blocked:active{transform:none!important}

/* Approved compact bottom navigation: no top rule and a larger bonus emblem. */
.page{padding-bottom:calc(51px + env(safe-area-inset-bottom))}
.nt77-bottom-nav{height:calc(49px + env(safe-area-inset-bottom));padding:1px 5px calc(1px + env(safe-area-inset-bottom));border-top:0}
.nt77-bottom-nav::before{display:none}
.nt77-nav-item{height:47px;padding:0 1px;justify-content:center;gap:0}
.nt77-bonus-emblem,.nt77-bonus-emblem img{width:41px;height:41px}
.nt77-bonus-emblem{margin-bottom:-4px}
@media(max-width:360px){.nt77-bonus-emblem,.nt77-bonus-emblem img{width:37px;height:37px}}

/* Slim navigation with the animated bonus gift floating above the bar. */
.page{padding-bottom:calc(45px + env(safe-area-inset-bottom))}
.nt77-bottom-nav{height:calc(43px + env(safe-area-inset-bottom));padding:0 5px env(safe-area-inset-bottom);overflow:visible}
.nt77-nav-item{height:42px;padding:0 1px;justify-content:center}
.nt77-nav-bonus{position:relative;height:42px;padding:0;overflow:visible}
.nt77-bonus-emblem{position:absolute;z-index:3;left:50%;top:-15px;width:49px;height:49px;margin:0;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{width:49px;height:49px}
.nt77-nav-bonus b{position:absolute;z-index:4;left:50%;bottom:1px;transform:translateX(-50%);text-shadow:0 1px 0 #fff}
@media(max-width:360px){.nt77-bonus-emblem,.nt77-bonus-emblem img{width:44px;height:44px}.nt77-bonus-emblem{top:-12px}}

/* White bottom bar reduced by 20%; icon sizes remain locked. */
.page{padding-bottom:calc(37px + env(safe-area-inset-bottom))}
.nt77-bottom-nav{height:calc(35px + env(safe-area-inset-bottom))}
.nt77-nav-item,.nt77-nav-bonus{height:34px}

/* Rounded standard navigation icons, enlarged by 10%. */
.nt77-nav-icon{width:31px;height:31px}
.nt77-nav-icon svg{width:29px;height:29px;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:360px){.nt77-nav-icon{width:29px;height:29px}.nt77-nav-icon svg{width:27px;height:27px}}

/* Balanced icon-to-label rhythm across all five navigation actions. */
.nt77-nav-item{display:block;position:relative}
.nt77-nav-item b,.nt77-nav-bonus b{position:absolute;z-index:4;left:50%;bottom:1px;transform:translateX(-50%);margin:0}
.nt77-nav-icon{position:absolute;left:50%;bottom:9px;transform:translateX(-50%)}
.nt77-bonus-emblem{top:auto;bottom:9px}

/* Shared navigation refinement: a small white breathing space above the
   standard icons, with inactive actions shown in neutral grey. */
.page{padding-bottom:calc(45px + env(safe-area-inset-bottom))}
.nt77-bottom-nav{height:calc(43px + env(safe-area-inset-bottom))}
.nt77-nav-item,.nt77-nav-bonus{height:42px}
.nt77-nav-item:not(.is-active):not(.nt77-nav-bonus){color:#7d8782}
.nt77-nav-item:not(.is-active):not(.nt77-nav-bonus) .nt77-nav-icon svg{stroke:#7d8782;filter:none}
.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!important;stroke:#7d8782!important}
.nt77-nav-item.is-active:not(.nt77-nav-bonus) .nt77-nav-icon svg{stroke:#087f37}
.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:#ffce1c!important;stroke:#087f37!important}
.notice-track{animation-delay:var(--nt77-notice-delay,0s)!important}

/* Slightly taller approved fixed footer bar. */
.page{padding-bottom:calc(48px + env(safe-area-inset-bottom))}
.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}

/* Footer labels remain inside the bar at every phone width. */
.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}}

/* Fixed navigation must never cover the last footer links. */
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}}

/* Homepage only: one reserved footer row, matching the now-correct member pages. */
body{padding-bottom:0!important}.page{padding-bottom:0!important}.footer{padding-bottom:calc(62px + env(safe-area-inset-bottom))!important}

/* Keep the homepage About NT77 summary in the same regular body type. */
.home-story a{font-weight:400!important}
.home-story-links{display:flex;flex-direction:column;gap:4px;margin-top:8px}.home-story-links a{margin-top:0!important;line-height:1.3!important}.home-story-links .official-site-name{display:inline-block;color:#087638;font-size:10px;font-weight:800;letter-spacing:.01em;line-height:1.25}.home-story-links .official-site-name b{color:#087638;font-size:10px;font-weight:900}
.hero-trust-supplier{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;height:21px!important;margin:0 auto 3px!important}.hero-trust-supplier small,.hero-trust-marks small{display:block!important;color:#ffe37c!important;font-size:4.5px!important;font-weight:1000!important;letter-spacing:.07em!important;text-shadow:0 1px 2px #000!important}.hero-trust-supplier img{width:33px!important;height:21px!important;object-fit:contain!important}.hero-trust-marks{display:block!important}.hero-trust-marks>div{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:2px!important;align-items:center!important}.hero-trust-marks img{height:14px!important}.hero-trust-marks img:last-child{grid-column:2!important}
.hero-trust-proof{top:8px!important;right:3px!important;width:48%!important}.hero-trust-years{width:94px!important;height:94px!important;position:relative!important;z-index:2!important}.hero-trust-supplier{position:absolute!important;top:4px!important;right:3px!important;transform:rotate(12deg)!important;opacity:.9!important}.hero-trust-supplier small{display:none!important}.hero-trust-supplier img{width:43px!important;height:28px!important;filter:drop-shadow(0 2px 5px rgba(255,209,73,.7))!important}.hero-trust-marks{position:relative!important;margin-top:-9px!important;padding:12px 5px 4px!important;border-radius:50% 50% 10px 10px!important;background:radial-gradient(ellipse at 50% 0,rgba(255,218,91,.32),rgba(1,29,15,.8) 64%)!important;border:1px solid rgba(255,221,104,.7)!important}.hero-trust-marks small{display:none!important}.hero-trust-marks>div{grid-template-columns:repeat(5,1fr)!important;gap:1px!important}.hero-trust-marks img{height:16px!important}.hero-trust-marks img:last-child{grid-column:auto!important}.hero-trust-three-years .hero-content{max-width:52%!important}.hero-trust-brand{margin-top:4px!important}.hero-trust-three-years h2{font-size:26px!important}
.hero-trust-three-years{background-position:center!important}.hero-supplier-mosaic{position:absolute!important;z-index:1!important;top:-5px!important;right:-4px!important;width:53%!important;height:110px!important;padding:10px 12px 14px!important;display:grid!important;grid-template-columns:repeat(6,1fr)!important;grid-template-rows:repeat(6,1fr)!important;gap:2px!important;clip-path:polygon(50% 0,94% 17%,100% 56%,71% 100%,29% 100%,0 56%,6% 17%)!important;background:radial-gradient(circle at 50% 48%,rgba(255,225,119,.78),rgba(26,98,53,.62) 34%,rgba(2,26,13,.93) 75%)!important;box-shadow:inset 0 0 0 1px rgba(255,225,112,.7),0 5px 20px rgba(0,0,0,.52)!important;transform:rotate(-7deg)!important;opacity:.94!important;overflow:hidden!important}.hero-supplier-mosaic::before{position:absolute!important;z-index:-1!important;inset:0!important;background:repeating-linear-gradient(125deg,transparent 0 6px,rgba(255,231,132,.14) 7px 8px)!important;content:''!important}.hero-supplier-mosaic img{display:block!important;align-self:center!important;justify-self:center!important;width:100%!important;height:10px!important;object-fit:contain!important;filter:brightness(0) invert(1) sepia(.75) saturate(1.2) drop-shadow(0 1px 1px #00150a)!important;opacity:.86!important;transform:skewY(7deg)!important}.hero-supplier-mosaic img:nth-child(3n){transform:skewY(7deg) scale(1.3)!important;opacity:1!important}.hero-supplier-mosaic img:nth-child(4n){filter:drop-shadow(0 1px 2px #000)!important;opacity:.72!important}.hero-trust-proof{z-index:3!important;width:45%!important;right:1px!important}.hero-trust-years{filter:drop-shadow(0 4px 8px rgba(0,0,0,.78)) drop-shadow(0 0 5px rgba(255,218,90,.65))!important}.hero-trust-marks{background:radial-gradient(ellipse at 50% 0,rgba(0,43,25,.96),rgba(1,19,10,.9) 70%)!important}@media(max-width:370px){.hero-supplier-mosaic{width:51%!important;height:102px!important}.hero-supplier-mosaic img{height:9px!important}}
.hero-trust-three-years{background:#052b19 url('../home/supplier-universe-v1.webp') center/cover no-repeat!important}.hero-trust-three-years::before{background:linear-gradient(90deg,rgba(1,22,12,.14),transparent 56%)!important}.hero-trust-onepiece{position:absolute!important;inset:0!important;z-index:2!important}.hero-trust-nt77{position:absolute!important;top:13px!important;left:14px!important;width:58px!important;height:25px!important;object-fit:contain!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.78))!important}.hero-trust-three-years .hero-content{display:none!important}.hero-trust-proof{top:7px!important;right:3.5%!important;width:40%!important;text-align:center!important}.hero-trust-years{width:83px!important;height:83px!important;margin:0 auto -5px!important}.hero-trust-marks{margin:0!important;padding:8px 4px 3px!important;border-color:rgba(255,227,116,.85)!important;border-radius:10px!important;background:rgba(0,29,15,.88)!important;box-shadow:0 3px 9px rgba(0,0,0,.52)!important}.hero-trust-marks>div{gap:1px!important}.hero-trust-marks img{height:13px!important}@media(max-width:370px){.hero-trust-nt77{left:10px!important;top:10px!important;width:51px!important}.hero-trust-proof{width:42%!important;right:2%!important}.hero-trust-years{width:76px!important;height:76px!important}.hero-trust-marks img{height:11px!important}}
.hero-trust-three-years::before{background:linear-gradient(90deg,rgba(0,24,13,.9),rgba(0,25,13,.42) 46%,rgba(0,22,12,.08))!important}.hero-trust-copy{position:absolute!important;z-index:4!important;top:12px!important;left:14px!important;width:46%!important;color:#fff!important;text-shadow:0 2px 5px #00140a!important}.hero-trust-copy .hero-trust-nt77{position:static!important;display:block!important;width:63px!important;height:26px!important;margin:0 0 2px!important}.hero-trust-kicker{margin:0 0 3px!important;color:#ffd85e!important;font-size:6.5px!important;font-weight:1000!important;letter-spacing:.09em!important}.hero-trust-copy h2{margin:0 0 4px!important;color:#fff5c7!important;font-size:22px!important;line-height:.93!important;letter-spacing:-.035em!important}.hero-trust-copy h2 span{color:#ffdc63!important}.hero-trust-copy>p:last-child{margin:0!important;max-width:160px!important;color:#e7f3e9!important;font-size:8px!important;font-weight:700!important;line-height:1.15!important}.hero-supplier-orbit{position:absolute!important;z-index:2!important;top:2px!important;right:0!important;width:56%!important;height:108px!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7))!important}.hero-supplier-orbit::before{position:absolute!important;inset:9px 2px 0!important;border:1px solid rgba(255,218,94,.6)!important;border-left-color:transparent!important;border-bottom-color:transparent!important;border-radius:50%!important;transform:rotate(-21deg)!important;box-shadow:0 0 15px rgba(255,215,74,.38)!important;content:''!important}.hero-supplier-orbit img{position:absolute!important;display:block!important;width:31px!important;height:15px!important;padding:1px 2px!important;object-fit:contain!important;border-radius:8px!important;background:linear-gradient(135deg,rgba(3,52,29,.93),rgba(0,15,8,.78))!important;border:1px solid rgba(255,218,96,.45)!important;box-shadow:0 2px 4px rgba(0,0,0,.7)!important}.hero-supplier-orbit img:nth-child(1){top:1px;left:25px;transform:rotate(-18deg)}.hero-supplier-orbit img:nth-child(2){top:0;left:68px;transform:rotate(7deg)}.hero-supplier-orbit img:nth-child(3){top:10px;right:8px;transform:rotate(20deg)}.hero-supplier-orbit img:nth-child(4){top:31px;right:0;transform:rotate(5deg)}.hero-supplier-orbit img:nth-child(5){top:55px;right:3px;transform:rotate(-12deg)}.hero-supplier-orbit img:nth-child(6){bottom:15px;right:16px;transform:rotate(-22deg)}.hero-supplier-orbit img:nth-child(7){bottom:1px;right:51px;transform:rotate(10deg)}.hero-supplier-orbit img:nth-child(8){bottom:4px;left:57px;transform:rotate(-7deg)}.hero-supplier-orbit img:nth-child(9){bottom:18px;left:12px;transform:rotate(16deg)}.hero-supplier-orbit img:nth-child(10){top:43px;left:0;transform:rotate(-10deg)}.hero-supplier-orbit img:nth-child(11){top:20px;left:5px;transform:rotate(12deg)}.hero-supplier-orbit img:nth-child(12){top:67px;left:33px;transform:rotate(18deg)}.hero-trust-proof{z-index:5!important;top:5px!important;right:8%!important;width:37%!important}.hero-trust-years{width:99px!important;height:99px!important;margin:0 auto -12px!important;filter:drop-shadow(0 5px 7px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(255,224,103,.86))!important}.hero-trust-marks{position:relative!important;z-index:6!important;padding:9px 4px 3px!important;background:rgba(0,29,15,.94)!important}.hero-trust-marks img{height:12px!important}@media(max-width:370px){.hero-trust-copy{left:10px!important;top:10px!important}.hero-trust-copy h2{font-size:20px!important}.hero-trust-copy>p:last-child{font-size:7.5px!important}.hero-supplier-orbit{width:58%!important}.hero-trust-proof{right:5%!important;width:39%!important}.hero-trust-years{width:88px!important;height:88px!important}}
.hero-trust-three-years{background-position:62% center!important}.hero-trust-three-years::before{background:linear-gradient(90deg,rgba(0,24,13,.96),rgba(0,28,14,.72) 45%,rgba(0,28,14,.12) 82%)!important}.hero-trust-copy{top:12px!important;left:15px!important;width:49%!important}.hero-trust-copy .hero-trust-nt77{width:67px!important;height:28px!important;margin-bottom:1px!important}.hero-trust-kicker{font-size:6px!important;letter-spacing:.12em!important;margin-bottom:3px!important}.hero-trust-copy h2{font-size:20px!important;line-height:.95!important;margin-bottom:4px!important}.hero-trust-copy>p:last-child{max-width:154px!important;font-size:7.6px!important;line-height:1.2!important}.hero-supplier-ribbon{position:absolute!important;z-index:3!important;left:13px!important;bottom:8px!important;width:54%!important;height:17px!important;display:flex!important;align-items:center!important;gap:3px!important;padding:2px 5px!important;border-top:1px solid rgba(255,218,103,.7)!important;border-bottom:1px solid rgba(255,218,103,.32)!important;background:linear-gradient(90deg,rgba(0,25,14,.72),rgba(0,25,14,.1))!important;overflow:hidden!important;mask-image:linear-gradient(90deg,#000 84%,transparent)!important}.hero-supplier-ribbon img{display:block!important;flex:0 0 22px!important;width:22px!important;height:12px!important;object-fit:contain!important;filter:brightness(0) invert(1) sepia(.35) saturate(1.6) drop-shadow(0 1px 1px #000)!important;opacity:.94!important}.hero-trust-proof{top:3px!important;right:7%!important;width:38%!important}.hero-trust-years{width:103px!important;height:103px!important;margin:0 auto -15px!important;filter:drop-shadow(0 6px 8px rgba(0,0,0,.9)) drop-shadow(0 0 11px rgba(255,221,101,1))!important}.hero-trust-marks{padding:9px 3px 3px!important;border:0!important;border-top:1px solid rgba(255,226,119,.72)!important;border-radius:0!important;background:linear-gradient(180deg,rgba(0,26,14,.78),rgba(0,18,10,.97))!important;box-shadow:none!important}.hero-trust-marks img{height:11px!important}@media(max-width:370px){.hero-trust-copy{top:10px!important;left:11px!important}.hero-trust-copy h2{font-size:18px!important}.hero-trust-copy>p:last-child{font-size:7px!important;max-width:145px!important}.hero-supplier-ribbon{left:10px!important;bottom:6px!important;width:55%!important}.hero-trust-proof{right:5%!important;width:40%!important}.hero-trust-years{width:91px!important;height:91px!important}}
.hero-trust-three-years{background-position:center!important}.hero-trust-three-years::before{background:linear-gradient(90deg,rgba(0,30,17,.97) 0 47%,rgba(0,36,19,.7) 59%,rgba(0,26,14,.1) 100%)!important}.hero-trust-copy{top:9px!important;left:10px!important;width:48%!important;min-height:83px!important;padding:7px 8px!important;border:1px solid rgba(255,221,106,.42)!important;border-left:0!important;border-radius:0 13px 13px 0!important;background:linear-gradient(115deg,rgba(0,35,19,.94),rgba(0,50,27,.7))!important;box-shadow:8px 0 20px rgba(0,0,0,.23)!important}.hero-trust-copy .hero-trust-nt77{width:62px!important;height:25px!important}.hero-trust-kicker{font-size:5.7px!important}.hero-trust-copy h2{font-size:18px!important;line-height:.95!important}.hero-trust-copy>p:last-child{font-size:7.2px!important;line-height:1.18!important}.hero-supplier-bubbles{position:absolute!important;z-index:3!important;top:0!important;right:-2px!important;width:55%!important;height:104px!important}.hero-supplier-bubbles img{position:absolute!important;display:block!important;box-sizing:border-box!important;object-fit:contain!important;padding:4px!important;border:1px solid rgba(255,229,132,.73)!important;border-radius:50%!important;background:radial-gradient(circle at 31% 22%,rgba(255,255,237,.76),rgba(61,149,91,.35) 18%,rgba(0,51,27,.92) 60%,rgba(0,14,8,.97) 100%)!important;box-shadow:inset 2px 2px 4px rgba(255,255,255,.32),inset -3px -4px 7px rgba(0,0,0,.76),0 4px 7px rgba(0,0,0,.55)!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.72))!important}.hero-supplier-bubbles img:nth-child(1){top:1px;left:30px;width:28px;height:28px}.hero-supplier-bubbles img:nth-child(2){top:2px;right:26px;width:22px;height:22px}.hero-supplier-bubbles img:nth-child(3){top:16px;right:1px;width:26px;height:26px}.hero-supplier-bubbles img:nth-child(4){top:44px;right:0;width:20px;height:20px}.hero-supplier-bubbles img:nth-child(5){bottom:17px;right:7px;width:25px;height:25px}.hero-supplier-bubbles img:nth-child(6){bottom:0;right:37px;width:19px;height:19px}.hero-supplier-bubbles img:nth-child(7){bottom:1px;left:51px;width:24px;height:24px}.hero-supplier-bubbles img:nth-child(8){bottom:12px;left:11px;width:18px;height:18px}.hero-supplier-bubbles img:nth-child(9){top:48px;left:0;width:25px;height:25px}.hero-supplier-bubbles img:nth-child(10){top:27px;left:8px;width:17px;height:17px}.hero-supplier-bubbles img:nth-child(11){top:0;left:68px;width:19px;height:19px}.hero-supplier-bubbles img:nth-child(12){bottom:30px;left:29px;width:16px;height:16px}.hero-trust-proof{z-index:5!important;top:2px!important;right:9%!important;width:35%!important}.hero-trust-years{width:98px!important;height:98px!important;margin:0 auto -13px!important;filter:drop-shadow(0 7px 8px rgba(0,0,0,.9)) drop-shadow(0 0 12px rgba(255,223,104,.95))!important}.hero-trust-marks{padding:8px 3px 3px!important;border-radius:11px!important;border:1px solid rgba(255,227,122,.62)!important;background:rgba(0,29,15,.95)!important}.hero-trust-marks img{height:10px!important}@media(max-width:370px){.hero-trust-copy{left:7px!important;top:8px!important;padding:6px!important;min-height:81px!important}.hero-trust-copy h2{font-size:17px!important}.hero-supplier-bubbles{width:57%!important}.hero-trust-proof{right:7%!important;width:37%!important}.hero-trust-years{width:88px!important;height:88px!important}}
.hero-trust-three-years{background:linear-gradient(125deg,#00331e 0%,#075832 56%,#01321d 100%)!important}.hero-trust-three-years::before{background:radial-gradient(circle at 80% 48%,rgba(255,220,96,.12),transparent 34%),linear-gradient(90deg,rgba(0,24,13,.34),transparent 65%)!important}
.hero-trust-three-years{background:radial-gradient(circle at 76% 48%,rgba(255,212,83,.16),transparent 29%),linear-gradient(120deg,#00351f,#08623a 62%,#003b22)!important}.hero-trust-three-years::before{background:linear-gradient(90deg,rgba(0,31,17,.92),rgba(0,36,20,.34) 58%,transparent)!important}.hero-trust-copy{top:15px!important;left:13px!important;width:49%!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.hero-trust-kicker{margin:0 0 3px!important;color:#ffe16b!important;font-size:6px!important;letter-spacing:.13em!important}.hero-trust-heading{display:flex!important;align-items:flex-start!important;gap:5px!important}.hero-trust-copy .hero-trust-nt77{flex:0 0 auto!important;width:39px!important;height:21px!important;margin:1px 0 0!important}.hero-trust-copy h2{margin:0!important;font-size:18px!important;line-height:.92!important;letter-spacing:-.04em!important}.hero-trust-copy>p:last-child{margin:5px 0 0!important;max-width:155px!important;font-size:7.2px!important;line-height:1.18!important}.hero-supplier-bubbles{z-index:3!important;right:-1px!important;width:55%!important;height:105px!important;filter:drop-shadow(0 4px 6px rgba(0,0,0,.32))!important}.hero-supplier-bubbles::before{position:absolute!important;inset:4px 0 0 3px!important;border-radius:50%!important;background:radial-gradient(ellipse at center,rgba(255,224,111,.15),transparent 66%)!important;content:''!important}.hero-supplier-bubbles img{z-index:1!important;padding:2px!important;border:0!important;background:radial-gradient(circle at 33% 25%,rgba(255,255,229,.5),rgba(15,133,69,.32) 28%,rgba(0,49,27,.68) 68%,transparent 71%)!important;box-shadow:inset 2px 2px 4px rgba(255,255,255,.18),inset -4px -4px 7px rgba(0,0,0,.38)!important;filter:brightness(1.15) drop-shadow(0 1px 2px rgba(0,0,0,.7))!important;opacity:.86!important}.hero-supplier-bubbles img:nth-child(1){top:1px!important;left:25px!important;width:29px!important;height:29px!important}.hero-supplier-bubbles img:nth-child(2){top:6px!important;right:19px!important;width:19px!important;height:19px!important}.hero-supplier-bubbles img:nth-child(3){top:21px!important;right:0!important;width:28px!important;height:28px!important}.hero-supplier-bubbles img:nth-child(4){top:50px!important;right:2px!important;width:17px!important;height:17px!important}.hero-supplier-bubbles img:nth-child(5){bottom:13px!important;right:8px!important;width:23px!important;height:23px!important}.hero-supplier-bubbles img:nth-child(6){bottom:0!important;right:33px!important;width:18px!important;height:18px!important}.hero-supplier-bubbles img:nth-child(7){bottom:3px!important;left:52px!important;width:22px!important;height:22px!important}.hero-supplier-bubbles img:nth-child(8){bottom:17px!important;left:8px!important;width:16px!important;height:16px!important}.hero-supplier-bubbles img:nth-child(9){top:51px!important;left:0!important;width:21px!important;height:21px!important}.hero-supplier-bubbles img:nth-child(10){top:26px!important;left:3px!important;width:15px!important;height:15px!important;opacity:.58!important}.hero-supplier-bubbles img:nth-child(11){top:0!important;left:65px!important;width:17px!important;height:17px!important;opacity:.65!important}.hero-supplier-bubbles img:nth-child(12){bottom:31px!important;left:27px!important;width:14px!important;height:14px!important;opacity:.55!important}.hero-trust-proof{z-index:5!important;top:2px!important;right:7%!important;width:38%!important}.hero-trust-years{width:104px!important;height:104px!important;margin:0 auto!important;filter:drop-shadow(0 7px 9px rgba(0,0,0,.82)) drop-shadow(0 0 13px rgba(255,222,99,.95))!important}.hero-trust-marks{display:none!important}@media(max-width:370px){.hero-trust-copy{left:10px!important;top:13px!important}.hero-trust-copy h2{font-size:17px!important}.hero-trust-copy>p:last-child{font-size:7px!important;max-width:148px!important}.hero-trust-proof{right:5%!important;width:40%!important}.hero-trust-years{width:94px!important;height:94px!important}}
.hero-supplier-bubbles{top:1px!important;right:0!important;width:58%!important;height:98px!important}.hero-supplier-bubbles::before{inset:1px!important;background:radial-gradient(circle at 58% 49%,rgba(255,222,101,.26),rgba(10,112,59,.13) 48%,transparent 70%)!important}.hero-supplier-bubbles img{padding:3px!important;opacity:.96!important;background:radial-gradient(circle at 31% 20%,rgba(255,255,235,.72),rgba(42,151,84,.48) 23%,rgba(0,57,30,.83) 63%,transparent 70%)!important;box-shadow:inset 2px 2px 4px rgba(255,255,255,.26),inset -4px -5px 8px rgba(0,0,0,.54),0 4px 7px rgba(0,0,0,.5)!important}.hero-supplier-bubbles img:nth-child(1){top:0!important;left:13px!important;width:34px!important;height:34px!important}.hero-supplier-bubbles img:nth-child(2){top:2px!important;right:18px!important;width:28px!important;height:28px!important}.hero-supplier-bubbles img:nth-child(3){top:24px!important;right:0!important;width:34px!important;height:34px!important}.hero-supplier-bubbles img:nth-child(4){top:57px!important;right:4px!important;width:26px!important;height:26px!important}.hero-supplier-bubbles img:nth-child(5){bottom:0!important;right:31px!important;width:31px!important;height:31px!important}.hero-supplier-bubbles img:nth-child(6){bottom:3px!important;left:54px!important;width:24px!important;height:24px!important}.hero-supplier-bubbles img:nth-child(7){bottom:10px!important;left:5px!important;width:30px!important;height:30px!important}.hero-supplier-bubbles img:nth-child(8){bottom:39px!important;left:0!important;width:23px!important;height:23px!important}.hero-supplier-bubbles img:nth-child(9){top:38px!important;left:0!important;width:29px!important;height:29px!important}.hero-supplier-bubbles img:nth-child(10){top:25px!important;left:29px!important;width:21px!important;height:21px!important}.hero-supplier-bubbles img:nth-child(11){top:0!important;left:61px!important;width:25px!important;height:25px!important}.hero-supplier-bubbles img:nth-child(12){bottom:28px!important;left:31px!important;width:20px!important;height:20px!important}.hero-trust-proof{top:7px!important;right:8%!important;width:39%!important}.hero-trust-years{width:88px!important;height:88px!important;margin:0 auto!important}.hero-trust-copy{width:47%!important}@media(max-width:370px){.hero-supplier-bubbles{width:60%!important}.hero-trust-proof{top:8px!important;right:7%!important;width:40%!important}.hero-trust-years{width:82px!important;height:82px!important}}
.hero-trust-three-years{background:#03361f url('../home/supplier-halo-v1.webp') center/cover no-repeat!important}.hero-trust-three-years::before{background:linear-gradient(90deg,rgba(0,25,14,.94),rgba(0,30,16,.5) 48%,rgba(0,25,14,.08))!important}.hero-trust-copy .hero-trust-nt77{display:none!important}.hero-trust-heading{display:block!important}.hero-trust-copy{top:18px!important;left:14px!important;width:47%!important}.hero-trust-copy h2{font-size:20px!important;line-height:.94!important}.hero-trust-copy>p:last-child{max-width:148px!important;font-size:7.3px!important}.hero-supplier-bubbles{z-index:4!important;right:0!important;width:59%!important;height:100px!important}.hero-supplier-bubbles img{mix-blend-mode:screen!important;filter:brightness(1.26) saturate(1.22) drop-shadow(0 2px 3px rgba(0,0,0,.82))!important}.hero-trust-proof{z-index:6!important;top:6px!important;right:8%!important;width:39%!important}.hero-trust-years{width:91px!important;height:91px!important;filter:drop-shadow(0 8px 10px rgba(0,0,0,.88)) drop-shadow(0 0 15px rgba(255,221,95,.98))!important}
.hero-trust-three-years{background:radial-gradient(circle at 75% 47%,rgba(255,211,83,.18),transparent 23%),linear-gradient(118deg,#012b19 0%,#075c35 59%,#013920 100%)!important}.hero-trust-three-years::before{background:linear-gradient(90deg,rgba(0,24,14,.97),rgba(0,32,18,.78) 42%,rgba(0,32,18,.05) 79%)!important}.hero-trust-copy{z-index:6!important;top:18px!important;left:16px!important;width:45%!important}.hero-trust-kicker{font-size:5.7px!important;color:#f6d46b!important}.hero-trust-copy h2{font-size:19px!important;line-height:.96!important;color:#fff8dc!important;text-shadow:0 2px 5px rgba(0,0,0,.7)!important}.hero-trust-copy>p:last-child{max-width:137px!important;font-size:7.2px!important;color:#dfeee4!important}.hero-supplier-bubbles{z-index:3!important;top:3px!important;right:2px!important;width:53%!important;height:96px!important}.hero-supplier-bubbles::before{inset:4px!important;border:1px solid rgba(255,219,108,.34)!important;background:radial-gradient(circle at 55% 50%,rgba(255,221,104,.12),transparent 62%)!important;box-shadow:inset 0 0 18px rgba(0,0,0,.32)!important}.hero-supplier-bubbles img{padding:2px!important;border-radius:50%!important;background:radial-gradient(circle at 30% 20%,rgba(255,255,235,.4),rgba(12,95,51,.42) 38%,rgba(0,44,25,.86) 73%)!important;box-shadow:inset 1px 1px 3px rgba(255,255,255,.2),inset -2px -3px 5px rgba(0,0,0,.5)!important;mix-blend-mode:normal!important;filter:brightness(1.12) drop-shadow(0 2px 3px rgba(0,0,0,.7))!important;opacity:.93!important}.hero-supplier-bubbles img:nth-child(1){top:2px!important;left:24px!important;width:25px!important;height:25px!important}.hero-supplier-bubbles img:nth-child(2){top:7px!important;right:22px!important;width:20px!important;height:20px!important}.hero-supplier-bubbles img:nth-child(3){top:29px!important;right:0!important;width:26px!important;height:26px!important}.hero-supplier-bubbles img:nth-child(4){bottom:13px!important;right:8px!important;width:19px!important;height:19px!important}.hero-supplier-bubbles img:nth-child(5){bottom:0!important;right:37px!important;width:24px!important;height:24px!important}.hero-supplier-bubbles img:nth-child(6){bottom:8px!important;left:17px!important;width:19px!important;height:19px!important}.hero-supplier-bubbles img:nth-child(7){top:46px!important;left:0!important;width:23px!important;height:23px!important}.hero-supplier-bubbles img:nth-child(8){top:22px!important;left:3px!important;width:16px!important;height:16px!important;opacity:.55!important}.hero-supplier-bubbles img:nth-child(9){top:0!important;left:60px!important;width:17px!important;height:17px!important;opacity:.6!important}.hero-supplier-bubbles img:nth-child(10){bottom:30px!important;left:29px!important;width:15px!important;height:15px!important;opacity:.42!important}.hero-supplier-bubbles img:nth-child(11){bottom:23px!important;right:24px!important;width:14px!important;height:14px!important;opacity:.42!important}.hero-supplier-bubbles img:nth-child(12){top:45px!important;left:30px!important;width:13px!important;height:13px!important;opacity:.35!important}.hero-trust-proof{z-index:5!important;top:9px!important;right:9%!important;width:35%!important}.hero-trust-years{width:81px!important;height:81px!important;filter:drop-shadow(0 6px 8px rgba(0,0,0,.85)) drop-shadow(0 0 8px rgba(255,221,100,.82))!important}@media(max-width:370px){.hero-trust-copy{left:12px!important;top:16px!important}.hero-trust-copy h2{font-size:18px!important}.hero-supplier-bubbles{width:55%!important}.hero-trust-proof{right:7%!important;width:37%!important}.hero-trust-years{width:77px!important;height:77px!important}}
.hero-trust-three-years{background:#022715 url('../home/trust-gameworld-v1.webp') center/cover no-repeat!important}.hero-trust-three-years::before{background:linear-gradient(90deg,rgba(0,20,11,.88),rgba(0,25,13,.48) 48%,rgba(0,22,12,.02) 78%)!important}.hero-trust-copy{top:17px!important;left:14px!important;width:45%!important}.hero-trust-copy h2{font-size:20px!important;line-height:.94!important}.hero-trust-copy>p:last-child{font-size:7.2px!important;max-width:142px!important}.hero-supplier-bubbles{z-index:4!important;top:2px!important;right:1px!important;width:56%!important;height:101px!important}.hero-supplier-bubbles::before{border:0!important;background:radial-gradient(circle at 52% 50%,rgba(255,225,104,.18),transparent 63%)!important;box-shadow:none!important}.hero-supplier-bubbles img{padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;mix-blend-mode:screen!important;filter:brightness(1.3) saturate(1.2) drop-shadow(0 2px 4px rgba(0,0,0,.86))!important;opacity:.84!important}.hero-supplier-bubbles img:nth-child(1){top:2px!important;left:18px!important;width:30px!important;height:18px!important}.hero-supplier-bubbles img:nth-child(2){top:8px!important;right:17px!important;width:26px!important;height:16px!important}.hero-supplier-bubbles img:nth-child(3){top:32px!important;right:0!important;width:31px!important;height:18px!important}.hero-supplier-bubbles img:nth-child(4){bottom:15px!important;right:4px!important;width:25px!important;height:15px!important}.hero-supplier-bubbles img:nth-child(5){bottom:1px!important;right:29px!important;width:28px!important;height:17px!important}.hero-supplier-bubbles img:nth-child(6){bottom:7px!important;left:16px!important;width:23px!important;height:14px!important}.hero-supplier-bubbles img:nth-child(7){top:51px!important;left:0!important;width:29px!important;height:17px!important}.hero-supplier-bubbles img:nth-child(8){top:26px!important;left:1px!important;width:21px!important;height:13px!important;opacity:.57!important}.hero-supplier-bubbles img:nth-child(9){top:0!important;left:61px!important;width:21px!important;height:13px!important;opacity:.62!important}.hero-supplier-bubbles img:nth-child(10){bottom:31px!important;left:29px!important;width:18px!important;height:11px!important;opacity:.44!important}.hero-supplier-bubbles img:nth-child(11){bottom:23px!important;right:24px!important;width:17px!important;height:11px!important;opacity:.44!important}.hero-supplier-bubbles img:nth-child(12){top:45px!important;left:31px!important;width:16px!important;height:10px!important;opacity:.36!important}.hero-trust-proof{z-index:6!important;top:7px!important;right:8%!important;width:38%!important}.hero-trust-years{width:87px!important;height:87px!important;filter:drop-shadow(0 7px 9px rgba(0,0,0,.86)) drop-shadow(0 0 12px rgba(255,222,98,.95))!important}
.hero-trust-three-years{background:#042b19 url('../home/supplier-trust-universe-v1.webp') center/cover no-repeat!important}.hero-trust-three-years::before{background:linear-gradient(90deg,rgba(0,22,12,.96),rgba(0,28,15,.76) 43%,rgba(0,25,14,.13) 70%)!important}.hero-trust-copy{z-index:6!important;top:16px!important;left:14px!important;width:46%!important}.hero-trust-kicker{color:#f9db6d!important;font-size:5.8px!important}.hero-trust-copy h2{font-size:20px!important;line-height:.94!important;color:#fff7d7!important}.hero-trust-copy>p:last-child{max-width:142px!important;color:#e9f4ea!important;font-size:7.2px!important}.hero-supplier-bubbles{z-index:4!important;top:1px!important;right:0!important;width:55%!important;height:102px!important}.hero-supplier-bubbles::before{inset:0!important;background:radial-gradient(circle at 54% 50%,rgba(255,221,99,.2),transparent 65%)!important}.hero-supplier-bubbles img{mix-blend-mode:screen!important;filter:brightness(1.35) saturate(1.18) drop-shadow(0 2px 4px rgba(0,0,0,.88))!important;opacity:.9!important}.hero-supplier-bubbles img:nth-child(1){top:4px!important;left:17px!important;width:31px!important;height:19px!important}.hero-supplier-bubbles img:nth-child(2){top:6px!important;right:16px!important;width:26px!important;height:16px!important}.hero-supplier-bubbles img:nth-child(3){top:33px!important;right:0!important;width:32px!important;height:19px!important}.hero-supplier-bubbles img:nth-child(4){bottom:15px!important;right:4px!important;width:25px!important;height:15px!important}.hero-supplier-bubbles img:nth-child(5){bottom:1px!important;right:30px!important;width:29px!important;height:17px!important}.hero-supplier-bubbles img:nth-child(6){bottom:7px!important;left:15px!important;width:24px!important;height:14px!important}.hero-supplier-bubbles img:nth-child(7){top:52px!important;left:0!important;width:30px!important;height:18px!important}.hero-trust-proof{z-index:7!important;top:6px!important;right:8%!important;width:38%!important}.hero-trust-years{width:90px!important;height:90px!important;filter:drop-shadow(0 7px 10px rgba(0,0,0,.9)) drop-shadow(0 0 14px rgba(255,222,97,.95))!important}
.hero-provider-universe{position:relative!important;overflow:hidden!important;background:#042b19!important}.hero-provider-universe::before{display:none!important}.hero-provider-universe-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}.hero-provider-universe .hero-content{position:relative!important;z-index:2!important;max-width:43%!important;padding-top:13px!important}.hero-provider-universe h1{font-size:22px!important;line-height:.94!important;color:#fff8d9!important;text-shadow:0 2px 6px rgba(0,0,0,.88)!important}.hero-provider-universe h1 span{color:#f9d75a!important}.hero-provider-universe .hero-copy{max-width:145px!important;color:#e6f2e7!important;text-shadow:0 1px 4px rgba(0,0,0,.88)!important}.hero-provider-universe .hero-kicker{color:#f8db6d!important}@media(max-width:370px){.hero-provider-universe .hero-content{max-width:45%!important;padding-top:11px!important}.hero-provider-universe h1{font-size:20px!important}.hero-provider-universe .hero-copy{max-width:135px!important;font-size:7.5px!important}}
.hero-provider-universe-art{object-fit:cover!important;object-position:center!important;pointer-events:none!important;user-select:none!important;-webkit-user-drag:none!important}
.provider-banner-orbit{position:absolute;z-index:3;right:2%;top:6px;width:53%;height:calc(100% - 12px)}.provider-banner-orbit img{position:absolute;width:27px;height:16px;object-fit:contain;padding:2px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff9bb,#137242 37%,#012a18 76%);box-shadow:inset 1px 1px 3px #fff8,0 2px 4px #0009;filter:drop-shadow(0 1px 2px #000)}.provider-banner-orbit .provider-banner-years{left:50%;top:50%;width:91px;height:91px;padding:0;background:none;box-shadow:none;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 7px #000) drop-shadow(0 0 7px #ffe56e)}.provider-banner-orbit img:nth-child(2){left:9%;top:4%;width:31px;height:19px}.provider-banner-orbit img:nth-child(3){right:7%;top:2%;width:28px;height:18px}.provider-banner-orbit img:nth-child(4){right:0;top:31%;width:29px;height:18px}.provider-banner-orbit img:nth-child(5){right:5%;bottom:12%;width:25px;height:16px}.provider-banner-orbit img:nth-child(6){right:30%;bottom:1%;width:28px;height:18px}.provider-banner-orbit img:nth-child(7){left:7%;bottom:6%;width:27px;height:17px}.provider-banner-orbit img:nth-child(8){left:0;top:42%;width:27px;height:17px}.provider-banner-orbit img:nth-child(9){left:12%;top:23%;width:24px;height:15px}.provider-banner-orbit img:nth-child(10){left:28%;bottom:13%;width:25px;height:16px}
.provider-banner-orbit{display:none!important}
.hero-provider-universe .hero-content{max-width:45%!important;padding:12px 12px 10px!important;background:linear-gradient(90deg,rgba(0,17,9,.84),rgba(0,23,12,.62) 78%,transparent)!important;text-shadow:0 2px 5px #000!important}.hero-provider-universe .hero-kicker{font-size:6px!important;letter-spacing:.12em!important}.hero-provider-universe h1{font-size:21px!important}.hero-provider-universe .hero-copy{font-size:8px!important;font-weight:400!important;line-height:1.18!important}@media(max-width:370px){.hero-provider-universe .hero-content{max-width:47%!important;padding:10px!important}.hero-provider-universe h1{font-size:19px!important}.hero-provider-universe .hero-copy{font-size:7.2px!important}}

.home-bonus-popup-sources{display:none!important}.promo-rail .promo-card{display:block;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer;touch-action:manipulation}.promo-rail .promo-card:active{transform:translateY(2px) scale(.985)}.promo-rail .promo-card:focus-visible{outline:2px solid #ffe36c;outline-offset:3px}
/* One NT77 type system: clean, compact and readable on every phone screen. */
body,button,input,select,textarea,.hero-kicker,.hero-banner h1,.hero-banner h2,.hero-copy,.button-green,.button-outline,.hot-games-heading,.hot-games-subtitle,.game-menu-chip b,.supplier-card b,.trust-heading h2,.trust-heading p,.footer,.seo-footer-group h3,.seo-footer-group a{font-family:Arial,Helvetica,sans-serif!important}
.hero-kicker,.hot-games-subtitle,.category-selected-label{font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}

/* Lucky Wheel top-up slide: the artwork leads from the left; live offer copy stays clear on the right. */
.hero-lucky-wheel-topup{position:relative!important;overflow:hidden!important;background:#032818!important}.hero-lucky-wheel-topup::before{display:none!important}.hero-lucky-wheel-topup-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;pointer-events:none!important;user-select:none!important;-webkit-user-drag:none!important}.hero-lucky-wheel-topup .hero-content{position:absolute!important;z-index:2!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;display:flex!important;width:51%!important;max-width:none!important;box-sizing:border-box!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;padding:13px 12px 12px 7px!important;background:linear-gradient(90deg,rgba(0,34,18,0),rgba(0,28,15,.28) 11%,rgba(0,23,12,.78) 42%,rgba(0,17,9,.96) 100%)!important;text-align:left!important;text-shadow:0 2px 5px rgba(0,0,0,.9)!important}.hero-lucky-wheel-topup .hero-kicker{margin:0 0 4px!important;color:#ffe06a!important;font-size:6px!important}.hero-lucky-wheel-topup h1{margin:0!important;color:#fff8d9!important;font-size:19px!important;line-height:.96!important;letter-spacing:-.035em!important}.hero-lucky-wheel-topup h1 span{display:block!important;color:#f9d75a!important}.hero-lucky-wheel-value{display:block!important;margin:5px 0 3px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff3a1!important;font-size:8.5px!important;letter-spacing:.04em!important;line-height:1!important;text-shadow:0 2px 4px rgba(0,0,0,.85)!important;box-shadow:none!important}.hero-lucky-wheel-topup .hero-copy{max-width:145px!important;margin:3px 0!important;color:#e7f4e9!important;font-size:7.5px!important;font-weight:400!important;line-height:1.2!important}.hero-lucky-wheel-note{display:block!important;max-width:142px!important;margin:0 0 7px!important;color:#b7cfbd!important;font-size:5.8px!important;font-weight:400!important;line-height:1.2!important}.hero-lucky-wheel-topup .hero-actions{margin:0!important}.hero-lucky-wheel-topup .button{min-height:27px!important;padding:7px 10px!important;border-color:#ffe273!important;background:linear-gradient(180deg,#0ba54a,#056f33)!important;color:#fff!important;font-size:7px!important}@media(max-width:370px){.hero-lucky-wheel-topup .hero-content{width:53%!important;padding:10px 9px 10px 5px!important}.hero-lucky-wheel-topup h1{font-size:17px!important}.hero-lucky-wheel-value{font-size:7.2px!important}.hero-lucky-wheel-topup .hero-copy{max-width:128px!important;font-size:6.8px!important}.hero-lucky-wheel-note{max-width:126px!important;font-size:5.2px!important}.hero-lucky-wheel-topup .button{min-height:25px!important;font-size:6.5px!important}}

/* Source: assets/css/font-original-rendering.css */
/* Approved NT77 font rendering recovered from the surviving master screenshot. */
body,body *{font-family:Arial,sans-serif!important}
.hero-banner h1,.hero-banner h2{max-width:245px!important;font-size:24px!important;font-weight:700!important;line-height:1!important;letter-spacing:-.02em!important}
.welcome-title{font-weight:700!important}
.balance-amount,.jackpot h2,.live-transactions-title,.hot-games-heading,.game-menu-title,.trusted-play h2,.home-story h2,.seo-footer-group h3{font-weight:900!important}

/* Source: assets/css/interaction-mobile-fix.css */
/* Final mobile interaction layer: panels stay above the header and vertical scrolling stays native. */
@media (max-width:600px){
  .header{overflow:visible!important;z-index:1000!important}
  .notice{z-index:20!important}
  .member-wallet-panel{
    position:fixed!important;
    z-index:1200!important;
    top:max(70px,env(safe-area-inset-top))!important;
    right:8px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    left:8px!important;
    width:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }
  .member-guide-carousel,
  .member-guide-extra-carousel,
  .guide-carousel-shell,
  .member-guide-slide,
  .member-guide-extra article,
  .guide-topic{
    touch-action:pan-x pan-y pinch-zoom!important;
    overscroll-behavior-x:auto!important;
  }
}

.member-wallet-panel.is-body-mounted{
  position:fixed!important;
  /* This is a real pop-over, mounted at document level so no banner, image or
     sticky section can clip it.  The same viewport coordinates apply on every page. */
  z-index:2147483000!important;
  top:max(74px,calc(env(safe-area-inset-top) + 64px))!important;
  right:max(8px,calc((100vw - 540px)/2 + 8px))!important;
  left:auto!important;
  bottom:auto!important;
  width:min(330px,calc(100vw - 24px))!important;
  max-height:calc(100dvh - 78px)!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
}
.member-wallet-panel.is-body-mounted .member-wallet-balance-box{justify-content:flex-start!important;gap:20px!important}

/* Keep the jackpot movement light: transforms only, staggered rather than all moving together. */
.jackpot-coin{
  width:7px!important;
  height:7px!important;
  border:0!important;
  border-radius:1px!important;
  background:#ffe368!important;
  clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);
  will-change:transform,opacity;
  backface-visibility:hidden;
  box-shadow:none!important;
  animation:nt77-jackpot-star-drop 1.82s linear infinite!important;
}
.jackpot-coin::before,.jackpot-coin img{display:none!important}
.jackpot-coin:nth-child(n+9){display:none!important}
.jackpot-coin:nth-child(3n+1){animation-delay:-.18s!important}
.jackpot-coin:nth-child(3n+2){animation-delay:-.74s!important}
.jackpot-coin:nth-child(3n){animation-delay:-1.29s!important}
@keyframes nt77-jackpot-star-drop{
  0%{transform:translate3d(-3px,-18px,0) rotate(0deg) scale(.75);opacity:0}
  12%,76%{opacity:.82}
  100%{transform:translate3d(6px,66px,0) rotate(135deg) scale(1.05);opacity:0}
}

html,body{background:#fff!important}

/* Homepage jackpot: a dense, smooth rain of gold coins behind the jackpot information. */
.jackpot-coins{display:block!important;z-index:0!important;overflow:hidden!important}
.jackpot-coin{display:block!important;width:14px!important;height:14px!important;border:1px solid rgba(255,244,179,.92)!important;border-radius:50%!important;background:radial-gradient(circle at 30% 27%,#fffbd5 0 7%,transparent 8%),radial-gradient(circle at 48% 48%,#ffe982 0 23%,#ffcc19 49%,#d48c00 77%,#7a4a00 100%)!important;box-shadow:inset 0 0 0 1px rgba(112,67,0,.23),0 2px 4px rgba(0,0,0,.18)!important;clip-path:none!important;will-change:transform,opacity!important;animation:nt77-jackpot-coin-rain 1.65s linear infinite!important}
.jackpot-coin::before{content:""!important;display:block!important;position:absolute!important;inset:2px!important;border:1px solid rgba(105,62,0,.28)!important;border-radius:50%!important}.jackpot-coin:nth-child(n+26){opacity:.78!important}.jackpot-coin:nth-child(odd){animation-duration:1.48s!important}.jackpot-coin:nth-child(3n){animation-duration:1.83s!important}.jackpot-coin:nth-child(4n){width:17px!important;height:17px!important}
@keyframes nt77-jackpot-coin-rain{0%{transform:translate3d(-4px,-42px,0) rotate(-24deg) scale(.78);opacity:0}8%{opacity:.96}78%{opacity:.92}100%{transform:translate3d(8px,125px,0) rotate(420deg) scale(1.04);opacity:0}}

/* Keep every coin across the full width of the jackpot banner. */
.jackpot-coin:nth-child(n){display:block!important;opacity:.84!important}

/* The old dense coin rain asked mobile browsers to animate dozens of layers at once.
   Keep the jackpot lively with one composited light sweep instead. */
.jackpot-coins,.jackpot-glitter,.jackpot-spark,.jackpot-mini-spark,.jackpot-twinkle{display:none!important}
.jackpot::before{content:""!important;position:absolute!important;z-index:1!important;top:-68%!important;bottom:-68%!important;left:-38%!important;width:26%!important;pointer-events:none!important;background:linear-gradient(90deg,transparent,rgba(255,241,151,.08) 30%,rgba(255,248,197,.36) 50%,rgba(255,241,151,.08) 70%,transparent)!important;transform:translate3d(-220%,0,0) skewX(-18deg)!important;will-change:transform!important;animation:nt77-jackpot-light-sweep 4.6s ease-in-out infinite!important}
.jackpot-content{position:relative;z-index:2}
@keyframes nt77-jackpot-light-sweep{0%,58%{transform:translate3d(-220%,0,0) skewX(-18deg)}82%,100%{transform:translate3d(560%,0,0) skewX(-18deg)}}
@media(prefers-reduced-motion:reduce){.jackpot::before{animation:none!important;opacity:.18}}

/* A repeating 36-coin shower looks unlimited; each particle uses compositor-only transforms. */
.jackpot-coins{display:block!important;z-index:1!important;overflow:hidden!important;contain:paint!important}
.jackpot-coin{display:none!important}
.jackpot-coin:nth-child(-n+36){display:block!important;z-index:1!important;width:9px!important;height:9px!important;border:1px solid rgba(255,246,184,.9)!important;border-radius:50%!important;background:radial-gradient(circle at 30% 28%,#fffbd7 0 9%,#ffe76b 10% 31%,#e8aa00 55%,#9b5d00 100%)!important;box-shadow:inset -1px -1px 1px rgba(88,47,0,.45),0 0 7px rgba(255,213,42,.78)!important;will-change:transform,opacity!important;animation:nt77-jackpot-coin-shower 3.6s linear infinite!important}
.jackpot-coin:nth-child(-n+36)::before{content:""!important;display:block!important;position:absolute!important;inset:1px!important;border:1px solid rgba(105,62,0,.28)!important;border-radius:50%!important}.jackpot-coin:nth-child(-n+36)::after{display:none!important}
.jackpot-coin.c1{left:4%!important;animation-delay:-.15s!important}.jackpot-coin.c2{left:13%!important;animation-delay:-1.18s!important}.jackpot-coin.c3{left:22%!important;animation-delay:-2.55s!important}.jackpot-coin.c4{left:32%!important;animation-delay:-.68s!important}.jackpot-coin.c5{left:41%!important;animation-delay:-3.02s!important}.jackpot-coin.c6{left:50%!important;animation-delay:-1.74s!important}.jackpot-coin.c7{left:60%!important;animation-delay:-.42s!important}.jackpot-coin.c8{left:69%!important;animation-delay:-2.23s!important}.jackpot-coin.c9{left:78%!important;animation-delay:-1.47s!important}.jackpot-coin.c10{left:86%!important;animation-delay:-3.34s!important}.jackpot-coin.c11{left:92%!important;animation-delay:-.94s!important}.jackpot-coin.c12{left:97%!important;animation-delay:-2.83s!important}
.jackpot-coin.c13{left:7%!important;animation-delay:-3.48s!important}.jackpot-coin.c14{left:16%!important;animation-delay:-.51s!important}.jackpot-coin.c15{left:27%!important;animation-delay:-2.86s!important}.jackpot-coin.c16{left:36%!important;animation-delay:-1.04s!important}.jackpot-coin.c17{left:47%!important;animation-delay:-2.12s!important}.jackpot-coin.c18{left:56%!important;animation-delay:-.82s!important}.jackpot-coin.c19{left:65%!important;animation-delay:-3.27s!important}.jackpot-coin.c20{left:74%!important;animation-delay:-1.61s!important}.jackpot-coin.c21{left:83%!important;animation-delay:-2.41s!important}.jackpot-coin.c22{left:95%!important;animation-delay:-.34s!important}.jackpot-coin.c23{left:10%!important;animation-delay:-1.95s!important}.jackpot-coin.c24{left:20%!important;animation-delay:-3.11s!important}.jackpot-coin.c25{left:30%!important;animation-delay:-.97s!important}.jackpot-coin.c26{left:39%!important;animation-delay:-2.67s!important}.jackpot-coin.c27{left:52%!important;animation-delay:-.22s!important}.jackpot-coin.c28{left:62%!important;animation-delay:-1.35s!important}.jackpot-coin.c29{left:71%!important;animation-delay:-3.55s!important}.jackpot-coin.c30{left:80%!important;animation-delay:-2.03s!important}.jackpot-coin.c31{left:89%!important;animation-delay:-.72s!important}.jackpot-coin.c32{left:2%!important;animation-delay:-2.31s!important}.jackpot-coin.c33{left:34%!important;animation-delay:-3.36s!important}.jackpot-coin.c34{left:58%!important;animation-delay:-1.56s!important}.jackpot-coin.c35{left:76%!important;animation-delay:-.43s!important}.jackpot-coin.c36{left:99%!important;animation-delay:-2.74s!important}
.jackpot-coin:nth-child(3n){width:11px!important;height:11px!important;animation-duration:4.05s!important}.jackpot-coin:nth-child(4n){width:7px!important;height:7px!important;animation-duration:3.25s!important}
@keyframes nt77-jackpot-coin-shower{0%{transform:translate3d(-3px,-18px,0) rotate(0deg) scale(.62);opacity:0}10%,79%{opacity:.95}100%{transform:translate3d(5px,86px,0) rotate(330deg) scale(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.jackpot-coin:nth-child(-n+36){animation:none!important;opacity:.65!important}}

/* Mobile performance: 18 small compositor-only coins feel denser and faster
   without asking a phone GPU to animate all 36 layers. */
@media(max-width:600px){
  .jackpot-coin:nth-child(n+19){display:none!important}
  .jackpot-coin:nth-child(-n+18){width:7px!important;height:7px!important;box-shadow:inset -1px -1px 1px rgba(88,47,0,.32),0 0 3px rgba(255,213,42,.42)!important;animation-duration:3.35s!important}
  .jackpot-coin:nth-child(-n+18)::before{display:none!important}
}

/* Source: assets/css/home-scroll-performance.css */
/* Mobile scrolling budget: retain the layout, remove the continuous repaints. */
@media (max-width: 600px) {
  .promo-card-inner::after,
  .promo-card-badge::after,
  .referral-banner::after {
    animation: none !important;
    opacity: 0 !important;
  }

  #shareReferralButton,
  #shareReferralButton::before,
  #shareReferralButton::after,
  .gift-box,
  .gift-box i::before,
  .gift-box i::after {
    animation: none !important;
    will-change: auto !important;
  }

  .nt77-bottom-nav {
    background: #fff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .promo-rail-section,
  .referral-banner,
  .hot-games-section,
  .monthly-rtp-section {
    content-visibility: auto;
    contain-intrinsic-size: auto 260px;
  }
}

/* Source: assets/css/shared-shell-parity.css */
/* One stable NT77 shell: the homepage and every member page share these exact measurements. */
.header{min-height:64px!important;padding:8px 12px!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;background:rgba(255,255,255,.98)!important}
.brand{width:136px!important;height:48px!important}.brand img{width:136px!important;height:auto!important}
.header-controls{gap:10px!important}.header-member-balance{font-size:12.1px!important;font-weight:900!important;line-height:1!important;font-variant-numeric:tabular-nums!important}
.notice{top:64px!important;height:20px!important;background:var(--green-deep)!important}.notice-icon{flex-basis:22px!important}.notice-track{animation-duration:17.14s!important;animation-delay:var(--nt77-notice-delay,0s)!important}
.page-main,.public-main,#main-content{padding-top:11px!important}.nt77-shared-auth-shell .auth-promo{margin-top:11px!important}
.nt77-shared-reward-shell .rg-shell{width:min(100%,540px)!important;min-height:100vh!important;background:#eff5f0!important;box-shadow:0 0 28px rgba(0,54,26,.13)!important}.nt77-shared-reward-shell .rg-main{padding:11px 10px calc(80px + env(safe-area-inset-bottom))!important;background:#eff5f0!important}
.nt77-guest-signin-note{position:fixed;z-index:2147483647;right:50%;bottom:74px;width:max-content;max-width:calc(100vw - 32px);padding:11px 14px;border-radius:11px;background:#063b24;color:#fff;font:800 11px/1.2 Arial,sans-serif;box-shadow:0 8px 22px rgba(0,41,20,.28);opacity:0;pointer-events:none;transform:translate(50%,12px);transition:opacity .18s ease,transform .18s ease}.nt77-guest-signin-note.is-visible{opacity:1;transform:translate(50%,0)}
.footer{margin-top:10px!important;background:#fff!important;border-top:4px solid var(--green-deep)!important}.footer-copy{padding:10px 14px!important;font-size:8px!important}
.nt77-bottom-nav{height:calc(58px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.98)!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;font-size:7px!important;line-height:9px!important}.nt77-nav-icon{top:6px!important}.nt77-bonus-emblem{top:-9px!important}
@media(max-width:360px){.header{padding-inline:9px!important}.brand,.brand img{width:124px!important}.header-controls{gap:6px!important}.nt77-nav-item b,.nt77-nav-bonus b{font-size:6.2px!important}}

/* One shared header and wallet layer across every member page. */
.notice,.notice.is-jackpot{background:#063b24!important;color:#fff!important}.notice-window{background:transparent!important}.notice-track,.notice-track span{color:#fff!important}.notice-track b{color:#ffce1c!important}
.member-wallet-panel.is-body-mounted{position:fixed!important;z-index:2147483647!important;top:max(74px,calc(env(safe-area-inset-top) + 64px))!important;right:max(8px,calc((100vw - 540px)/2 + 8px))!important;left:auto!important;bottom:auto!important;width:min(330px,calc(100vw - 24px))!important;max-height:calc(100dvh - 78px)!important;overflow-y:auto!important}
.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-panel.is-body-mounted .member-wallet-balance-label,.member-wallet-panel.is-body-mounted .member-wallet-balance-value{justify-self:center!important;text-align:center!important;font-family:"Roboto Condensed",Arial,sans-serif!important;font-size:20px!important;font-weight:900!important;letter-spacing:0!important;white-space:nowrap!important}

/* NT77 wallet: a bright, white member card with clear green-and-gold actions. */
.member-wallet-panel,.member-wallet-panel.is-body-mounted{padding:10px!important;border:2px solid #0a8140!important;border-radius:18px!important;background:#fff!important;box-shadow:0 18px 42px rgba(2,43,23,.28),inset 0 1px 0 rgba(255,255,255,.9)!important}.member-wallet-panel::before{background:#f7fcf8!important;border-color:#0a8140!important}.member-wallet-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 8px!important;padding:0!important;background:transparent!important}.member-wallet-head::before{content:"MEMBER WALLET";color:#075d30;font:900 10px/1 Arial,sans-serif;letter-spacing:.12em}.member-wallet-close{width:28px!important;height:28px!important;border:1px solid #e2b63b!important;border-radius:9px!important;background:#ffce1c!important;color:#063b24!important;font-size:20px!important;font-weight:900!important;line-height:1!important;box-shadow:0 3px 0 rgba(0,42,22,.12)!important}.member-wallet-details{padding:4px 0!important;border:1px solid #cbe4d2!important;border-radius:12px!important;background:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.96)!important}.member-wallet-row{grid-template-columns:80px minmax(0,1fr)!important;gap:7px!important;min-height:27px!important;padding:4px 9px!important;border-bottom:1px solid #dbe9df!important}.member-wallet-row:nth-child(even){background:#f3faf5}.member-wallet-label{color:#527060!important;font-size:7px!important;font-weight:1000!important;letter-spacing:.07em!important}.member-wallet-value{color:#074d2a!important;font-size:9px!important;font-weight:1000!important}.member-wallet-value.is-missing-link{color:#057b36!important}.member-wallet-balance-box{margin-top:8px!important;padding:11px 10px!important;border:1px solid #0a8140!important;border-radius:12px!important;background:linear-gradient(110deg,#07572d,#0aa345 70%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important}.member-wallet-balance-label{color:#fff4ae!important;font-size:8px!important;font-weight:1000!important;letter-spacing:.09em!important}.member-wallet-balance-value{color:#fff!important;font-size:20px!important;font-weight:1000!important;text-shadow:0 1px 0 rgba(0,45,25,.28)!important}.wallet-withdrawal-requirements{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-top:8px!important}.wallet-withdrawal-requirements[hidden]{display:none!important}.wallet-requirement-box{display:grid;gap:3px;min-width:0;padding:6px 4px;border:1px solid #cbe4d2;border-radius:8px;background:#f8fcf9;color:#07532c;text-align:center}.wallet-requirement-box b{display:block;min-width:0;color:#527060;font:1000 5.5px/1 Arial,sans-serif;letter-spacing:.03em;white-space:nowrap}.wallet-requirement-box b strong{color:#07823a;font-size:7px}.wallet-requirement-box span{overflow:hidden;color:#07532c;font:1000 7.5px/1.05 "Roboto Condensed",Arial,sans-serif;white-space:nowrap;text-overflow:ellipsis}.wallet-requirement-box small{overflow:hidden;color:#678172;font:800 5.4px/1 Arial,sans-serif;white-space:nowrap;text-overflow:ellipsis}.wallet-requirement-box i{display:block;height:4px;overflow:hidden;border-radius:99px;background:#dcefe1}.wallet-requirement-box i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#078e3e,#64c86b);transition:width .35s ease}.wallet-requirement-box--turnover b strong{color:#a97000}.wallet-requirement-box--turnover i em{background:linear-gradient(90deg,#e7ad00,#ffcf24)}.member-wallet-actions{gap:8px!important;margin-top:9px!important}.member-wallet-action{min-height:38px!important;border:1px solid #bfe1c7!important;border-radius:10px!important;background:#fff!important;color:#076e31!important;font-size:8px!important;font-weight:1000!important;text-transform:uppercase!important;box-shadow:0 3px 0 rgba(0,49,25,.1)!important}.member-wallet-action.is-primary{border-color:#16a34a!important;background:#0aa143!important;color:#fff!important}.member-wallet-action.is-yellow{border-color:#ffdc47!important;background:#ffce1c!important;color:#063b24!important}.member-wallet-action.is-wide{border-color:#0a8140!important;background:#f2faf4!important;color:#076e31!important}.member-wallet-status{color:#547060!important;font-size:7px!important;font-weight:700!important}

/* Official flag artwork: small, plain rectangles are clearer than stylised circles. */
.language-flag{display:inline-block!important;width:22px!important;height:14px!important;flex:0 0 22px;overflow:hidden;border:1px solid rgba(6,59,36,.18)!important;border-radius:2px!important;background:center/cover no-repeat url("../flags/au.svg")!important;font-size:0!important;line-height:1!important;box-shadow:0 1px 2px rgba(0,45,26,.16)}
.language-flag::before,.language-flag::after{display:none!important;content:none!important}
.settings-language-options button[data-country="cn"] .language-flag,.settings-language-current[data-country="cn"] .language-flag{background-image:url("../flags/cn.svg")!important}
.settings-language-options button[data-country="vn"] .language-flag,.settings-language-current[data-country="vn"] .language-flag{background-image:url("../flags/vn.svg")!important}
.settings-language-options button[data-country="sa"] .language-flag,.settings-language-current[data-country="sa"] .language-flag{background-image:url("../flags/sa.svg")!important}
.settings-language-options button[data-country="ru"] .language-flag,.settings-language-current[data-country="ru"] .language-flag{background-image:url("../flags/ru.svg")!important}
.member-wallet-balance-box{border-color:#bfe3c8!important;background:linear-gradient(145deg,#fff,#f2faf4)!important;box-shadow:0 2px 7px rgba(2,70,32,.08)!important}.member-wallet-balance-label{color:#547060!important}.member-wallet-balance-value{color:#08743a!important;text-shadow:none!important}.wallet-withdrawal-requirements{grid-template-columns:1fr!important;gap:6px!important;margin-top:8px!important}.wallet-requirement-box{grid-template-columns:1fr auto!important;align-items:center!important;gap:4px 8px!important;padding:8px!important;border-radius:9px!important;text-align:left!important}.wallet-requirement-box b{font-size:7px!important}.wallet-requirement-box b strong{font-size:8px!important}.wallet-requirement-box span{justify-self:end;font-size:8px!important}.wallet-requirement-box small{grid-column:1/2;overflow:visible!important;font-size:6px!important;white-space:normal!important;text-overflow:clip!important}.wallet-requirement-box i{grid-column:1/-1;height:5px!important}.wallet-requirement-box--turnover{border-color:#ecd884!important;background:linear-gradient(145deg,#fffef7,#fff9df)!important}.wallet-requirement-box--turnover b,.wallet-requirement-box--turnover b strong{color:#9a6a00!important}.wallet-requirement-box--turnover i{background:#f3e7b9!important}

/* Source: assets/css/lucky-wheel-copy-alignment.css */
/* Keep every piece of offer copy on one clean left edge. */
.hero-lucky-wheel-topup .hero-kicker,
.hero-lucky-wheel-topup h1,
.hero-lucky-wheel-topup .hero-lucky-wheel-value,
.hero-lucky-wheel-topup .hero-copy,
.hero-lucky-wheel-topup .hero-lucky-wheel-note,
.hero-lucky-wheel-topup .hero-actions {
  align-self: flex-start !important;
  text-align: left !important;
}

/* Offer copy left, wheel right: keep both sides clear and balanced. */
.hero-lucky-wheel-topup-art {
  transform: scaleX(-1) !important;
  filter: saturate(1.1) contrast(1.05) !important;
}

.hero-lucky-wheel-topup .hero-content {
  right: auto !important;
  left: 0 !important;
  padding: 13px 7px 12px 12px !important;
  background: linear-gradient(90deg, rgba(0,17,9,.97) 0%, rgba(0,23,12,.78) 58%, rgba(0,28,15,.2) 90%, rgba(0,34,18,0) 100%) !important;
}

.hero-lucky-wheel-topup::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: -18% -10% !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 24% 52%, rgba(255,219,82,.28) 0 2%, transparent 12%),
    radial-gradient(circle at 38% 28%, rgba(255,103,34,.22) 0 1%, transparent 10%),
    radial-gradient(circle at 67% 17%, rgba(255,222,106,.18) 0 1%, transparent 13%) !important;
  mix-blend-mode: screen !important;
  animation: luckyWheelShimmer 2.8s ease-in-out infinite alternate !important;
}

.hero-lucky-wheel-topup .hero-kicker,
.hero-lucky-wheel-topup h1,
.hero-lucky-wheel-topup .hero-lucky-wheel-value {
  position: relative !important;
  z-index: 2 !important;
}

.hero-lucky-wheel-topup .hero-lucky-wheel-value {
  color: #fff4a8 !important;
  text-shadow: 0 0 8px rgba(255,208,51,.72), 0 2px 4px rgba(0,0,0,.9) !important;
}

.hero-lucky-wheel-topup .hero-lucky-wheel-prizes {
  position: relative !important;
  z-index: 2 !important;
  margin: 1px 0 5px !important;
  color: #ffd761 !important;
  font-size: 6.5px !important;
  font-weight: 700 !important;
  letter-spacing: .055em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 7px rgba(255,196,48,.45), 0 2px 3px rgba(0,0,0,.86) !important;
}

@keyframes luckyWheelShimmer {
  from { opacity: .42; transform: translateX(-2%) scale(.98); }
  to { opacity: .92; transform: translateX(2%) scale(1.03); }
}

/* Exclusive bonus chest: a dark, uncluttered copy column faces the prize chest. */
.hero-exclusive-rewards { position: relative !important; overflow: hidden !important; background: #031c12 !important; }
.hero-exclusive-rewards-art { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; pointer-events: none !important; user-select: none !important; -webkit-user-drag: none !important; }
.hero-exclusive-rewards .hero-content { position: absolute !important; z-index: 2 !important; inset: 0 auto 0 0 !important; display: flex !important; width: 52% !important; box-sizing: border-box !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; padding: 13px 5px 12px 13px !important; background: linear-gradient(90deg, rgba(0,20,12,.98), rgba(0,22,13,.85) 62%, rgba(0,22,13,0) 100%) !important; text-align: left !important; text-shadow: 0 2px 5px rgba(0,0,0,.92) !important; }
.hero-exclusive-rewards .hero-kicker { margin: 0 0 4px !important; color: #ffe078 !important; font-size: 6px !important; letter-spacing: .08em !important; text-transform: uppercase !important; }
.hero-exclusive-rewards h1 { margin: 0 !important; color: #fff7d7 !important; font-size: 20px !important; line-height: .94 !important; letter-spacing: -.04em !important; text-align: left !important; }
.hero-exclusive-rewards h1 span { display: block !important; color: #f6d45b !important; }
.hero-exclusive-rewards-value { display: block !important; margin: 6px 0 4px !important; color: #fff2a1 !important; font-size: 8.8px !important; letter-spacing: .035em !important; line-height: 1 !important; text-shadow: 0 0 8px rgba(255,207,55,.72), 0 2px 4px rgba(0,0,0,.9) !important; }
.hero-exclusive-rewards .hero-copy { max-width: 142px !important; margin: 3px 0 !important; color: #ecf3e6 !important; font-size: 7px !important; font-weight: 400 !important; line-height: 1.2 !important; text-align: left !important; }
.hero-exclusive-rewards-note { display: block !important; max-width: 140px !important; margin: 1px 0 0 !important; color: #d4b65e !important; font-size: 5.8px !important; font-weight: 400 !important; line-height: 1.2 !important; text-align: left !important; }
@media (max-width: 370px) { .hero-exclusive-rewards .hero-content { width: 54% !important; padding: 10px 4px 10px 9px !important; } .hero-exclusive-rewards h1 { font-size: 18px !important; } .hero-exclusive-rewards-value { font-size: 7.8px !important; } .hero-exclusive-rewards .hero-copy { max-width: 126px !important; font-size: 6.4px !important; } .hero-exclusive-rewards-note { max-width: 124px !important; font-size: 5px !important; } }

@media (max-width: 370px) {
  .hero-lucky-wheel-topup .hero-content {
    padding: 10px 5px 10px 9px !important;
  }

  .hero-lucky-wheel-topup .hero-lucky-wheel-prizes {
    font-size: 5.7px !important;
  }
}

/* One readable campaign type scale across all four homepage banners. */
.hero-september-vpower .hero-kicker,
.hero-provider-universe .hero-kicker,
.hero-lucky-wheel-topup .hero-kicker,
.hero-exclusive-rewards .hero-kicker {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: .08em !important;
}

.hero-september-vpower h1,
.hero-provider-universe h1,
.hero-lucky-wheel-topup h1,
.hero-exclusive-rewards h1 {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  line-height: .94 !important;
  letter-spacing: -.04em !important;
}

.hero-september-vpower .hero-copy,
.hero-provider-universe .hero-copy,
.hero-lucky-wheel-topup .hero-copy,
.hero-exclusive-rewards .hero-copy {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1.24 !important;
}

.hero-lucky-wheel-value,
.hero-exclusive-rewards-value {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: .045em !important;
}

.hero-lucky-wheel-note,
.hero-exclusive-rewards-note,
.hero-lucky-wheel-prizes {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 7px !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
}

@media (max-width: 370px) {
  .hero-september-vpower h1,
  .hero-provider-universe h1,
  .hero-lucky-wheel-topup h1,
  .hero-exclusive-rewards h1 { font-size: 23px !important; }
  .hero-september-vpower .hero-copy,
  .hero-provider-universe .hero-copy,
  .hero-lucky-wheel-topup .hero-copy,
  .hero-exclusive-rewards .hero-copy { font-size: 8px !important; }
  .hero-lucky-wheel-value,
  .hero-exclusive-rewards-value { font-size: 9px !important; }
  .hero-lucky-wheel-note,
  .hero-exclusive-rewards-note,
  .hero-lucky-wheel-prizes { font-size: 6.5px !important; }
}

/* Referral banner action: compact, clear and visually tied to the campaign type. */
.hero-referral-lifetime .hero-actions {
  margin: 8px 0 0 !important;
  padding: 0 !important;
}

.hero-referral-lifetime .button {
  min-height: 27px !important;
  padding: 7px 14px !important;
  border: 1px solid #f8d363 !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg, #168752, #07542f) !important;
  box-shadow: 0 2px 0 #01331c, 0 4px 9px rgba(0,0,0,.34) !important;
  color: #fff5bd !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .09em !important;
  line-height: 1 !important;
}

.hero-random-jackpot .hero-actions { margin: 8px 0 0 !important; padding: 0 !important; }
.hero-random-jackpot .button {
  min-height: 27px !important;
  padding: 7px 12px !important;
  border: 1px solid #f8d363 !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg, #168752, #07542f) !important;
  box-shadow: 0 2px 0 #01331c, 0 4px 9px rgba(0,0,0,.34) !important;
  color: #fff5bd !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .07em !important;
  line-height: 1 !important;
}


@media (max-width: 370px) {
  .hero-referral-lifetime .hero-actions { margin-top: 6px !important; }
  .hero-referral-lifetime .button { min-height: 25px !important; padding: 6px 12px !important; font-size: 7px !important; }
  .hero-random-jackpot .hero-actions { margin-top: 6px !important; }
  .hero-random-jackpot .button { min-height: 25px !important; padding: 6px 10px !important; font-size: 7px !important; }
}

/* VIP benefit banner: a compact CTA that matches the campaign typography. */
.hero-vip-benefits .hero-actions { margin: 7px 0 0 !important; padding: 0 !important; }
.hero-vip-benefits .button {
  min-height: 27px !important;
  padding: 7px 14px !important;
  border: 1px solid #f8d363 !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg, #168752, #07542f) !important;
  box-shadow: 0 2px 0 #01331c, 0 4px 9px rgba(0,0,0,.34) !important;
  color: #fff5bd !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
}
@media (max-width: 370px) {
  .hero-vip-benefits .hero-actions { margin-top: 6px !important; }
  .hero-vip-benefits .button { min-height: 25px !important; padding: 6px 12px !important; font-size: 7px !important; }
}

/* Every phone now uses one 3:2 campaign frame: artwork and copy retain the same composition. */
.hero-carousel .hero-banner {
  width: 100% !important;
  min-height: 0 !important;
  aspect-ratio: 3 / 2 !important;
}

/* Random Jackpot participation notice. */
.modal.jackpot-entry-modal {
  background: rgba(0, 28, 15, .72) !important;
  backdrop-filter: blur(7px) !important;
}
.modal.jackpot-entry-modal .modal-card {
  position: relative !important;
  overflow: hidden !important;
  border: 2px solid #f5c94f !important;
  background: linear-gradient(145deg, #ffffff, #f3fbf5 58%, #fffdf0) !important;
  box-shadow: 0 20px 52px rgba(0,0,0,.38), inset 0 1px #fff !important;
  width: min(300px, calc(100% - 38px)) !important;
  padding: 15px !important;
}
.modal.jackpot-entry-modal .modal-card::before {
  display: none !important;
}
.modal.jackpot-entry-modal .modal-card h3 {
  margin: 0 0 9px !important;
  color: #075b2d !important;
  font-size: 20px !important;
  line-height: .98 !important;
}
.modal.jackpot-entry-modal .modal-card p {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin: 0 0 11px !important;
  color: #365444 !important;
}
.jackpot-entry-amount {
  display: inline-block !important;
  align-self: flex-start !important;
  padding: 7px 10px !important;
  border: 1px solid #ffdc72 !important;
  border-radius: 8px !important;
  background: #fff7cd !important;
  color: #866100 !important;
  font: 900 12px/1 Arial, sans-serif !important;
  letter-spacing: .05em !important;
}
.jackpot-entry-description { color: #315342 !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.3 !important; }
.jackpot-entry-auto { display: block !important; padding: 8px 10px !important; border-radius: 8px !important; background: #e8f7ed !important; color: #08763a !important; font: 900 10px/1.15 Arial, sans-serif !important; letter-spacing: .035em !important; }
.jackpot-entry-note { padding-top: 6px !important; border-top: 1px solid #d8e8dc !important; color: #08733a !important; font-size: 8px !important; font-weight: 700 !important; line-height: 1.25 !important; }
.modal.jackpot-entry-modal .button-outline { display: none !important; }
.modal.jackpot-entry-modal .modal-actions { justify-content: stretch !important; }
.modal.jackpot-entry-modal .button-green { width: 100% !important; min-height: 33px !important; border-color: #f9d568 !important; background: linear-gradient(180deg, #12a951, #06743a) !important; color: #fff9d7 !important; font-size: 9px !important; font-weight: 900 !important; letter-spacing: .1em !important; }

/* Source: assets/css/bonus-side-promos.css */
/* Bonus page only: quick category rail with short, easy-to-scan offers. */
.bonus-offer-layout{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;align-items:start}
.bonus-category-rail{position:sticky;top:92px;display:grid;gap:7px;margin:0;padding:7px 6px;border:1px solid #d4e8d9;border-radius:17px;background:linear-gradient(180deg,#fafffa,#edf8ef);overflow:visible;box-shadow:0 7px 16px rgba(3,70,32,.06)}
.bonus-category-rail .filter-chip{display:flex;align-items:center;min-width:0;min-height:38px;padding:7px 8px;border:1px solid #c8e5d1;border-radius:10px;background:#fff;color:#08753a;font-size:7px;font-weight:900;line-height:1.1;letter-spacing:0;white-space:normal;text-align:left;box-shadow:none}
.bonus-category-rail .filter-chip::before{width:4px;height:4px;margin-right:6px;border-radius:50%;background:#70b783;content:"";flex:0 0 auto}
.bonus-category-rail .filter-chip.is-active{position:relative;isolation:isolate;border-color:#075d30;background:linear-gradient(135deg,#075d30,#079542);color:#fff;box-shadow:0 5px 10px rgba(2,74,30,.18)}.bonus-category-rail .filter-chip.is-active::after{position:absolute;z-index:-1;inset:-2px;border-radius:12px;padding:2px;background:conic-gradient(from 0deg,transparent 0 18%,#fff4a6 27%,transparent 36% 61%,#fff4a6 71%,transparent 80%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:nt77CategoryRun 2.1s linear infinite;content:""}@keyframes nt77CategoryRun{to{transform:rotate(1turn)}}
.bonus-category-rail .filter-chip.is-active::before{background:#ffce1c;box-shadow:0 0 0 3px rgba(255,206,28,.18)}
.bonus-offer-layout .promo-list{display:grid;gap:11px}
.bonus-offer-layout .promo-card{min-height:0;margin:0;padding:13px;border-color:#c8e5d1;border-radius:15px;background:linear-gradient(135deg,#fff,#f7fff8);box-shadow:0 7px 14px rgba(3,70,32,.07)}
.bonus-offer-layout .promo-card[hidden]{display:none!important}
.bonus-offer-layout .promo-card .promo-top{display:none!important}
.bonus-offer-layout .promo-card.is-featured{border-color:#f0c323;background:linear-gradient(135deg,#fffdf1,#f6ffef)}
.bonus-offer-layout .promo-top{margin-bottom:7px}
.bonus-offer-layout .promo-card h3{margin:0 0 4px;color:#053d25;font-size:18px;line-height:1.03}
.bonus-offer-layout .promo-card>p{min-height:0;margin:0;color:#466654;font-size:10px;line-height:1.35}
.bonus-offer-layout .promo-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:10px 0 9px}
.bonus-offer-layout .promo-fact{min-height:42px;padding:7px 8px;border:1px solid #dceee1;border-radius:9px;background:#fbfffb}
.bonus-offer-layout .promo-fact small{font-size:7px}
.bonus-offer-layout .promo-fact strong{font-size:9px;line-height:1.1}
.bonus-offer-layout .promo-actions{grid-template-columns:1.2fr .8fr;gap:6px}
.bonus-offer-layout .promo-actions .button{min-height:33px;padding:7px 5px;font-size:7px;white-space:nowrap}
@media (min-width:620px){.bonus-offer-layout{grid-template-columns:126px minmax(0,1fr)}.bonus-category-rail .filter-chip{min-height:42px;font-size:8px}.bonus-offer-layout .promo-list{grid-template-columns:repeat(2,minmax(0,1fr))}.bonus-offer-layout .promo-card{height:100%}}
@media (max-width:360px){.bonus-offer-layout{grid-template-columns:88px minmax(0,1fr);gap:7px}.bonus-category-rail{padding:5px}.bonus-category-rail .filter-chip{min-height:35px;padding:5px 6px;font-size:6px}.bonus-offer-layout .promo-card{padding:11px}.bonus-offer-layout .promo-card h3{font-size:16px}.bonus-offer-layout .promo-actions .button{font-size:6.5px}}

/* All Offers uses compact NT77 reward passes. Category views keep the full cards above. */
.bonus-offer-layout.is-all-offers .promo-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bonus-offer-layout.is-all-offers .promo-card{position:relative;display:flex;min-height:140px;padding:8px;overflow:hidden;border:1px solid #e2b915;border-radius:13px;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.18) 0 2px,transparent 2.5px) 0 0/18px 18px,linear-gradient(160deg,#064c2e 0%,#078840 63%,#ffd329 63.5%,#ffe779 100%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.26),0 5px 10px rgba(3,61,31,.14);text-align:center}
.bonus-offer-layout.is-all-offers .promo-card::after{position:absolute;top:53px;left:50%;width:51px;height:51px;border:2px solid rgba(255,255,255,.78);border-radius:15px;background:linear-gradient(145deg,#ffe978,#f8bf12);box-shadow:inset 0 0 0 3px rgba(7,105,53,.12),0 4px 0 rgba(4,70,35,.16);content:"NT77";transform:translateX(-50%) rotate(-3deg);color:#07572f;font-size:12px;font-weight:1000;line-height:51px;letter-spacing:-.04em;pointer-events:none}
.bonus-offer-layout.is-all-offers .promo-top{position:absolute;top:7px;left:7px;z-index:1;margin:0}
.bonus-offer-layout.is-all-offers .promo-top .promo-tag:last-child{display:none}
.bonus-offer-layout.is-all-offers .promo-tag{padding:3px 6px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:#ffcf20;color:#064b2c;font-size:6px;letter-spacing:.03em}
.bonus-offer-layout.is-all-offers .promo-card>h3{position:relative;z-index:1;align-self:flex-start;width:100%;margin:25px 0 0;color:#fff;font-size:10px;line-height:1.04;text-shadow:0 1px 1px rgba(0,0,0,.28);text-transform:uppercase}
.bonus-offer-layout.is-all-offers .promo-card>p,.bonus-offer-layout.is-all-offers .promo-facts{display:none}
.bonus-offer-layout.is-all-offers .promo-actions{position:absolute;z-index:2;right:7px;bottom:8px;left:7px;display:flex;justify-content:center}
.bonus-offer-layout.is-all-offers .promo-actions .button:first-child{display:grid;width:100%;min-width:0;min-height:25px;place-items:center;padding:3px 7px;border:1px solid #fff6a8;border-radius:8px;background:linear-gradient(180deg,#0aa047,#05662f);box-shadow:inset 0 0 0 1px rgba(255,213,41,.85),0 2px 4px rgba(4,63,27,.25);color:#fff;font-size:0;text-shadow:0 1px 1px rgba(0,0,0,.38)}
.bonus-offer-layout.is-all-offers .promo-actions .button:first-child::after{font-size:8px;font-weight:900;content:"CLAIM"}
.bonus-offer-layout.is-all-offers .promo-actions .button:last-child{display:none}
@media(max-width:439px){.bonus-offer-layout.is-all-offers .promo-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bonus-offer-layout.is-all-offers .promo-card{min-height:137px;padding:6px}.bonus-offer-layout.is-all-offers .promo-card>h3{font-size:8px}.bonus-offer-layout.is-all-offers .promo-card::after{top:51px;width:43px;height:43px;border-radius:13px;font-size:10px;line-height:43px}.bonus-offer-layout.is-all-offers .promo-actions{right:6px;bottom:7px;left:6px}}
@media(min-width:620px){.bonus-offer-layout.is-all-offers .promo-card{min-height:154px}.bonus-offer-layout.is-all-offers .promo-card>h3{font-size:11px}.bonus-offer-layout.is-all-offers .promo-card::after{top:57px;width:55px;height:55px;font-size:13px;line-height:55px}}
@media(max-width:340px){.bonus-offer-layout.is-all-offers .promo-list{grid-template-columns:repeat(2,minmax(0,1fr))}.bonus-offer-layout.is-all-offers .promo-card>h3{font-size:9px}}

/* Refined compact reward passes: the NT77 mark supports the offer title instead
   of competing with it.  These are intentionally shorter than the full offer cards. */
.bonus-offer-layout.is-all-offers .promo-card{min-height:98px;padding:7px;border-color:#c9dfd0;border-radius:12px;background:linear-gradient(145deg,#fbfffc 0%,#edf8ef 62%,#fff6c8 100%);box-shadow:0 5px 10px rgba(3,61,31,.09);isolation:isolate}
.bonus-offer-layout.is-all-offers .promo-card::before{position:absolute;z-index:-1;inset:7px;background:url("../embedded/embedded-001-448deaf84b.webp") center/58px no-repeat;opacity:.13;content:"";filter:saturate(.85)}
.bonus-offer-layout.is-all-offers .promo-card::after{display:none}
.bonus-offer-layout.is-all-offers .promo-top{top:6px;left:6px}
.bonus-offer-layout.is-all-offers .promo-tag{padding:2px 5px;border-color:#f1ca31;background:#ffdc48;color:#07512d;font-size:5.8px}
.bonus-offer-layout.is-all-offers .promo-card>h3{align-self:center;z-index:1;margin:12px 1px 20px;color:#064525;font-size:10px;font-weight:1000;line-height:1.04;text-shadow:0 1px 0 rgba(255,255,255,.75);letter-spacing:-.025em}
.bonus-offer-layout.is-all-offers .promo-actions{right:7px;bottom:7px;left:7px}
.bonus-offer-layout.is-all-offers .promo-actions .button:first-child{min-height:21px;border-color:#087336;border-radius:7px;background:linear-gradient(180deg,#0a9a45,#057137);box-shadow:0 2px 4px rgba(4,63,27,.18);font-size:0}
.bonus-offer-layout.is-all-offers .promo-actions .button:first-child::after{font-size:7px;letter-spacing:.02em}
@media(max-width:439px){.bonus-offer-layout.is-all-offers .promo-card{min-height:96px;padding:6px}.bonus-offer-layout.is-all-offers .promo-card::before{background-size:52px}.bonus-offer-layout.is-all-offers .promo-card>h3{font-size:8.7px}.bonus-offer-layout.is-all-offers .promo-actions{right:6px;bottom:6px;left:6px}}
@media(min-width:620px){.bonus-offer-layout.is-all-offers .promo-card{min-height:108px}.bonus-offer-layout.is-all-offers .promo-card>h3{font-size:11.5px}.bonus-offer-layout.is-all-offers .promo-card::before{background-size:64px}}

/* Selected categories are quick, compact claim cards. Opening Claim shows the full rules. */
.bonus-offer-layout:not(.is-all-offers) .promo-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;height:78px;min-height:78px;padding:10px 11px;overflow:hidden;border-color:#c8e6d0;border-radius:14px;background:linear-gradient(135deg,#fff 0%,#f5fff6 58%,#e3f7e8 100%);box-shadow:0 7px 16px rgba(24,136,66,.14),inset 0 1px 0 rgba(255,255,255,.95)}
.bonus-offer-layout:not(.is-all-offers) .promo-card::before{display:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card::after{display:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card>p,.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-facts{display:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-top{position:absolute;z-index:6;top:-1px;right:7px;left:auto;display:block!important;margin:0}.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag{position:relative;display:inline-block;padding:3px 6px 3px 7px;border:1px solid #ffe781;border-radius:0 0 3px 3px;background:linear-gradient(135deg,#ffd84b,#f0a50b);box-shadow:0 2px 3px rgba(94,57,0,.28),inset 0 1px 0 rgba(255,255,255,.52);color:#07522d;font-size:5px;font-weight:1000;line-height:1;letter-spacing:.05em;text-shadow:0 1px 0 rgba(255,255,255,.35)}.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag::after{position:absolute;right:-1px;bottom:-4px;border-width:3px 3px 0 0;border-style:solid;border-color:#b96d00 transparent transparent transparent;content:""}.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag:not(.is-yellow){border-color:#ffe781;background:linear-gradient(135deg,#ffd84b,#f0a50b);color:#07522d;text-shadow:0 1px 0 rgba(255,255,255,.35)}.bonus-offer-layout:not(.is-all-offers) .promo-card h3{position:relative;z-index:1;margin:13px 0 0;color:#064525;font-size:13px;font-weight:1000;line-height:1.08;text-transform:uppercase;letter-spacing:-.02em;text-shadow:0 1px 0 #fff}.bonus-offer-layout:not(.is-all-offers) .promo-actions{position:relative;z-index:7;display:block;margin:0}.bonus-offer-layout:not(.is-all-offers) .promo-actions .button:first-child{position:relative;min-width:78px;min-height:35px;padding:5px 8px;overflow:hidden;border:1px solid #fff38d;border-radius:11px;background:linear-gradient(180deg,#ffdc45 0%,#f3b911 52%,#d99000 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(129,78,0,.4),0 4px 9px rgba(0,37,17,.25);color:#07502b;font-size:0}.bonus-offer-layout:not(.is-all-offers) .promo-actions .button:first-child::before{position:absolute;top:-60%;left:-48%;width:28%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.84),transparent);content:"";transform:rotate(22deg);animation:nt77ClaimShine 2.2s ease-in-out infinite}.bonus-offer-layout:not(.is-all-offers) .promo-actions .button:first-child::after{position:relative;z-index:1;content:"CLAIM";font-size:7px;font-weight:1000}.bonus-offer-layout:not(.is-all-offers) .promo-actions .button:last-child{display:none}

/* Event offers receive the shared NT77 slot-and-coins artwork, with no generic card pattern. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card{grid-template-columns:minmax(0,1fr) auto;height:78px;min-height:78px;padding:10px 12px;overflow:hidden;border-color:#d6ae1e;background:linear-gradient(100deg,#034525 0%,#076e37 58%,#108e45 100%);box-shadow:0 8px 18px rgba(1,63,29,.26),inset 0 1px 0 rgba(255,238,137,.26)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before{position:absolute;z-index:2;top:50%;left:35%;display:block;width:292px;height:158px;background:url("../decor/nt77-slot-coins-event-v1.webp") center/contain no-repeat;content:"";filter:drop-shadow(0 4px 7px rgba(0,25,11,.34));opacity:.92;transform:translate(-50%,-50%);pointer-events:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::after{position:absolute;z-index:3;top:12px;right:20px;display:block;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff9bc 0 8%,#ffd84b 9% 43%,#e8aa10 44% 65%,#a96100 66% 100%);box-shadow:-20px 29px 0 -1px #eeb116,17px -7px 0 1px #f6c826,38px 27px 0 0 #e5a60d,59px 4px 0 -2px #ffd947,76px 34px 0 0 #d89100,-43px 9px 0 -2px #f6c826;content:"";animation:nt77EventCoinBling 1.65s ease-in-out infinite;pointer-events:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card h3{z-index:4;max-width:64%;margin-top:12px;color:#fff;font-size:10px;line-height:1.02;text-shadow:0 2px 2px rgba(0,38,18,.68)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card>p{position:relative;z-index:4;display:-webkit-box;grid-column:1;max-width:64%;margin:2px 0 0;overflow:hidden;color:#fff8d6;font-size:7px;font-weight:700;line-height:1.12;text-shadow:0 1px 1px rgba(0,38,18,.65);-webkit-box-orient:vertical;-webkit-line-clamp:2}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-actions{z-index:5;grid-column:2;grid-row:1 / span 2}
.bonus-offer-layout:not(.is-all-offers) .promo-card.daily-event-card .promo-top{position:absolute;z-index:6;top:-1px;right:7px;left:auto;display:block!important}.bonus-offer-layout:not(.is-all-offers) .promo-card.daily-event-card h3{margin-top:13px}.bonus-offer-layout:not(.is-all-offers) .promo-card.daily-event-card .promo-tag{padding:3px 6px 3px 7px;border-radius:0 0 3px 3px;background:linear-gradient(135deg,#ffd84b,#f0a50b);color:#064b2c;font-size:5px;font-weight:1000}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card{z-index:4;overflow:hidden;margin:0}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card::before{z-index:2;top:50%;right:auto;left:53%;width:150px;height:90px;opacity:.8;filter:drop-shadow(0 4px 6px rgba(0,30,12,.3));transform:translate(-50%,-50%)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card::after{z-index:3;top:14px;right:8px;width:9px;height:9px;box-shadow:-13px 19px 0 -1px #f2b719,12px -7px 0 0 #ffe04b,25px 15px 0 -1px #e6a707,37px 2px 0 -1px #ffd94a,49px 22px 0 -1px #e6a707,60px 7px 0 -1px #f6c72a,70px 28px 0 -2px #ffd947,82px 12px 0 -1px #e5a60d;animation-duration:1.6s}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card h3,.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card>p{z-index:4;max-width:61%}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-actions{z-index:7}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-top{top:-1px;right:7px;left:auto;overflow:visible;width:auto;height:auto}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-tag{position:relative;display:inline-flex;width:auto;align-items:center;min-height:auto;padding:3px 6px 3px 7px;border:1px solid #ffe781;border-radius:0 0 3px 3px;background:linear-gradient(135deg,#ffd84b,#f0a50b);box-shadow:0 2px 3px rgba(94,57,0,.28),inset 0 1px 0 rgba(255,255,255,.52);color:#07522d;font-size:5px;font-weight:1000;letter-spacing:.05em;text-align:center;text-shadow:none;transform:none;clip-path:none;animation:nt77JackpotTagPulse 1.7s ease-in-out infinite}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-tag::before{display:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-tag::after{display:none}
@keyframes nt77EventCoinBling{0%,100%{opacity:.38;filter:brightness(.85);transform:scale(.72)}50%{opacity:1;filter:brightness(1.3);transform:scale(1.08)}}
@keyframes nt77JackpotTagPulse{0%,100%{filter:brightness(1);box-shadow:0 2px 4px rgba(0,45,20,.28),inset 0 1px 0 rgba(255,255,255,.26)}50%{filter:brightness(1.24);box-shadow:0 0 0 2px rgba(255,217,63,.27),0 3px 7px rgba(0,45,20,.36),inset 0 1px 0 rgba(255,255,255,.42)}}
@media(max-width:390px){.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before{left:35%;width:252px;height:142px}.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card::before{top:50%;right:auto;left:53%;width:140px;height:84px}.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card h3,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card>p{max-width:59%}}
.bonus-offer-layout.is-all-offers .promo-actions .button:first-child{position:relative;overflow:hidden;animation:nt77ClaimAttention 2.2s ease-in-out infinite;will-change:transform,box-shadow,filter}
.bonus-offer-layout.is-all-offers .promo-actions .button:first-child::before{position:absolute;top:-70%;left:-48%;width:24%;height:240%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);content:"";transform:rotate(22deg);animation:nt77ClaimShine 2.2s ease-in-out infinite}
.bonus-offer-layout.is-all-offers .promo-actions .button:first-child::after{position:relative;z-index:1}
@keyframes nt77ClaimAttention{0%,100%{transform:translateY(0);filter:brightness(1);box-shadow:0 2px 4px rgba(0,73,39,.28)}50%{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 0 0 3px rgba(255,206,28,.24),0 5px 10px rgba(0,104,54,.28)}}
@keyframes nt77ClaimShine{0%,55%{left:-48%;opacity:0}60%{opacity:1}83%,100%{left:128%;opacity:0}}
@media(prefers-reduced-motion:reduce){.bonus-offer-layout .promo-actions .button:first-child{animation:none}}

/* One consistent compact banner size and premium corner-ribbon treatment for filtered offers. */
.bonus-offer-layout:not(.is-all-offers) .promo-card{height:80px;min-height:80px}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-top{top:-9px;right:auto;left:-9px;display:block!important;transform:rotate(-22.5deg);transform-origin:center}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag{position:relative;display:inline-block;min-width:44px;min-height:0;padding:5px 11px;border:1px solid #ffe66d;border-radius:0;background:linear-gradient(145deg,#0b9950 0%,#057338 56%,#034821 100%);box-shadow:0 3px 0 #9a6800,0 5px 10px rgba(0,37,15,.32),inset 0 1px 0 rgba(255,255,255,.34);color:#ffec78;font-size:5.8px;font-weight:1000;letter-spacing:.07em;line-height:1;text-align:center;text-shadow:0 1px 0 rgba(0,33,14,.76);clip-path:polygon(11% 0,89% 0,100% 50%,89% 100%,11% 100%,0 50%);animation:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag::before{display:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag::after{display:none}

/* Carry the same double-ended casino ribbon into the compact All Offers passes. */
.bonus-offer-layout.is-all-offers .promo-top{top:-2px;left:-3px;transform:rotate(-22.5deg);transform-origin:center}
.bonus-offer-layout.is-all-offers .promo-tag{min-width:31px;padding:3px 7px;border:1px solid #ffe66d;border-radius:0;background:linear-gradient(145deg,#0b9950 0%,#057338 56%,#034821 100%);box-shadow:0 2px 0 #9a6800,0 3px 6px rgba(0,37,15,.28),inset 0 1px 0 rgba(255,255,255,.34);color:#ffec78;font-size:4.4px;font-weight:1000;letter-spacing:.06em;line-height:1;text-align:center;text-shadow:0 1px 0 rgba(0,33,14,.76);clip-path:polygon(11% 0,89% 0,100% 50%,89% 100%,11% 100%,0 50%)}

/* Every filtered category uses the same compact casino banner treatment. All Offers remains its separate pass layout. */
.bonus-offer-layout:not(.is-all-offers) .promo-card{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;height:80px;min-height:80px;padding:9px 11px;overflow:hidden;border:1px solid #e5bc2a;border-radius:14px;background:linear-gradient(110deg,#023c23 0%,#066833 56%,#118744 100%);box-shadow:0 7px 15px rgba(0,51,25,.22),inset 0 1px 0 rgba(255,235,136,.3)}
.bonus-offer-layout:not(.is-all-offers) .promo-card::before{position:absolute;z-index:2;top:50%;right:-17px;left:auto;display:block;width:190px;height:116px;background:url("../decor/nt77-slot-coins-event-v1.webp") center/contain no-repeat;content:"";opacity:.88;filter:drop-shadow(0 5px 8px rgba(0,28,11,.36));transform:translateY(-50%);pointer-events:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card::after{position:absolute;z-index:3;top:13px;right:16px;display:block;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff9bc 0 8%,#ffd84b 9% 43%,#e8aa10 44% 65%,#a96100 66% 100%);box-shadow:-14px 20px 0 -1px #f1b719,14px -6px 0 0 #ffe04b,27px 16px 0 -1px #e6a707,39px 3px 0 -1px #ffd94a,52px 22px 0 -1px #e6a707;content:"";opacity:.8;animation:nt77EventCoinBling 1.8s ease-in-out infinite;pointer-events:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card h3{z-index:4;grid-column:1;max-width:57%;margin:8px 0 0;color:#fff;font-size:10.5px;line-height:1.02;text-shadow:0 1px 2px rgba(0,25,11,.7)}
.bonus-offer-layout:not(.is-all-offers) .promo-card>p{position:relative;z-index:4;display:-webkit-box;grid-column:1;max-width:57%;margin:2px 0 0;overflow:hidden;color:#ecf9ed;font-size:7px;font-weight:700;line-height:1.15;text-shadow:0 1px 1px rgba(0,25,11,.62);-webkit-box-orient:vertical;-webkit-line-clamp:2}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-actions{z-index:7;grid-column:2;grid-row:1 / span 2;align-self:center}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-actions .button:first-child{min-width:74px;min-height:31px;border-color:#fce777;border-radius:10px;background:linear-gradient(180deg,#0aa449,#057033);box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 -2px 0 rgba(0,56,24,.34),0 3px 7px rgba(0,29,13,.35);color:#fff}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-actions .button:first-child::after{color:#fff;font-size:7px;text-shadow:0 1px 1px rgba(0,35,16,.55)}
@media(max-width:390px){.bonus-offer-layout:not(.is-all-offers) .promo-card::before{right:-10px;width:145px;height:88px}.bonus-offer-layout:not(.is-all-offers) .promo-card h3,.bonus-offer-layout:not(.is-all-offers) .promo-card>p{max-width:56%}}

.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-top{top:2px;left:1px;transform:rotate(-22.5deg)}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag{min-width:48px;padding:5px 12px;clip-path:polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%)}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag::before,.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag::after{display:none}

/* Keep artwork inside the banner while the double-point ribbon stays fully readable. */
.bonus-offer-layout:not(.is-all-offers) .promo-card{overflow:hidden}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-top{top:2px;left:1px;transform:rotate(-22.5deg)}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag{min-width:48px;padding:5px 12px;clip-path:polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%)}

/* Rebuilt Event offer card: a single, restrained casino treatment with clear copy. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card{height:78px;min-height:78px;padding:9px 11px;overflow:visible;border:1px solid #e5bc2a;border-radius:14px;background:linear-gradient(110deg,#023c23 0%,#066833 56%,#118744 100%);box-shadow:0 7px 15px rgba(0,51,25,.22),inset 0 1px 0 rgba(255,235,136,.3)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before{top:50%;right:-4px;left:auto;width:156px;height:94px;overflow:hidden;opacity:.72;filter:drop-shadow(0 4px 6px rgba(0,28,11,.28));transform:translateY(-50%);clip-path:inset(8px 0 8px 0 round 14px)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::after{top:13px;right:16px;width:8px;height:8px;opacity:.8;box-shadow:-14px 20px 0 -1px #f1b719,14px -6px 0 0 #ffe04b,27px 16px 0 -1px #e6a707,39px 3px 0 -1px #ffd94a,52px 22px 0 -1px #e6a707;animation-duration:1.8s}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-top,.bonus-offer-layout:not(.is-all-offers) .promo-card.daily-event-card .promo-top,.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-top{top:6px;right:9px;left:auto;width:auto;height:auto;overflow:visible}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-top{top:-7px;right:auto;left:-12px;display:block!important;transform:rotate(-22.5deg)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-tag{padding:4px 10px;border:1px solid #ffe16a;border-radius:2px 4px 4px 2px;background:linear-gradient(145deg,#0b9a47 0%,#076a34 62%,#034722 100%);box-shadow:0 3px 0 #b67a00,0 6px 9px rgba(0,42,20,.34),inset 0 1px 0 rgba(255,255,255,.35);color:#ffe15a;font-size:6px;letter-spacing:.08em;text-shadow:0 1px 0 rgba(0,35,16,.72)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-tag,.bonus-offer-layout:not(.is-all-offers) .promo-card.daily-event-card .promo-tag,.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-tag{min-height:0;padding:3px 6px;border:1px solid #f7d950;border-radius:999px;background:#ffd23b;box-shadow:0 1px 3px rgba(0,35,17,.26),inset 0 1px 0 rgba(255,255,255,.58);color:#07522d;font-size:5px;font-weight:1000;letter-spacing:.06em;animation:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-tag{padding:4px 10px;border:1px solid #ffe16a;border-radius:2px 4px 4px 2px;background:linear-gradient(145deg,#0b9a47 0%,#076a34 62%,#034722 100%);box-shadow:0 3px 0 #b67a00,0 6px 9px rgba(0,42,20,.34),inset 0 1px 0 rgba(255,255,255,.35);color:#ffe15a;font-size:6px;letter-spacing:.08em;text-shadow:0 1px 0 rgba(0,35,16,.72)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-tag::after,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-tag::before{display:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card h3,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card>p{z-index:4;max-width:57%}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card h3{margin-top:7px;color:#fff;font-size:10.5px;line-height:1.02;text-shadow:0 1px 2px rgba(0,25,11,.7)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card>p{margin-top:2px;color:#ecf9ed;font-size:7px;line-height:1.15;text-shadow:0 1px 1px rgba(0,25,11,.62)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-actions{z-index:7;align-self:center}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-actions .button:first-child{min-width:74px;min-height:31px;border-color:#fce777;border-radius:10px;background:linear-gradient(180deg,#0aa449,#057033);box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 -2px 0 rgba(0,56,24,.34),0 3px 7px rgba(0,29,13,.35);color:#fff}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-actions .button:first-child::after{color:#fff;font-size:7px;text-shadow:0 1px 1px rgba(0,35,16,.55)}
@media(max-width:390px){.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before{right:-10px;left:auto;width:145px;height:88px}.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card h3,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card>p{max-width:56%}}

/* Offer detail window: compact, readable and consistent with the NT77 wallet panels. */
html.has-bonus-offer-modal{overflow:hidden}.bonus-offer-modal{position:fixed;z-index:2200;inset:0;display:grid;place-items:center;padding:16px;background:rgba(1,47,25,.52);backdrop-filter:blur(5px)}.bonus-offer-modal[hidden]{display:none}body:has(#current-offers:target) #bonusOfferModal{display:none!important}.bonus-offer-modal-card{position:relative;width:min(100%,390px);max-height:82svh;overflow:auto;padding:19px 16px 16px;border:1px solid rgba(255,255,255,.7);border-radius:18px;background:linear-gradient(145deg,#fff 0%,#f6fff8 62%,#fff3b4 100%);box-shadow:0 22px 52px rgba(0,33,18,.36)}.bonus-offer-modal-card .eyebrow{margin:0;color:#0a8d3d}.bonus-offer-modal-card h2{margin:5px 34px 7px 0;color:#063b24;font-size:22px;line-height:1.02}.bonus-offer-modal-card>p:not(.eyebrow){margin:0;color:#5a6d60;font-size:10px;line-height:1.4}.bonus-offer-modal-close{position:absolute;z-index:2;top:12px;right:12px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:#eaf6ed;color:#075b31;font-size:22px;font-weight:700;line-height:1;cursor:pointer;text-decoration:none}.bonus-offer-modal-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:13px 0}.bonus-offer-modal-facts div{min-height:49px;padding:7px 8px;border:1px solid #d1e7d7;border-radius:10px;background:rgba(255,255,255,.8);text-align:left}.bonus-offer-modal-facts small,.bonus-offer-modal-facts b{display:block}.bonus-offer-modal-facts small{color:#61766a;font-size:7px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.bonus-offer-modal-facts b{margin-top:4px;color:#063b24;font-size:10px;line-height:1.15}.bonus-offer-modal-card aside{display:grid;gap:3px;padding:9px 10px;border-left:3px solid #ffce1c;background:#fff9dd;color:#5e622d;font-size:9px;line-height:1.35}.bonus-offer-modal-card aside b{color:#6d5500;font-size:9px}.bonus-offer-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.bonus-offer-modal-actions [data-bonus-modal-close]{order:1}.bonus-offer-modal-actions [data-bonus-modal-primary]{order:2}.bonus-offer-modal-actions .button{min-height:37px;padding:7px 5px;font-size:8px;text-decoration:none}
.bonus-offer-calculation{display:grid;gap:5px;margin:0 0 10px;padding:8px;border:1px solid #b9d3c0;border-radius:3px;background:#f6faf7}.bonus-offer-calculation[hidden]{display:none!important}.bonus-offer-calculation>b{color:#063b24;font-size:8px;font-weight:1000;text-align:center;text-transform:none}.bonus-offer-calculation>div{overflow:hidden;border:1px solid #b8c7bc;border-radius:0}.bonus-offer-calculation table{width:100%;border-collapse:collapse;color:#234b35;font-size:8px}.bonus-offer-calculation th,.bonus-offer-calculation td{width:50%;padding:5px 7px;border-bottom:1px solid #c7d3ca;text-align:center;line-height:1.15}.bonus-offer-calculation th{background:#eaf0ec;font-weight:700}.bonus-offer-calculation td{background:#f9fcfa;font-weight:800}.bonus-offer-calculation tr.is-result th,.bonus-offer-calculation tr.is-result td{border-bottom:0;background:#e1eee4;color:#075b31;font-weight:1000}.bonus-offer-modal-card h2{margin:0 34px 7px 0}
#current-offers{scroll-margin-top:106px}
.bonus-offer-modal-card .bonus-terms-list{display:grid;gap:4px;margin:0;padding:0;list-style:none}.bonus-offer-modal-card .bonus-terms-list li{position:relative;padding-left:10px}.bonus-offer-modal-card .bonus-terms-list li::before{position:absolute;left:0;color:#08733a;content:'✓'}.bonus-offer-modal-card .bonus-terms-list b{color:#315b20;font-size:inherit}
.bonus-offer-modal-card .bonus-terms-list li{color:#264334;font-size:9px;font-weight:600;line-height:1.4}.bonus-offer-modal-card .bonus-terms-list b{display:inline;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#005c2c;font-size:8px;font-weight:1000;letter-spacing:.035em;text-transform:uppercase}.bonus-offer-modal-card .bonus-terms-list .is-no-bonus-buy{margin:2px 0;padding-left:10px;border:0;background:transparent;color:#264334;font-weight:700}.bonus-offer-modal-card .bonus-terms-list .is-no-bonus-buy::before{left:0;color:#08733a}.bonus-offer-modal-card .bonus-terms-list .is-no-bonus-buy b{background:transparent;color:#9a5c00;text-shadow:none}
.bonus-offer-modal-card .bonus-terms-status{margin:0 0 5px;color:#315b20;font-weight:800}
.bonus-offer-modal.is-new-member-offer [data-bonus-modal-close]{order:1}.bonus-offer-modal.is-new-member-offer [data-bonus-modal-primary]{order:2}
.bonus-offer-modal.is-new-member-offer .bonus-offer-modal-actions{grid-template-columns:1fr 1fr}
.bonus-offer-modal.is-apply-offer .bonus-offer-modal-actions{grid-template-columns:1fr 1fr}.bonus-offer-modal.is-apply-offer .bonus-offer-modal-actions [data-bonus-modal-close]{order:1}.bonus-offer-modal.is-apply-offer .bonus-offer-modal-actions [data-bonus-modal-primary]{order:2}
.bonus-offer-calculation tr.is-event-result th,.bonus-offer-calculation tr.is-event-result td{text-align:center}
.bonus-commission-diagram{display:grid;gap:7px;margin:0 0 10px;padding:9px;border:1px solid #b9d3c0;border-radius:3px;background:#f6faf7;color:#063b24}.bonus-commission-diagram[hidden]{display:none!important}.bonus-commission-diagram>b{font-size:8px;font-weight:1000;text-align:center}.bonus-commission-members{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center}.bonus-commission-member{display:grid;gap:4px;padding:7px;border:1px solid #c9dfcf;background:#fff;text-align:center}.bonus-commission-member small{color:#61766a;font-size:7px;font-weight:900;letter-spacing:.04em}.bonus-commission-member>div:not(.bonus-commission-person){display:grid;grid-template-columns:1fr auto;align-items:center;padding:2px 3px;background:#f4f8f5;text-align:left}.bonus-commission-member label{color:#61766a;font-size:6px;font-weight:1000;letter-spacing:.03em}.bonus-commission-member b{font-size:8px}.bonus-commission-member span{padding-top:2px;color:#08733a;font-size:9px;font-weight:1000}.bonus-commission-person{position:relative;width:20px;height:27px;margin:0 auto 1px}.bonus-commission-person i{position:absolute;left:6px;top:0;width:8px;height:8px;border-radius:50%;background:#0a7740}.bonus-commission-person em{position:absolute;left:4px;top:9px;width:12px;height:16px;border-radius:6px 6px 2px 2px;background:#58ab72}.bonus-commission-person em:before,.bonus-commission-person em:after{position:absolute;top:2px;width:9px;height:3px;border-radius:3px;background:#58ab72;content:""}.bonus-commission-person em:before{right:9px;transform:rotate(28deg)}.bonus-commission-person em:after{left:9px;transform:rotate(-28deg)}.bonus-commission-plus{color:#688172;font-size:18px;font-weight:1000}.bonus-commission-total{display:grid;grid-template-columns:1fr auto 1fr;gap:5px;align-items:center;padding:7px;background:#e1eee4;text-align:center}.bonus-commission-total small{color:#315f40;font-size:7px;font-weight:900}.bonus-commission-total b{color:#075b31;font-size:11px}.bonus-commission-total i{color:#688172;font-size:14px;font-style:normal;font-weight:1000}.bonus-commission-result{padding:8px;background:#075b31;color:#fff;text-align:center;font-size:10px;font-weight:1000}
.bonus-offer-calculation tr.is-result span{display:inline-block;font-size:9px;font-weight:400;animation:nt77-winover-blink 1.25s steps(1,end) infinite}@keyframes nt77-winover-blink{50%{opacity:.18}}
@media (prefers-reduced-motion:reduce){.bonus-offer-calculation tr.is-result span{animation:none}}
.bonus-offer-calculation>b{letter-spacing:.06em!important;text-transform:uppercase!important}.bonus-offer-calculation th{color:#315f40!important;font-size:7px!important;font-weight:1000!important;letter-spacing:.045em!important;text-transform:uppercase!important}.bonus-offer-modal-card aside>b{font-weight:1000!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.bonus-offer-modal-card>p:not(.eyebrow){color:#3b5447!important}.bonus-offer-modal-facts small{color:#405b4b!important}.bonus-offer-modal-card aside{color:#364a3d!important}.bonus-offer-modal-card .bonus-terms-list li{color:#1f392b!important}
.bonus-offer-modal-card .bonus-terms-list .is-checkin-cycle{margin:2px 0;padding:5px 6px 5px 15px;border-left:2px solid #e0ad12;border-radius:3px;background:#fff8d7;color:#294332!important}.bonus-offer-modal-card .bonus-terms-list .is-checkin-cycle::before{left:5px;color:#b87a00}.bonus-offer-modal-card .bonus-terms-list .is-checkin-cycle b{color:#805800!important}.bonus-offer-modal-card .bonus-terms-list .is-birthday-proof{margin:2px 0;padding:5px 6px 5px 15px;border-left:2px solid #d59612;border-radius:3px;background:#fff6d3;color:#294332!important}.bonus-offer-modal-card .bonus-terms-list .is-birthday-proof::before{left:5px;color:#a96f00}.bonus-offer-modal-card .bonus-terms-list .is-birthday-proof b{color:#805800!important}
.birthday-verification-panel{display:grid;gap:7px;margin:10px 0 11px;padding:9px;border:1px solid #e0b827;border-radius:10px;background:linear-gradient(135deg,#fffbea,#fffdf5);box-shadow:0 3px 9px rgba(105,76,0,.08)}.birthday-verification-panel[hidden]{display:none!important}.birthday-verification-head{display:flex;align-items:center;justify-content:space-between;gap:7px}.birthday-verification-head b{color:#604900;font-size:8px;font-weight:1000;letter-spacing:.055em}.birthday-verification-head span{padding:3px 5px;border-radius:999px;background:#08783a;color:#fff;font-size:6px;font-weight:1000;letter-spacing:.04em;white-space:nowrap}.birthday-verification-steps{display:grid;gap:5px}.birthday-verification-steps p{display:grid;grid-template-columns:17px minmax(0,1fr);gap:6px;align-items:start;margin:0;color:#365043;font-size:8px;font-weight:700;line-height:1.27}.birthday-verification-steps i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#08783a;color:#fff;font-size:8px;font-style:normal;font-weight:1000}.birthday-verification-steps strong{display:block;margin-bottom:1px;color:#07542b;font-size:8px;font-weight:1000;text-transform:uppercase}.birthday-verification-steps b{color:#795800;font-weight:1000}.birthday-verification-note{margin:0;padding:6px 7px;border-left:3px solid #d79d11;background:#fff4ca;color:#4b4b2c;font-size:7.5px;font-weight:700;line-height:1.3}.birthday-verification-note b{color:#825c00;font-weight:1000}
.clear-credit-note{display:block!important;max-width:306px!important;margin:5px 0 0!important;padding:5px 7px!important;border:1px solid #71bd88!important;border-left:3px solid #07823a!important;border-radius:5px!important;background:#ecf9f0!important;color:#315f40!important;font-size:8px!important;font-weight:700!important;line-height:1.28!important}.clear-credit-note b{color:#067333!important;font-size:8px!important;font-weight:1000!important;letter-spacing:.03em!important}.clear-credit-note span{color:#315f40!important}

/* Final filtered-card consistency: matching height and a single clean left ribbon style. */
.bonus-offer-layout:not(.is-all-offers) .promo-card{height:80px;min-height:80px}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-top{top:-8px;right:auto;left:-10px;display:block!important;transform:rotate(-22.5deg);transform-origin:center}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag{display:inline-block;min-height:0;padding:4px 10px;border:1px solid #ffe979;border-radius:3px 5px 5px 2px;background:linear-gradient(145deg,#0aa44b 0%,#087039 58%,#034520 100%);box-shadow:0 3px 0 #bd8000,0 6px 10px rgba(0,42,20,.3),inset 0 1px 0 rgba(255,255,255,.36);color:#ffeb75;font-size:6px;font-weight:1000;letter-spacing:.08em;line-height:1;text-shadow:0 1px 0 rgba(0,34,16,.75);animation:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag::before,.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag::after{display:none}

/* The label may sit above the banner; artwork is clipped by its own layer instead. */
.bonus-offer-layout:not(.is-all-offers) .promo-card{overflow:visible}
.bonus-offer-layout:not(.is-all-offers) .promo-card::before{top:0;right:0;left:0;width:auto;height:80px;background-position:right center;background-size:190px 116px;transform:none;clip-path:inset(0 round 14px)}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-top{top:-8px;left:-9px}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag{min-width:48px;padding:5px 12px;border-radius:0;clip-path:polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-top{top:-8px;right:auto;left:-9px;transform:rotate(-22.5deg)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-tag,.bonus-offer-layout:not(.is-all-offers) .promo-card[data-category="daily"] .promo-tag{min-width:48px;padding:5px 12px;border:1px solid #ffe979;border-radius:0;clip-path:polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%);background:linear-gradient(145deg,#0aa44b 0%,#087039 58%,#034520 100%);box-shadow:0 3px 0 #bd8000,0 6px 10px rgba(0,42,20,.3),inset 0 1px 0 rgba(255,255,255,.36);color:#ffeb75;text-shadow:0 1px 0 rgba(0,34,16,.75)}

/* Centre the ribbon on the left boundary: half outside, half inside. */
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-top,.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-top{top:10.5%;right:auto;left:9.6%;transform:rotate(-22.5deg);transform-origin:center}
.bonus-offer-layout:not(.is-all-offers) .promo-card h3{margin-top:19px}
.bonus-offer-layout:not(.is-all-offers) .promo-card>p{margin-top:1px}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card h3{margin-top:19px}

/* Event, Daily and Jackpot all follow the same reference position. */
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-top,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-top,.bonus-offer-layout:not(.is-all-offers) .promo-card.daily-event-card .promo-top,.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-top{top:0;right:auto;left:18px;transform:translateX(-50%) rotate(-22.5deg);transform-origin:center}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-tag,.bonus-offer-layout:not(.is-all-offers) .promo-card.daily-event-card .promo-tag,.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-tag{min-width:48px;padding:5px 12px;border:1px solid #ffe979;border-radius:0;background:linear-gradient(145deg,#0aa44b 0%,#087039 58%,#034520 100%);box-shadow:0 3px 0 #bd8000,0 6px 10px rgba(0,42,20,.3),inset 0 1px 0 rgba(255,255,255,.36);color:#ffeb75;clip-path:polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%);text-shadow:0 1px 0 rgba(0,34,16,.75)}

/* Keep the tag clear, pull the offer text upward, and seat Claim lower in every category banner. */
.bonus-offer-layout:not(.is-all-offers) .promo-card h3{margin-top:9px}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card h3{margin-top:9px}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-actions{align-self:end;transform:translateY(2px)}

/* Event slot artwork: enlarge only the casino illustration layer to occupy the right half of the banner. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before{top:50%;right:50%;left:auto;width:225px;height:134px;opacity:.88;transform:translate(calc(50% - 42px),-50%);clip-path:inset(27px 0 27px 0 round 14px)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before{z-index:2;top:50%;right:50%;left:auto;width:225px;height:134px;opacity:.9;background:url("../decor/nt77-slot-coins-event-v1.webp") center/contain no-repeat;filter:drop-shadow(0 4px 6px rgba(0,28,11,.3));transform:translate(calc(50% - 42px),-50%);clip-path:inset(27px 0 27px 0 round 14px)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::after{display:block;z-index:3;top:-17px;right:-7px;width:112px;height:116px;opacity:.96;border-radius:0;background:url("../decor/nt77-event-coin-mountain-v2.webp") right bottom/auto 132px no-repeat;box-shadow:none;filter:drop-shadow(0 3px 4px rgba(0,28,11,.34));transform:none;clip-path:inset(17px 0 19px 0 round 0 14px 14px 0);animation:none}
@media(max-width:390px){.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before{right:50%;width:205px;height:122px;transform:translate(calc(50% - 36px),-50%)}.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::after{right:-9px;width:102px;height:112px;background-size:auto 124px}}

/* Unified casino artwork: one render only, so the slot machine and coin mountain share the same light and depth. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before{z-index:2;top:0;right:0;left:0;width:auto;height:80px;opacity:.98;background:url("../decor/nt77-slot-coins-unified-v3.webp") right 53%/252px auto no-repeat;filter:drop-shadow(0 3px 5px rgba(0,29,13,.25));transform:none;clip-path:inset(0 round 14px)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::after{display:block;z-index:3;inset:0;width:auto;height:auto;opacity:1;background:linear-gradient(90deg,rgba(1,54,28,.11) 0%,rgba(1,54,28,0) 47%,rgba(25,129,59,.12) 100%),radial-gradient(circle at 82% 52%,rgba(255,211,52,.13),transparent 31%);box-shadow:none;filter:none;transform:none;clip-path:inset(0 round 14px);animation:none;pointer-events:none}
@media(max-width:390px){.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before{top:0;right:0;left:0;width:auto;height:80px;background-size:228px auto;background-position:right 53%;transform:none}.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::after{inset:0;width:auto;height:auto;background-size:auto;clip-path:inset(0 round 14px)}}

/* Bring the 777 reels into the centre while preserving the card's green background. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before{background-position:calc(100% - 68px) 53%}
@media(max-width:390px){.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before{background-position:calc(100% - 54px) 53%}}

/* Fade the unified artwork into the green card before it reaches the copy: slot at centre-right, coins at Claim. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before{background-position:calc(100% - 42px) 53%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 35%,rgba(0,0,0,.22) 45%,#000 58%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,transparent 35%,rgba(0,0,0,.22) 45%,#000 58%,#000 100%)}
@media(max-width:390px){.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before{background-position:calc(100% - 33px) 53%}}

/* Keep exactly one slot machine per banner. The overlay only unifies its lighting with the green card. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::after{z-index:3;inset:0;width:auto;height:auto;opacity:1;background:linear-gradient(90deg,rgba(1,54,28,.11) 0%,rgba(1,54,28,0) 47%,rgba(25,129,59,.12) 100%),radial-gradient(circle at 82% 52%,rgba(255,211,52,.13),transparent 31%);box-shadow:none;filter:none;transform:none;clip-path:inset(0 round 14px);animation:none;pointer-events:none;-webkit-mask-image:none;mask-image:none}

/* No separate coin overlay: it created a visible seam against the unified slot artwork. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::after{background:linear-gradient(90deg,rgba(1,54,28,.11) 0%,rgba(1,54,28,0) 47%,rgba(25,129,59,.12) 100%),radial-gradient(circle at 82% 52%,rgba(255,211,52,.13),transparent 31%);opacity:1;filter:none;clip-path:inset(0 round 14px)}

/* One continuous artwork only: extend its own coin field to the right—never paste a second image beside it. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before{background-size:280px auto;background-position:calc(100% - 14px) 53%}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::after{background:linear-gradient(90deg,rgba(1,54,28,.11) 0%,rgba(1,54,28,0) 47%,rgba(25,129,59,.12) 100%),radial-gradient(circle at 82% 52%,rgba(255,211,52,.13),transparent 31%);opacity:1;clip-path:inset(0 round 14px);-webkit-mask-image:none;mask-image:none}
@media(max-width:390px){.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before{background-size:254px auto;background-position:calc(100% - 12px) 53%}}

/* Final event art is a single full banner render: one slot, one lighting source, and continuous coins to the right edge. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card{background:#08743b url("../decor/nt77-event-banner-green-v5.webp") center/100% 100% no-repeat}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::after{display:none}

/* Keep the offer copy legible over the coin art and make Claim less dominant. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card>p{max-width:46%;padding:2px 5px 2px 0;border-radius:4px;background:linear-gradient(90deg,rgba(0,54,28,.82),rgba(0,54,28,.54) 72%,rgba(0,54,28,0));color:#fff;text-shadow:0 1px 2px rgba(0,20,9,.9)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-actions .button:first-child{min-width:61px;min-height:27px;padding:5px 8px;border-radius:9px}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-actions .button:first-child::after{font-size:6.5px}

/* Reserve a clean line beneath the diagonal tag before the offer title begins. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card h3{margin-top:18px}

/* Shared category-banner finish: every filtered category uses the approved Event
   banner proportions.  The All Offers reward-pass layout remains intentionally separate. */
.bonus-offer-layout:not(.is-all-offers) .promo-card,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card{
  height:80px;
  min-height:80px;
  padding:9px 11px;
  overflow:visible;
  border:1px solid #0c9448;
  border-radius:14px;
  background:#08743b url("../decor/nt77-event-banner-green-v5.webp") center/100% 100% no-repeat;
  box-shadow:0 7px 15px rgba(0,51,25,.22),inset 0 1px 0 rgba(255,235,136,.3);
}
.bonus-offer-layout:not(.is-all-offers) .promo-card::before,
.bonus-offer-layout:not(.is-all-offers) .promo-card::after{
  display:none;
}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-top,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-top{
  top:0;
  left:18px;
  right:auto;
  transform:translateX(-50%) rotate(-22.5deg);
  transform-origin:center;
}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-tag{
  min-width:48px;
  padding:5px 12px;
  border:1px solid #ffe979;
  border-radius:0;
  background:linear-gradient(145deg,#0aa44b 0%,#087039 58%,#034520 100%);
  box-shadow:0 3px 0 #bd8000,0 6px 10px rgba(0,42,20,.3),inset 0 1px 0 rgba(255,255,255,.36);
  color:#ffeb75;
  font-size:6px;
  font-weight:1000;
  line-height:1;
  letter-spacing:.08em;
  text-shadow:0 1px 0 rgba(0,34,16,.75);
  clip-path:polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%);
}
.bonus-offer-layout:not(.is-all-offers) .promo-card h3,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card h3{
  z-index:4;
  grid-column:1;
  max-width:46%;
  margin:18px 0 0;
  color:#fff;
  font-size:10.5px;
  font-weight:1000;
  line-height:1.02;
  text-shadow:0 1px 2px rgba(0,25,11,.78);
}
.bonus-offer-layout:not(.is-all-offers) .promo-card>p,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card>p{
  position:relative;
  z-index:4;
  display:-webkit-box;
  grid-column:1;
  max-width:46%;
  margin:2px 0 0;
  padding:2px 5px 2px 0;
  overflow:hidden;
  border-radius:4px;
  background:linear-gradient(90deg,rgba(0,54,28,.82),rgba(0,54,28,.54) 72%,rgba(0,54,28,0));
  color:#fff;
  font-size:7px;
  font-weight:700;
  line-height:1.15;
  text-shadow:0 1px 2px rgba(0,20,9,.9);
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-actions,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-actions{
  z-index:7;
  grid-column:2;
  grid-row:1 / span 2;
  align-self:end;
  transform:translateY(2px);
}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-actions .button:first-child,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-actions .button:first-child{
  min-width:61px;
  min-height:27px;
  padding:5px 8px;
  border-color:#fce777;
  border-radius:9px;
  background:linear-gradient(180deg,#0aa449,#057033);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 -2px 0 rgba(0,56,24,.34),0 3px 7px rgba(0,29,13,.35);
}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-actions .button:first-child::after,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-actions .button:first-child::after{
  color:#fff;
  font-size:6.5px;
  text-shadow:0 1px 1px rgba(0,35,16,.55);
}

/* A linked offer can still open its rules, but its claim action is visibly unavailable. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.is-claim-locked .promo-actions .button:first-child,
.bonus-offer-modal-actions .button.is-locked,
.bonus-offer-modal-actions .button:disabled{border-color:#a8b6ae!important;background:linear-gradient(180deg,#dce2dd,#aeb9b1)!important;box-shadow:none!important;color:#66736b!important;cursor:not-allowed!important;filter:grayscale(1)}
.bonus-offer-modal.is-applying .bonus-offer-modal-card{overflow:hidden}.bonus-offer-modal.is-applying [data-bonus-modal-primary]{border-color:#08783a!important;background:linear-gradient(180deg,#19b956,#07863b)!important;box-shadow:0 0 0 3px rgba(14,165,72,.2),inset 0 1px 0 rgba(255,255,255,.38)!important;color:#fff!important;filter:none!important;animation:nt77-bonus-applying .7s ease-in-out infinite alternate}.bonus-offer-modal.is-applying .bonus-offer-modal-card aside{border-left-color:#079342!important;background:#e8f8ed!important;color:#075b31!important}.bonus-offer-modal.is-applying .bonus-offer-modal-card aside b{color:#075b31!important}.bonus-offer-modal.is-applied [data-bonus-modal-primary]{border-color:#079342!important;background:#fff!important;box-shadow:0 0 0 3px rgba(7,147,66,.13)!important;color:#08743a!important;filter:none!important;animation:nt77-bonus-tick .45s cubic-bezier(.2,.9,.25,1.25) both}.bonus-offer-modal.is-applied [data-bonus-modal-primary]::before{display:inline-grid;place-items:center;width:16px;height:16px;margin-right:5px;border-radius:50%;background:#079342;color:#fff;content:'✓';font-size:11px;line-height:1}.bonus-offer-modal.is-applied .bonus-offer-modal-card aside{border-left-color:#7bcf99!important;background:#f5fbf7!important;color:#285d3d!important}.bonus-offer-modal.is-applied .bonus-offer-modal-card aside b{color:#285d3d!important}@keyframes nt77-bonus-applying{from{box-shadow:0 0 0 rgba(8,151,65,0)}to{box-shadow:0 0 0 4px rgba(8,151,65,.22)}}@keyframes nt77-bonus-tick{0%{transform:scale(.88);opacity:.4}65%{transform:scale(1.06);opacity:1}100%{transform:scale(1);opacity:1}}
.bonus-offer-layout .promo-card.is-one-time-used{filter:grayscale(1)!important;opacity:.58!important}
.bonus-offer-layout:not(.is-all-offers) .promo-card.is-claim-locked .promo-actions .button:first-child::before{display:none}
@media(max-width:390px){
  .bonus-offer-layout:not(.is-all-offers) .promo-card h3,
  .bonus-offer-layout:not(.is-all-offers) .promo-card>p{max-width:45%}
}

/* The jackpot name reads as one clear lead line; its own ribbon remains. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card h3{
  max-width:74%;
  white-space:pre-line;
  line-height:.96;
}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card>p{max-width:46%}

/* The four compact Event offers use the full line before Claim, keeping each title intact. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-compact-title h3{
  white-space:pre-line;
  font-size:10.5px;
  letter-spacing:-.02em;
}

/* Fixed copy anchors keep every category banner aligned regardless of title length. */
.bonus-offer-layout:not(.is-all-offers) .promo-card h3,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card h3{
  position:absolute;
  top:18px;
  left:11px;
  right:84px;
  max-width:none;
  margin:0;
  white-space:pre-line;
}
.bonus-offer-layout:not(.is-all-offers) .promo-card>p,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card>p{
  position:absolute;
  right:84px;
  bottom:8px;
  left:11px;
  max-width:none;
  margin:0;
}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card h3{
  max-width:none;
  white-space:pre-line;
}

/* Check-in actions retain their clear, specific labels instead of the generic Claim label. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.promo-action-label .promo-actions .button:first-child{font-size:6.5px}
.bonus-offer-layout:not(.is-all-offers) .promo-card.promo-action-label .promo-actions .button:first-child::after{display:none}

/* Daily Free uses the yellow reward ribbon; Receipt Collection has no ribbon. */
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag.is-free{
  border-color:#ffe979;
  background:linear-gradient(145deg,#0aa44b 0%,#087039 58%,#034520 100%);
  box-shadow:0 3px 0 #bd8000,0 6px 10px rgba(0,42,20,.3),inset 0 1px 0 rgba(255,255,255,.36);
  color:#ffeb75;
  text-shadow:0 1px 0 rgba(0,34,16,.75);
}

/* A short VIP heading appears only while the VIP category is selected. */
.bonus-offer-layout .vip-category-banner{
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;
  gap:1px 10px;
  min-height:48px;
  margin:0 0 4px;
  padding:10px 11px 8px;
  overflow:hidden;
  border:1px solid #e5bc2a;
  border-radius:14px;
  background:radial-gradient(circle at 88% 14%,rgba(255,231,102,.3) 0 2px,transparent 3px),radial-gradient(circle at 76% 76%,rgba(255,224,82,.12) 0 24%,transparent 25%),linear-gradient(115deg,#034c2a 0%,#08743a 49%,#10984a 100%);
  box-shadow:0 6px 13px rgba(0,51,25,.18),inset 0 1px 0 rgba(255,255,255,.18);
  color:#fff;
  text-decoration:none;
}
.bonus-offer-layout .vip-category-banner::after{position:absolute;right:-12px;bottom:-54px;width:132px;height:132px;border:15px solid rgba(255,224,82,.17);border-radius:50%;box-shadow:-42px -30px 0 -11px rgba(255,224,82,.11),-76px 12px 0 -13px rgba(255,224,82,.09);content:""}
.bonus-offer-layout .vip-category-banner span,.bonus-offer-layout .vip-category-banner strong,.bonus-offer-layout .vip-category-banner b{position:relative;z-index:1}
.bonus-offer-layout .vip-category-banner span{color:#ffe36b;font-size:5.5px;font-weight:1000;letter-spacing:.1em;line-height:1}
.bonus-offer-layout .vip-category-banner strong{color:#fff;font-size:10.5px;font-weight:1000;line-height:1.04;letter-spacing:-.02em;text-transform:uppercase}
.bonus-offer-layout .vip-category-banner b{grid-column:2;grid-row:1 / span 2;align-self:center;min-width:47px;padding:7px 10px;border:1px solid #ffe36b;border-radius:999px;background:linear-gradient(180deg,#0ba84d,#057239);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 2px 5px rgba(0,35,16,.28);color:#fff;font-size:7px;font-weight:1000;letter-spacing:.06em;text-align:center;text-shadow:0 1px 0 rgba(0,49,23,.52)}
.bonus-offer-layout .vip-category-banner[hidden]{display:none!important}

/* Referral live summary appears only in the Referral category. */
.bonus-offer-layout .referral-commission-summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 9px;min-height:68px;margin:0;overflow:hidden;border:1px solid #e2bc2e;border-radius:14px;background:linear-gradient(115deg,#07552e 0%,#087b3d 58%,#109b4b 100%);box-shadow:0 6px 13px rgba(0,51,25,.18),inset 0 1px 0 rgba(255,255,255,.18);color:#fff;cursor:pointer}
.bonus-offer-layout .referral-commission-summary::after{position:absolute;right:-20px;bottom:-34px;width:104px;height:104px;border:14px solid rgba(255,226,79,.16);border-radius:50%;content:""}
.bonus-offer-layout .referral-commission-summary span,.bonus-offer-layout .referral-commission-summary strong,.bonus-offer-layout .referral-commission-summary small,.bonus-offer-layout .referral-commission-summary b{position:relative;z-index:1}
.bonus-offer-layout .referral-commission-summary span{grid-column:1;padding:11px 11px 0;color:#ffe36b;font-size:6.2px;font-weight:1000;letter-spacing:.1em;line-height:1}
.bonus-offer-layout .referral-commission-summary strong{grid-column:1;padding:0 11px;color:#fff;font-size:10px;font-weight:1000;line-height:1.06;letter-spacing:-.01em}
.bonus-offer-layout .referral-commission-summary small{grid-column:1;padding:0 11px 11px;color:#eaffef;font-size:6.5px;font-weight:900;line-height:1}
.bonus-offer-layout .referral-commission-summary b{grid-column:2;grid-row:1 / span 3;align-self:center;margin-right:11px;padding:7px 9px;border:1px solid #ffe36b;border-radius:999px;background:linear-gradient(180deg,#0ba84d,#057239);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 2px 5px rgba(0,35,16,.28);color:#fff;font-size:6.5px;font-weight:1000;text-align:center}
.bonus-offer-layout .referral-commission-summary[hidden]{display:none!important}
.bonus-offer-layout .referral-copy-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:32px;margin:-1px 0 1px;padding:6px 10px;overflow:hidden;border:1px solid #bfe1ca;border-radius:10px;background:linear-gradient(110deg,#f8fff9,#edf9ef);box-shadow:0 3px 8px rgba(0,59,28,.09);color:#07512d;cursor:pointer;text-align:left}
.bonus-offer-layout .referral-copy-row span{color:#59806a;font-size:5.7px;font-weight:1000;letter-spacing:.09em;white-space:nowrap}
.bonus-offer-layout .referral-copy-row strong{overflow:hidden;color:#07512d;font-size:8.5px;font-weight:1000;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}
.bonus-offer-layout .referral-copy-row b{padding:5px 8px;border:1px solid #0a9c48;border-radius:999px;background:#fff;color:#08763a;font-size:6px;font-weight:1000;letter-spacing:.05em;white-space:nowrap}
.bonus-offer-layout .referral-copy-row.is-copied b{border-color:#f0b600;background:#ffe468;color:#07512d}
.bonus-offer-layout .referral-copy-row[hidden]{display:none!important}

/* The referral code stays inside the commission panel as a slim final row. */
.bonus-offer-layout .referral-commission-summary{min-height:92px}
.bonus-offer-layout .referral-commission-summary .referral-copy-line{position:relative;z-index:1;grid-column:1 / -1;grid-row:4;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;margin:0 10px 9px;padding:5px 7px;border:1px solid rgba(255,255,255,.27);border-radius:8px;background:rgba(0,48,23,.2)}
.bonus-offer-layout .referral-commission-summary .referral-copy-line small{grid-column:auto;padding:0;color:#ffe36b;font-size:5.4px;letter-spacing:.08em;white-space:nowrap}
.bonus-offer-layout .referral-commission-summary .referral-copy-line strong{grid-column:auto;min-width:0;padding:0;overflow:visible;color:#fff;font-size:7px;letter-spacing:.04em;text-overflow:clip;white-space:nowrap}
.bonus-offer-layout .referral-commission-summary .referral-copy-line b{grid-column:auto;grid-row:auto;align-self:auto;margin:0;padding:4px 7px;border:1px solid #ffe36b;border-radius:999px;background:#fff;color:#08763a;font-size:5.5px;letter-spacing:.04em;white-space:nowrap}
.bonus-offer-layout .referral-commission-summary.is-copied .referral-copy-line b{border-color:#f0b600;background:#ffe468;color:#07512d}
.bonus-offer-layout .referral-commission-summary b.referral-details{grid-column:2;grid-row:1 / span 3;align-self:center;margin-right:10px}

/* Live VIP profile summary. Values are filled from the member payload, not hard-coded. */
.bonus-offer-layout .vip-category-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;min-height:88px;padding:11px}
.bonus-offer-layout .vip-category-banner .vip-profile-heading{display:grid;gap:2px;align-self:start}
.bonus-offer-layout .vip-category-banner .vip-profile-heading strong{color:#ffe36b;font-size:13px;line-height:1.04;letter-spacing:.01em;text-shadow:0 1px 1px rgba(0,38,18,.45)}
.bonus-offer-layout .vip-category-banner b{grid-column:2;grid-row:1;align-self:start;margin-top:1px}
.bonus-offer-layout .vip-category-banner .vip-profile-meters{grid-column:1 / -1;display:grid;gap:5px;position:relative;z-index:1}
.bonus-offer-layout .vip-category-banner .vip-profile-meters div{display:grid;grid-template-columns:1fr;gap:3px}
.bonus-offer-layout .vip-category-banner .vip-profile-meters .vip-cycle-days{color:#ffe36b;font-size:6.5px;letter-spacing:.08em}
.bonus-offer-layout .vip-category-banner .vip-profile-meters small{color:#fff;font-size:6.2px;font-weight:1000;letter-spacing:.025em;line-height:1.05;text-shadow:0 1px 1px rgba(0,39,18,.42)}
.bonus-offer-layout .vip-category-banner .vip-profile-meters i{display:block;height:5px;overflow:hidden;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(0,55,26,.32);box-shadow:inset 0 1px 2px rgba(0,34,16,.28)}
.bonus-offer-layout .vip-category-banner .vip-profile-meters em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffe15b,#fff6a6);box-shadow:0 0 6px rgba(255,238,115,.7);transition:width .45s ease}

/* All offers: bring the title closer to the top without changing the compact pass size. */
.bonus-offer-layout.is-all-offers .promo-card>h3{margin:5px 1px 18px}

/* Short offer lines are intentionally placed by the copy so amounts and actions stay together. */
.bonus-offer-layout:not(.is-all-offers) .promo-card>p{white-space:pre-line}

/* All Offers gets simple section labels, not extra banners. Category views remain unchanged. */
.bonus-offer-layout:not(.is-all-offers) [data-all-offers-only]{display:none!important}
.bonus-offer-layout .all-offers-note{display:none;margin:0;color:#4f6c5b;font-size:8px;line-height:1.35}
.bonus-offer-layout .all-offers-section-title{display:none;margin:5px 0 -2px;color:#07512d;font-size:12px;font-weight:1000;letter-spacing:.01em;line-height:1;text-transform:uppercase}
.bonus-offer-layout .all-offers-section-title::after{display:block;width:28px;height:2px;margin-top:4px;border-radius:999px;background:#ffcf20;content:""}
.bonus-offer-layout.is-all-offers .all-offers-note{display:block;grid-column:1 / -1;margin:0 0 1px}
.bonus-offer-layout.is-all-offers .all-offers-section-title{display:block;grid-column:1 / -1}

/* Keep the All Offers reminder above the card grid, not in its own layout row. */
.bonus-offer-layout.is-all-offers .bonus-category-rail{grid-column:1;grid-row:1 / span 2}
.bonus-offer-layout.is-all-offers .all-offers-note{grid-column:2;grid-row:1;margin:0}
.bonus-offer-layout.is-all-offers .promo-list{grid-column:2;grid-row:2}
.section-heading .all-offers-note{display:block;margin:4px 0 0;color:#4f6c5b;font-size:8px;line-height:1.35}

/* All Offers tools: one-tap referral copy and a live VIP overview. */
.bonus-offer-layout .all-offers-referral-shortcut,.bonus-offer-layout .all-offers-vip-overview{display:none}
.bonus-offer-layout.is-all-offers .all-offers-referral-shortcut{position:relative;display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,1fr) auto auto;gap:2px 6px;min-height:54px;margin:0;overflow:hidden;border:1px solid #e2bc2e;border-radius:13px;background:linear-gradient(116deg,#07532d 0%,#087b3d 62%,#109b4b 100%);box-shadow:0 5px 12px rgba(0,51,25,.17),inset 0 1px 0 rgba(255,255,255,.18);color:#fff;cursor:pointer;text-align:left}
.bonus-offer-layout.is-all-offers .all-offers-referral-shortcut::after{position:absolute;right:-22px;bottom:-36px;width:112px;height:112px;border:15px solid rgba(255,226,79,.14);border-radius:50%;content:""}
.bonus-offer-layout.is-all-offers .all-offers-referral-shortcut span,.bonus-offer-layout.is-all-offers .all-offers-referral-shortcut strong,.bonus-offer-layout.is-all-offers .all-offers-referral-shortcut button{position:relative;z-index:1}
.bonus-offer-layout.is-all-offers .all-offers-referral-shortcut span{grid-column:1;padding:10px 11px 0;color:#ffe36b;font-size:6px;font-weight:1000;letter-spacing:.12em;line-height:1}
.bonus-offer-layout.is-all-offers .all-offers-referral-shortcut strong{grid-column:1;padding:0 11px 10px;color:#fff;font-size:11px;font-weight:1000;line-height:1.05;letter-spacing:.02em}
.bonus-offer-layout.is-all-offers .all-offers-referral-shortcut button{grid-row:1 / span 2;align-self:center;padding:8px 9px;border:1px solid #ffe36b;border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 2px 5px rgba(0,35,16,.28);font:1000 6.5px/1 Arial,sans-serif;letter-spacing:.05em;white-space:nowrap;cursor:pointer}
.bonus-offer-layout.is-all-offers .all-offers-referral-shortcut [data-all-referral-copy]{grid-column:2;background:linear-gradient(180deg,#0aa64a,#057037);color:#fff}
.bonus-offer-layout.is-all-offers .all-offers-referral-shortcut [data-referral-share]{grid-column:3;margin-right:10px;background:linear-gradient(180deg,#ffe36b,#f2b807);color:#07512d}
.bonus-offer-layout.is-all-offers .all-offers-referral-shortcut.is-copied [data-all-referral-copy]{background:linear-gradient(180deg,#ffd93f,#f1af04);color:#07512d}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview{position:relative;display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;min-height:72px;margin:0;overflow:hidden;border:1px solid #e2bc2e;border-radius:13px;background:linear-gradient(116deg,#07532d 0%,#087b3d 62%,#109b4b 100%);box-shadow:0 5px 12px rgba(0,51,25,.17),inset 0 1px 0 rgba(255,255,255,.18);color:#fff;text-decoration:none}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview::after{position:absolute;right:-25px;bottom:-58px;width:144px;height:144px;border:16px solid rgba(255,226,79,.14);border-radius:50%;box-shadow:-45px -27px 0 -11px rgba(255,226,79,.1);content:""}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview span,.bonus-offer-layout.is-all-offers .all-offers-vip-overview strong,.bonus-offer-layout.is-all-offers .all-offers-vip-overview b,.bonus-offer-layout.is-all-offers .all-offers-vip-overview div{position:relative;z-index:1}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview span{grid-column:1;padding:10px 11px 0;color:#ffe36b;font-size:6px;font-weight:1000;letter-spacing:.12em;line-height:1}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview strong{grid-column:1;padding:0 11px;color:#fff;font-size:12px;font-weight:1000;letter-spacing:.02em;line-height:1}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview b{grid-column:2;grid-row:1 / span 2;align-self:center;margin-right:11px;padding:8px 10px;border:1px solid #ffe36b;border-radius:999px;background:linear-gradient(180deg,#0aa64a,#057037);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 2px 5px rgba(0,35,16,.28);color:#fff;font-size:6.5px;font-weight:1000;letter-spacing:.05em}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview div{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 9px;padding:0 11px 10px}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview small{font-size:6.3px;font-weight:1000;line-height:1.05;text-shadow:0 1px 1px rgba(0,39,18,.42)}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview [data-all-vip-days]{color:#ffe36b;letter-spacing:.08em}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview [data-all-vip-next]{color:#fff}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview i{grid-column:1 / -1;display:block;height:5px;overflow:hidden;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(0,55,26,.32);box-shadow:inset 0 1px 2px rgba(0,34,16,.28)}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffe15b,#fff6a6);box-shadow:0 0 6px rgba(255,238,115,.7);transition:width .45s ease}

/* Small, specific offer tags remain visible in All Offers and category views. */
.bonus-offer-layout .promo-card.has-custom-tag .promo-top{display:block!important;z-index:10}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top{position:absolute;top:4px;left:4px;right:auto;margin:0}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag{display:inline-grid!important;place-items:center;min-width:24px;min-height:14px;padding:2px 4px;border:1px solid #ffe46a;border-radius:7px;background:linear-gradient(145deg,#0a9b49,#056e36);box-shadow:0 1px 3px rgba(0,42,20,.26);color:#fff0a0;font-size:4px;font-weight:1000;letter-spacing:.04em;line-height:1;text-shadow:0 1px 0 rgba(0,35,16,.65);clip-path:none}
.bonus-offer-layout .promo-card.has-custom-tag .promo-tag.is-free{background:linear-gradient(145deg,#f9d644,#e9a800);color:#07512d}.bonus-offer-layout .promo-card.has-custom-tag .promo-tag.is-checkin{background:linear-gradient(145deg,#0aa64e,#057036);color:#fff}.bonus-offer-layout .promo-card.has-custom-tag .promo-tag.is-x3{background:linear-gradient(145deg,#ffdb49,#eaa700);color:#07512d;font-size:7px}.bonus-offer-layout .promo-card.has-custom-tag .promo-tag.is-lifetime{background:linear-gradient(145deg,#135e97,#073f6e);color:#fff;font-size:3.8px}.bonus-offer-layout .promo-card.has-custom-tag .promo-tag.is-facebook{min-width:15px;border-radius:50%;background:#1877f2;color:#fff;font-family:Arial,sans-serif;font-size:10px;font-weight:1000}.bonus-offer-layout .promo-card.has-custom-tag .promo-tag.is-telegram{min-width:15px;border-radius:50%;background:#24a1de;color:#fff;font-size:9px}.bonus-offer-layout .promo-card.has-custom-tag .promo-tag.is-birthday{background:linear-gradient(145deg,#b44a9a,#70265f);color:#fff;font-size:3.8px}

/* One consistent angled casino ribbon for every offer tag. */
.bonus-offer-layout.is-all-offers .promo-card .promo-top{position:absolute!important;z-index:10!important;top:3px!important;right:auto!important;left:3px!important;display:block!important;margin:0!important}
.bonus-offer-layout:not(.is-all-offers) .promo-card.has-custom-tag .promo-top{display:none!important}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag{display:inline-grid!important;place-items:center;min-width:31px;min-height:14px;padding:3px 7px;border:1px solid #ffe76e;border-radius:1px;background:linear-gradient(145deg,#0ba050 0%,#08733a 62%,#034620 100%);box-shadow:0 2px 0 #8a5f00,0 3px 5px rgba(0,36,16,.32),inset 0 1px 0 rgba(255,255,255,.38);color:#ffec79;font-size:4.5px;font-weight:1000;letter-spacing:.06em;line-height:1;text-align:center;text-shadow:0 1px 0 rgba(0,34,15,.75);transform:rotate(-22.5deg);transform-origin:center;clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%)}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-facebook{min-width:15px;padding:3px 5px;background:#1877f2;color:#fff;font-family:Arial,sans-serif;font-size:9px}.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-telegram{min-width:15px;padding:3px 5px;background:#24a1de;color:#fff;font-size:8px}.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-x3{background:linear-gradient(145deg,#ffd94b,#eaa600);color:#07512d;font-size:7px}.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-birthday{background:linear-gradient(145deg,#b74d9b,#722760);color:#fff}.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-lifetime{background:linear-gradient(145deg,#14639b,#07446f);color:#fff;font-size:3.8px}.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-free{background:linear-gradient(145deg,#0ba050,#08733a);color:#ffec79}

/* All Offers ribbons sit on the card corner: raised, balanced and never hide its rounded edge. */
.bonus-offer-layout.is-all-offers .promo-card:has(.promo-tag){overflow:visible;z-index:1}
.bonus-offer-layout.is-all-offers .promo-card:has(.promo-tag):hover{z-index:2}
.bonus-offer-layout.is-all-offers .promo-card .promo-top{top:-5px!important;left:-16px!important;transform:none}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag{position:relative;min-width:34px;min-height:15px;padding:3px 8px;border-width:1px;filter:drop-shadow(0 4px 2px rgba(0,37,15,.38));transform:rotate(-22.5deg)}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag::before{position:absolute;z-index:-1;display:block!important;inset:2px -2px -4px 2px;background:linear-gradient(145deg,#07572b,#023718);clip-path:inherit;content:"";filter:brightness(.72)}

/* All Offers uses tags only when they explain an offer: jackpot, free, check-in,
   commission, birthday or its real social channel. Other cards stay clean. */
.bonus-offer-layout.is-all-offers .promo-card:not(.has-custom-tag) .promo-top{display:none!important}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-jackpot{background:linear-gradient(145deg,#0ba050 0%,#08733a 62%,#034620 100%);color:#ffec79}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-commission{font-size:3.8px}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-referral{min-width:37px;background:linear-gradient(145deg,#0ba050 0%,#08733a 62%,#034620 100%);color:#ffec79;font-size:4.1px}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-facebook,.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-telegram{width:17px;min-width:17px;height:17px;min-height:17px;padding:2px;border-radius:50%;clip-path:none;transform:rotate(-22.5deg);box-shadow:0 2px 0 rgba(0,54,25,.82),0 4px 5px rgba(0,36,16,.28),inset 0 1px 0 rgba(255,255,255,.34)}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-facebook{background:#1877f2;border-color:#b9dcff}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-telegram{background:#229ed9;border-color:#bde8ff}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-facebook::before,.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-telegram::before{border-radius:50%;clip-path:none}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-facebook img,.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-telegram img{display:block;width:100%;height:100%;filter:brightness(0) invert(1)}

/* A compact casino-ticket tag: gold face, folded depth and a clean readable label. */
.bonus-offer-layout.is-all-offers .promo-card .promo-top{top:-5px!important;left:-7px!important}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag:not(.is-facebook):not(.is-telegram){min-width:37px;min-height:15px;padding:3px 7px;border:1px solid #fff3a0;border-radius:2px;background:linear-gradient(145deg,#ffe76d 0%,#f7bd18 45%,#ce8c04 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 0 #805503,0 5px 7px rgba(0,31,13,.28);color:#07512d;font-size:4.2px;letter-spacing:.045em;text-shadow:0 1px 0 rgba(255,255,255,.48);transform:rotate(-22.5deg);clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%)}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag:not(.is-facebook):not(.is-telegram)::before{inset:2px -2px -3px 2px;background:linear-gradient(145deg,#ae7100,#714600);filter:none}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag:not(.is-facebook):not(.is-telegram)::after{position:absolute;top:2px;right:7px;left:7px;height:1px;background:rgba(255,255,255,.63);content:"";pointer-events:none}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-facebook,.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-telegram{top:1px;left:1px}

/* All Offers stays clean: social identity becomes soft background artwork, not a tag. */
.bonus-offer-layout.is-all-offers .promo-card .promo-top{display:none!important}
.bonus-offer-layout.is-all-offers .promo-card{overflow:hidden!important}
.bonus-offer-layout.is-all-offers .promo-card.promo-social-facebook::before,.bonus-offer-layout.is-all-offers .promo-card.promo-social-telegram::before{z-index:0;inset:0;background-position:0 0,88% 47%;background-repeat:no-repeat;background-size:100% 100%,80px 80px;opacity:.31;filter:none;transform:none}
.bonus-offer-layout.is-all-offers .promo-card.promo-social-facebook::before{background-image:linear-gradient(135deg,rgba(240,251,244,.94),rgba(224,243,232,.75)),url("../social/facebook-background.webp")}
.bonus-offer-layout.is-all-offers .promo-card.promo-social-telegram::before{background-image:linear-gradient(135deg,rgba(240,251,244,.94),rgba(224,243,232,.75)),url("../social/telegram-background.webp")}
.bonus-offer-layout.is-all-offers .promo-card.promo-social-facebook>h3,.bonus-offer-layout.is-all-offers .promo-card.promo-social-telegram>h3,.bonus-offer-layout.is-all-offers .promo-card.promo-social-facebook .promo-actions,.bonus-offer-layout.is-all-offers .promo-card.promo-social-telegram .promo-actions{z-index:1}

/* Restore the five meaningful offer tags in an NT77-green raised corner style. */
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top{position:absolute!important;z-index:4!important;top:-5px!important;left:-7px!important;display:block!important;margin:0!important;transform:none!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag{position:relative;display:inline-grid!important;min-width:34px;min-height:15px;place-items:center;padding:3px 7px;border:1px solid #ffe36a;border-radius:2px;background:linear-gradient(145deg,#0aa049,#087137 58%,#034820);box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 2px 0 #9d6800,0 4px 7px rgba(0,38,16,.3);color:#ffec7a;font-size:4px;font-weight:1000;letter-spacing:.055em;line-height:1;text-shadow:0 1px 0 rgba(0,31,13,.8);transform:rotate(-22.5deg);clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%)}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag::before{display:block!important;inset:2px -2px -3px 2px;background:#03421e;filter:none}
.bonus-offer-layout.is-all-offers .promo-card.promo-social-facebook::before,.bonus-offer-layout.is-all-offers .promo-card.promo-social-telegram::before{display:none!important}
.bonus-offer-layout.is-all-offers .promo-card.promo-social-facebook{background:linear-gradient(135deg,rgba(250,255,251,.72),rgba(220,243,228,.58)),url("../social/facebook-background.webp") 82% 48%/92px 92px no-repeat,linear-gradient(145deg,#fbfffc 0%,#edf8ef 62%,#fff6c8 100%)}
.bonus-offer-layout.is-all-offers .promo-card.promo-social-telegram{background:linear-gradient(135deg,rgba(250,255,251,.72),rgba(220,243,228,.58)),url("../social/telegram-background.webp") 82% 48%/92px 92px no-repeat,linear-gradient(145deg,#fbfffc 0%,#edf8ef 62%,#fff6c8 100%)}

/* The final tags are actual raised NT77 corner pieces; social offers use their supplied WebP marks. */
.bonus-offer-layout.is-all-offers .promo-card.promo-social-facebook,.bonus-offer-layout.is-all-offers .promo-card.promo-social-telegram{background:linear-gradient(145deg,#fbfffc 0%,#edf8ef 62%,#fff6c8 100%)}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top{top:-9px!important;left:-12px!important;overflow:visible}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag{overflow:visible!important;z-index:2}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag:not(.is-facebook):not(.is-telegram){min-width:54px;min-height:19px;padding:4px 10px;border:1px solid #ffe972;border-radius:3px;background:linear-gradient(145deg,#0da451 0%,#087238 55%,#023b1c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.44),0 3px 0 #03461f,0 6px 9px rgba(0,36,16,.38);color:#ffef84;font-size:5.2px;letter-spacing:.04em;transform:rotate(-22.5deg);clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%)}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag:not(.is-facebook):not(.is-telegram)::before{display:block!important;inset:2px -3px -4px 3px;border-radius:inherit;background:linear-gradient(145deg,#07612f,#023615);clip-path:inherit;content:""}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook,.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram{display:grid!important;width:23px;min-width:23px;height:23px;min-height:23px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;clip-path:none;transform:none!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook{box-shadow:0 4px 0 #0951bf,0 7px 10px rgba(0,42,102,.32)}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram{box-shadow:0 4px 0 #1178ab,0 7px 10px rgba(0,58,86,.3)}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook::before,.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram::before{display:none!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook img,.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram img{position:relative;z-index:1;display:block;width:100%;height:100%;filter:none}
/* Keep social marks as solid colour discs; crop the source artwork's white rim. */
/* Social marks use clean full-blue discs, not the white-backed source thumbnails. */
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook,.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram{overflow:visible!important;background:#1877f2!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram{background:#229ed9!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook img,.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram img{display:none!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook::after,.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram::after{position:relative;z-index:2;display:block;color:#fff;line-height:1;text-shadow:none}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook::after{content:"f";font-family:Arial,sans-serif;font-size:25px;font-weight:900;transform:translateY(3px)}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram::after{content:"➤";font-family:Arial,sans-serif;font-size:19px;font-weight:900;transform:translate(1px,-1px) rotate(-38deg)}
/* Labels must remain readable on the small All Offers cards. */
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag:not(.is-facebook):not(.is-telegram){min-width:59px!important;min-height:21px!important;padding:4px 10px!important;font-size:6.4px!important;letter-spacing:.02em!important}
/* Supplied official Facebook artwork: crop its transparent canvas into the round badge. */
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook{background:transparent!important;overflow:hidden!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook::after{display:none!important;content:none!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook img{display:block!important;width:176%!important;height:176%!important;max-width:none!important;object-fit:contain!important;transform:none!important}
/* Match Telegram to the same clean round treatment. */
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram{background:transparent!important;overflow:hidden!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram::after{display:none!important;content:none!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram img{display:block!important;width:163%!important;height:163%!important;max-width:none!important;object-fit:contain!important;transform:none!important}
/* All Offers: compact in-card Event-style labels rather than floating ribbons. */
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag{overflow:hidden!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top{top:5px!important;left:5px!important;z-index:5!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag:not(.is-facebook):not(.is-telegram){min-width:34px!important;min-height:14px!important;padding:3px 6px!important;border:1px solid #ffe987!important;border-radius:999px!important;background:linear-gradient(180deg,#ffdb42 0%,#f5b900 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 1px 2px rgba(73,49,0,.22)!important;color:#07512d!important;font-size:4.2px!important;font-weight:1000!important;letter-spacing:.02em!important;text-shadow:none!important;transform:none!important;clip-path:none!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag:not(.is-facebook):not(.is-telegram)::before{display:none!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag:not(.is-facebook):not(.is-telegram)::after{display:none!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook,.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram{top:0!important;left:0!important;width:16px!important;min-width:16px!important;height:16px!important;min-height:16px!important;box-shadow:0 1px 3px rgba(0,0,0,.24)!important}
/* Final compact labels: lift only the labels and leave every offer title untouched. */
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag{overflow:visible!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top{top:-6px!important;left:4px!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag:not(.is-facebook):not(.is-telegram){min-width:45px!important;min-height:17px!important;padding:3px 7px!important;font-size:5.5px!important;line-height:1!important}
/* Supplied Facebook and Telegram logos: same 18px round footprint, transparent canvas. */
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook,.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram{top:0!important;left:0!important;width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;background:transparent!important;overflow:hidden!important;border-radius:50%!important;box-shadow:0 1px 3px rgba(0,0,0,.24)!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook img{display:block!important;width:176%!important;height:auto!important;max-width:none!important;aspect-ratio:1/1!important;object-fit:contain!important;transform:translateY(-5px)!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;aspect-ratio:1/1!important;object-fit:contain!important}
/* Ensure the complete Facebook badge is blue even around the transparent artwork edge. */
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook{background:#1877f2!important}
/* Telegram gets the same full 18px blue disc footprint as Facebook. */
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram{background:#229ed9!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram img{width:118%!important;height:auto!important}
/* Keep tag dimensions fixed; make their labels easier to read. */
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag:not(.is-facebook):not(.is-telegram){font-size:6.2px!important;letter-spacing:0!important}
/* All Offers casino treatment: a low-contrast slot-and-gold texture kept behind readable copy. */
.bonus-offer-layout.is-all-offers .promo-card{background:linear-gradient(145deg,#fbfffa 0%,#e9f8eb 58%,#fff4c9 100%)!important;box-shadow:0 5px 12px rgba(3,61,31,.12),inset 0 1px 0 rgba(255,255,255,.92)!important}
.bonus-offer-layout.is-all-offers .promo-card::before{z-index:0!important;inset:auto -18px -8px auto!important;width:106px!important;height:84px!important;background:url("../decor/nt77-event-coin-pile-unified-v3.webp") right bottom/106px auto no-repeat!important;opacity:.12!important;filter:saturate(.78) contrast(.9)!important;pointer-events:none!important}
.bonus-offer-layout.is-all-offers .promo-card::after{position:absolute!important;z-index:0!important;top:18px!important;right:12px!important;left:auto!important;display:grid!important;width:32px!important;height:32px!important;place-items:center!important;border:1px solid rgba(160,104,0,.28)!important;border-radius:50%!important;background:radial-gradient(circle at 34% 28%,#fff9c3 0 7%,#ffd85b 8% 38%,#d99105 39% 65%,#945400 66% 100%)!important;box-shadow:inset 0 0 0 3px rgba(255,240,137,.48),0 2px 4px rgba(80,50,0,.18)!important;color:#07512d!important;content:"NT77"!important;font-size:6px!important;font-weight:1000!important;letter-spacing:-.05em!important;line-height:1!important;opacity:.37!important;transform:rotate(-12deg)!important;pointer-events:none!important}
.bonus-offer-layout.is-all-offers .promo-card>h3{z-index:1!important;text-shadow:0 1px 0 rgba(255,255,255,.94),0 0 8px rgba(255,255,255,.76)!important}

/* Hourly credit and Lucky Wheel use the exact raised double-sharp category ribbon. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.has-custom-tag[data-offer-source="Hourly Random up to 77"],.bonus-offer-layout:not(.is-all-offers) .promo-card.has-custom-tag[data-offer-source="Lucky Wheel"]{overflow:visible!important;z-index:2!important}
.bonus-offer-layout:not(.is-all-offers) .promo-card.has-custom-tag[data-offer-source="Hourly Random up to 77"] .promo-top,.bonus-offer-layout:not(.is-all-offers) .promo-card.has-custom-tag[data-offer-source="Lucky Wheel"] .promo-top{display:block!important;position:absolute!important;z-index:8!important;top:0!important;left:18px!important;right:auto!important;margin:0!important;overflow:visible!important;transform:translateX(-50%) rotate(-22.5deg)!important}
.bonus-offer-layout:not(.is-all-offers) .promo-card.has-custom-tag[data-offer-source="Hourly Random up to 77"] .promo-top .promo-tag.is-event,.bonus-offer-layout:not(.is-all-offers) .promo-card.has-custom-tag[data-offer-source="Lucky Wheel"] .promo-top .promo-tag.is-event{position:relative!important;display:inline-grid!important;min-width:48px!important;min-height:19px!important;place-items:center!important;padding:5px 12px!important;border:1px solid #ffe979!important;border-radius:0!important;background:linear-gradient(145deg,#0aa44b 0%,#087039 58%,#034520 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 3px 0 #bd8000,0 6px 10px rgba(0,42,20,.3)!important;color:#ffeb75!important;font-size:6.8px!important;font-weight:1000!important;letter-spacing:.02em!important;line-height:1!important;text-align:center!important;text-shadow:0 1px 0 rgba(0,34,16,.75)!important;transform:none!important;transform-origin:center!important;clip-path:polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%)!important}
.bonus-offer-layout:not(.is-all-offers) .promo-card.has-custom-tag[data-offer-source="Hourly Random up to 77"] .promo-top .promo-tag.is-event::before,.bonus-offer-layout:not(.is-all-offers) .promo-card.has-custom-tag[data-offer-source="Lucky Wheel"] .promo-top .promo-tag.is-event::before{position:absolute!important;z-index:-1!important;display:block!important;inset:2px -3px -4px 3px!important;border-radius:inherit!important;background:linear-gradient(145deg,#07572b,#023718)!important;clip-path:inherit!important;content:""!important}
.bonus-commission-win{display:grid;grid-template-columns:30px 1fr;gap:5px;align-items:center;padding:6px;border:1px dashed #b9d3c0;background:#fff;text-align:left}.bonus-commission-win .bonus-commission-person{margin:0}.bonus-commission-win>div:last-child{display:grid;gap:1px}.bonus-commission-win small{color:#61766a;font-size:7px;font-weight:1000;letter-spacing:.04em}.bonus-commission-win b{color:#315f40;font-size:9px}.bonus-commission-win span{color:#08733a;font-size:8px;font-weight:1000}
.bonus-commission-example-two{padding-top:4px;border-top:1px dashed #b9d3c0;color:#61766a;font-size:8px;text-align:center}.bonus-commission-negative{background:#f5f1e9}.bonus-commission-negative b{color:#765610}
.bonus-commission-safe{display:grid;gap:2px;padding:7px;border:1px solid #b9d3c0;background:#e8f5eb;text-align:center}.bonus-commission-safe b{color:#075b31;font-size:9px}.bonus-commission-safe span{color:#315f40;font-size:8px;font-weight:800;line-height:1.25}
.bonus-commission-member span.is-loss,.bonus-commission-member span.is-win{padding:4px 3px!important;border:1px solid;font-size:10px;letter-spacing:.02em}.bonus-commission-member span.is-loss{border-color:#f1b5ad;background:#fff0ee;color:#bd2d21}.bonus-commission-member span.is-win{border-color:#9ed9af;background:#eaf8ee;color:#08733a}.bonus-commission-result.is-zero{background:#a63d32;color:#fff}
.bonus-commission-member span.is-loss,.bonus-commission-member span.is-win{padding:2px 0!important;border:0;background:transparent;font-size:10px}.bonus-commission-member span.is-loss{color:#c93227}.bonus-commission-member span.is-win{color:#08733a}.bonus-commission-total,.bonus-commission-total.bonus-commission-negative{border:1px solid #d2e2d6;background:#fff}.bonus-commission-result,.bonus-commission-result.is-zero{border:1px solid currentColor;background:#fff;color:#075b31}.bonus-commission-result.is-zero{color:#b83328}
.bonus-offer-modal-facts .is-view-commission{display:grid!important;place-items:center;padding:0!important;overflow:hidden}.bonus-offer-modal-facts .is-view-commission small{display:none}.bonus-offer-modal-facts .is-view-commission button{width:100%;min-height:100%;border:0;background:linear-gradient(135deg,#087b3e,#045f2c);color:#fff;font-size:9px;font-weight:1000;letter-spacing:.03em;cursor:pointer}.bonus-commission-rollover{display:grid;gap:2px;padding:7px;border-top:1px dashed #b9d3c0;border-bottom:1px dashed #b9d3c0;text-align:center}.bonus-commission-rollover small{color:#61766a;font-size:7px;font-weight:1000}.bonus-commission-rollover b{color:#075b31;font-size:10px}.bonus-commission-rollover.is-zero b{color:#b83328}.bonus-commission-progress{display:grid;grid-template-columns:1fr auto;gap:4px;padding:7px;border:1px solid #b9d3c0;background:#fff}.bonus-commission-progress small{color:#315f40;font-size:7px;font-weight:1000}.bonus-commission-progress b{color:#075b31;font-size:8px}.bonus-commission-progress i{grid-column:1/-1;height:5px;overflow:hidden;border-radius:8px;background:#dbe9df}.bonus-commission-progress em{display:block;height:100%;border-radius:inherit;background:#078d38}
.bonus-commission-total small{color:#52665a}.bonus-commission-total.bonus-commission-negative small,.bonus-commission-total.bonus-commission-negative b{color:#c93227}.bonus-commission-result:not(.is-zero){color:#08733a}.bonus-commission-rollover b{color:#08733a}
.bonus-commission-rollover span{color:#075b31;font-size:8px;font-weight:1000}
.bonus-commission-total.bonus-commission-negative small,.bonus-commission-total.bonus-commission-negative b,.bonus-commission-result.is-zero{color:#08733a}
.bonus-commission-example-two{color:#063b24}
.bonus-first-topup-example{display:grid;gap:7px;margin:0 0 10px;padding:9px;border:1px solid #b9d3c0;background:#f6faf7;color:#063b24;text-align:center}.bonus-first-topup-example[hidden]{display:none!important}.bonus-first-topup-example>b{font-size:8px}.first-topup-members{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.first-topup-members span{display:grid;gap:2px;padding:5px 2px;border:1px solid #c9dfcf;background:#fff;color:#315f40;font-size:7px;font-weight:1000}.first-topup-members i{font-style:normal;font-size:7px}.first-topup-members strong{color:#08733a;font-size:8px}.first-topup-members span:first-child strong{color:#c93227}.first-topup-total{padding:6px;border:1px solid #d2e2d6;background:#fff;color:#52665a;font-size:8px}.first-topup-total b{color:#08733a;font-size:10px}.first-topup-result{padding:7px;border:1px solid #078d38;background:#fff;color:#08733a;font-size:9px;font-weight:1000;line-height:1.35}.bonus-offer-modal-facts .is-view-downlines{display:grid!important;place-items:center;padding:0!important;overflow:hidden}.bonus-offer-modal-facts .is-view-downlines small{display:none}.bonus-offer-modal-facts .is-view-downlines button{width:100%;min-height:100%;border:0;background:linear-gradient(135deg,#087b3e,#045f2c);color:#fff;font-size:8px;font-weight:1000;cursor:pointer}
.first-topup-members span>b{font-size:8px}.first-topup-members span small{color:#718477;font-size:5.5px;font-weight:1000}.first-topup-members span i{color:#315f40;font-size:7px}.first-topup-members span strong{font-size:8px}
.bonus-offer-modal-facts .first-topup-view-link{display:block;margin:4px 0 0;padding:0;border:0;background:transparent;color:#08733a;font-size:7px;font-weight:1000;letter-spacing:.03em;text-decoration:underline;cursor:pointer}
.bonus-like-share-steps{display:grid;gap:7px;margin:0 0 10px;padding:9px;border:1px solid #b9d3c0;background:#f6faf7;color:#063b24;text-align:center}.bonus-like-share-steps[hidden]{display:none!important}.bonus-like-share-steps>b{font-size:8px}.bonus-like-share-steps>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.bonus-like-share-steps article{position:relative;display:grid;grid-template-columns:25px 1fr;gap:5px;align-items:center;min-height:42px;padding:5px;border:1px solid #c9dfcf;background:#fff;text-align:left}.bonus-like-share-steps article i{position:absolute;top:3px;left:3px;display:grid;place-items:center;width:11px;height:11px;border-radius:50%;background:#08733a;color:#fff;font-size:6px;font-style:normal;font-weight:1000}.bonus-like-share-steps article strong{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e5f5e9;color:#08733a;font-size:14px}.bonus-like-share-steps article span{color:#315f40;font-size:6.5px;font-weight:1000;line-height:1.25}
.bonus-like-share-steps article strong.is-facebook{background:#1877f2;color:#fff;font-family:Arial,sans-serif;font-size:19px;font-weight:1000}
.bonus-like-share-steps article strong.is-facebook,.bonus-like-share-steps article strong.is-comment,.bonus-like-share-steps article strong.is-share,.bonus-like-share-steps article strong.is-proof{background:#e5f5e9;color:#08733a;font-family:Arial,sans-serif;font-weight:1000}.bonus-like-share-steps article strong.is-facebook{font-size:18px}.bonus-like-share-steps article strong.is-comment{font-size:16px}.bonus-like-share-steps article strong.is-share{font-size:18px}.bonus-like-share-steps article strong.is-proof{font-size:15px}
.bonus-like-share-steps article strong svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.bonus-like-share-steps article span a{color:#08733a;font-weight:1000;text-decoration:underline;text-underline-offset:2px}
.bonus-like-share-steps article span a.facebook-group-link{color:#1877f2}
.bonus-like-share-steps article span a.telegram-group-link{color:#168ec6}
.bonus-vip-rescue-levels{display:grid;gap:7px;margin:0 0 10px;padding:9px;border:1px solid #b9d3c0;background:#f6faf7;color:#063b24;text-align:center}.bonus-vip-rescue-levels[hidden]{display:none!important}.bonus-vip-rescue-levels>b{font-size:8px}.bonus-vip-rescue-levels>div{display:grid;grid-template-columns:1fr 1fr;border:1px solid #c9dfcf;background:#fff}.bonus-vip-rescue-levels>div>small{padding:5px;background:#08733a;color:#fff;font-size:7px;font-weight:1000}.bonus-vip-rescue-levels span{display:contents}.bonus-vip-rescue-levels i,.bonus-vip-rescue-levels strong{padding:5px;border-top:1px solid #d4e4d8;color:#9aa99e;font-size:8px;font-style:normal;font-weight:1000}.bonus-vip-rescue-levels span.is-current i,.bonus-vip-rescue-levels span.is-current strong{background:transparent;color:#008a42;font-size:10px;font-weight:1000;box-shadow:none}.bonus-vip-rescue-levels span.is-current i{border-top-color:#d4e4d8}.bonus-vip-rescue-levels span.is-current strong{border-top-color:#d4e4d8}
.bonus-vip-rescue-example{display:grid;gap:7px;margin:0 0 10px;padding:9px;border:1px solid #b9d3c0;background:#f6faf7;color:#063b24;text-align:center}.bonus-vip-rescue-example[hidden]{display:none!important}.bonus-vip-rescue-example>b{font-size:8px}.vip-rescue-numbers{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center}.vip-rescue-numbers span{display:grid;gap:3px;padding:7px 4px;border:1px solid #c9dfcf;background:#fff}.vip-rescue-numbers small{color:#6f8275;font-size:6px;font-weight:1000}.vip-rescue-numbers strong{color:#063b24;font-size:10px}.vip-rescue-numbers>i{color:#698171;font-size:18px;font-style:normal;font-weight:1000}.vip-rescue-netloss{padding:7px;border:1px solid #d2e2d6;background:#fff;color:#53685b;font-size:8px;font-weight:1000}.vip-rescue-netloss b{color:#08733a;font-size:10px}.vip-rescue-result{padding:8px;border:1px solid #078d38;background:#fff;color:#08733a;font-size:9px;font-weight:1000}.vip-rescue-result b{font-size:11px}
.bonus-offer-layout .promo-card.is-weekly-tier-locked{filter:grayscale(1);opacity:.38}.bonus-offer-layout .promo-card.is-weekly-tier-locked .promo-actions{pointer-events:none}.bonus-offer-layout .promo-card.is-weekly-tier-current{border-color:#078d38;box-shadow:0 0 0 2px rgba(7,141,56,.16),0 5px 12px rgba(3,79,30,.16)}
.monthly-rtp-section .monthly-rtp-card .hot-game-art[data-rtp]::after{content:attr(data-rtp)!important}