/* A self-contained night panel in both site themes. All effects stay inside
   its rounded frame; the rows and their amounts remain above the atmosphere. */
html:root.site-pearl body.public-ui .home-monthly-topup-row {align-self:start!important;align-items:flex-start!important;min-height:0!important;height:auto!important}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted {
  --hm-panel:#100d18;--hm-soft:#1b1627;--hm-line:#43334f;--hm-ink:#f2edf9;
  --hm-muted:#b4a9c2;--hm-gold:#f1cc82;--hm-first:#2a2020;
  position:relative;isolation:isolate;display:block!important;width:100%!important;
  min-width:0;min-height:0!important;height:auto!important;max-height:none!important;align-self:start!important;overflow:hidden!important;padding:0 0 8px!important;
  border:1px solid #76547b!important;border-radius:18px!important;
  background:radial-gradient(ellipse at 0 0,#64328330,transparent 58%),radial-gradient(ellipse at 100% 100%,#8d233322,transparent 52%),#100d18!important;
  box-shadow:0 14px 34px -18px #17071dc9,0 0 22px -9px #b56fea7a,0 0 0 4px #8c568d09,inset 0 1px #efcfff12!important;
}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted::before,
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted::after {content:none!important}

/* Thin orbiting light in the frame, with a static border as a mask fallback. */
#homeMonthlyTopup .hmt-haunt-frame {
  position:absolute;inset:0;z-index:4;border-radius:inherit;padding:1px;overflow:hidden;pointer-events:none;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
}
#homeMonthlyTopup .hmt-frame-orbit {
  position:absolute;inset:-60%;background:conic-gradient(from 0deg,transparent 5%,#cf90ff 17%,#f0cf87 22%,transparent 28%,transparent 54%,#e06082 66%,#a891f7 72%,transparent 80%);
  animation:hmt-frame-turn 15s linear infinite;
}
@supports not (mask-composite:exclude) {#homeMonthlyTopup .hmt-haunt-frame{display:none}}
#homeMonthlyTopup .hmt-ethereal {position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none;user-select:none}
#homeMonthlyTopup .hmt-mist {position:absolute;width:160px;height:210px;border-radius:50%;filter:blur(22px);opacity:.28;animation:hmt-mist-drift 15s ease-in-out infinite alternate}
#homeMonthlyTopup .hmt-mist--violet {left:-110px;top:9%;background:radial-gradient(ellipse,#a15ef2aa,transparent 68%)}
#homeMonthlyTopup .hmt-mist--crimson {right:-100px;bottom:3%;background:radial-gradient(ellipse,#d33e66aa,transparent 68%);animation-direction:alternate-reverse;animation-delay:-6s}
#homeMonthlyTopup .hmt-eclipse {position:absolute;top:-62px;right:-44px;width:130px;height:130px;border:1px solid #cba2ef15;border-radius:50%;box-shadow:0 0 0 12px #ac70d305,0 0 0 29px #ac70d305;transform:rotate(-30deg);opacity:.5}
#homeMonthlyTopup .hmt-eclipse::before {content:"";position:absolute;inset:8px;border:1px dashed #caa8f025;border-radius:50%;animation:hmt-frame-turn 60s linear infinite reverse}
#homeMonthlyTopup .hmt-ember {position:absolute;left:var(--ex);top:var(--ey);width:var(--esize);height:calc(var(--esize)*1.8);border-radius:70% 25% 65% 35%;background:#e3bffe;box-shadow:0 0 6px 1px #b66cff99;opacity:0;animation:hmt-ember-rise var(--etime) ease-in-out var(--edelay) infinite}
#homeMonthlyTopup .hmt-ember--1 {background:#ffbc9d;box-shadow:0 0 7px 1px #d85c7899}
#homeMonthlyTopup .hmt-ember--2 {background:#f2dda7;box-shadow:0 0 6px 1px #dfaf5666}

html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-head {
  position:relative;z-index:1;display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;align-items:center!important;gap:10px;padding:13px 14px!important;
  border-bottom:1px solid #bc8edb22!important;background:linear-gradient(120deg,#9a5be50b,transparent)!important;
}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-trophy {
  position:relative;display:grid!important;place-items:center;flex:none;width:34px!important;height:34px!important;min-width:0!important;padding:0;margin:0!important;border:0!important;
  border-radius:0;background:none!important;box-shadow:none!important;
}
#homeMonthlyTopup.hmt-card--haunted .hmt-trophy::before {content:"";position:absolute;inset:12px -4px -2px;background:radial-gradient(ellipse,#ffc46827,transparent 68%);border-radius:50%;animation:hmt-trophy-breathe 5s ease-in-out infinite}
#homeMonthlyTopup.hmt-card--haunted .hmt-trophy>img {position:relative;display:block;width:34px!important;height:34px!important;max-width:100%;margin:0!important;object-fit:contain;filter:drop-shadow(0 3px 8px #ffbf4e30)}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-heading {display:block!important;min-width:0;margin:0;padding:0}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-title {
  display:block!important;margin:0!important;padding:0!important;color:#ffdf9e!important;-webkit-text-fill-color:currentColor!important;font-size:15px!important;font-weight:800!important;letter-spacing:.3px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;text-shadow:0 2px 18px #f3b4541a!important;
}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-period {align-self:center;gap:4px;padding-left:9px;border-left:1px solid #d2a6ec29;color:#ddc6f5;font-size:9px;line-height:1.5;letter-spacing:.5px}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-period small {font-size:9px;color:#ad9cbe;letter-spacing:1.5px}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-list {position:relative;z-index:1;gap:6px;padding:9px 10px 2px!important;max-height:none!important;height:auto!important;overflow:visible!important;scrollbar-width:none}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-item {
  --hm-rank:#c1afe5;grid-template-columns:21px 46px minmax(0,1fr);gap:2px 10px!important;
  min-height:62px;padding:8px 9px!important;border:1px solid #c49bea13!important;border-radius:11px!important;
  background:linear-gradient(105deg,#282032b3,#1b1723db)!important;
  box-shadow:inset 0 1px #ffffff04;transition:border-color .2s,background-color .2s;transform:none!important;
}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-item.rank-1 {--hm-rank:#f2ce8c;min-height:66px;background:radial-gradient(ellipse at 0 0,#9d6c301d,transparent 80%),linear-gradient(105deg,#302520,#201922)!important;border-color:#d5ad6259!important;box-shadow:inset 0 1px #ffdfa00b,0 3px 14px #00000014}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-item.rank-2 {--hm-rank:#c4cfea}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-item.rank-3 {--hm-rank:#e1ac96}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-rank {font-size:11px;font-weight:700;color:var(--hm-rank)!important;text-shadow:none!important}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-avatar {width:33px;height:33px;background:#19121f!important;border-color:#c297f03b!important;color:var(--hm-rank)!important;box-shadow:0 0 14px #ad70ea12!important}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-avatar>span {color:var(--hm-rank)!important;background:#19121f!important;font-size:13px;font-weight:700}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-user {align-items:baseline;flex-wrap:wrap;gap:1px 7px}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-user .hmt-name {font-size:12px;font-weight:650;line-height:1.5;color:var(--hm-rank)!important;-webkit-text-fill-color:currentColor!important}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-user small {display:block;color:#b2a4bd!important;font-size:10px;line-height:1.5}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-amount {color:#f3edf9!important;-webkit-text-fill-color:currentColor!important;font-size:13px;font-weight:750;line-height:1.5;letter-spacing:.2px;overflow-wrap:anywhere}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .rank-1 .hmt-amount {color:#ffe0a3!important;font-size:16px}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-amount>span {color:#bca9c8!important;font-size:10px;font-weight:500}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-empty {position:relative;z-index:1;min-height:0!important;height:auto!important;gap:10px;padding:20px 15px 18px!important;color:#b4a9c2!important;align-items:center;text-align:left}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-empty-icon {flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#32223d;color:#f2ce8c;font-size:17px}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-empty strong {color:#f1deba;font-size:12px;line-height:1.5}
html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-empty p {margin:3px 0 0;color:#b4a9c2;font-size:10px;line-height:1.6}
@media(hover:hover) {html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-item:hover{border-color:#ba89dc59!important;transform:none!important}}

#homeMonthlyTopup[data-effects=paused] :is(.hmt-ember,.hmt-mist,.hmt-frame-orbit) {animation-play-state:paused!important}
#homeMonthlyTopup[data-effects=paused] .hmt-eclipse::before,
#homeMonthlyTopup[data-effects=paused] .hmt-trophy::before {animation-play-state:paused!important}
@keyframes hmt-frame-turn {to{transform:rotate(360deg)}}
@keyframes hmt-mist-drift {from{transform:translate3d(0,0,0) scale(.95);opacity:.18}to{transform:translate3d(22px,-36px,0) scale(1.12);opacity:.38}}
@keyframes hmt-ember-rise {0%,100%{opacity:0;transform:translate3d(0,0,0) scale(.4)}22%{opacity:.7}72%{opacity:.35}90%{opacity:0;transform:translate3d(var(--edx),var(--edy),0) scale(.2)}}
@keyframes hmt-trophy-breathe {0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.1)}}
@media(max-width:600px) {
  #homeMonthlyTopup .hmt-ember:nth-of-type(3n){display:none}
  html:root.site-pearl body.public-ui #homeMonthlyTopup.hmt-card--haunted .hmt-list{padding-inline:10px!important}
}
@media(prefers-reduced-motion:reduce) {
  #homeMonthlyTopup.hmt-card--haunted *,#homeMonthlyTopup.hmt-card--haunted *::before {animation:none!important;transition:none!important}
  #homeMonthlyTopup .hmt-ember{display:none}
  #homeMonthlyTopup .hmt-frame-orbit{transform:rotate(35deg)}
}
@media print {#homeMonthlyTopup :is(.hmt-ethereal,.hmt-haunt-frame){display:none!important}}