/* skin-base.css — lapisan skin sekolah untuk app anak.
   Semua aturan hanya aktif saat html.sk-on (anak sudah bergabung ke sekolah ber-skin).
   Token warna (--sk-p, --sk-a1, --sk-a2 dan turunannya) dipasang oleh boot.js dari palette.js.
   File ini digabung dengan adaptor per halaman (dibuat tools/gen_skin_css.py) menjadi skin.css. */

/* ---------- Layar pembuka berlogo sekolah ---------- */
html.sk-splash::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  background: radial-gradient(circle at 50% 40%, var(--sk-p-mid) 0, var(--sk-p) 58%, var(--sk-p-d) 100%);
  transition: opacity .42s ease;
}
html.sk-splash::after {
  content: var(--sk-name) "\A" "Road to Ramadhan 2027";
  white-space: pre-line;
  position: fixed;
  left: 24px;
  right: 24px;
  top: calc(50% - 150px);
  z-index: 2147483001;
  padding-top: 214px;
  text-align: center;
  font: 800 22px/1.55 Nunito, system-ui, sans-serif;
  color: var(--sk-p-ink);
  background:
    var(--sk-logo) center 34px / 116px 116px no-repeat,
    radial-gradient(circle at 50% 92px, #FFFFFF 0 86px, var(--sk-a1) 87px 96px, transparent 97px);
  animation: sk-pop .5s cubic-bezier(.2, .9, .3, 1.25) both;
  transition: opacity .42s ease;
}
html.sk-splash:not(.sk-has-logo)::after {
  padding-top: 0;
  top: calc(50% - 40px);
  font-size: 26px;
  background: none;
}
html.sk-splash-out::before,
html.sk-splash-out::after { opacity: 0; }
@keyframes sk-pop {
  from { opacity: 0; transform: translateY(18px) scale(.9); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  html.sk-splash::after { animation: none; }
}

/* ---------- Tracker (beranda) ---------- */
html.sk-on[data-page="tracker"] {
  --green: var(--sk-p);
  --green-d: var(--sk-p-d);
  --green-ink: var(--sk-p-text);
  --pale: var(--sk-p-soft);
  --line: var(--sk-p-line);
}
html.sk-on[data-page="tracker"] body { background: var(--sk-p-d); }
html.sk-on[data-page="tracker"] .chk.on,
html.sk-on[data-page="tracker"] .btn-main,
html.sk-on[data-page="tracker"] .seg button[aria-pressed="true"] { color: var(--sk-p-ink); }
html.sk-on[data-page="tracker"] .act[aria-pressed="true"] .c,
html.sk-on[data-page="tracker"] .note-ok { background: var(--sk-p-soft); color: var(--sk-p-text); }
html.sk-on[data-page="tracker"] .tile[aria-pressed="true"],
html.sk-on[data-page="tracker"] .big-toggle[aria-pressed="true"] { background: var(--sk-p-soft); box-shadow: 0 4px 0 var(--sk-p-mid); }
html.sk-on[data-page="tracker"] .chip[aria-pressed="true"] { background: var(--sk-p-soft); box-shadow: 0 3px 0 var(--sk-p-mid); }
html.sk-on[data-page="tracker"] .chk.ro.on { background: var(--sk-p-mid); color: var(--sk-p-text); }
html.sk-on[data-page="tracker"] .banner { background: color-mix(in srgb, var(--sk-p-d) 74%, transparent); }
html.sk-on[data-page="tracker"] .banner .pts { color: var(--sk-a1); }
html.sk-on[data-page="tracker"] .lvl .score { background: var(--sk-a1); color: var(--sk-a1-ink); }
html.sk-on[data-page="tracker"] .giftbtn .dot { background: var(--sk-a2); }
html.sk-on[data-page="tracker"] .day.today .n { background: var(--sk-p-text); color: #FFFFFF; }
html.sk-on[data-page="tracker"] .nav [fill="#6CAE47" i] { fill: var(--sk-p); }
html.sk-on[data-page="tracker"] .nav [stroke="#6CAE47" i] { stroke: var(--sk-p); }
html.sk-on[data-page="tracker"] .nav [fill="#3F7F33" i] { fill: var(--sk-p-d); }

/* ---------- Chip sekolah di topbar tracker ---------- */
.sk-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: min(46vw, calc(100vw - 292px));
  height: 40px;
  margin-left: 8px;
  padding: 0 12px 0 4px;
  border-radius: 999px;
  background: #FFFFFF;
  box-shadow: 0 3px 0 rgba(0, 0, 0, .15);
  font: 800 13px/1 Nunito, system-ui, sans-serif;
  color: #2F3349;
  white-space: nowrap;
  flex: 0 1 auto;
}
.sk-chip .sk-chip-logo {
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--sk-p-soft, #EEF0FF) center / 82% no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: var(--sk-p-text, #4F5AD8);
}
.sk-chip .sk-chip-name { overflow: hidden; text-overflow: ellipsis; }
.sk-chip.sk-join { padding: 0 14px; background: #FFF7D6; color: #6B4600; }
@media (max-width: 440px) {
  .sk-chip:not(.sk-join) { padding: 4px; }
  .sk-chip:not(.sk-join) .sk-chip-name { display: none; }
}

/* ---------- Lembar "Sekolahku" (gabung kelas) ---------- */
.sk-sheet-wrap {
  position: fixed;
  inset: 0;
  z-index: 2147482000;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: rgba(20, 24, 44, .48);
  font-family: Nunito, system-ui, sans-serif;
  color: #2F3349;
}
.sk-sheet-wrap[hidden] { display: none; }
.sk-sheet {
  width: 100%;
  max-width: 430px;
  max-height: 92vh;
  overflow: auto;
  box-sizing: border-box;
  padding: 22px 20px calc(24px + env(safe-area-inset-bottom, 0px));
  border-radius: 28px 28px 0 0;
  background: #FFFDF7;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, .18);
  animation: sk-up .28s ease both;
}
@keyframes sk-up { from { transform: translateY(40px); opacity: 0; } to { transform: none; opacity: 1; } }
.sk-sheet .sk-grab { width: 44px; height: 5px; margin: -8px auto 14px; border-radius: 3px; background: #E3DFD3; }
.sk-sheet h2 { margin: 0 0 6px; font-size: 22px; font-weight: 900; }
.sk-sheet p { margin: 0 0 16px; font-size: 15px; font-weight: 700; line-height: 1.45; color: #6B6A75; }
.sk-sheet label { display: block; margin: 12px 0 6px; font-size: 14px; font-weight: 800; }
.sk-sheet input {
  width: 100%;
  box-sizing: border-box;
  height: 54px;
  padding: 0 16px;
  border: 2.5px solid #E3DFD3;
  border-radius: 16px;
  background: #FFFFFF;
  font: 800 18px Nunito, system-ui, sans-serif;
  color: #2F3349;
}
.sk-sheet input:focus { outline: none; border-color: #4F5AD8; }
.sk-sheet input.sk-code { letter-spacing: 2px; text-transform: uppercase; }
.sk-sheet .sk-err { min-height: 20px; margin-top: 8px; font-size: 14px; font-weight: 800; color: #C23A36; }
.sk-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 56px;
  margin-top: 10px;
  border: 0;
  border-radius: 18px;
  background: #4F5AD8;
  box-shadow: 0 5px 0 #3640A8;
  font: 900 17px Nunito, system-ui, sans-serif;
  color: #FFFFFF;
  cursor: pointer;
}
.sk-btn:active { transform: translateY(3px); box-shadow: 0 2px 0 #3640A8; }
.sk-btn[disabled] { opacity: .6; }
.sk-btn.sk-ghost { background: #FFFFFF; color: #2F3349; box-shadow: 0 4px 0 #E3DFD3; border: 2px solid #E3DFD3; }
html.sk-on .sk-btn:not(.sk-ghost) { background: var(--sk-p); color: var(--sk-p-ink); box-shadow: 0 5px 0 var(--sk-p-d); }
.sk-school {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px;
  margin-bottom: 14px;
  border-radius: 20px;
  background: var(--sk-p-soft, #EEF0FF);
}
.sk-school .sk-logo {
  flex: none;
  width: 64px;
  height: 64px;
  border-radius: 18px;
  background: #FFFFFF center / 84% no-repeat;
  box-shadow: 0 3px 0 rgba(0, 0, 0, .08);
}
.sk-school strong { display: block; font-size: 18px; font-weight: 900; }
.sk-school span { display: block; font-size: 14px; font-weight: 700; color: #6B6A75; }
.sk-swatches { display: flex; gap: 6px; margin-top: 8px; }
.sk-swatches i { width: 18px; height: 18px; border-radius: 50%; border: 2px solid #FFFFFF; box-shadow: 0 0 0 1px rgba(0, 0, 0, .08); }
.sk-toast {
  position: fixed;
  left: 50%;
  bottom: calc(110px + env(safe-area-inset-bottom, 0px));
  z-index: 2147482500;
  transform: translateX(-50%);
  max-width: 86vw;
  padding: 12px 18px;
  border-radius: 999px;
  background: #2E3440;
  font: 800 14px Nunito, system-ui, sans-serif;
  color: #FFFFFF;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .2);
}


/* ---------- Adaptor halaman (dibuat otomatis oleh tools/gen_skin_css.py — jangan diedit manual) ---------- */

/* event: 23 aturan */
html.sk-on[data-page="event"] :is([style^="background: #6CAE47" i], [style*="; background: #6CAE47" i], [style*=";background: #6CAE47" i]) { background: var(--sk-p, #6CAE47) !important; }
html.sk-on[data-page="event"] :is([style^="background: #8ED081" i], [style*="; background: #8ED081" i], [style*=";background: #8ED081" i]) { background: var(--sk-p-mid, #8ED081) !important; }
html.sk-on[data-page="event"] :is([style^="background: #E7F6E4" i], [style*="; background: #E7F6E4" i], [style*=";background: #E7F6E4" i]) { background: var(--sk-p-soft, #E7F6E4) !important; }
html.sk-on[data-page="event"] :is([style^="background: #E8504B" i], [style*="; background: #E8504B" i], [style*=";background: #E8504B" i]) { background: var(--sk-a2, #E8504B) !important; }
html.sk-on[data-page="event"] :is([style^="background: #FFD34E" i], [style*="; background: #FFD34E" i], [style*=";background: #FFD34E" i]) { background: var(--sk-a1, #FFD34E) !important; }
html.sk-on[data-page="event"] :is([style^="background: #FFF3C4" i], [style*="; background: #FFF3C4" i], [style*=";background: #FFF3C4" i]) { background: var(--sk-a1-soft, #FFF3C4) !important; }
html.sk-on[data-page="event"] :is([style^="border: 5px solid #6CAE47" i], [style*="; border: 5px solid #6CAE47" i], [style*=";border: 5px solid #6CAE47" i]) { border: 5px solid var(--sk-p, #6CAE47) !important; }
html.sk-on[data-page="event"] :is([style^="box-shadow: 0 2px 0 #5DA956" i], [style*="; box-shadow: 0 2px 0 #5DA956" i], [style*=";box-shadow: 0 2px 0 #5DA956" i]) { box-shadow: 0 2px 0 var(--sk-p-d, #5DA956) !important; }
html.sk-on[data-page="event"] :is([style^="box-shadow: 0 2px 0 #6FA866" i], [style*="; box-shadow: 0 2px 0 #6FA866" i], [style*=";box-shadow: 0 2px 0 #6FA866" i]) { box-shadow: 0 2px 0 var(--sk-p-d, #6FA866) !important; }
html.sk-on[data-page="event"] :is([style^="box-shadow: 0 3px 0 #4E8F36" i], [style*="; box-shadow: 0 3px 0 #4E8F36" i], [style*=";box-shadow: 0 3px 0 #4E8F36" i]) { box-shadow: 0 3px 0 var(--sk-p-d, #4E8F36) !important; }
html.sk-on[data-page="event"] :is([style^="box-shadow: 0 3px 0 #5DA956" i], [style*="; box-shadow: 0 3px 0 #5DA956" i], [style*=";box-shadow: 0 3px 0 #5DA956" i]) { box-shadow: 0 3px 0 var(--sk-p-d, #5DA956) !important; }
html.sk-on[data-page="event"] :is([style^="box-shadow: 0 3px 0 #C98A1E" i], [style*="; box-shadow: 0 3px 0 #C98A1E" i], [style*=";box-shadow: 0 3px 0 #C98A1E" i]) { box-shadow: 0 3px 0 var(--sk-a1-d, #C98A1E) !important; }
html.sk-on[data-page="event"] :is([style^="box-shadow: 0 4px 0 #4E8F36" i], [style*="; box-shadow: 0 4px 0 #4E8F36" i], [style*=";box-shadow: 0 4px 0 #4E8F36" i]) { box-shadow: 0 4px 0 var(--sk-p-d, #4E8F36) !important; }
html.sk-on[data-page="event"] :is([style^="box-shadow: 0 4px 0 #6FA866" i], [style*="; box-shadow: 0 4px 0 #6FA866" i], [style*=";box-shadow: 0 4px 0 #6FA866" i]) { box-shadow: 0 4px 0 var(--sk-p-d, #6FA866) !important; }
html.sk-on[data-page="event"] :is([style^="box-shadow: 0 5px 0 #4E8F36" i], [style*="; box-shadow: 0 5px 0 #4E8F36" i], [style*=";box-shadow: 0 5px 0 #4E8F36" i]) { box-shadow: 0 5px 0 var(--sk-p-d, #4E8F36) !important; }
html.sk-on[data-page="event"] :is([style^="box-shadow: 0 6px 0 #C98A1E" i], [style*="; box-shadow: 0 6px 0 #C98A1E" i], [style*=";box-shadow: 0 6px 0 #C98A1E" i]) { box-shadow: 0 6px 0 var(--sk-a1-d, #C98A1E) !important; }
html.sk-on[data-page="event"] :is([style^="color: #3F7F33" i], [style*="; color: #3F7F33" i], [style*=";color: #3F7F33" i]) { color: var(--sk-p-text, #3F7F33) !important; }
html.sk-on[data-page="event"] :is([style^="color: #6B4600" i], [style*="; color: #6B4600" i], [style*=";color: #6B4600" i]) { color: var(--sk-a1-text, #6B4600) !important; }
html.sk-on[data-page="event"] :is([style^="color: #8A5A00" i], [style*="; color: #8A5A00" i], [style*=";color: #8A5A00" i]) { color: var(--sk-a1-text, #8A5A00) !important; }
html.sk-on[data-page="event"] :is([style^="background: #6CAE47" i], [style*="; background: #6CAE47" i], [style*=";background: #6CAE47" i]):is([style^="color: #FFFFFF" i], [style*="; color: #FFFFFF" i], [style*=";color: #FFFFFF" i]) { color: var(--sk-p-ink) !important; }
html.sk-on[data-page="event"] :is([style^="background: #E8504B" i], [style*="; background: #E8504B" i], [style*=";background: #E8504B" i]):is([style^="color: #FFFFFF" i], [style*="; color: #FFFFFF" i], [style*=";color: #FFFFFF" i]) { color: var(--sk-a2-ink) !important; }
html.sk-on[data-page="event"] :is([style^="background: #FFD34E" i], [style*="; background: #FFD34E" i], [style*=";background: #FFD34E" i]):is([style^="color: #5C3F00" i], [style*="; color: #5C3F00" i], [style*=";color: #5C3F00" i]) { color: var(--sk-a1-ink) !important; }
html.sk-on[data-page="event"] :is([style^="background: #FFD34E" i], [style*="; background: #FFD34E" i], [style*=";background: #FFD34E" i]):is([style^="color: #6B4600" i], [style*="; color: #6B4600" i], [style*=";color: #6B4600" i]) { color: var(--sk-a1-ink) !important; }

/* shop: 15 aturan */
html.sk-on[data-page="shop"] :is([style^="background: #6C4FE0" i], [style*="; background: #6C4FE0" i], [style*=";background: #6C4FE0" i]) { background: var(--sk-p, #6C4FE0) !important; }
html.sk-on[data-page="shop"] :is([style^="background: #E7F6E4" i], [style*="; background: #E7F6E4" i], [style*=";background: #E7F6E4" i]) { background: var(--sk-p-soft, #E7F6E4) !important; }
html.sk-on[data-page="shop"] :is([style^="background: #EEE8FF" i], [style*="; background: #EEE8FF" i], [style*=";background: #EEE8FF" i]) { background: var(--sk-p-soft, #EEE8FF) !important; }
html.sk-on[data-page="shop"] :is([style^="background: #FFB940" i], [style*="; background: #FFB940" i], [style*=";background: #FFB940" i]) { background: var(--sk-a1, #FFB940) !important; }
html.sk-on[data-page="shop"] :is([style^="background: #FFE3EA" i], [style*="; background: #FFE3EA" i], [style*=";background: #FFE3EA" i]) { background: var(--sk-a2-soft, #FFE3EA) !important; }
html.sk-on[data-page="shop"] :is([style^="background: #FFEBC8" i], [style*="; background: #FFEBC8" i], [style*=";background: #FFEBC8" i]) { background: var(--sk-a1-soft, #FFEBC8) !important; }
html.sk-on[data-page="shop"] :is([style^="border: 2px solid #6C4FE0" i], [style*="; border: 2px solid #6C4FE0" i], [style*=";border: 2px solid #6C4FE0" i]) { border: 2px solid var(--sk-p, #6C4FE0) !important; }
html.sk-on[data-page="shop"] :is([style^="border: 2px solid #DED4FF" i], [style*="; border: 2px solid #DED4FF" i], [style*=";border: 2px solid #DED4FF" i]) { border: 2px solid var(--sk-p-line, #DED4FF) !important; }
html.sk-on[data-page="shop"] :is([style^="box-shadow: 0 3px 0 #DED4FF" i], [style*="; box-shadow: 0 3px 0 #DED4FF" i], [style*=";box-shadow: 0 3px 0 #DED4FF" i]) { box-shadow: 0 3px 0 var(--sk-p-line, #DED4FF) !important; }
html.sk-on[data-page="shop"] :is([style^="box-shadow: 0 4px 0 #4E8F36" i], [style*="; box-shadow: 0 4px 0 #4E8F36" i], [style*=";box-shadow: 0 4px 0 #4E8F36" i]) { box-shadow: 0 4px 0 var(--sk-p-d, #4E8F36) !important; }
html.sk-on[data-page="shop"] :is([style^="box-shadow: 0 5px 0 #4B32B5" i], [style*="; box-shadow: 0 5px 0 #4B32B5" i], [style*=";box-shadow: 0 5px 0 #4B32B5" i]) { box-shadow: 0 5px 0 var(--sk-p-d, #4B32B5) !important; }
html.sk-on[data-page="shop"] :is([style^="color: #3F7F33" i], [style*="; color: #3F7F33" i], [style*=";color: #3F7F33" i]) { color: var(--sk-p-text, #3F7F33) !important; }
html.sk-on[data-page="shop"] :is([style^="color: #5A3DD1" i], [style*="; color: #5A3DD1" i], [style*=";color: #5A3DD1" i]) { color: var(--sk-p-text, #5A3DD1) !important; }
html.sk-on[data-page="shop"] :is([style^="background: #6C4FE0" i], [style*="; background: #6C4FE0" i], [style*=";background: #6C4FE0" i]):is([style^="color: #FFFFFF" i], [style*="; color: #FFFFFF" i], [style*=";color: #FFFFFF" i]) { color: var(--sk-p-ink) !important; }
html.sk-on[data-page="shop"] :is([style^="background: #FFB940" i], [style*="; background: #FFB940" i], [style*=";background: #FFB940" i]):is([style^="color: #33285A" i], [style*="; color: #33285A" i], [style*=";color: #33285A" i]) { color: var(--sk-a1-ink) !important; }

/* reward: 21 aturan */
html.sk-on[data-page="reward"] :is([style^="background: #2B2440" i], [style*="; background: #2B2440" i], [style*=";background: #2B2440" i]) { background: var(--sk-p, #2B2440) !important; }
html.sk-on[data-page="reward"] :is([style^="background: #2F2A63" i], [style*="; background: #2F2A63" i], [style*=";background: #2F2A63" i]) { background: var(--sk-p-d, #2F2A63) !important; }
html.sk-on[data-page="reward"] :is([style^="background: #463F8C" i], [style*="; background: #463F8C" i], [style*=";background: #463F8C" i]) { background: var(--sk-p, #463F8C) !important; }
html.sk-on[data-page="reward"] :is([style^="background: #EAE4FF" i], [style*="; background: #EAE4FF" i], [style*=";background: #EAE4FF" i]) { background: var(--sk-p-soft, #EAE4FF) !important; }
html.sk-on[data-page="reward"] :is([style^="background: #FF7F6B" i], [style*="; background: #FF7F6B" i], [style*=";background: #FF7F6B" i]) { background: var(--sk-a2, #FF7F6B) !important; }
html.sk-on[data-page="reward"] :is([style^="background: #FFC844" i], [style*="; background: #FFC844" i], [style*=";background: #FFC844" i]) { background: var(--sk-a1, #FFC844) !important; }
html.sk-on[data-page="reward"] :is([style^="background: repeating-conic-gradient(#FFFFFF 0 25%, #2B2440 0 50%) 0 0 / 12px 12px" i], [style*="; background: repeating-conic-gradient(#FFFFFF 0 25%, #2B2440 0 50%) 0 0 / 12px 12px" i], [style*=";background: repeating-conic-gradient(#FFFFFF 0 25%, #2B2440 0 50%) 0 0 / 12px 12px" i]) { background: repeating-conic-gradient(#FFFFFF 0 25%, var(--sk-p, #2B2440) 0 50%) 0 0 / 12px 12px !important; }
html.sk-on[data-page="reward"] :is([style^="background: repeating-linear-gradient(180deg, #FF7F6B 0 14px, #FFFFFF 14px 28px)" i], [style*="; background: repeating-linear-gradient(180deg, #FF7F6B 0 14px, #FFFFFF 14px 28px)" i], [style*=";background: repeating-linear-gradient(180deg, #FF7F6B 0 14px, #FFFFFF 14px 28px)" i]) { background: repeating-linear-gradient(180deg, var(--sk-a2, #FF7F6B) 0 14px, #FFFFFF 14px 28px) !important; }
html.sk-on[data-page="reward"] :is([style^="border: 2px solid #FFC844" i], [style*="; border: 2px solid #FFC844" i], [style*=";border: 2px solid #FFC844" i]) { border: 2px solid var(--sk-a1, #FFC844) !important; }
html.sk-on[data-page="reward"] :is([style^="border: 3px solid #FFC844" i], [style*="; border: 3px solid #FFC844" i], [style*=";border: 3px solid #FFC844" i]) { border: 3px solid var(--sk-a1, #FFC844) !important; }
html.sk-on[data-page="reward"] :is([style^="border-top: 3px dashed #FFC844" i], [style*="; border-top: 3px dashed #FFC844" i], [style*=";border-top: 3px dashed #FFC844" i]) { border-top: 3px dashed var(--sk-a1, #FFC844) !important; }
html.sk-on[data-page="reward"] :is([style^="box-shadow: 0 2px 0 #E0A21B" i], [style*="; box-shadow: 0 2px 0 #E0A21B" i], [style*=";box-shadow: 0 2px 0 #E0A21B" i]) { box-shadow: 0 2px 0 var(--sk-a1-d, #E0A21B) !important; }
html.sk-on[data-page="reward"] :is([style^="box-shadow: 0 3px 0 #1C1844" i], [style*="; box-shadow: 0 3px 0 #1C1844" i], [style*=";box-shadow: 0 3px 0 #1C1844" i]) { box-shadow: 0 3px 0 var(--sk-p-d, #1C1844) !important; }
html.sk-on[data-page="reward"] :is([style^="box-shadow: 0 3px 0 #E0A21B" i], [style*="; box-shadow: 0 3px 0 #E0A21B" i], [style*=";box-shadow: 0 3px 0 #E0A21B" i]) { box-shadow: 0 3px 0 var(--sk-a1-d, #E0A21B) !important; }
html.sk-on[data-page="reward"] :is([style^="box-shadow: 0 4px 0 #1C1844" i], [style*="; box-shadow: 0 4px 0 #1C1844" i], [style*=";box-shadow: 0 4px 0 #1C1844" i]) { box-shadow: 0 4px 0 var(--sk-p-d, #1C1844) !important; }
html.sk-on[data-page="reward"] :is([style^="color: #E0A21B" i], [style*="; color: #E0A21B" i], [style*=";color: #E0A21B" i]) { color: var(--sk-a1-text, #E0A21B) !important; }
html.sk-on[data-page="reward"] :is([style^="background: #2B2440" i], [style*="; background: #2B2440" i], [style*=";background: #2B2440" i]):is([style^="color: #FFFFFF" i], [style*="; color: #FFFFFF" i], [style*=";color: #FFFFFF" i]) { color: var(--sk-p-ink) !important; }
html.sk-on[data-page="reward"] :is([style^="background: #463F8C" i], [style*="; background: #463F8C" i], [style*=";background: #463F8C" i]):is([style^="color: #FFFFFF" i], [style*="; color: #FFFFFF" i], [style*=";color: #FFFFFF" i]) { color: var(--sk-p-ink) !important; }
html.sk-on[data-page="reward"] :is([style^="background: #FF7F6B" i], [style*="; background: #FF7F6B" i], [style*=";background: #FF7F6B" i]):is([style^="color: #2B2440" i], [style*="; color: #2B2440" i], [style*=";color: #2B2440" i]) { color: var(--sk-a2-ink) !important; }
html.sk-on[data-page="reward"] :is([style^="background: #FF7F6B" i], [style*="; background: #FF7F6B" i], [style*=";background: #FF7F6B" i]):is([style^="color: #FFFFFF" i], [style*="; color: #FFFFFF" i], [style*=";color: #FFFFFF" i]) { color: var(--sk-a2-ink) !important; }
html.sk-on[data-page="reward"] :is([style^="background: #FFC844" i], [style*="; background: #FFC844" i], [style*=";background: #FFC844" i]):is([style^="color: #2B2440" i], [style*="; color: #2B2440" i], [style*=";color: #2B2440" i]) { color: var(--sk-a1-ink) !important; }