@font-face {
  font-family: SignedBangla;
  src: url('assets/NotoSansBengali-Regular.woff') format('woff');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: SignedBangla;
  src: url('assets/NotoSansBengali-Bold.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}

.signed-ui {
  --head: calc(144 * var(--v));
  --home-head: calc(158 * var(--v));
  --dock: calc(185 * var(--v));
  --side: calc(29 * var(--v));
  --blue: #2598cc;
  --gold: #f6dd17;
  --page: #fff;
  --ink: #292929;
  min-height: 100dvh;
  font: 400 max(11px, calc(36 * var(--v))) / 1.45 SignedBangla, Arial, sans-serif;
  color: var(--ink);
  background: var(--page);
  color-scheme: light;
}
.signed-ui[data-tone='dark'] { --page: #1f1f1f; --ink: #fff; color-scheme: dark; }
.signed-ui[data-tone='soft'] { --page: #f3f2f8; --ink: #54565a; }
.signed-ui button, .signed-ui input { font: inherit; }
.signed-ui h1, .signed-ui h2, .signed-ui h3, .signed-ui p { margin: 0; }
.signed-ui img { display: block; max-width: 100%; }
.signed-ui button:disabled { cursor: default; }
:is(.signed-ui, .guest-catalog) .s-icon {
  display: block;
  width: calc(53 * var(--v));
  height: calc(53 * var(--v));
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}
:is(.signed-ui, .guest-catalog) .s-icon-button { display: inline-flex; align-items: center; justify-content: center; padding: calc(8 * var(--v)); }
.signed-ui .s-gold, .signed-ui .s-silver, .signed-ui .s-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(75 * var(--v));
  padding: calc(9 * var(--v)) calc(26 * var(--v));
  border-radius: calc(16 * var(--v));
  text-align: center;
  font-weight: 700;
}
.signed-ui .s-gold {
  background: linear-gradient(#fffecf, #f3da17 55%, #bcb00b);
  border: 1px solid #fff5b5;
  color: #151515;
}
.signed-ui .s-silver {
  border: 1px solid #c7d0d7;
  border-radius: calc(46 * var(--v));
  background: linear-gradient(#fafcfe, #dce4e9 53%, #f4f7fa);
  color: #434a51;
  box-shadow: 0 calc(4 * var(--v)) calc(8 * var(--v)) #0002;
}
.signed-ui .s-outline { border: 1px solid currentColor; background: transparent; }
.s-page, .s-home { min-height: 100dvh; margin: auto; background: var(--page); }
.s-page .s-body { min-height: calc(100dvh - var(--head)); }
.signed-ui .has-dock { padding-bottom: calc(var(--dock) + env(safe-area-inset-bottom, 0px)); }
.s-titlebar {
  position: sticky;
  top: 0;
  z-index: 24;
  height: var(--head);
  padding: 0 calc(36 * var(--v));
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: calc(10 * var(--v));
  background: #202020;
  color: #fff;
}
.s-titlebar h1 {
  font-size: max(16px, calc(54 * var(--v)));
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
}
.s-titlebar.s-gold-rule { border-bottom: 1px solid #7d7323; }
.s-back { display: grid; width: calc(130 * var(--v)); height: 100%; align-items: center; justify-items: center; }
.s-titlebar .s-back .s-icon { width: calc(72 * var(--v)); height: calc(72 * var(--v)); }
.s-title-right { min-width: 0; display: flex; justify-content: flex-end; align-items: center; }
.s-title-text { font-weight: 700; }
.s-home-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 25;
  height: var(--home-head);
  padding: 0 calc(31 * var(--v)) 0 calc(48 * var(--v));
  background: #1f1f1f;
  color: white;
}
.s-home-logo { width: calc(362 * var(--v)); }
.s-home-logo img { width: 100%; }
.s-home-account, .s-wallet-link { display: flex; align-items: center; }
.s-home-account { gap: calc(16 * var(--v)); }
.s-wallet-link { gap: calc(22 * var(--v)); min-width: calc(434 * var(--v)); }
.s-wallet-link span { display: block; }
.s-wallet-link strong, .s-wallet-id { font: 700 calc(35 * var(--v)) / 1.25 Arial,sans-serif; white-space: nowrap; }
.s-wallet-link strong { color: var(--gold); }
.s-wallet-link .s-user-dot {
  display: grid;
  place-items: center;
  width: calc(85 * var(--v));
  height: calc(85 * var(--v));
  border-radius: 50%;
  background: linear-gradient(#ffe23b, #f8d510);
  color: #39351d;
}
.s-home-account > .s-icon-button {
  border-radius: calc(6 * var(--v));
  background: linear-gradient(#c9c9c9,#909191);
  color: #252525;
  padding: calc(7 * var(--v));
}
.s-home-account > .s-icon-button .s-icon { width: calc(33 * var(--v)); height: calc(33 * var(--v)); }
.s-home-intro { padding: 0 calc(21 * var(--v)); }
.s-news-strip {
  height: calc(86 * var(--v));
  margin: 0 0 calc(21 * var(--v));
  padding: 0 calc(21 * var(--v));
  border-radius: calc(45 * var(--v));
  display: flex;
  align-items: center;
  gap: calc(20 * var(--v));
  background: #333;
  overflow: hidden;
}
.s-news-speaker { color: #fff0a7; flex: none; }
.s-news-text { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; font-weight: 700; }
.s-news-text a { display: block; overflow: hidden; }
.s-news-text span { display: inline-block; animation: signed-news 25s linear infinite; }
.s-news-text a:hover span, .s-news-text a:focus-visible span { animation-play-state: paused; }
.s-news-app {
  align-self: stretch;
  height: auto;
  margin-right: calc(-21 * var(--v));
  flex: 0 0 calc(66 * var(--v));
}
.s-news-app span {
  width: calc(38 * var(--v));
  height: calc(36 * var(--v));
}
.s-news-app b { font-size: max(7px, calc(17 * var(--v))); }
@keyframes signed-news { 0%,7% { transform: translateX(0); } 100% { transform: translateX(-70%); } }
.s-banner { position: relative; aspect-ratio: 1038/351; }
.s-banner-image { display: block; height: 100%; overflow: hidden; border-radius: calc(22 * var(--v)); }
.s-banner-image img { width: 100%; height: 100%; object-fit: fill; }
.s-banner-language { position: absolute; top: 9%; left: calc(-16 * var(--v)); }
.s-banner-language .flag-bd { width: calc(79 * var(--v)); height: calc(79 * var(--v)); border: calc(9 * var(--v)) solid #292929; }
.s-dots { display: flex; align-items: center; gap: calc(13 * var(--v)); position: absolute; bottom: calc(15 * var(--v)); right: calc(53 * var(--v)); }
.s-dots button { width: calc(27 * var(--v)); height: calc(27 * var(--v)); background: #fff9; border-radius: 50%; }
.s-dots button.selected { width: calc(39 * var(--v)); height: calc(39 * var(--v)); background: white; }
.s-quick {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: center;
  min-height: calc(175 * var(--v));
  margin: calc(24 * var(--v)) 0 0;
  background: #000;
  border-radius: calc(31 * var(--v));
}
.s-quick-item { position: relative; min-width: 0; text-align: center; display: grid; justify-items: center; gap: calc(11 * var(--v)); font-size: max(9px,calc(30 * var(--v))); white-space: nowrap; }
.s-quick-item img { width: calc(81 * var(--v)); height: calc(81 * var(--v)); object-fit: contain; }
.signed-ui .s-badge {
  display: grid;
  place-items: center;
  position: absolute;
  z-index: 2;
  width: calc(51 * var(--v));
  height: calc(51 * var(--v));
  border-radius: 50%;
  background: #ff3548;
  color: #fff;
  font: 700 calc(31 * var(--v)) / 1 Arial, sans-serif;
  font-style: normal;
}
.s-quick-item .s-badge { top: calc(-10 * var(--v)); right: 17%; }
.guest-catalog {
  --home-head: var(--header-height);
  --dock: var(--bottom-clearance);
  font: 400 max(11px,calc(36 * var(--v))) / 1.45 SignedBangla, Arial, sans-serif;
}
.guest-catalog h2, .guest-catalog p { margin: 0; }
.s-catalog {
  overflow-anchor: none;
  min-height: max(var(--retained-catalog-height, 0px), calc(100dvh - var(--home-head) - var(--dock)));
  display: grid;
  grid-template-columns: calc(222 * var(--v)) minmax(0,1fr);
  gap: calc(22 * var(--v));
  padding: calc(27 * var(--v)) calc(21 * var(--v));
  scroll-margin-top: var(--home-head);
}
.s-category-rail {
  align-self: start;
  display: grid;
  justify-items: center;
  gap: calc(7 * var(--v));
  padding: calc(29 * var(--v)) 0 calc(36 * var(--v));
  position: sticky;
  top: var(--home-head);
  max-height: calc(100dvh - var(--home-head) - var(--dock));
  overflow: auto;
  scrollbar-width: none;
}
.s-category-rail button {
  display: grid;
  justify-items: center;
  align-content: center;
  width: calc(179 * var(--v));
  min-height: calc(167 * var(--v));
  gap: calc(8 * var(--v));
  border-radius: calc(53 * var(--v));
  font-size: max(10px,calc(33 * var(--v)));
}
.s-category-rail button.selected { background: linear-gradient(#fffacc,#fff32a 54%,#b4a41c); box-shadow: 0 0 calc(34 * var(--v)) #f9e35b9c; color: #171607; }
.s-category-rail img { width: calc(95 * var(--v)); height: calc(91 * var(--v)); object-fit: contain; }
.s-category-rail .s-icon { width: calc(84 * var(--v)); height: calc(84 * var(--v)); color: #fff435; }
.s-category-rail .selected .s-icon { color: inherit; }
.s-catalog-content { min-width: 0; }
.s-game-heading { display: flex; align-items: center; gap: calc(19 * var(--v)); min-height: calc(115 * var(--v)); color: #ead418; font-size: max(13px,calc(39 * var(--v))); font-style: italic; font-weight: 700; }
.s-game-heading img { width: calc(66 * var(--v)); height: calc(68 * var(--v)); }
.s-view-liked { margin-left: auto; font-size: calc(24 * var(--v)); min-height: calc(37 * var(--v)) !important; border-radius: 50px !important; }
.s-favorite-row { margin-bottom: calc(9 * var(--v)); }
.s-game-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: calc(35 * var(--v)) calc(17 * var(--v)); }
.s-game-grid.full { gap: calc(41 * var(--v)) calc(65 * var(--v)); }
.s-game-card { position: relative; min-width: 0; text-align: center; }
.s-game-cover { position: relative; aspect-ratio: 1; }
.s-game-art { display: block; width: 100%; height: 100%; overflow: hidden; border-radius: calc(30 * var(--v)); background: #181818; }
.s-game-art img { width: 100%; height: 100%; object-fit: cover; }
.s-game-favorite { position: absolute; top: 1%; right: 0; width: 30%; aspect-ratio: 1; display: grid; place-items: center; color: #fff435; }
.s-game-favorite .s-icon { width: 74%; height: 74%; opacity: 0; stroke-width: 1.5; }
.s-game-favorite[aria-pressed='true'] .s-icon { opacity: 1; fill: #ffe531; filter: drop-shadow(0 1px 2px #1117); }
.s-game-favorite:focus-visible .s-icon { opacity: 1; }
:is(.signed-ui, .guest-catalog) .s-game-label { display: block; width: 100%; margin-top: calc(12 * var(--v)); font-size: max(10px,calc(35 * var(--v))); line-height: 1.46; overflow-wrap: anywhere; }
.s-game-provider { display: block; color: #cfb347; font: 400 max(9px,calc(27 * var(--v))) / 1.4 Arial,sans-serif; margin: calc(16 * var(--v)) 0 calc(-6 * var(--v)); }
.s-search-row { display: flex; align-items: center; gap: calc(20 * var(--v)); }
.s-game-tools { padding: calc(9 * var(--v)) 0 calc(26 * var(--v)); }
.s-full-catalog { padding: calc(22 * var(--v)) calc(56 * var(--v)) calc(24 * var(--v)); }
.s-full-catalog .s-game-tools { margin: 0 calc(-10 * var(--v)) calc(27 * var(--v)); }
.s-catalog-modes { display: flex; align-items: center; gap: calc(11 * var(--v)); }
.s-catalog-modes .s-icon-button { border: 1px solid #dfdfdf; border-radius: 50%; }
.s-catalog-modes .s-icon-button:first-child { background: #f5de30; color: #1b1b1b; border-color: #f5de30; }
.s-search { display: flex; align-items: center; flex: 1; min-width: 0; height: calc(65 * var(--v)); border: 1px solid #bfbfbf; border-radius: calc(10 * var(--v)); color: #ddd; background: #343434; padding: 0 calc(16 * var(--v)); }
.s-search input { min-width: 0; width: 100%; border: 0; outline: none; color: #fff; background: none; }
.s-search input::placeholder { color: #ddd; }
.s-search .s-icon { width: calc(49 * var(--v)); }
.s-small-btn { flex: none; padding: calc(7 * var(--v)) calc(12 * var(--v)); border: 1px solid #515151; border-radius: calc(7 * var(--v)); white-space: nowrap; font-size: max(9px, calc(29 * var(--v))); }
.s-game-tabs { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: calc(9 * var(--v)); margin-top: calc(28 * var(--v)); min-width: 0; }
.s-game-tabs-track { display: flex; align-items: center; gap: calc(14 * var(--v)); min-width: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; touch-action: pan-x; overscroll-behavior-x: contain; scroll-snap-type: x proximity; }
.s-game-tabs-track::-webkit-scrollbar { display: none; }
.s-game-tabs-track button { flex: none; white-space: nowrap; padding: calc(8 * var(--v)) calc(12 * var(--v)); font-size: max(9px,calc(29 * var(--v))); font-weight: 700; scroll-snap-align: start; }
.s-game-tabs-track button.selected { min-width: calc(100 * var(--v)); padding: calc(12 * var(--v)); border-radius: calc(12 * var(--v)); color: #222; background: linear-gradient(#ffffce,#f8e31c,#eacb11); }
.s-game-tabs > .s-icon-button { flex: none; padding: calc(3 * var(--v)); background: #fff; color: #222; border-radius: 50%; position: relative; z-index: 2; }
.s-game-tabs > .s-icon-button .s-icon { width: calc(37 * var(--v)); height: calc(37 * var(--v)); }
.s-sport-grid { display: grid; gap: calc(57 * var(--v)); }
.s-sport-card { overflow: hidden; border-radius: calc(34 * var(--v)); }
.s-sport-card img { width: 100%; }
.s-dock {
  position: fixed;
  z-index: 29;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: var(--layout-width);
  height: calc(var(--dock) + env(safe-area-inset-bottom, 0px));
  padding: calc(12 * var(--v)) 0 env(safe-area-inset-bottom, 0px);
  display: grid;
  grid-template-columns: 22% 20% 16% 21% 21%;
  grid-template-rows: minmax(0, 1fr);
  align-items: stretch;
  border-radius: calc(65 * var(--v)) calc(65 * var(--v)) 0 0;
  background: linear-gradient(#898989,#636363 24%,#252525 78%,#0b0b0b);
  color: white;
}
.s-dock-item { position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; min-width: 0; padding-bottom: calc(19 * var(--v)); font-size: max(8px,calc(29 * var(--v))); line-height: 1.1; white-space: nowrap; }
.s-dock-icon { display: grid; place-items: center; position: relative; width: calc(98 * var(--v)); height: calc(95 * var(--v)); margin-bottom: calc(7 * var(--v)); }
.s-dock-icon img { width: 100%; height: 100%; object-fit: contain; }
.s-dock-icon .s-badge { top: calc(-4 * var(--v)); right: calc(-12 * var(--v)); }
.s-dock-promo { align-self: center; justify-self: center; transform: translateY(calc(-27 * var(--v))); padding: calc(15 * var(--v)) 0 calc(12 * var(--v)); width: calc(176 * var(--v)); height: calc(176 * var(--v)); border-radius: 50%; color: #25210c; background: linear-gradient(#fffcc4,#f8e338,#d9bf06); box-shadow: 0 0 calc(29 * var(--v)) #f1e225bb; border: 1px solid #fff27a; font-weight: 700; font-size: max(8px, calc(24 * var(--v))); }
.s-dock-promo .s-dock-icon { width: calc(113 * var(--v)); height: calc(111 * var(--v)); margin-bottom: 0; }
.s-floater { position: fixed; right: calc((100vw - var(--layout-width)) / 2 + 41 * var(--v)); bottom: max(calc(305 * var(--v)),14vh); z-index: 27; display: grid; justify-items: end; gap: calc(28 * var(--v)); }
.s-float-controls { display: flex; align-items: center; gap: calc(27 * var(--v)); }
.s-float-controls button { width: calc(58 * var(--v)); height: calc(58 * var(--v)); display: grid; place-items: center; border-radius: 50%; font: 700 calc(46 * var(--v)) / 1 Arial,sans-serif; background: #818487; color: white; }
.s-float-controls button:last-child { background: linear-gradient(#f44e10,#ffb212); }
.s-float-controls button .s-icon { width: calc(36 * var(--v)); height: calc(36 * var(--v)); }
.s-floating-art { display: block; width: calc(112 * var(--v)); height: calc(107 * var(--v)); }
.s-floating-art img { width: 100%; height: 100%; object-fit: contain; }

.s-promo-tabs { display: flex; align-items: center; gap: calc(64 * var(--v)); height: calc(166 * var(--v)); padding: 0 calc(80 * var(--v)); overflow: auto; scrollbar-width: none; white-space: nowrap; }
.s-promo-tabs button { height: 100%; position: relative; flex: none; font-weight: 700; }
.s-promo-tabs button.selected { color: #f7ea42; }
.s-promo-tabs button.selected::after { content: ''; position: absolute; bottom: calc(21 * var(--v)); inset-inline: 0; height: 2px; border-radius: 2px; background: #f6e52f; }
.s-offers { display: grid; gap: calc(59 * var(--v)); padding: calc(36 * var(--v)) calc(58 * var(--v)) calc(44 * var(--v)); }
.s-offer-card { overflow: hidden; border-radius: calc(13 * var(--v)); background: #262626; }
.s-offer-art { width: 100%; display: block; aspect-ratio: 960/363; }
.s-offer-art img { width: 100%; height: 100%; object-fit: cover; }
.s-offer-art[data-value='first-deposit'] {
  position: relative;
  background: linear-gradient(154deg,#110802 58%,#3b230d 72%,#ae742c 73%,#ffd387 74%,#241306 77%,#130801 83%,#c98a30);
}
.s-offer-art[data-value='first-deposit'] img { width: 80.94%; object-fit: fill; }
.s-offer-art[data-value='first-deposit']::after {
  content: '';
  position: absolute;
  right: 4%;
  bottom: 7%;
  width: 12%;
  height: 48%;
  border-radius: 45% 45% 24% 24% / 12% 12% 6% 6%;
  background: repeating-linear-gradient(#fff2a9 0 5%,#e0a23a 5% 8%,#ad671b 8% 10%);
  box-shadow: 0 0 5px #dba746;
}
.s-offer-title { display: flex; align-items: center; justify-content: space-between; gap: calc(23 * var(--v)); width: 100%; padding: calc(30 * var(--v)) calc(26 * var(--v)); text-align: left; }
.s-offer-title span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.s-offer-title i { width: calc(71 * var(--v)); height: calc(71 * var(--v)); flex: none; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(#fff54c,#a89100); color: #352d09; }
.s-offer-title.open i { background: #fff; color: #292929; }
.s-offer-title i .s-icon { width: calc(40 * var(--v)); height: calc(40 * var(--v)); }
.s-offer-details { padding: 0 calc(34 * var(--v)) calc(36 * var(--v)); font-size: max(12px,calc(44 * var(--v))); line-height: 1.62; }
.s-offer-go { text-align: center; margin-bottom: calc(61 * var(--v)); }
.s-offer-go .s-silver { color: #fff; border-color: #bcbcbc; background: linear-gradient(#c5c5c5,#727272,#a3a3a3); border-radius: calc(35 * var(--v)); }
.s-offer-details h3, .s-offer-details b { color: #ffec31; }
.s-offer-details h3 { font-size: inherit; margin-top: calc(36 * var(--v)); }
.s-offer-details p { margin-bottom: calc(22 * var(--v)); }
.s-vip-table { width: 100%; border-collapse: collapse; text-align: center; font-size: max(9px,calc(32 * var(--v))); }
.s-vip-table th, .s-vip-table td { border: 1px solid #9a9a9a; padding: calc(13 * var(--v)) calc(6 * var(--v)); }
.s-vip-table th { color: #ffef42; }
.s-notices { padding: 0 calc(40 * var(--v)) calc(35 * var(--v)); }
.s-notice { position: relative; margin-left: calc(132 * var(--v)); border-bottom: 1px solid #686868; }
.s-notice-button { display: block; min-height: calc(226 * var(--v)); padding: calc(27 * var(--v)) 0; text-align: left; width: 100%; }
.s-notice-button > .s-icon { position: absolute; width: calc(74 * var(--v)); height: calc(74 * var(--v)); left: calc(-119 * var(--v)); top: calc(101 * var(--v)); color: #eed825; }
.s-notice-button strong, .s-notice-button small { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.s-notice-button strong { font-size: max(12px,calc(42 * var(--v))); font-weight: 400; }
.s-notice-button small { color: #929292; font-size: max(10px,calc(33 * var(--v))); margin-top: calc(25 * var(--v)); }
.s-notice-body { line-height: 1.7; padding: calc(32 * var(--v)) 0; }
.s-notice-body b { color: #ffec44; }
.s-notice-body p { margin-bottom: calc(26 * var(--v)); }

.s-member-heading { background: radial-gradient(ellipse at 16% 0%,#645748,#2b2a2a 70%); }
.s-profile-card { position: relative; overflow: hidden; color: #404852; background: linear-gradient(132deg,#f0f4f8,#e0e6ed 49%,#bdc8d4); border-radius: calc(39 * var(--v)); }
.s-profile-card.member { margin-left: calc(71 * var(--v)); min-height: calc(673 * var(--v)); padding: calc(111 * var(--v)) calc(69 * var(--v)) calc(68 * var(--v)); border-radius: calc(39 * var(--v)) 0 0 calc(39 * var(--v)); }
.s-profile-medal { position: absolute; top: calc(12 * var(--v)); right: calc(19 * var(--v)); width: calc(318 * var(--v)); mix-blend-mode: multiply; opacity: .52; }
.s-profile-top { display: flex; position: relative; align-items: center; gap: calc(42 * var(--v)); }
.s-avatar { flex: none; display: grid; place-items: center; overflow: hidden; width: calc(244 * var(--v)); height: calc(244 * var(--v)); border: calc(10 * var(--v)) solid #fafcfd; border-radius: 50%; color: #cfd7e3; background: radial-gradient(ellipse at 60% 24%,#5c626f,#252932 55%,#151820); }
.s-avatar .s-icon { width: 70%; height: 70%; transform: translateY(7%); }
.s-profile-info { min-width: 0; display: grid; gap: calc(24 * var(--v)); justify-items: start; }
.s-vip-pill { color: white; background: linear-gradient(#959a9d,#585d61); border-radius: calc(46 * var(--v)); padding: calc(8 * var(--v)) calc(28 * var(--v)); font: 700 calc(32 * var(--v)) / 1.2 Arial,sans-serif; }
.s-profile-id { display: flex; align-items: center; color: #111820; font: 700 calc(42 * var(--v)) / 1.2 Arial,sans-serif; white-space: nowrap; }
.s-profile-id .s-icon { width: calc(40 * var(--v)); height: calc(40 * var(--v)); }
.s-profile-info small { color: #62666b; font-size: max(9px,calc(28 * var(--v))); }
.s-profile-balance { position: relative; display: flex; align-items: center; justify-content: space-between; font: 700 calc(56 * var(--v)) / 1.2 Arial,sans-serif; margin: calc(26 * var(--v)) 0 calc(54 * var(--v)); }
.s-profile-balance .s-icon-button { color: #737c82; }
.s-profile-actions { position: relative; display: grid; grid-template-columns: repeat(3,1fr); gap: calc(18 * var(--v)); }
.s-profile-actions .s-silver { min-height: calc(79 * var(--v)); white-space: nowrap; padding-inline: calc(10 * var(--v)); font-size: max(9px,calc(30 * var(--v))); }
.s-member-label { display: flex; align-items: center; gap: calc(21 * var(--v)); margin: calc(48 * var(--v)) 0 calc(34 * var(--v)) calc(71 * var(--v)); }
.s-member-label::after { content:''; height: 1px; background: #efefef; flex: 1; }
.s-member-label span { border-radius: 50px; background: linear-gradient(#e5e5e5,#f3f3f3); padding: calc(6 * var(--v)) calc(27 * var(--v)); font-size: max(9px,calc(29 * var(--v))); }
.s-member-menu { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: calc(45 * var(--v)) calc(8 * var(--v)); padding: 0 calc(14 * var(--v)) calc(40 * var(--v)); }
.s-member-tile { position: relative; display: grid; align-content: start; justify-items: center; gap: calc(30 * var(--v)); min-width: 0; min-height: calc(218 * var(--v)); padding: 0 calc(12 * var(--v)); color: #333; text-align: center; font-size: max(10px,calc(33 * var(--v))); line-height: 1.32; }
.s-member-tile > span:last-child { max-width: calc(217 * var(--v)); }
.s-member-icon { display: grid; place-items: center; width: calc(130 * var(--v)); height: calc(130 * var(--v)); border-radius: 50%; overflow: hidden; }
.s-member-icon img { width: 100%; height: 100%; object-fit: cover; }
.s-member-icon.fallback { background: #fff3d8; color: #b89b60; border: 1px solid #f7e3bd; }
.s-member-icon.fallback .s-icon { width: calc(72 * var(--v)); height: calc(72 * var(--v)); }
.s-member-tile .s-badge { top: calc(-13 * var(--v)); right: calc(44 * var(--v)); }
.s-reward-heading { background: linear-gradient(115deg,#ffb27d,#ff865c,#fa542a); }
.s-rewards-hero { position: relative; isolation: isolate; padding: calc(170 * var(--v)) calc(53 * var(--v)) 0; }
.s-rewards-hero::before { content:'REWARD'; position: absolute; z-index: -1; inset: 0 0 auto; height: calc(494 * var(--v)); display: block; overflow: hidden; text-align: center; font: 700 calc(147 * var(--v)) / 1 Arial,sans-serif; color: #ffffff17; background: radial-gradient(circle at 4% 28%,#ffbd6a 0%,transparent 19%),radial-gradient(circle at 94% 5%,#ffb02d 0%,transparent 15%),linear-gradient(115deg,#ffa878,#ff7e54,#ff4a22); border-radius: 0 0 46% 26% / 0 0 12% 30%; }
.s-profile-card.reward { min-height: calc(627 * var(--v)); padding: calc(112 * var(--v)) calc(57 * var(--v)) calc(55 * var(--v)); border: calc(14 * var(--v)) solid #ffffff46; box-shadow: inset 0 0 0 1px #a9b9c533; }
.s-profile-card.reward .s-avatar { width: calc(162 * var(--v)); height: calc(162 * var(--v)); border-color: #c29f5e; border-width: calc(6 * var(--v)); }
.s-profile-card.reward .s-profile-top { gap: calc(27 * var(--v)); }
.s-profile-card.reward .s-profile-balance { margin: calc(16 * var(--v)) 0 0; justify-content: flex-start; }
.s-reward-vip { display: flex; justify-content: space-between; margin-top: calc(26 * var(--v)); }
.s-reward-progress { display: flex; align-items: center; gap: calc(15 * var(--v)); color: #6c727b; font: 400 calc(34 * var(--v)) / 1.35 Arial,sans-serif; }
.s-reward-progress span { flex: 1; height: calc(12 * var(--v)); border-radius: 20px; background: #aeb8c2; }
.s-reward-tiles { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: calc(57 * var(--v)) calc(35 * var(--v)); padding: calc(80 * var(--v)) calc(59 * var(--v)); }
.s-reward-tile { min-height: calc(381 * var(--v)); border-radius: calc(20 * var(--v)); display: grid; justify-items: center; align-content: center; gap: calc(29 * var(--v)); padding: calc(31 * var(--v)) calc(48 * var(--v)); text-align: center; color: white; }
.s-reward-tile.green { background: radial-gradient(circle at 15% 32%,#9ae47b 0 3%,transparent 3.5%),radial-gradient(circle at 89% 84%,#87d855 0 4%,transparent 5%),linear-gradient(40deg,#70db75,#00c297); }
.s-reward-tile.orange { background: radial-gradient(circle at 82% 19%,#ffcb9f 0 8%,transparent 9%),linear-gradient(45deg,#f7c31b,#ff9d63); }
.s-reward-tile.pink { background: radial-gradient(circle at 10% 15%,#ff9997 0 11%,transparent 12%),linear-gradient(48deg,#ffa181,#cf245a); }
.s-reward-tile > span { position: relative; }
.s-reward-tile img { width: calc(134 * var(--v)); height: calc(134 * var(--v)); border-radius: 50%; object-fit: cover; }
.s-reward-tile.green > span { display: grid; place-items: center; width: calc(134 * var(--v)); height: calc(134 * var(--v)); border-radius: 50%; background: white; }
.s-reward-tile.green img { width: 66%; height: auto; border-radius: 0; mix-blend-mode: multiply; }
.s-reward-tile .s-badge { top: calc(-13 * var(--v)); right: calc(-14 * var(--v)); }
.s-reward-tile strong { font-weight: 400; font-size: max(11px,calc(37 * var(--v))); }
.s-wallet-hero { display: flex; align-items: flex-start; gap: calc(39 * var(--v)); min-height: calc(474 * var(--v)); padding: calc(36 * var(--v)) calc(83 * var(--v)); color: white; background-repeat: no-repeat; background-size: 54% 100%,cover; background-position: right center,center; }
.s-wallet-hero.blue { background-image: url('assets/signed/blue-bubbles.webp'),linear-gradient(#20cef4,#0058d2); }
.s-wallet-hero.periwinkle { background-image: radial-gradient(circle at 28% 13%,#d2e7fe 0 4%,transparent 4.4%),radial-gradient(circle at 92% 29%,#b0d6fd 0 7%,transparent 7.5%),linear-gradient(#8f9dff,#3da6f2); background-size: cover; }
.s-wallet-hero.neon { min-height: calc(369 * var(--v)); padding-left: calc(60 * var(--v)); background-image: url('assets/signed/mission-art.webp'),linear-gradient(125deg,#09e9e9,#1655b5 57%,#6511b3); }
.s-wallet-hero .s-avatar { width: calc(214 * var(--v)); height: calc(214 * var(--v)); border-width: calc(8 * var(--v)); }
.s-wallet-hero.neon .s-avatar { width: calc(175 * var(--v)); height: calc(175 * var(--v)); }
.s-wallet-hero > div:nth-child(2) { padding-top: calc(9 * var(--v)); font: 400 calc(35 * var(--v)) / 1.4 Arial,sans-serif; }
.s-wallet-hero strong { display: block; margin-top: calc(18 * var(--v)); font-size: calc(60 * var(--v)); line-height: 1.05; }
.s-claim-list { display: grid; gap: calc(32 * var(--v)); padding: calc(25 * var(--v)) 0 calc(36 * var(--v)); }
.s-claim-row { display: grid; grid-template-columns: 31% 44% 25%; min-height: calc(360 * var(--v)); align-items: center; background: linear-gradient(125deg,#fff1e9,#f7ebea); border-top: calc(13 * var(--v)) solid #ddd8d7; }
.s-claim-row.claim-1 { background: linear-gradient(125deg,#fff2f7,#fae0ef); }
.s-ticket { margin-left: calc(40 * var(--v)); padding: calc(34 * var(--v)) calc(15 * var(--v)); display: grid; justify-items: center; text-align: center; border-radius: calc(27 * var(--v)); color: white; background: linear-gradient(155deg,#ff1419,#ff7b42); box-shadow: 0 calc(10 * var(--v)) calc(25 * var(--v)) #ef6a5260; }
.s-ticket b { font-weight: 400; }
.claim-1 .s-ticket { background: linear-gradient(#ed0bb3,#ff6cda); }
.claim-2 .s-ticket { background: linear-gradient(#fa123e,#ff7077); }
.s-claim-description { padding: calc(22 * var(--v)) calc(16 * var(--v)); font-size: max(9px,calc(29 * var(--v))); }
.s-claim-description strong, .s-claim-description span, .s-claim-description p { display: block; }
.s-claim-description strong { font-size: max(10px,calc(34 * var(--v))); margin-bottom: calc(10 * var(--v)); }
.s-claim-time { align-self: stretch; display: grid; align-content: center; justify-items: center; background: #fffc; padding: calc(16 * var(--v)); color: #5c5c5c; font-family: SignedBangla,Arial,sans-serif; }
.s-claim-time small { color: #a3a3a3; font-size: max(8px,calc(30 * var(--v))); }
.s-claim-time span b { font: 700 calc(89 * var(--v)) / 1 Arial,sans-serif; }
.s-claim-time strong { font: 700 calc(31 * var(--v)) / 1.1 Arial,sans-serif; }
.s-claim-button { margin-top: calc(16 * var(--v)); width: 100%; padding: calc(13 * var(--v)) 0; border-radius: 60px; background: #35c800; color: #fff; box-shadow: 0 1px 4px #28b60044; }
.s-rescue-menu { min-height: calc(100dvh - var(--head)); background: linear-gradient(#d6e2fb,#f5f7fe 80%,#fff); }
.s-rescue-menu-card { position: relative; margin: calc(-118 * var(--v)) calc(43 * var(--v)) 0; padding: calc(34 * var(--v)); border-radius: calc(51 * var(--v)); background: #fff7; }
.s-rescue-menu-card a { min-height: calc(166 * var(--v)); display: flex; align-items: center; gap: calc(22 * var(--v)); padding: 0 calc(37 * var(--v)); border-radius: calc(30 * var(--v)); color: #151515; background: white; }
.s-rescue-menu-card a span, .s-rescue-menu-card a i { display: grid; place-items: center; width: calc(76 * var(--v)); height: calc(76 * var(--v)); border-radius: calc(18 * var(--v)); color: #7288f5; background: #e9edff; font-style: normal; }
.s-rescue-menu-card a i { margin-left: auto; width: calc(46 * var(--v)); height: calc(46 * var(--v)); border-radius: 50%; background: #aabaff; color: white; }
.s-rescue-details { background: linear-gradient(#e2e9fc,#fdfdff); color: #33353b; }
.s-rescue-gift { width: 100%; }
.signed-ui .s-rescue-today { text-align: center; margin: calc(6 * var(--v)) 0 calc(14 * var(--v)); }
.s-rescue-numbers { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: calc(20 * var(--v)); margin: 0 calc(56 * var(--v)); }
.s-rescue-numbers div { display: grid; justify-items: center; padding: calc(18 * var(--v)) calc(7 * var(--v)); border-radius: calc(24 * var(--v)); background: #ffffff88; border: 1px solid #dbe0f6; font-size: max(10px,calc(29 * var(--v))); }
.s-rescue-numbers strong { color: #2d62ba; margin-top: calc(23 * var(--v)); font-size: calc(39 * var(--v)); }
.s-rescue-safe { position: relative; margin-top: calc(43 * var(--v)); padding-bottom: calc(75 * var(--v)); }
.s-rescue-safe img { width: 100%; }
.s-rescue-safe .s-silver { position: absolute; left: 50%; bottom: calc(78 * var(--v)); transform: translateX(-50%); width: 38%; background: linear-gradient(#f3f3f3,#bfc0c1); }
.s-rescue-details h3 { text-align: center; font-size: max(11px,calc(34 * var(--v))); }
.s-rescue-table { padding: calc(18 * var(--v)) calc(54 * var(--v)) calc(46 * var(--v)); }
.s-rescue-table > b { color: #4670c0; font-size: max(10px,calc(29 * var(--v))); }
.s-rescue-table table { width: 100%; table-layout: fixed; text-align: center; border-collapse: collapse; font: 700 max(8px,calc(25 * var(--v))) / 1.2 SignedBangla,sans-serif; }
.s-rescue-table td, .s-rescue-table th { padding: calc(16 * var(--v)) calc(5 * var(--v)); border-bottom: 1px solid #eef0f7; overflow-wrap: anywhere; }
.s-rescue-table th { width: 30%; background: #eaf1fc; }
.s-rescue-table tr:first-child th { color: #fff; background: linear-gradient(90deg,#597be8,#a8bdfb); }
.s-rescue-table tr:nth-child(2) th { color: #fff; background: #9dbcf3; }
.s-cards { padding: calc(22 * var(--v)) calc(29 * var(--v)) calc(190 * var(--v)); }
.s-card-heading { font-size: max(11px,calc(35 * var(--v))); padding: calc(5 * var(--v)) 0 calc(29 * var(--v)); }
.s-card-heading::before { content:'• '; color: #e3ab5f; }
.s-card-heading.crypto { margin-top: calc(49 * var(--v)); }
.s-card-heading.crypto::before { color: #e34b85; }
.s-empty-ewallet { display: flex; align-items: center; min-height: calc(237 * var(--v)); gap: calc(24 * var(--v)); padding: calc(24 * var(--v)) calc(32 * var(--v)); border-radius: calc(13 * var(--v)); background: radial-gradient(ellipse at 90% 100%,#e9e9e9 0 24%,transparent 25%),radial-gradient(ellipse at 4% 100%,#e5e5e5 0 36%,transparent 37%),#f2f2f2; box-shadow: 0 2px 10px #0001; }
.s-empty-ewallet span { display: grid; place-items: center; width: calc(90 * var(--v)); height: calc(90 * var(--v)); border: calc(7 * var(--v)) solid white; border-radius: 50%; color: #fff; background: #c9c9c9; }
.s-empty-crypto { margin-top: calc(46 * var(--v)); padding: 0 0 calc(25 * var(--v)); color: #aeaeae; box-shadow: 0 2px 10px #0001; }
.s-empty-crypto img { width: 100%; }
.s-empty-crypto p { margin-left: 15%; }
.s-add-card { position: fixed; left: 50%; bottom: calc(51 * var(--v)); transform: translateX(-50%); display: grid; place-items: center; border-radius: 50%; width: calc(116 * var(--v)); height: calc(116 * var(--v)); color: white; background: #ff273d; box-shadow: 0 0 calc(37 * var(--v)) #ff293c7d; font-size: calc(75 * var(--v)); line-height: 1; }
.s-tabs { display: flex; align-items: stretch; min-height: calc(125 * var(--v)); border-bottom: 1px solid #eee; background: #fff; color: #171717; overflow: auto; scrollbar-width: none; }
.s-tabs button { flex: 1 0 auto; padding: calc(12 * var(--v)) calc(31 * var(--v)); border-bottom: 2px solid transparent; white-space: nowrap; }
.s-tabs button.selected { color: var(--blue); border-bottom-color: #228dce; }
.s-record-filters { display: flex; align-items: center; gap: calc(85 * var(--v)); padding: calc(22 * var(--v)) calc(40 * var(--v)); background: #f0f0f0; }
.s-filter-button { display: inline-flex; align-items: center; justify-content: center; gap: calc(15 * var(--v)); min-height: calc(86 * var(--v)); padding: calc(10 * var(--v)) calc(38 * var(--v)); border: 1px solid #6baecc; border-radius: calc(12 * var(--v)); color: #2b97c4; background: #fff; white-space: nowrap; }
.s-filter-button .s-icon { width: calc(42 * var(--v)); height: calc(42 * var(--v)); }
.s-date-button { font: 400 max(9px,calc(33 * var(--v))) / 1.3 Arial,sans-serif; padding-inline: calc(12 * var(--v)); }
.s-blue-pill { background: #0796e7; color: #fff; border-radius: 50px; padding: calc(13 * var(--v)) calc(23 * var(--v)); font-size: max(8px,calc(26 * var(--v))); line-height: 1.15; max-width: calc(310 * var(--v)); }
.signed-ui[data-view='bets'] .s-record-filters { gap: calc(12 * var(--v)); padding-inline: calc(15 * var(--v)); background: white; border-bottom: 1px solid #eee; }
.signed-ui[data-view='bets'] .s-record-filters > .s-icon-button { margin-left: auto; color: var(--blue); }
.signed-ui[data-view='bets'] .s-record-filters .s-filter-button { padding-inline: calc(13 * var(--v)); }
.s-empty { display: grid; justify-items: center; text-align: center; padding: calc(311 * var(--v)) calc(18 * var(--v)) calc(95 * var(--v)); color: #2799c4; }
.s-empty img { width: min(100%,calc(589 * var(--v))); }
.s-empty p { font-size: max(17px,calc(65 * var(--v))); margin-top: calc(45 * var(--v)); }
.s-empty.dark { padding-top: calc(133 * var(--v)); color: #b9b9b9; }
.s-empty.dark img { width: min(76%,calc(498 * var(--v))); }
.s-empty.dark p { font-size: max(11px,calc(39 * var(--v))); margin-top: calc(63 * var(--v)); }
.s-bet-total { display: grid; grid-template-columns: repeat(2,1fr); position: fixed; z-index: 14; left: 50%; bottom: 0; width: var(--layout-width); transform: translateX(-50%); color: #1a1a1a; background: #e5e5e5; padding: calc(16 * var(--v)) calc(86 * var(--v)); font-size: max(10px,calc(29 * var(--v))); }
.s-bet-total strong { display: block; color: #6db311; font-family: Arial,sans-serif; }
.s-mission-top { position: sticky; top: var(--head); z-index: 12; }
.s-mission-tabs { margin: calc(-90 * var(--v)) calc(35 * var(--v)) 0; position: relative; min-height: calc(163 * var(--v)); border-radius: calc(20 * var(--v)) calc(20 * var(--v)) 0 0; background: #fffffff0; color: #68696c; }
.s-mission-tabs button { border: 0; padding-inline: calc(18 * var(--v)); }
.s-mission-tabs button + button { border-left: 1px solid #ddd; }
.s-mission-tabs button.selected { color: #cf303e; }
.s-mission-body { padding: calc(42 * var(--v)) calc(35 * var(--v)); }
.s-mission-body h2 { font-size: max(13px,calc(43 * var(--v))); margin: calc(26 * var(--v)) 0; }
.s-mission-card { position: relative; display: grid; grid-template-columns: calc(157 * var(--v)) minmax(0,1fr) auto; gap: calc(12 * var(--v)); margin-bottom: calc(35 * var(--v)); padding: calc(37 * var(--v)); border-radius: calc(20 * var(--v)); background: linear-gradient(145deg,#f4f4f4,#b7b8b9); }
.s-mission-card.active { background: linear-gradient(145deg,#dfecf7,#9cb3d0); }
.s-mission-card.ended img { filter: grayscale(1); }
.s-mission-card > img { width: 100%; height: calc(192 * var(--v)); object-fit: cover; border-radius: 9px; mix-blend-mode: multiply; }
.s-mission-card > div:nth-child(2) { min-width: 0; display: grid; align-content: start; }
.s-mission-card > div:nth-child(2) strong { font-size: max(13px,calc(45 * var(--v))); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.s-mission-card > div:nth-child(2) span { font-size: max(9px,calc(31 * var(--v))); }
.s-mission-rule { align-self: start; color: #777; border: 1px solid #a6a6a6; border-radius: 50px; padding: calc(10 * var(--v)) calc(26 * var(--v)); font-size: max(9px,calc(28 * var(--v))) !important; }
.s-mission-progress { grid-column: 1/-1; display: flex; align-items: center; gap: calc(55 * var(--v)); font: 700 calc(70 * var(--v)) / 1 Arial,sans-serif; }
.s-mission-progress small { font-size: .5em; }
.s-mission-progress span { flex: 1; height: calc(28 * var(--v)); border-radius: 50px; background: #fff; }
.s-goals { padding: 0; margin: 0; list-style: none; }
.s-goals li { display: grid; grid-template-columns: calc(145 * var(--v)) minmax(0,1fr); position: relative; margin-bottom: calc(37 * var(--v)); }
.s-goals li::before { content: ''; position: absolute; top: calc(145 * var(--v)); bottom: calc(-17 * var(--v)); left: calc(61 * var(--v)); width: calc(8 * var(--v)); background: #dddde0; }
.s-goal-icon { justify-self: center; align-self: start; display: grid; place-items: center; width: calc(86 * var(--v)); height: calc(86 * var(--v)); margin: calc(24 * var(--v)) 0 0 calc(-18 * var(--v)); border-radius: 50%; color: white; background: #d8dadb; font-size: calc(52 * var(--v)); }
.s-goal-icon.active { background: #f4bc60; }
.s-goals li > div { display: grid; align-content: space-between; min-height: calc(338 * var(--v)); padding: calc(35 * var(--v)); border-radius: calc(20 * var(--v)); background: #fff; box-shadow: 0 2px 9px #25252508; }
.s-goal-top { display: flex; justify-content: space-between; align-items: center; gap: calc(16 * var(--v)); border-bottom: 1px solid #e8e8e8; padding-bottom: calc(33 * var(--v)); }
.s-goal-top strong { font: 700 max(8px,calc(29 * var(--v))) / 1.3 Arial,sans-serif; }
.s-goal-reward { justify-self: start; border-radius: 45px; padding: calc(10 * var(--v)) calc(26 * var(--v)); background: #eee; font-size: max(9px,calc(28 * var(--v))); }
.s-goal-reward.active { background: #d5eefa; color: #2286b5; }

.s-vip-panel { padding: calc(28 * var(--v)) calc(42 * var(--v)) calc(75 * var(--v)); }
.s-vip-hero { display: flex; align-items: center; gap: calc(29 * var(--v)); min-height: calc(183 * var(--v)); overflow: hidden; border-radius: calc(35 * var(--v)) calc(35 * var(--v)) 0 0; background: linear-gradient(150deg,#a7b4c5,#eff4fa 48%,#bcc5d0); color: #2c3035; }
.s-vip-hero > img { width: calc(222 * var(--v)); mix-blend-mode: multiply; opacity: .64; }
.s-vip-hero strong { font: 700 calc(64 * var(--v)) / 1 Arial,sans-serif; }
.s-vip-hero a { margin-left: auto; white-space: nowrap; padding-inline: calc(21 * var(--v)); font-size: max(9px,calc(27 * var(--v))); }
.s-vip-panel h2 { margin-top: calc(93 * var(--v)); margin-bottom: calc(28 * var(--v)); border-left: calc(13 * var(--v)) solid #f6444c; padding-left: calc(58 * var(--v)); font-size: max(13px,calc(40 * var(--v))); }
.s-vip-panel p { margin: calc(13 * var(--v)) 0 calc(21 * var(--v)); font-size: max(9px,calc(28 * var(--v))); }
.s-vip-history { display: inline-block; padding: calc(18 * var(--v)) calc(36 * var(--v)); border-radius: calc(15 * var(--v)); color: #fff; background: linear-gradient(#a6b3c2,#e0e7ee); }
.s-vip-levels { display: grid; grid-template-columns: 34% 33% 33%; min-height: calc(391 * var(--v)); overflow: hidden; border-radius: calc(29 * var(--v)); background: #fff; }
.s-vip-levels > b { display: flex; align-items: center; padding: calc(28 * var(--v)); background: linear-gradient(#fff,#eaeef3); }
.s-vip-levels > div { display: grid; padding: calc(26 * var(--v)) calc(16 * var(--v)); font-family: Arial,sans-serif; font-size: max(9px,calc(29 * var(--v))); }
.s-vip-levels > div:last-child { opacity: .4; }
.s-vip-levels span { font-weight: 700; color: #161616; text-align: center; }
.s-vip-levels small, .s-vip-levels b:last-child { text-align: right; }
.s-mail-toolbar { display: flex; justify-content: space-between; align-items: center; padding: calc(25 * var(--v)) calc(43 * var(--v)); border-bottom: 1px solid #e4e4e4; }
.s-mail-toolbar label { display: flex; gap: calc(15 * var(--v)); align-items: center; }
.s-mail-toolbar > div { display: flex; gap: calc(19 * var(--v)); color: #868686; }
.s-mail-check { appearance: none; flex: none; width: calc(55 * var(--v)); height: calc(55 * var(--v)); margin: 0; border: 1px solid #aaa; border-radius: calc(15 * var(--v)); }
.s-mail-check:checked { background: #2187cf; border-color: #2187cf; }
.s-mail-check:checked::after { content:'✓'; color: #fff; display: grid; place-items: center; }
.s-mail-row { display: flex; align-items: flex-start; padding: calc(42 * var(--v)) calc(42 * var(--v)); gap: calc(19 * var(--v)); border-bottom: 1px solid #e4e4e4; color: #7c7c7c; }
.s-mail-link { flex: 1; min-width: 0; font-size: max(10px,calc(29 * var(--v))); }
.s-mail-link > span { display: flex; align-items: center; gap: calc(16 * var(--v)); }
.s-mail-link time { margin-left: auto; font-family: Arial,sans-serif; white-space: nowrap; }
.s-mail-link p { margin-top: calc(18 * var(--v)); }
.s-mail-link .s-icon { width: calc(32 * var(--v)); height: calc(32 * var(--v)); }
.s-empty.empty-mail { padding-top: calc(145 * var(--v)); color: #b0b0b0; }
.s-empty-mail { font: 400 calc(185 * var(--v)) / 1 Arial,sans-serif; color: #dedede; }
.s-empty.empty-mail p { font-size: max(11px,calc(35 * var(--v))); margin-top: calc(15 * var(--v)); }
.s-mail-detail { padding: 0 calc(39 * var(--v)) calc(44 * var(--v)); color: #131313; }
.s-mail-detail > div { display: flex; justify-content: space-between; align-items: center; min-height: calc(129 * var(--v)); border-bottom: 1px solid #ddd; font-size: max(11px,calc(41 * var(--v))); }
.s-mail-detail span { color: #888; }
.s-mail-detail p { line-height: 1.57; font-weight: 700; padding-top: calc(17 * var(--v)); }

.s-deposit { padding: calc(25 * var(--v)) calc(28 * var(--v)) calc(220 * var(--v)); color: #282828; }
.signed-ui .s-bullet { margin: 0 0 calc(27 * var(--v)); font-size: max(11px,calc(35 * var(--v))); font-weight: 700; }
.s-bullet::before { content: '• '; color: #5fc8b8; }
.s-bullet.amber::before { color: #f7a624; }
.s-bullet.rose::before { color: #b4758e; }
.s-bullet.blue::before { color: #26a5d6; }
.s-payment-methods { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: calc(13 * var(--v)); }
.s-payment-methods button, .s-payment-channels button, .s-amounts button, .s-amount-input {
  position: relative;
  border: 1px solid #e8e6e6;
  border-radius: calc(14 * var(--v));
  background: #fdfdfd;
  color: #242424;
}
.s-payment-methods button { min-height: calc(263 * var(--v)); display: grid; justify-items: center; align-content: start; gap: calc(30 * var(--v)); padding: calc(29 * var(--v)) calc(12 * var(--v)); font: 700 max(9px,calc(29 * var(--v))) / 1.25 Arial,sans-serif; }
.s-payment-methods img { width: calc(97 * var(--v)); height: calc(97 * var(--v)); border-radius: calc(12 * var(--v)); }
.s-payment-methods i { position: absolute; top: 0; left: 0; display: grid; place-items: center; width: calc(34 * var(--v)); height: calc(47 * var(--v)); background: linear-gradient(#fdb936,#f9702a); color: white; font-style: normal; clip-path: polygon(0 0,100% 0,100% 100%,50% 76%,0 100%); }
.s-payment-methods button.selected, .s-payment-channels button.selected, .s-amounts button.selected { color: #c12d33; border-color: #c87378; }
.s-payment-methods button.selected::after { content:'✓'; position: absolute; right: 0; bottom: 0; display: grid; justify-items: end; align-items: end; width: calc(46 * var(--v)); height: calc(46 * var(--v)); padding-right: calc(6 * var(--v)); background: #d63138; color: white; clip-path: polygon(0 100%,100% 0,100% 100%); font-size: calc(26 * var(--v)); }
.signed-ui .s-payment-hint { margin: calc(45 * var(--v)) 0 calc(32 * var(--v)); font-size: max(11px,calc(35 * var(--v))); line-height: 1.43; }
.s-payment-channels { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: calc(15 * var(--v)); }
.s-payment-channels button { min-height: calc(159 * var(--v)); font-weight: 700; }
.s-amounts { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: calc(15 * var(--v)); }
.s-amounts button { min-height: calc(102 * var(--v)); font: 700 max(9px,calc(32 * var(--v))) / 1 Arial,sans-serif; }
.s-amount-input { display: flex; align-items: center; gap: calc(25 * var(--v)); padding: calc(19 * var(--v)) calc(27 * var(--v)); margin-top: calc(28 * var(--v)); min-height: calc(100 * var(--v)); }
.s-amount-input input { min-width: 0; flex: 1; border: none; outline: none; background: none; color: #242424; font: 700 max(13px,calc(45 * var(--v))) / 1.2 Arial,sans-serif; }
.s-amount-input input::placeholder { color: #a0a1a1; }
.signed-ui .s-usdt { text-align: center; margin-top: calc(30 * var(--v)); color: #c4454b; font-weight: 700; }
.s-pay-guide { padding: calc(15 * var(--v)); margin-bottom: calc(28 * var(--v)); color: #171717; background: #edf6ff; }
.s-pay-guide h3 { margin: 0 auto calc(18 * var(--v)); width: 90%; border-radius: 50px; text-align: center; background: #171e76; color: #fff; font-size: max(9px,calc(31 * var(--v))); }
.s-pay-guide > div { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: calc(9 * var(--v)); }
.s-pay-guide article { display: grid; grid-template-rows: auto calc(55 * var(--v)) 1fr; justify-items: center; gap: calc(5 * var(--v)); text-align: center; font-size: max(6px,calc(19 * var(--v))); }
.s-pay-guide i { display: grid; place-items: center; width: calc(46 * var(--v)); height: calc(46 * var(--v)); border-radius: 50%; background: #cd160a; color: #fff; font: 700 calc(28 * var(--v)) / 1 Arial,sans-serif; font-style: normal; }
.s-pay-guide article:nth-child(2n) i { background: #1367ce; }
.s-mini-phone { --mini: #ea450e; display: grid; align-content: start; min-height: calc(254 * var(--v)); width: 100%; overflow: hidden; border: calc(6 * var(--v)) solid #242424; border-radius: calc(17 * var(--v)); background: white; }
.s-pay-guide.pink .s-mini-phone { --mini: #eb1677; }
.s-mini-phone strong, .s-mini-phone > span { padding: calc(9 * var(--v)) calc(2 * var(--v)); color: #fff; background: var(--mini); font: 700 max(5px,calc(15 * var(--v))) / 1.1 Arial,sans-serif; }
.s-mini-phone em { display: block; height: calc(18 * var(--v)); background: #e4e4e4; margin: calc(12 * var(--v)) calc(7 * var(--v)) 0; }
.s-mini-phone small { font-size: max(6px,calc(20 * var(--v))); margin: calc(15 * var(--v)) 0; }
.s-campaign { border-top: calc(21 * var(--v)) solid #efefef; padding-top: calc(36 * var(--v)); margin-top: calc(124 * var(--v)); scroll-margin-top: var(--head); }
.s-campaign label { display: flex; align-items: center; gap: calc(19 * var(--v)); margin: calc(31 * var(--v)) 0; padding: calc(26 * var(--v)); min-height: calc(155 * var(--v)); border-radius: calc(12 * var(--v)); border: 1px solid #e9e9e9; color: #aaa; font-size: max(10px,calc(31 * var(--v))); }
.s-campaign input { accent-color: #df4854; flex: none; }
.s-campaign label:has(input:checked) { background: #fff3f6; color: #2b2b2b; border-color: #d7cbd0; }
.s-campaign label span { margin-left: auto; white-space: nowrap; }
.s-payment-footer { position: fixed; z-index: 16; bottom: 0; left: 50%; transform: translateX(-50%); width: var(--layout-width); }
.s-payment-footer > .s-icon-button { display: flex; margin: 0 auto calc(15 * var(--v)); border-radius: 50%; background: #168cdb; color: #fff; }
.s-payment-footer .s-icon { width: calc(45 * var(--v)); height: calc(45 * var(--v)); }
.s-next-payment { width: 100%; min-height: calc(158 * var(--v)); background: #138cda; color: white; }
.s-next-payment:disabled { background: #c8c8c8; }
.s-withdraw > div { margin: calc(35 * var(--v)); border-radius: calc(24 * var(--v)); background: white; padding: calc(45 * var(--v)); }
.s-withdraw h2 { font-size: max(13px,calc(42 * var(--v))); }
.s-withdraw strong { display: block; font-size: calc(62 * var(--v)); margin-top: calc(18 * var(--v)); }
.s-withdraw-links { display: flex; gap: calc(20 * var(--v)); }
.s-info-list { padding: 0 calc(33 * var(--v)); }
.s-info-list button { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: calc(134 * var(--v)); text-align: left; border-bottom: 1px solid #eee; }

.s-invite-tabs { position: sticky; top: var(--head); z-index: 17; }
.s-invite-tabs button { white-space: normal; flex: 1 1 auto; line-height: 1.14; padding-inline: calc(15 * var(--v)); font-size: max(10px,calc(37 * var(--v))); }
.s-invite-tabs button:first-child { flex: 0 0 28%; }
.s-invite-tabs button:last-child { flex: 0 0 33%; }
.s-invite-summary { padding: calc(51 * var(--v)) calc(39 * var(--v)); color: #171335; }
.s-invite-stats { display: grid; grid-template-columns: 1fr 1fr; gap: calc(18 * var(--v)); }
.s-invite-stats > div { padding: calc(19 * var(--v)); display: grid; justify-items: center; min-height: calc(162 * var(--v)); border-radius: calc(15 * var(--v)); color: #fff; background: linear-gradient(110deg,#9dd7fd,#0796f2); }
.s-invite-stats > div:nth-child(2), .s-invite-stats > div:nth-child(3) { background: linear-gradient(110deg,#c7a6ff,#7562ea); }
.s-invite-stats span { font-size: max(9px,calc(30 * var(--v))); }
.s-invite-stats strong { font: 700 calc(57 * var(--v)) / 1.2 Arial,sans-serif; }
.s-invite-share { margin-top: calc(27 * var(--v)); padding: calc(18 * var(--v)); border-radius: calc(14 * var(--v)); color: #413274; background: linear-gradient(#f2f4f9,#dce6f4); }
.s-invite-share h2 { font-size: max(10px,calc(30 * var(--v))); margin-bottom: calc(13 * var(--v)); }
.s-invite-share-content { display: grid; grid-template-columns: calc(191 * var(--v)) minmax(0,1fr); gap: calc(18 * var(--v)); align-items: center; }
.s-qr svg { display: block; width: 100%; background: #fff; }
.s-qr button { width: 100%; padding: calc(6 * var(--v)); background: #513789; color: white; font-size: max(6px,calc(20 * var(--v))); }
.s-share-links > div { display: flex; align-items: center; justify-content: space-between; border-radius: 50px; background: white; padding-left: calc(24 * var(--v)); gap: calc(12 * var(--v)); font: 700 max(8px,calc(24 * var(--v))) / 1.2 Arial,sans-serif; }
.s-share-links > div span { white-space: nowrap; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.s-share-links .s-icon-button { border-radius: 50%; background: #563995; color: white; }
.s-share-links .s-icon { width: calc(33 * var(--v)); height: calc(33 * var(--v)); }
.s-share-links nav { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: calc(12 * var(--v)); margin-top: calc(19 * var(--v)); }
.s-share-links nav button { aspect-ratio: 1; color: white; background: var(--share-color); border-radius: calc(13 * var(--v)); font: 700 max(10px,calc(45 * var(--v))) / 1 Arial,sans-serif; }
.s-invite-goal { margin: calc(29 * var(--v)) 0 0; padding: calc(31 * var(--v)) calc(34 * var(--v)); min-height: calc(540 * var(--v)); border-radius: calc(18 * var(--v)); text-align: center; color: white; background: linear-gradient(110deg,#7d90f5,#133389); }
.s-invite-goal > div { display: flex; align-items: center; gap: calc(60 * var(--v)); }
.s-invite-goal img { width: calc(249 * var(--v)); border-radius: 50%; }
.s-invite-goal h2, .s-invite-calculator h2 { font-size: max(16px,calc(63 * var(--v))); }
.s-invite-goal > strong { display: block; margin-top: calc(49 * var(--v)); color: #ffd07c; font: 700 calc(76 * var(--v)) / 1.2 Arial,sans-serif; }
.s-invite-goal p { margin-top: calc(54 * var(--v)); font-size: max(9px,calc(28 * var(--v))); font-weight: 700; }
.signed-ui .s-invite-callout { text-align: center; margin: calc(28 * var(--v)) 0 calc(51 * var(--v)); font-size: max(12px,calc(40 * var(--v))); line-height: 1.22; }
.s-invite-table { width: 100%; text-align: center; margin-bottom: calc(57 * var(--v)); border-spacing: 0; border: 2px solid #3198c6; border-radius: calc(42 * var(--v)); overflow: hidden; font-weight: 700; font-size: max(11px,calc(40 * var(--v))); }
.s-invite-table th { background: #309bce; color: white; }
.s-invite-table th, .s-invite-table td { padding: calc(8 * var(--v)); border: 1px solid #388bac; }
.s-invite-table td b { color: #d04937; }
.signed-ui .s-rank-title { text-align: center; font-size: max(17px,calc(62 * var(--v))); margin: calc(30 * var(--v)) 0; }
.s-rank { padding: calc(55 * var(--v)); border-radius: calc(17 * var(--v)); color: white; background: linear-gradient(145deg,#34bee7,#4f66e2 51%,#8b0bc2); }
.s-rank-winners { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: calc(20 * var(--v)); text-align: center; font: 700 max(9px,calc(29 * var(--v))) / 1.2 Arial,sans-serif; }
.s-rank-winners img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 50%; }
.s-rank-winners span { display: block; margin-top: calc(22 * var(--v)); }
.s-rank-winners strong { display: block; margin-top: calc(9 * var(--v)); white-space: nowrap; }
.s-rank h3 { margin: calc(86 * var(--v)) 0 calc(30 * var(--v)); text-align: center; font-size: max(15px,calc(55 * var(--v))); }
.s-rank-row { display: grid; grid-template-columns: 1fr .55fr .75fr; gap: calc(15 * var(--v)); align-items: center; min-height: calc(87 * var(--v)); margin-top: calc(29 * var(--v)); padding: 0 calc(67 * var(--v)); border-radius: 50px; color: #465065; background: linear-gradient(#f7f8f9,#d7e4f5); font: 700 max(8px,calc(28 * var(--v))) / 1.2 SignedBangla,sans-serif; }
.s-invite-calculator { margin-top: calc(29 * var(--v)); padding: calc(65 * var(--v)) calc(29 * var(--v)); text-align: center; color: #fff; border-radius: calc(18 * var(--v)); background: linear-gradient(110deg,#ff6187,#2924ab); }
.s-invite-calculator output { display: block; margin: calc(41 * var(--v)) 0 calc(23 * var(--v)); color: #ffd48f; font: 700 calc(48 * var(--v)) / 1.2 Arial,sans-serif; }
.s-invite-range { width: 94%; accent-color: #ffd458; }
.s-income { padding: calc(53 * var(--v)) calc(38 * var(--v)); }
.s-income > section { margin-bottom: calc(91 * var(--v)); padding: calc(35 * var(--v)) calc(26 * var(--v)) calc(19 * var(--v)); border-radius: calc(17 * var(--v)); background: #f3f3f3; color: #5a626e; }
.s-income h2 { min-height: calc(147 * var(--v)); padding-top: calc(34 * var(--v)); text-align: center; font-size: max(11px,calc(33 * var(--v))); border-bottom: 1px solid #eee; }
.s-income h2 b, .s-income dd { color: #372777; }
.s-income dl { padding: calc(52 * var(--v)) calc(40 * var(--v)); margin: 0; border-radius: calc(12 * var(--v)); background: linear-gradient(#f5f5fa,#dce7f1); font-size: max(10px,calc(32 * var(--v))); font-weight: 700; }
.s-income dl div { display: flex; justify-content: space-between; gap: calc(13 * var(--v)); margin-bottom: calc(18 * var(--v)); }
.s-income dl div:last-child { margin-bottom: 0; }
.s-income dd { margin: 0; white-space: nowrap; }
.s-invite-filters { display: flex; align-items: center; gap: calc(9 * var(--v)); min-height: calc(143 * var(--v)); border-bottom: 1px solid #efefef; padding: calc(22 * var(--v)) calc(36 * var(--v)); }
.s-invite-filters .s-date-button { margin-left: auto; }
.s-blue-fill { display: inline-flex; align-items: center; justify-content: space-between; gap: calc(19 * var(--v)); border-radius: calc(12 * var(--v)); background: #168fe0; color: #fff; min-height: calc(86 * var(--v)); padding: 0 calc(25 * var(--v)); }
.s-invite-filters .s-icon { width: calc(35 * var(--v)); height: calc(35 * var(--v)); }
.s-invite-table-head { display: grid; grid-template-columns: repeat(3,1fr); background: #f5f5f5; text-align: center; padding: calc(24 * var(--v)) calc(8 * var(--v)); font-size: max(9px,calc(27 * var(--v))); }
.s-invite-list-card { display: grid; grid-template-columns: 3fr 2fr; gap: calc(11 * var(--v)); padding: calc(38 * var(--v)) calc(39 * var(--v)) 0; color: #1e6892; }
.s-invite-list-card > div { display: flex; align-items: center; gap: calc(22 * var(--v)); padding: calc(24 * var(--v)); border-radius: calc(24 * var(--v)); background: #dff1fd; font-size: max(10px,calc(28 * var(--v))); }
.s-invite-list-card > div b { text-align: center; color: #06527b; }
.s-invite-list-card > div strong { display: block; border-radius: 40px; background: white; text-align: center; }
.s-invite-list-card aside { display: grid; gap: calc(9 * var(--v)); }
.s-invite-list-card aside span { display: flex; justify-content: space-between; align-items: center; gap: calc(9 * var(--v)); padding: calc(13 * var(--v)) calc(22 * var(--v)); border-radius: calc(16 * var(--v)); background: #faf5e6; color: #b27a19; font-size: max(8px,calc(26 * var(--v))); }
.s-invite-list-card aside b { color: #444; }

.s-sheet {
  margin: auto;
  padding: 0;
  border: none;
  max-width: var(--layout-width);
  width: var(--layout-width);
  max-height: 94dvh;
  overflow: auto;
  background: #fff;
  color: #262626;
  font: inherit;
}
.s-sheet::backdrop { background: #0006; }
body:has(.s-sheet[open]) { overflow: hidden; }
.s-sheet-content > header { display: flex; align-items: center; justify-content: space-between; min-height: calc(116 * var(--v)); gap: calc(16 * var(--v)); padding: calc(17 * var(--v)) calc(39 * var(--v)); border-bottom: 1px solid #eee; }
.s-sheet-content h2 { font-size: max(14px,calc(43 * var(--v))); font-weight: 400; }
.s-sheet .s-sheet-close { flex: none; font: 400 calc(71 * var(--v)) / 1 Arial,sans-serif; }
.s-sheet-content > footer { display: flex; gap: calc(14 * var(--v)); padding: calc(21 * var(--v)) calc(32 * var(--v)); }
.s-sheet-content > footer button { flex: 1; }
.s-sheet[data-kind='message'] { width: calc(var(--layout-width) * .9); border-radius: calc(31 * var(--v)); box-shadow: 0 10px 80px #0006; }
.s-dialog-text { padding: calc(34 * var(--v)) calc(39 * var(--v)); line-height: 1.7; }
.s-dialog-game { width: 55%; margin: 0 auto calc(22 * var(--v)); border-radius: calc(20 * var(--v)); }
.s-sheet[data-kind='providers'] { position: fixed; inset: 0; width: var(--layout-width); height: 100dvh; max-height: 100dvh; border-radius: calc(27 * var(--v)) calc(27 * var(--v)) 0 0; background: linear-gradient(#242424,#4a4a4a); color: white; }
.s-sheet[data-kind='providers'] .s-sheet-content { min-height: 100%; display: flex; flex-direction: column; padding: 0 calc(72 * var(--v)); }
.s-sheet[data-kind='providers'] .s-sheet-content > header { min-height: calc(185 * var(--v)); border: 0; padding-inline: 0; }
.s-sheet[data-kind='providers'] .s-sheet-content > footer { margin-top: auto; padding: calc(85 * var(--v)) 0 calc(75 * var(--v)); }
.s-provider-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: calc(22 * var(--v)) calc(36 * var(--v)); }
.s-provider-list button { display: grid; place-items: center; position: relative; min-height: calc(93 * var(--v)); border-radius: 80px; overflow: hidden; font: 700 max(7px,calc(22 * var(--v))) / 1.2 Arial,sans-serif; }
.s-provider-list button img { width: 100%; border-radius: inherit; }
.s-provider-list button.selected { border: 1px solid #fff8a0; background: linear-gradient(#fffeca,#f7da1b,#c6a90c); color: #151515; font-family: SignedBangla,Arial,sans-serif; font-size: max(9px,calc(34 * var(--v))); }
.s-sheet[data-kind='choices'], .s-sheet[data-kind='calendar'] { position: fixed; inset: auto 0 0; border-radius: calc(27 * var(--v)) calc(27 * var(--v)) 0 0; }
.s-sheet[data-kind='choices'] .s-sheet-close, .s-sheet[data-kind='calendar'] .s-sheet-close { font-size: calc(54 * var(--v)); color: #8a8a8a; }
.s-choice-list button { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: calc(125 * var(--v)); padding: calc(19 * var(--v)) calc(39 * var(--v)); border-bottom: 1px solid #ededed; text-align: left; }
.s-choice-list b { color: #e72e43; font-size: calc(58 * var(--v)); }
.s-sheet[data-kind='calendar'] .s-sheet-content > header h2 { color: #457dd7; font: 700 max(12px,calc(33 * var(--v))) / 1 Arial,sans-serif; margin: auto; }
.s-calendar-head { display: flex; align-items: center; justify-content: space-between; gap: calc(12 * var(--v)); padding: calc(30 * var(--v)) calc(55 * var(--v)); }
.s-calendar-week, .s-calendar-days { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); text-align: center; padding: 0 calc(32 * var(--v)); }
.s-calendar-week { color: #aaa; font-size: max(8px,calc(31 * var(--v))); }
.s-calendar-days > * { display: grid; place-items: center; justify-self: center; min-height: calc(95 * var(--v)); width: calc(84 * var(--v)); font: 700 max(10px,calc(30 * var(--v))) / 1 Arial,sans-serif; }
.s-calendar-days span { color: #c8c8c8; }
.s-calendar-days button.selected { border-radius: calc(19 * var(--v)); background: #4a7fed; color: white; }
.s-sheet[data-kind='calendar'] .s-sheet-content > footer { padding: 0; margin-top: calc(24 * var(--v)); }
.s-calendar-confirm { min-height: calc(130 * var(--v)); background: #4e7ee7; color: white; }
.s-status { position: fixed; left: 50%; bottom: calc(var(--dock) + 20px); z-index: 50; max-width: calc(var(--layout-width) * .92); width: max-content; transform: translateX(-50%); padding: calc(24 * var(--v)) calc(39 * var(--v)); border-radius: calc(19 * var(--v)); color: #fff; background: #333e; text-align: center; }

@media (prefers-reduced-motion: reduce) {
  .s-news-text span { animation: none; }
}

/* Continuous bounce-in / bounce-out animation for the signed-in brand and Promotions dock button. */
@keyframes s-brand-bounce {
  0%, 100% { transform: scale(1); }
  12% { transform: scale(.92); }
  30% { transform: scale(1.10); }
  46% { transform: scale(.97); }
  62% { transform: scale(1.055); }
  78% { transform: scale(.995); }
}

@keyframes s-promo-bounce {
  0%, 100% { transform: translateY(calc(-27 * var(--v))) scale(1); }
  12% { transform: translateY(calc(-27 * var(--v))) scale(.90); }
  30% { transform: translateY(calc(-27 * var(--v))) scale(1.11); }
  46% { transform: translateY(calc(-27 * var(--v))) scale(.96); }
  62% { transform: translateY(calc(-27 * var(--v))) scale(1.06); }
  78% { transform: translateY(calc(-27 * var(--v))) scale(.995); }
}

.signed-ui .s-home-logo img {
  animation: s-brand-bounce 1.75s cubic-bezier(.22,.75,.32,1) infinite;
  transform-origin: center;
  will-change: transform;
}

.signed-ui .s-dock-promo {
  animation: s-promo-bounce 1.75s cubic-bezier(.22,.75,.32,1) infinite;
  transform-origin: center;
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .signed-ui .s-home-logo img,
  .signed-ui .s-dock-promo {
    animation: none;
  }
}

/* Public catalog parity: "সব দেখুন" keeps the same catalog shell while showing
   the complete signed-in card data (including provider labels). */
.guest-catalog .s-guest-all .s-game-grid.full {
  gap: calc(35 * var(--v)) calc(17 * var(--v));
}
.guest-catalog .s-guest-all .s-game-provider {
  margin-top: calc(8 * var(--v));
}

/* Logged-out full catalog: the public "সব দেখুন" screen now mirrors the
   signed-in full game catalog instead of merely expanding the home grid. */
.home-page.guest-full-mode {
  --bottom-clearance: 0px;
  padding-bottom: 0;
  background: #202020;
}
.home-page.guest-full-mode > .site-header,
.home-page.guest-full-mode > main > .home-intro,
.home-page.guest-full-mode > .bottom-nav {
  display: none;
}
.home-page.guest-full-mode > main {
  min-height: 100dvh;
  background: #202020;
}
.home-page.guest-full-mode .guest-full-catalog {
  --head: calc(144 * var(--v));
  --home-head: 0px;
  --dock: 0px;
  display: block;
  min-height: 100dvh;
  padding: 0;
  background: #202020;
  color: #fff;
  scroll-margin-top: 0;
}
.guest-full-catalog .s-guest-full-page {
  --head: calc(144 * var(--v));
  --page: #202020;
  --ink: #fff;
  min-height: 100dvh;
  background: #202020;
  color: #fff;
}
.guest-full-catalog .s-titlebar .s-back {
  border: 0;
  background: transparent;
  color: #fff;
}
.guest-full-catalog .s-full-catalog .s-game-grid.full {
  gap: calc(41 * var(--v)) calc(65 * var(--v));
}

/* --------------------------------------------------------------------------
   Game preview bottom sheet — layout safety
   Keep these rules in signed-in.css so the preview cannot fall back to normal
   document-flow dialog content if another optional stylesheet is unavailable.
   -------------------------------------------------------------------------- */
.s-sheet[data-kind='game-preview'] {
  position: fixed !important;
  z-index: 9998 !important;
  inset: auto 0 0 !important;
  width: var(--layout-width) !important;
  max-width: var(--layout-width) !important;
  max-height: min(72dvh, calc(730 * var(--v))) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: calc(30 * var(--v)) calc(30 * var(--v)) 0 0 !important;
  overflow: visible !important;
  background: transparent !important;
  color: #242424 !important;
  box-shadow: none !important;
}

.s-sheet[data-kind='game-preview']::backdrop {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.s-sheet[data-kind='game-preview'] .s-game-preview-card {
  position: relative;
  width: 100%;
  margin: 0;
  padding: calc(38 * var(--v)) calc(34 * var(--v)) calc(34 * var(--v));
  border-radius: calc(30 * var(--v)) calc(30 * var(--v)) 0 0;
  overflow: visible;
  background: #fff;
  color: #242424;
  box-shadow: 0 calc(-10 * var(--v)) calc(40 * var(--v)) #0003;
  animation: s-game-preview-sheet-in .22s cubic-bezier(.2,.82,.28,1) both;
}

@keyframes s-game-preview-sheet-in {
  from { transform: translateY(105%); }
  to { transform: translateY(0); }
}

.s-sheet[data-kind='game-preview'] .s-game-preview-close {
  position: absolute;
  z-index: 3;
  top: calc(-30 * var(--v));
  right: calc(24 * var(--v));
  width: calc(68 * var(--v));
  height: calc(68 * var(--v));
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #707070;
  box-shadow: 0 2px 10px #0003;
  font: 400 calc(50 * var(--v))/1 Arial,sans-serif;
}

.s-sheet[data-kind='game-preview'] .s-game-preview-main {
  display: grid;
  grid-template-columns: calc(250 * var(--v)) minmax(0,1fr);
  align-items: center;
  gap: calc(30 * var(--v));
  min-height: calc(190 * var(--v));
}

.s-sheet[data-kind='game-preview'] .s-game-preview-art {
  width: calc(250 * var(--v));
  aspect-ratio: 1;
  margin-top: calc(-92 * var(--v));
  border: calc(5 * var(--v)) solid #e61741;
  border-radius: calc(24 * var(--v));
  overflow: hidden;
  background: #161616;
  box-shadow: 0 5px 18px #0003;
}

.s-sheet[data-kind='game-preview'] .s-game-preview-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.s-sheet[data-kind='game-preview'] .s-game-preview-copy {
  min-width: 0;
  padding-top: calc(4 * var(--v));
}

.s-sheet[data-kind='game-preview'] .s-game-preview-copy h2 {
  margin: 0 0 calc(7 * var(--v));
  overflow: hidden;
  color: #242424;
  font-size: max(14px,calc(42 * var(--v)));
  font-weight: 800;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.s-sheet[data-kind='game-preview'] .s-game-preview-copy p {
  margin: 0;
  overflow: hidden;
  color: #686868;
  font-size: max(10px,calc(28 * var(--v)));
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.s-sheet[data-kind='game-preview'] .s-game-preview-status {
  margin: calc(18 * var(--v)) 0 0;
  color: #cc2632;
  text-align: center;
  font-size: max(10px,calc(28 * var(--v)));
}

.s-sheet[data-kind='game-preview'] .s-game-preview-actions {
  margin-top: calc(28 * var(--v));
}

.s-sheet[data-kind='game-preview'] .s-game-preview-play {
  width: 100%;
  min-height: calc(88 * var(--v));
  padding: 0 calc(24 * var(--v));
  border: 0;
  border-radius: calc(15 * var(--v));
  background: #168fe0;
  color: #fff;
  box-shadow: 0 calc(7 * var(--v)) calc(20 * var(--v)) #168fe033;
  font: 800 max(13px,calc(37 * var(--v)))/1 SignedBangla,Arial,sans-serif;
}

.s-sheet[data-kind='game-preview'] .s-game-preview-play:active {
  transform: scale(.985);
}

.s-sheet[data-kind='game-preview'] .s-game-preview-play.is-ready {
  background: #0f9bea;
}

.s-sheet[data-kind='game-preview'] .s-game-preview-play i {
  display: none;
}

.s-sheet[data-kind='game-preview'] .s-game-preview-play.is-loading i {
  display: inline-block;
  width: calc(30 * var(--v));
  height: calc(30 * var(--v));
  margin-left: calc(14 * var(--v));
  border: calc(4 * var(--v)) solid #ffffff66;
  border-top-color: #fff;
  border-radius: 50%;
  vertical-align: middle;
  animation: s-game-preview-spin .7s linear infinite;
}

@keyframes s-game-preview-spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 390px) {
  .s-sheet[data-kind='game-preview'] .s-game-preview-main {
    grid-template-columns: calc(225 * var(--v)) minmax(0,1fr);
    gap: calc(24 * var(--v));
  }
  .s-sheet[data-kind='game-preview'] .s-game-preview-art {
    width: calc(225 * var(--v));
  }
}

@media (prefers-reduced-motion: reduce) {
  .s-sheet[data-kind='game-preview'] .s-game-preview-card,
  .s-sheet[data-kind='game-preview'] .s-game-preview-play.is-loading i {
    animation: none !important;
  }
}

/* Registration welcome + referral slider
   Kept in this guaranteed stylesheet so later feature CSS cannot leave the
   registration dialog as an unstyled white document-flow block. */
.s-sheet[data-kind='registration-reward'] {
  width: calc(var(--layout-width) * .92);
  max-width: calc(var(--layout-width) * .92);
  max-height: 92dvh;
  overflow: visible;
  background: transparent;
  color: #252525;
  box-shadow: none;
}

.s-sheet[data-kind='registration-reward']::backdrop {
  background: #000a;
  backdrop-filter: blur(2px);
}

.s-sheet[data-kind='registration-reward'] .s-registration-reward-card {
  position: relative;
  width: 100%;
  max-height: calc(100dvh - calc(170 * var(--v)));
  overflow: auto;
  padding: calc(34 * var(--v)) calc(34 * var(--v)) calc(26 * var(--v));
  border-radius: calc(18 * var(--v));
  background: #fff;
  box-shadow: 0 calc(18 * var(--v)) calc(70 * var(--v)) #0008;
  animation: s-registration-reward-in .28s cubic-bezier(.2,.82,.25,1) both;
  scrollbar-width: none;
}
.s-sheet[data-kind='registration-reward'] .s-registration-reward-card::-webkit-scrollbar { display: none; }

@keyframes s-registration-reward-in {
  from { opacity: 0; transform: translateY(calc(28 * var(--v))) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.s-sheet[data-kind='registration-reward'] .s-registration-reward-close {
  position: absolute;
  z-index: 5;
  top: calc(13 * var(--v));
  right: calc(13 * var(--v));
  width: calc(62 * var(--v));
  height: calc(62 * var(--v));
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #f0f0f0;
  color: #777;
  font: 400 calc(43 * var(--v))/1 Arial,sans-serif;
}

.s-sheet[data-kind='registration-reward'] .s-registration-reward-card > h2 {
  margin: 0 calc(45 * var(--v)) calc(28 * var(--v));
  color: #333;
  text-align: center;
  font-size: max(14px,calc(40 * var(--v)));
  font-weight: 800;
  line-height: 1.25;
}
.s-sheet[data-kind='registration-reward'] .s-registration-reward-card > h2 b { color: #d52822; }

.s-registration-reward-viewport {
  position: relative;
  overflow: hidden;
  border-radius: calc(14 * var(--v));
  background: #fff;
}

.s-registration-reward-slide {
  width: 100%;
  animation: s-registration-slide-in .2s ease both;
}
.s-registration-reward-slide[hidden] { display: none !important; }
@keyframes s-registration-slide-in {
  from { opacity: 0; transform: translateX(calc(20 * var(--v))); }
  to { opacity: 1; transform: translateX(0); }
}

.s-registration-promo-poster {
  overflow: hidden;
  border-radius: calc(13 * var(--v));
  border: 1px solid #dbc58c;
  background: linear-gradient(160deg,#171109,#352209 55%,#0b0804);
  box-shadow: inset 0 0 0 1px #ffffff0a;
}
.s-registration-promo-poster > img {
  display: block;
  width: 100%;
  aspect-ratio: 960 / 363;
  object-fit: cover;
}
.s-registration-promo-copy {
  display: grid;
  gap: calc(10 * var(--v));
  padding: calc(26 * var(--v)) calc(24 * var(--v)) calc(28 * var(--v));
  text-align: center;
  color: #f7dfaa;
}
.s-registration-promo-copy strong {
  font-size: max(12px,calc(35 * var(--v)));
  line-height: 1.35;
}
.s-registration-promo-copy strong em {
  color: #ff4438;
  font-style: normal;
  font-size: 1.3em;
}
.s-registration-promo-copy span {
  color: #e8d8b0;
  font-size: max(10px,calc(29 * var(--v)));
}
.s-registration-promo-copy span b { color: #ffd33f; }

.s-sheet[data-kind='registration-reward'] .s-registration-reward-art {
  overflow: hidden;
  padding: calc(30 * var(--v));
  border-radius: calc(13 * var(--v));
  border: 1px solid #a97217;
  background: radial-gradient(circle at 50% 8%,#7a5719 0,#3a2409 25%,#0b0804 72%);
  color: #fff3cf;
  text-align: center;
}
.s-referral-network {
  position: relative;
  height: calc(190 * var(--v));
  margin-bottom: calc(12 * var(--v));
}
.s-referral-network span,
.s-referral-network b {
  position: absolute;
  display: grid;
  place-items: center;
  width: calc(78 * var(--v));
  height: calc(78 * var(--v));
  border: calc(4 * var(--v)) solid #dda52d;
  border-radius: 50%;
  background: #2a1b0a;
  color: #f4d47e;
}
.s-referral-network span { top: 0; left: 50%; transform: translateX(-50%); }
.s-referral-network b:nth-of-type(1) { left: 8%; bottom: 0; }
.s-referral-network b:nth-of-type(2) { left: 50%; bottom: 0; transform: translateX(-50%); }
.s-referral-network b:nth-of-type(3) { right: 8%; bottom: 0; }
.s-referral-network i {
  position: absolute;
  left: 18%;
  right: 18%;
  top: 43%;
  height: calc(4 * var(--v));
  background: linear-gradient(90deg,#bd7f17,#fff0a5,#bd7f17);
  box-shadow: 0 calc(40 * var(--v)) 0 #bd7f17;
}
.s-referral-network .s-icon { width: 60%; height: 60%; }
.s-sheet[data-kind='registration-reward'] .s-registration-reward-art > strong {
  display: block;
  font-size: max(12px,calc(34 * var(--v)));
}
.s-sheet[data-kind='registration-reward'] .s-registration-reward-art > p {
  margin: calc(8 * var(--v)) 0 calc(22 * var(--v));
  color: #e7d09a;
  font-size: max(9px,calc(27 * var(--v)));
  line-height: 1.45;
}
.s-referral-reward-rows {
  overflow: hidden;
  border: 1px solid #95610f;
  border-radius: calc(8 * var(--v));
  text-align: left;
}
.s-referral-reward-rows div {
  display: flex;
  justify-content: space-between;
  gap: calc(18 * var(--v));
  padding: calc(12 * var(--v)) calc(18 * var(--v));
  border-bottom: 1px solid #68440d;
  font-size: max(9px,calc(26 * var(--v)));
}
.s-referral-reward-rows div:last-child { border-bottom: 0; }
.s-referral-reward-rows b { color: #ffd85d; white-space: nowrap; }

.s-registration-reward-dots {
  display: flex;
  justify-content: center;
  gap: calc(10 * var(--v));
  min-height: calc(42 * var(--v));
  padding-top: calc(18 * var(--v));
}
.s-registration-reward-dot {
  width: calc(13 * var(--v));
  height: calc(13 * var(--v));
  border-radius: 50%;
  background: #cfcfcf;
}
.s-registration-reward-dot.is-active { background: #e4c900; }

.s-registration-reward-nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(20 * var(--v));
}
.s-registration-reward-nav button {
  min-height: calc(74 * var(--v));
  padding: 0 calc(18 * var(--v));
  border: 0;
  border-radius: 999px;
  font-size: max(10px,calc(28 * var(--v)));
  font-weight: 800;
}
.s-registration-reward-prev {
  background: #d7d7d7;
  color: #727272;
}
.s-registration-reward-prev:disabled { opacity: .72; cursor: default; }
.s-registration-reward-next {
  background: linear-gradient(#fff34e,#e3ce00);
  color: #4a4100;
  box-shadow: inset 0 -1px 0 #b6a500;
}

/* Welcome notification belongs to the dialog top layer so it stays visible
   above the modal backdrop, like the reference design. */
.s-sheet[data-kind='registration-reward'] .s-registration-message-toast {
  position: fixed;
  z-index: 8;
  top: calc(18 * var(--v));
  left: 50%;
  transform: translateX(-50%);
  width: calc(var(--layout-width) * .88);
  min-height: calc(112 * var(--v));
  display: grid;
  grid-template-columns: calc(60 * var(--v)) minmax(0,1fr) calc(58 * var(--v));
  align-items: center;
  gap: calc(16 * var(--v));
  padding: calc(15 * var(--v)) calc(17 * var(--v));
  border-left: calc(9 * var(--v)) solid #1595df;
  border-radius: calc(10 * var(--v));
  background: #fff;
  color: #333;
  box-shadow: 0 calc(7 * var(--v)) calc(25 * var(--v)) #0006;
  animation: s-registration-message-in .24s cubic-bezier(.2,.82,.25,1) both;
}
.s-sheet[data-kind='registration-reward'] .s-registration-message-toast > i {
  width: calc(48 * var(--v));
  height: calc(48 * var(--v));
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #1595df;
  color: #fff;
  font: 700 calc(30 * var(--v))/1 Arial,sans-serif;
  font-style: normal;
}
.s-sheet[data-kind='registration-reward'] .s-registration-message-toast > div {
  min-width: 0;
  display: grid;
  gap: calc(4 * var(--v));
}
.s-sheet[data-kind='registration-reward'] .s-registration-message-toast strong {
  overflow: hidden;
  font-size: max(10px,calc(29 * var(--v)));
  text-overflow: ellipsis;
  white-space: nowrap;
}
.s-sheet[data-kind='registration-reward'] .s-registration-message-toast span {
  overflow: hidden;
  color: #777;
  font-size: max(9px,calc(25 * var(--v)));
  text-overflow: ellipsis;
  white-space: nowrap;
}
.s-sheet[data-kind='registration-reward'] .s-registration-message-close {
  width: calc(52 * var(--v));
  height: calc(52 * var(--v));
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: calc(8 * var(--v));
  background: #ececec;
  color: #888;
  font: 400 calc(38 * var(--v))/1 Arial,sans-serif;
}
@keyframes s-registration-message-in {
  from { opacity: 0; transform: translate(-50%,calc(-24 * var(--v))); }
  to { opacity: 1; transform: translate(-50%,0); }
}

@media (max-width: 390px) {
  .s-sheet[data-kind='registration-reward'] { width: calc(var(--layout-width) * .94); max-width: calc(var(--layout-width) * .94); }
  .s-sheet[data-kind='registration-reward'] .s-registration-reward-card { padding-inline: calc(28 * var(--v)); }
}

@media (prefers-reduced-motion: reduce) {
  .s-sheet[data-kind='registration-reward'] .s-registration-reward-card,
  .s-sheet[data-kind='registration-reward'] .s-registration-message-toast,
  .s-registration-reward-slide { animation: none !important; }
}

/* Live-catalog boot state: never expose legacy/sample game cards while the
   authoritative homepage snapshot is being fetched. */
.s-live-catalog-status {
  min-height: 220px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 12px;
  padding: 32px 16px;
  text-align: center;
  color: #fff;
  background: #1e1e1e;
}
.s-live-catalog-status.is-error { color: #ffd8d8; }
.s-live-catalog-spinner {
  width: 30px;
  height: 30px;
  border: 3px solid rgba(255,255,255,.28);
  border-top-color: #ffd400;
  border-radius: 50%;
  animation: s-live-catalog-spin .7s linear infinite;
}
@keyframes s-live-catalog-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .s-live-catalog-spinner { animation: none; }
}

/* Exact-design category pagination: admin Homepage Games + Load More Batch. */
.s-category-load-more-wrap{display:flex;justify-content:center;align-items:center;width:100%;padding:16px 12px 26px;box-sizing:border-box}
.s-category-load-more{min-width:150px;border:1px solid rgba(255,215,0,.75);border-radius:8px;background:#f2c400;color:#151515;font:700 14px/1 system-ui,-apple-system,"Segoe UI",sans-serif;padding:12px 20px;cursor:pointer;box-shadow:0 5px 16px rgba(0,0,0,.22)}
.s-category-load-more:active{transform:translateY(1px)}
.s-category-load-more:disabled,.s-category-load-more.is-loading{opacity:.72;cursor:wait}
.s-category-load-more-overlay{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;background:rgba(0,0,0,.22);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:18px}
.s-category-load-more-popup{min-width:180px;display:flex;align-items:center;justify-content:center;gap:11px;padding:15px 18px;border-radius:13px;background:rgba(25,25,25,.96);border:1px solid rgba(255,222,0,.45);color:#fff;box-shadow:0 12px 36px rgba(0,0,0,.38);font:700 14px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;text-align:center}
.s-category-load-more-popup span{width:22px;height:22px;flex:0 0 22px;border:3px solid rgba(255,255,255,.3);border-top-color:#ffe000;border-radius:50%;animation:s-category-load-more-spin .72s linear infinite}
@keyframes s-category-load-more-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.s-category-load-more-popup span{animation-duration:1.4s}}