[hidden]{display:none!important}html{background:#100c11}body.ms-page .download-trigger{cursor:pointer;text-decoration:none}body.ms-page .modal-cta{display:flex;align-items:center;justify-content:center;text-align:center;padding:14px 18px;line-height:1.4}body.ms-page #download-status:empty{display:none}body.ms-page #download-status{padding:10px;margin-top:8px;color:var(--mint);font-size:12px}html[dir=rtl] body.ms-page .brand-text,html[dir=rtl] body.ms-page .guide-content{text-align:right}html[dir=rtl] body.ms-page .entry-popup-close{right:auto;left:12px}body.ms-page .drama:focus-visible,body.ms-page .download-trigger:focus-visible,body.ms-page button:focus-visible{outline:3px solid #19c8a2;outline-offset:3px}@media(prefers-reduced-motion:reduce){body.ms-page *,body.ms-page *:before,body.ms-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body.ms-page .download-message{padding:12px;text-align:center;color:var(--mint);font-size:13px}

body.ms-page .modal-overlay,body.ms-page .entry-popup-overlay{overflow-y:auto;overscroll-behavior:contain}body.ms-page .modal-box,body.ms-page .entry-popup-card{max-height:calc(100dvh - 48px);overflow-y:auto}

/* Bengali glyphs need room for vowel marks and conjuncts. Fonts are served locally. */
html[lang^="bn"] body.ms-page{font-family:"Noto Sans Bengali",system-ui,sans-serif;font-synthesis:none}
html[lang^="bn"] body.ms-page :is(h1,h2,h3,p,b,span,a,button){letter-spacing:normal}
html[lang^="bn"] body.ms-page :is(.drama-copy h1,.hero-title-shimmer){line-height:1.4;font-size:clamp(25px,7.4vw,32px);font-weight:700;overflow:visible}
html[lang^="bn"] body.ms-page :is(.drama-copy p,.modal-desc,.guide-content p,.final p,.page-footer p){line-height:1.75;font-weight:400}
html[lang^="bn"] body.ms-page :is(.modal-title,.section-head h2,.final h2,.entry-popup-title){line-height:1.45;font-weight:700}
html[lang^="bn"] body.ms-page :is(.hero-cta,.modal-cta,.cta,.entry-popup-cta){min-height:54px;line-height:1.6;font-weight:700;padding-block:12px}
html[lang^="bn"] body.ms-page .bonus-live{font-size:13px;line-height:1.5;font-weight:600}
html[lang^="bn"] body.ms-page .dramas b{line-height:1.5;font-weight:600}
body.ms-page .drama{cursor:pointer}

/* Devanagari vowel marks and conjuncts need their own font and line height. */
html[lang="hi-IN"] body.ms-page{font-family:"Noto Sans Devanagari",system-ui,sans-serif;font-synthesis:none}
html[lang="hi-IN"] body.ms-page :is(h1,h2,h3,p,b,span,a,button){letter-spacing:normal}
html[lang="hi-IN"] body.ms-page :is(.drama-copy h1,.hero-title-shimmer){font-size:clamp(25px,7vw,31px);line-height:1.5;font-weight:700;overflow:visible}
html[lang="hi-IN"] body.ms-page :is(.drama-copy p,.modal-desc,.guide-content p,.final p,.page-footer p){line-height:1.85;font-weight:400}
html[lang="hi-IN"] body.ms-page :is(.modal-title,.section-head h2,.final h2){line-height:1.55}
html[lang="hi-IN"] body.ms-page :is(.hero-cta,.modal-cta,.cta){min-height:54px;line-height:1.65;padding-block:12px}
html[lang="hi-IN"] body.ms-page .bonus-live{font-size:14px;line-height:1.6;white-space:nowrap}
html[lang="hi-IN"] body.ms-page .dramas b{line-height:1.7}
html[lang="en-IN"] body.ms-page .bonus-live{white-space:nowrap}

/* App identity follows the customer's logo in every episode dialog. */
body.ms-page .modal-icon {
  width: 80px;
  height: 80px;
  padding: 5px;
  border: 1px solid #d6b67a80;
  border-radius: 23px;
  background: #18141b;
  box-shadow: 0 8px 24px #0005, inset 0 1px 0 #fff2;
  overflow: hidden;
}
body.ms-page .modal-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 17px;
}

/* Small illustrated objects, framed with a woven diamond motif. */
body.ms-page .guide-steps {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}
body.ms-page .guide-step {
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 16px 15px;
  margin: 0;
  border: 1px solid #b59a6238;
  border-radius: 16px;
  background: linear-gradient(115deg, #153c34, #142b28 62%, #172724);
  box-shadow: inset 0 1px 0 #ffffff06, 0 5px 16px #0002;
}
body.ms-page .guide-step:nth-child(even) {
  background: linear-gradient(115deg, #34302a, #292725 62%, #252724);
}
body.ms-page .guide-step::after {
  content: "";
  position: absolute;
  inset-inline-end: 11px;
  top: 11px;
  width: 4px;
  height: 4px;
  border: 1px solid #c5a97180;
  transform: rotate(45deg);
}
body.ms-page .guide-icon {
  flex: 0 0 58px;
  width: 58px;
  height: 66px;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
body.ms-page .guide-icon svg { display: block; width: 100%; height: 100%; overflow: visible; }
body.ms-page .guide-icon :is(path, rect, circle) { stroke-linecap: round; stroke-linejoin: round; }
body.ms-page .guide-ornament { fill: #d1b77c09; stroke: #d1b77c45; stroke-width: .8; }
body.ms-page .guide-stitch { stroke: #d1b77c38; stroke-width: .8; stroke-dasharray: 1 3; }
body.ms-page .guide-object { fill: #25584b; stroke: #e3c58d; stroke-width: 1.6; }
body.ms-page .guide-paper { fill: #f2deb1; stroke: #d5b577; stroke-width: 1.2; }
body.ms-page .guide-line { stroke: #f7dfaa; stroke-width: 1.8; }
body.ms-page .guide-step:nth-child(2) .guide-line { stroke: #a0783c; }
body.ms-page .guide-check { stroke: #245747; stroke-width: 2.8; }
body.ms-page .guide-highlight { fill: #f6d691; }
body.ms-page .guide-content { min-width: 0; }
body.ms-page .guide-content b { margin: 0 0 5px; color: #f7e6c5; font-size: 14px; line-height: 1.6; font-weight: 600; }
body.ms-page .guide-content p { margin: 0; color: #c3d0c7; font-size: 12px; line-height: 1.8; }
@media (max-width: 360px) {
  body.ms-page .guide-step { padding: 13px 11px; gap: 11px; }
  body.ms-page .guide-icon { flex-basis: 49px; width: 49px; height: 58px; }
  body.ms-page .guide-content b { font-size: 13px; }
}