#screen-leaderboard.lb--gk {
  position: relative;
  container-type: inline-size;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  background: #75bffa;
}
#screen-leaderboard.lb--gk .lb-proto-scene {
  aspect-ratio: 864 / 1820;
  background: url('assets/cloud-play/leaderboard-golden-arena-roomy-v337.webp') top center / 100% 100% no-repeat;
}

#screen-leaderboard.lb--gk .lb-proto-scene::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: url('assets/cloud-play/leaderboard-golden-arena-data-plate-v306.webp') top center / 100% 100% no-repeat;
  clip-path: polygon(0 22%, 22% 22%, 22% 32%, 0 32%);
}

#screen-leaderboard.lb--gk .lb-proto-scene::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: url('assets/cloud-play/leaderboard-golden-prototype-hd-v313.webp') top center / 100% 100% no-repeat;
  -webkit-mask-image: radial-gradient(ellipse 23% 4.6% at 50% 24%, #000 60%, transparent 100%);
  mask-image: radial-gradient(ellipse 23% 4.6% at 50% 24%, #000 60%, transparent 100%);
}
#screen-leaderboard .lb-gk-arc-guide { display: none; }
#screen-leaderboard.lb--gk .lb-gk-arc-guide {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: visible;
}
#screen-leaderboard.lb--gk .lb-gk-arc-guide path {
  fill: none;
  stroke: #fff0b0;
  stroke-width: 4;
  opacity: .9;
  filter: drop-shadow(0 2px 3px #a86f2e);
}
#screen-leaderboard.lb--gk.lb-gk-menu-classic .lb-gk-arc-guide--left,
#screen-leaderboard.lb--gk:not(.lb-gk-menu-classic) .lb-gk-arc-guide--right { display: none; }
#screen-leaderboard #lb-golden-motto { display: none; }
#screen-leaderboard.lb--gk #lb-golden-motto {
  position: absolute;
  z-index: 2;
  display: grid;
  place-items: center;
  left: 30%;
  top: 48.1%;
  width: 40%;
  height: 4.2%;
  color: #ffe6a5;
  font: 900 clamp(12px, 3.8vw, 24px)/1.15 'Anek Bangla', var(--font-bangla);
  text-align: center;
  text-shadow: 0 2px 2px #52360d, 0 0 5px #241e44;
}
#screen-leaderboard.lb--gk .lb-head-title {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
#screen-leaderboard.lb--gk #lb-current-menu { top: 9.3%; }
#screen-leaderboard #lb-golden-side-link { display: none; }
#screen-leaderboard.lb--gk #lb-golden-side-link {
  display: block;
  position: absolute;
  z-index: 4;
  top: 0;
  right: 1.4%;
  width: 21%;
  height: 11.5%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
#screen-leaderboard.lb--gk #lb-golden-side-link::before {
  content: 'সহমত ভাই';
  position: absolute;
  left: 17%;
  top: 23%;
  width: 66%;
  color: #fff7df;
  font: 900 clamp(10px, 3.4vw, 19px)/1.1 'Anek Bangla', var(--font-bangla);
  text-align: center;
  text-shadow: 0 2px 3px #193978;
}
#screen-leaderboard.lb--gk #lb-golden-side-link:focus-visible { outline: 3px solid #fff0ad; outline-offset: 2px; }
#screen-leaderboard.lb--gk .lb-family::before,
#screen-leaderboard.lb--gk .lb-family .lb-fam::after,
#screen-leaderboard.lb--gk .lb-tabrow::before,
#screen-leaderboard.lb--gk #lb-tab-hint { display: none; }


#screen-leaderboard.lb--gk .lb-family { display: none; }

#screen-leaderboard.lb--gk .lb-tabrow {
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  pointer-events: none;
}
#screen-leaderboard.lb--gk .lb-tabrow--sub { display: block; }
#screen-leaderboard.lb--gk .lb-tabrow--top .lb-tab {
  position: absolute;
  display: grid;
  place-items: center;
  width: 15.4%;
  height: 9.7%;
  border: 0;
  border-radius: 0;
  padding: 0.5%;
  background: transparent;
  color: #513725;
  box-shadow: none;
  white-space: normal;
  pointer-events: auto;
  font: 900 clamp(8px, 2.35cqw, 14px)/1.15 'Anek Bangla', var(--font-bangla);
  text-align: center;
  text-shadow: 0 1px 1px #fff5da;
}
#screen-leaderboard.lb--gk .lb-tabrow--top .lb-tab:first-child {
  left: 1.1%; top: 23.8%; width: 17.5%; height: 7.7%;
  font-size: 0;
}
#screen-leaderboard.lb--gk .lb-tabrow--top .lb-tab:first-child::before {
  content: 'নক\Aআউট';
  white-space: pre-line;
  font: 900 clamp(15px, 4cqw, 21px)/1.05 'Anek Bangla', var(--font-bangla);
}
#screen-leaderboard.lb--gk .lb-tabrow--top .lb-tab:last-child { right: 1.4%; top: 23.5%; font-size: clamp(12px, 3.6cqw, 20px); }
#screen-leaderboard.lb--gk .lb-tabrow--top .lb-tab.active { color: #513725; background: transparent; box-shadow: none; }
#screen-leaderboard.lb--gk .lb-tabrow--top .lb-tab.active::after {
  content: '✓';
  position: absolute;
  right: -1%;
  top: -8%;
  display: grid;
  place-items: center;
  width: clamp(17px, 4.3cqw, 24px);
  aspect-ratio: 1;
  border: 2px solid #fff7c2;
  border-radius: 50%;
  background: linear-gradient(#49dba3,#087a61);
  color: #fff;
  box-shadow: 0 2px 4px #29452e88;
  font: 900 clamp(11px, 3.5cqw, 19px)/1 Arial,sans-serif;
}
#screen-leaderboard #lb-gk-menu-back { display: none; }
#screen-leaderboard.lb--gk .lb-tabrow--sub .lb-tab {
  position: absolute;
  display: grid;
  place-items: center;
  width: 21%;
  height: 4.35%;
  padding: 2px 11px;
  border: 0;
  border-radius: 0;
  background: url('assets/cloud-play/leaderboard-gk-submenu-plaque-v316.webp') center / 100% 100% no-repeat;
  color: #fff5d2;
  box-shadow: none;
  font-size: 0;
  pointer-events: auto;
  transition: filter .2s ease, box-shadow .2s ease, scale .2s ease;
}
#screen-leaderboard.lb--gk .lb-tabrow--sub .lb-tab::before {
  content: attr(data-short-label);
  font: 800 clamp(11px, 3cqw, 16px)/1 'Anek Bangla', var(--font-bangla);
  text-shadow: 0 2px 2px #062a63;
  transform: translateY(2px);
}
#screen-leaderboard.lb--gk .lb-tabrow--sub .lb-tab.active {
  color: #fff5d2;
  background: url('assets/cloud-play/leaderboard-gk-submenu-plaque-v316.webp') center / 100% 100% no-repeat;
  filter: none;
}
#screen-leaderboard.lb--gk .lb-tabrow--sub .lb-tab.active::after {
  content: '✓';
  position: absolute;
  z-index: 1;
  top: -24%;
  right: -1%;
  display: grid;
  place-items: center;
  width: clamp(17px, 4.2cqw, 23px);
  aspect-ratio: 1;
  border: 2px solid #fff8d7;
  border-radius: 50%;
  background: linear-gradient(#4cdda3,#078261);
  color: #fff;
  box-shadow: 0 2px 4px #244b3b66;
  font: 900 clamp(11px, 3cqw, 16px)/1 Arial,sans-serif;
}
#screen-leaderboard.lb--gk .lb-tabrow--sub .lb-tab:hover { filter: brightness(1.08); scale: 1.03; }
#screen-leaderboard.lb--gk .lb-tabrow--sub .lb-tab[data-id="answered"] { left: 3%; top: 16%; rotate: -17.25deg; }
#screen-leaderboard.lb--gk .lb-tabrow--sub .lb-tab[data-id="streak"] { left: 27%; top: 11.5%; rotate: -5.75deg; }
#screen-leaderboard.lb--gk .lb-tabrow--sub .lb-tab[data-id="score"] { right: 27%; top: 11.5%; rotate: 5.75deg; }
#screen-leaderboard.lb--gk .lb-tabrow--sub .lb-tab[data-id="acc"] { right: 3%; top: 16%; rotate: 17.25deg; }
#screen-leaderboard.lb--gk .lb-tabrow--sub .lb-tab[data-id="answered"]::before { rotate: 17.25deg; }
#screen-leaderboard.lb--gk .lb-tabrow--sub .lb-tab[data-id="streak"]::before { rotate: 5.75deg; }
#screen-leaderboard.lb--gk .lb-tabrow--sub .lb-tab[data-id="score"]::before { rotate: -5.75deg; }
#screen-leaderboard.lb--gk .lb-tabrow--sub .lb-tab[data-id="acc"]::before { rotate: -17.25deg; }
#screen-leaderboard.lb--gk:not(.lb-gk-menu-classic) .lb-tabrow--sub .lb-tab[data-group="knockout"] { animation: lbArcSlideLeft .46s cubic-bezier(.2,.8,.2,1) both; transform-origin: 0 50%; }
#screen-leaderboard.lb--gk.lb-gk-menu-classic .lb-tabrow--sub .lb-tab[data-group="classic"] { animation: lbArcSlideRight .46s cubic-bezier(.2,.8,.2,1) both; transform-origin: 100% 50%; }
#screen-leaderboard.lb--gk .lb-tabrow--sub .lb-tab:nth-child(even) { animation-delay: .07s; }
@keyframes lbArcSlideLeft { from { opacity: .15; transform: scaleX(.08); } to { opacity: 1; transform: scaleX(1); } }
@keyframes lbArcSlideRight { from { opacity: .15; transform: scaleX(.08); } to { opacity: 1; transform: scaleX(1); } }
@media (prefers-reduced-motion: reduce) {
  #screen-leaderboard.lb--gk .lb-tabrow--sub .lb-tab { animation: none !important; }
}


#screen-leaderboard.lb--gk #lb-podium { position: absolute; inset: 0; z-index: 1; }
#screen-leaderboard.lb--gk .lb-sky-place { position: absolute; inset: 0; width: 100%; height: 100%; }
#screen-leaderboard.lb--gk .lb-sky-place > .lb-avatar-button,
#screen-leaderboard.lb--gk .lb-sky-place > .lb-sky-place__avatar {
  position: absolute;
  z-index: 2;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
}
#screen-leaderboard.lb--gk .lb-sky-place--1 > .lb-avatar-button,
#screen-leaderboard.lb--gk .lb-sky-place--1 > .lb-sky-place__avatar { left: 40.9%; top: 28.7%; width: 18.2%; }
#screen-leaderboard.lb--gk .lb-sky-place--2 > .lb-avatar-button,
#screen-leaderboard.lb--gk .lb-sky-place--2 > .lb-sky-place__avatar { left: 19%; top: 32.8%; width: 16%; }
#screen-leaderboard.lb--gk .lb-sky-place--3 > .lb-avatar-button,
#screen-leaderboard.lb--gk .lb-sky-place--3 > .lb-sky-place__avatar { left: 65.5%; top: 32.9%; width: 16%; }
#screen-leaderboard.lb--gk .lb-sky-place__avatar { object-fit: cover; object-position: center 38%; }
#screen-leaderboard.lb--gk .lb-sky-place--2::before,
#screen-leaderboard.lb--gk .lb-sky-place--3::before {
  position: absolute;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 4.7%;
  height: 3%;
  color: #211b21;
  font: 900 clamp(11px, 3cqw, 24px)/1 var(--font-english);
  pointer-events: none;
}
#screen-leaderboard.lb--gk .lb-sky-place--2::before { content: '2'; left: 24.3%; top: 30.25%; }
#screen-leaderboard.lb--gk .lb-sky-place--3::before { content: '3'; left: 71.2%; top: 30.65%; }
#screen-leaderboard.lb--gk .lb-sky-place__name {
  z-index: 1;
  box-sizing: border-box;
  height: 5.3%;
  padding: 1px 2px;
  border: 1px solid #9a683956;
  border-radius: 1.6cqw;
  background: linear-gradient(#f8e9c9eb, #e4bf89ed);
  color: #372913;
  font-size: clamp(9px, 2.4cqw, 14px);
  line-height: 1.04;
  text-shadow: none;
}
#screen-leaderboard.lb--gk .lb-sky-place--1 .lb-sky-place__name { left: 37.5%; top: 37.55%; width: 25%; height: 5.25%; }
#screen-leaderboard.lb--gk .lb-sky-place--2 .lb-sky-place__name { left: 16%; top: 39.45%; width: 21%; height: 4.35%; font-size: clamp(8px, 2.15cqw, 12px); }
#screen-leaderboard.lb--gk .lb-sky-place--3 .lb-sky-place__name { left: 63%; top: 39.45%; width: 21%; height: 4.35%; font-size: clamp(8px, 2.15cqw, 12px); }
#screen-leaderboard.lb--gk .lb-sky-place__name > span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-width: 100%;
  overflow: hidden;
  white-space: normal;
  overflow-wrap: anywhere;
}
#screen-leaderboard.lb--gk .lb-sky-place__score { height: 2.4%; color: #fff1b9; font: 900 clamp(10px, 3vw, 16px)/1 var(--font-english); text-shadow: 0 1px 2px #342a27; }
#screen-leaderboard.lb--gk .lb-sky-place--1 .lb-sky-place__score { left: 40%; top: 43.0%; width: 20%; height: 2.2%; }
#screen-leaderboard.lb--gk .lb-sky-place--2 .lb-sky-place__score { left: 18.5%; top: 43.8%; width: 16%; height: 2.2%; }
#screen-leaderboard.lb--gk .lb-sky-place--3 .lb-sky-place__score { left: 65.5%; top: 43.8%; width: 16%; height: 2.2%; }
#screen-leaderboard.lb--gk .lb-sky-place__sub { display: none; }


#screen-leaderboard.lb--gk #leaderboard-list {
  position: absolute;
  z-index: 2;
  top: 118.5cqw;
  left: 3.7%;
  width: 92.6%;
  height: 46.5cqw;
  padding: 0;
  overflow-y: auto;
  flex: none;
}
#screen-leaderboard.lb--gk #lb-rows { gap: 0.5cqw; }
#screen-leaderboard.lb--gk .lb-sky-row {
  min-height: 15.3cqw;
  gap: 2.1cqw;
  padding: 1cqw 3.4cqw;
  border: 1.5px solid #ead4b3;
  border-radius: 999px;
  background: linear-gradient(#fffdf7,#fff8e8);
  box-shadow: 0 2px 3px #6a573d52;
}
#screen-leaderboard.lb--gk .lb-sky-row--me { border-color: #46b8d8; background: #f0fbff; }
#screen-leaderboard.lb--gk .lb-sky-row__rank { flex-basis: 5.5cqw; color: #674325; font-size: clamp(13px, 4vw, 21px); }
#screen-leaderboard.lb--gk .lb-sky-row__avatar { width: 9cqw; height: 9cqw; flex-basis: 9cqw; border: 2px solid #d4b56e; }
#screen-leaderboard.lb--gk .lb-sky-row__name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.13;
  color: #1d2e48;
  font-size: clamp(10px, 2.8vw, 14px);
}
#screen-leaderboard.lb--gk .lb-sky-row__score { background: transparent; color: #143d76; font-size: clamp(11px, 3.3vw, 17px); }

#screen-leaderboard.lb--gk #lb-own-rank:not([hidden]) {
  position: absolute;
  z-index: 2;
  top: 165.5cqw;
  left: 3.3%;
  width: 93.4%;
  height: 24cqw;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 5cqw;
  background: transparent;
  box-shadow: none;
}
#screen-leaderboard.lb--gk .lb-sky-own-label { display: block; position: absolute; top: 4%; left: 4%; color: #153b72; }
#screen-leaderboard.lb--gk .lb-sky-own-rank { position: absolute; top: 35%; left: 5%; color: #153a77; font-size: clamp(20px, 7vw, 32px); }
#screen-leaderboard.lb--gk #lb-own-rank .lb-sky-row__avatar { position: absolute; top: 16%; left: 16.5%; width: 16cqw; height: 16cqw; }
#screen-leaderboard.lb--gk .lb-sky-own-name {
  position: absolute;
  top: 8%;
  left: 34%;
  width: 41%;
  height: 49%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.12;
  color: #153b72;
  font-size: clamp(10px, 2.7vw, 14px);
}
#screen-leaderboard.lb--gk .lb-sky-own-score { position: absolute; top: 21%; right: 7%; padding: 0; background: none; color: #153b72; font-size: clamp(13px, 3.6vw, 18px); }
#screen-leaderboard .lb-golden-progress,
#screen-leaderboard .lb-golden-progress-label { display: none; }
#screen-leaderboard.lb--gk .lb-golden-progress {
  display: block;
  position: absolute;
  left: 36%; top: 54%;
  width: 39%; height: 11%;
  overflow: hidden;
  border-radius: 999px;
}
#screen-leaderboard.lb--gk .lb-golden-progress::before {
  content: '';
  display: block;
  width: var(--lb-progress);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(#45a9f0,#1369c0);
  box-shadow: 0 1px 2px #1557978c;
}
#screen-leaderboard.lb--gk .lb-golden-progress-label {
  display: block;
  position: absolute;
  left: 36%; top: 71%;
  width: 42%;
  color: #234f8a;
  font: 700 clamp(8px, 2.4vw, 12px)/1.1 'Anek Bangla', var(--font-bangla);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}