html body #arena-peringkat{--a1:#FF1D86;--a2:#FF7AB8;--at:rgba(255,29,134,.16);--at2:rgba(255,199,56,.12);position:relative;overflow:hidden;background:radial-gradient(120% 80% at 100% 0%,var(--at),transparent 60%),radial-gradient(90% 70% at 0% 100%,var(--at2),transparent 65%),var(--paper,#fff);transition:background .5s ease}html body #arena-peringkat[data-tema=tercepat]{--a1:#0E9AD8;--a2:#5CD0FF;--at:rgba(14,154,216,.18);--at2:rgba(92,208,255,.14)}html body #arena-peringkat[data-tema=cuan]{--a1:#E39A00;--a2:#FFD166;--at:rgba(255,199,56,.26);--at2:rgba(52,217,147,.14)}html body #arena-peringkat[data-tema=top10]{--a1:#7C3AED;--a2:#B07BFF;--at:rgba(124,58,237,.17);--at2:rgba(255,79,163,.12)}html body #arena-peringkat .ar-ic{background:var(--at);color:var(--a1)}html body #arena-peringkat .ar-tabs button.on,html body #arena-peringkat .ar-lval{color:var(--a1)}html body #arena-peringkat .ar-track i{background:linear-gradient(90deg,var(--a1),var(--a2))}html body #arena-peringkat .ar-more{background:var(--at);color:var(--a1)}html body #arena-peringkat:before,html body #arena-peringkat:after{content:"";position:absolute;pointer-events:none;border-radius:50%;opacity:.5}html body #arena-peringkat:before{width:180px;height:180px;right:-60px;top:-60px;background:radial-gradient(circle,var(--a2),transparent 70%);animation:arFloat 9s ease-in-out infinite}html body #arena-peringkat:after{width:140px;height:140px;left:-50px;bottom:-50px;background:radial-gradient(circle,var(--a1),transparent 72%);opacity:.22;animation:arFloat 11s 1s ease-in-out infinite reverse}html body #arena-peringkat>*{position:relative;z-index:1}@keyframes arFloat{0%,to{transform:translate(0)}50%{transform:translate(-14px,16px)}}.ar-body{display:grid;gap:14px;margin-top:4px;grid-template-areas:"stats" "main" "cta"}.ar-stats{grid-area:stats;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ar-st{border-radius:14px;padding:10px 8px;text-align:center;background:#ffffff9e;border:1px solid rgba(var(--wr),.07);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ar-st b{display:block;font:800 calc(17px*var(--sh,1))/1.1 var(--font-display,var(--font-ui));color:var(--cream);font-variant-numeric:tabular-nums}.ar-st small{display:block;margin-top:4px;font-size:calc(11px*var(--sh,1));color:var(--muted-2)}.ar-st.s1 b{color:var(--a1)}.ar-main{grid-area:main;min-width:0}.ar-note{margin:10px 4px 0;text-align:center;font-size:calc(12.5px*var(--sh,1));color:var(--muted-2)}.ar-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:8px;align-items:end;max-width:560px;margin:4px auto 0}.ar-pod{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;padding-top:4px;animation:arPod .55s var(--d,0s) both cubic-bezier(.3,1.3,.5,1)}.ar-crown{width:26px;height:26px;color:#ffc738;margin-bottom:-4px;filter:drop-shadow(0 2px 4px rgba(224,161,0,.5));animation:arBob 2.4s ease-in-out infinite}.ar-pav{display:flex;border-radius:50%;margin-bottom:6px}.ar-pod.pd1 .ar-pav{box-shadow:0 0 0 3px var(--paper,#fff),0 0 0 6px #ffc738,0 8px 20px #e0a10059}.ar-pod.pd2 .ar-pav{box-shadow:0 0 0 2px var(--paper,#fff),0 0 0 4px #b6bcc9}.ar-pod.pd3 .ar-pav{box-shadow:0 0 0 2px var(--paper,#fff),0 0 0 4px #d79a5b}.ar-pnm{max-width:100%;font-size:calc(13px*var(--sh,1));font-weight:800;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ar-pval{margin-top:2px;font:800 calc(12.5px*var(--sh,1))/1.2 var(--font-ui);color:var(--a1);font-variant-numeric:tabular-nums}.ar-pex{margin-top:2px;font-size:calc(11px*var(--sh,1));color:var(--muted-2)}.ar-step{display:grid;place-items:center;width:100%;margin-top:8px;border-radius:12px 12px 4px 4px;color:#fff;background:linear-gradient(180deg,var(--s1),var(--s2));box-shadow:0 6px 14px #2b133024,inset 0 1px #fff6}.ar-step em{font:900 calc(22px*var(--sh,1))/1 var(--font-display,var(--font-ui));font-style:normal;text-shadow:0 1px 2px rgba(0,0,0,.25)}.ar-pod.pd1 .ar-step{height:84px;--s1:#FFD34D;--s2:#F0A500}.ar-pod.pd2 .ar-step{height:60px;--s1:#CDD3DE;--s2:#8E96A8}.ar-pod.pd3 .ar-step{height:44px;--s1:#E8AE70;--s2:#B8742F}.ar-pod.kosong .ar-pnm,.ar-pod.kosong .ar-pval{color:var(--muted-2);font-weight:700}.ar-pod.kosong .ar-step{opacity:.38;filter:saturate(.5)}.ar-pkos{align-items:center;justify-content:center;border:2px dashed rgba(var(--wr),.28);color:var(--muted-2);font:800 calc(18px*var(--sh,1))/1 var(--font-ui);background:#ffffff59}@keyframes arPod{0%{opacity:0;transform:translateY(26px) scale(.94)}to{opacity:1;transform:none}}@keyframes arBob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}.ar-body .ar-list{margin-top:12px}.ar-cta{grid-area:cta;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;padding:12px 14px;border-radius:16px;background:linear-gradient(120deg,var(--a1),var(--a2));color:#fff;box-shadow:0 8px 20px #2b133024}.ar-cta-tx{display:flex;flex-direction:column;min-width:0;flex:1 1 200px}.ar-cta-tx b{font:800 calc(14.5px*var(--sh,1))/1.25 var(--font-ui);color:#fff}.ar-cta-tx small{font-size:calc(12px*var(--sh,1));line-height:1.4;color:#ffffffe6}.ar-cta-btn{flex:none;border:0;border-radius:999px;padding:10px 16px;background:#fff;color:var(--a1);font:800 calc(13px*var(--sh,1))/1 var(--font-ui);cursor:pointer;box-shadow:0 3px 10px #00000024;-webkit-tap-highlight-color:transparent}.ar-cta-btn:active{transform:scale(.96)}@media(min-width:900px){.ar-body{grid-template-columns:minmax(260px,.8fr) minmax(0,1.5fr);grid-template-areas:"stats main" "cta main";align-items:start;gap:18px 28px}.ar-stats{grid-template-columns:1fr}.ar-st{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:14px 16px}.ar-st small{margin:0;font-size:calc(12.5px*var(--sh,1));order:-1}.ar-st b{font-size:calc(20px*var(--sh,1))}.ar-cta{align-self:end}.ar-podium{max-width:640px}.ar-pod.pd1 .ar-step{height:104px}.ar-pod.pd2 .ar-step{height:74px}.ar-pod.pd3 .ar-step{height:54px}}@media(prefers-reduced-motion:reduce){html body #arena-peringkat:before,html body #arena-peringkat:after,.ar-crown,.ar-pod{animation:none!important}}html[data-tema=gelap] .ar-st{background:#ffffff0f}html[data-tema=gelap] .ar-pkos{background:#ffffff0d}html:not([data-tema=kuning]) body #site-content[data-layar]{--lb1:rgba(255,79,163,.2);--lb2:rgba(255,199,56,.2);--lb3:rgba(176,123,255,.14);background:radial-gradient(60% 38% at 100% 0%,var(--lb1),transparent 70%),radial-gradient(55% 36% at 0% 46%,var(--lb2),transparent 72%),radial-gradient(60% 40% at 100% 100%,var(--lb3),transparent 70%),radial-gradient(rgba(var(--wr),.06) 1.2px,transparent 1.5px) 0 0/22px 22px,var(--bg)!important;background-attachment:fixed,fixed,fixed,scroll,scroll!important}#site-content[data-layar=home]{--lb1:rgba(255,79,163,.22)!important;--lb2:rgba(255,199,56,.22)!important;--lb3:rgba(255,122,92,.14)!important}#site-content[data-layar=pesan]{--lb1:rgba(176,123,255,.26)!important;--lb2:rgba(255,79,163,.14)!important;--lb3:rgba(100,140,255,.16)!important}#site-content[data-layar=papan]{--lb1:rgba(52,217,147,.24)!important;--lb2:rgba(14,154,216,.16)!important;--lb3:rgba(255,199,56,.16)!important}#site-content[data-layar=status]{--lb1:rgba(14,154,216,.24)!important;--lb2:rgba(176,123,255,.2)!important;--lb3:rgba(255,79,163,.14)!important}#site-content[data-layar=shop]{--lb1:rgba(255,199,56,.3)!important;--lb2:rgba(255,122,92,.18)!important;--lb3:rgba(255,79,163,.14)!important}#site-content[data-layar=info]{--lb1:rgba(255,122,184,.26)!important;--lb2:rgba(124,58,237,.14)!important;--lb3:rgba(52,217,147,.14)!important}html[data-tema=gelap] #site-content[data-layar]{--lb1:rgba(255,79,163,.16)!important}