/* Alive (alive.js) */
/* online dots */
.pfx__ava,.pfx__xcov{position:relative}
.pfon{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#3ddc84;border:2px solid var(--bg,#0b0d0e);box-shadow:0 0 0 0 rgba(61,220,132,.55);animation:pfonP 2.2s infinite;z-index:2}
.pfx__xcov .pfon{right:10px;bottom:auto;top:10px;width:14px;height:14px}
@keyframes pfonP{0%{box-shadow:0 0 0 0 rgba(61,220,132,.55)}70%{box-shadow:0 0 0 7px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
.pfon-host{position:relative}
.pfon--big{right:auto;left:10px;bottom:10px;width:auto;height:auto;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;border:0;background:rgba(6,24,13,.82);color:#9df0bd;font-size:12px;font-weight:800;animation:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Inter,Helvetica,Arial,sans-serif}
.pfon--big i{width:8px;height:8px;border-radius:50%;background:#3ddc84;animation:pfonP 2.2s infinite}
/* XP and streak bursts */
.pfxb{position:fixed;left:50%;top:38%;z-index:2147483600;transform:translate(-50%,-50%);pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Inter,Helvetica,Arial,sans-serif}
.pfxb__c{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;background:linear-gradient(103deg,#8ee6a6,#c9f24d);color:#06180d;box-shadow:0 18px 50px -12px rgba(124,224,162,.75);animation:pfxbIn .5s cubic-bezier(.2,1.6,.4,1) both}
.pfxb__c b{font-size:20px;font-weight:900;letter-spacing:-.02em}
.pfxb__c svg{width:22px;height:22px;fill:#06180d}
.pfxb--streak .pfxb__c{background:linear-gradient(103deg,#ffb347,#ff7a59);color:#1d0a02;box-shadow:0 18px 50px -12px rgba(255,140,80,.75)}
.pfxb--streak .pfxb__c svg{fill:#1d0a02}
.pfxb>i{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:2px;background:#c9f24d;animation:pfxbP .9s ease-out both}
.pfxb>i:nth-child(3n){background:#7ce0a2;border-radius:50%}.pfxb>i:nth-child(4n){background:#fff}
.pfxb--streak>i{background:#ffb347}.pfxb--streak>i:nth-child(3n){background:#ff7a59}
.pfxb.is-out{transition:opacity .45s,transform .45s;opacity:0;transform:translate(-50%,-80%)}
@keyframes pfxbIn{from{transform:scale(.4);opacity:0}}
@keyframes pfxbP{to{transform:translate(var(--x),var(--y)) rotate(160deg);opacity:0}}
/* reactions */
html:not(.pf-keep) .pftr2__list li{flex-wrap:wrap}html:not(.pf-keep) .pftr2__list li>span:not(.pfrx){flex:1;min-width:0}html:not(.pf-keep) .pftr2__list li>.pfrx{flex:0 0 100%}
.pfrx{display:flex;gap:6px;flex-basis:100%;padding-left:54px;margin-top:2px}
.pfrx__b{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--line2,#232b2f);background:transparent;color:var(--soft,#c8d3d7);font:inherit;font-size:13px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pfrx__b span{font-size:14px;line-height:1}.pfrx__b b{font-size:12.5px;font-weight:800;min-width:0}
.pfrx__b:hover{border-color:rgba(124,224,162,.5)}
.pfrx__b.is-on{background:rgba(124,224,162,.14);border-color:rgba(124,224,162,.55);color:var(--txt,#fff)}
.pfrx__b.is-pop span{animation:pfrxPop .45s cubic-bezier(.2,1.8,.4,1)}
@keyframes pfrxPop{40%{transform:scale(1.6) rotate(-10deg)}}
html[data-pftheme="light"] .pfrx__b{border-color:rgba(0,0,0,.12);color:#27353b}html[data-pftheme="light"] .pfrx__b.is-on{color:#0d0f11}
/* weekly recap */
.pfrc{position:relative;background:radial-gradient(120% 140% at 0% 0%,rgba(124,224,162,.16),transparent 60%),var(--card,#14191c)!important}
.pfrc__x{position:absolute;right:12px;top:12px;width:32px;height:32px;border:0;border-radius:50%;background:var(--pill,#232b2f);color:var(--txt,#fff);font-size:20px;line-height:1;cursor:pointer}
.pfrc__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.pfrc__n{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:14px;background:var(--panel,#0f1416);min-width:0}
.pfrc__n small{font-size:12.5px;color:var(--dim,#97a5ab)}.pfrc__n b{font-size:24px;font-weight:900;color:var(--txt,#fff)}
.pfrc__n em{font-style:normal;font-size:12px;font-weight:700;color:var(--dim,#97a5ab)}.pfrc__n em.is-up{color:#7ce0a2}.pfrc__n em.is-down{color:#ff9d7a}
.pfrc__m{margin:0 0 12px!important;font-size:14.5px;color:var(--soft,#c8d3d7)}
html[data-pftheme="light"] .pfrc__n em.is-up{color:#137645}html[data-pftheme="light"] .pfrc__n em.is-down{color:#a24a2a}
@media (max-width:700px){.pfrc__g{grid-template-columns:repeat(2,minmax(0,1fr))}.pfrx{padding-left:0}}
/* genre boards on /rankings/ */
.pfgb{margin:0 0 22px}
.pfgb__h{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 12px}
.pfx .pfgb__h h2{margin:0!important;font-size:20px!important;font-weight:800!important;color:var(--txt,#fff)!important}
.pfgb__h span{color:var(--dim,#97a5ab);font-size:13.5px}
.pfgb__g{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.pfgb__c{padding:14px;border-radius:16px;background:var(--card,#14191c);border:1px solid var(--line2,#232b2f);min-width:0}
.pfgb__c>b{display:block;margin:0 0 8px;font-size:15px;color:var(--txt,#fff)}
.pfgb__c p{margin:0;color:var(--dim,#97a5ab);font-size:13px}
.pfgb__c ol{list-style:none;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:8px}
.pfgb__c li{display:flex;align-items:center;gap:8px;min-width:0}
.pfgb__c li>i{flex:none;width:20px;font-style:normal;font-weight:800;font-size:13px;color:var(--dim,#97a5ab);text-align:center}
.pfgb__c li:first-child>i{color:#c9f24d}
.pfgb__c a{flex:1;display:flex;align-items:center;gap:8px;min-width:0;color:var(--txt,#fff)!important;text-decoration:none!important;font-size:14px;font-weight:600}
.pfgb__c a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pfgb__c img{flex:none;width:28px;height:28px;border-radius:50%;object-fit:cover}
.pfgb__c em{flex:none;font-style:normal;font-size:12.5px;font-weight:800;color:#7ce0a2}
.pfgb__c li.is-me a{color:#7ce0a2!important}
html[data-pftheme="light"] .pfgb__c{background:#ffffff}html[data-pftheme="light"] .pfgb__c em{color:#137645}html[data-pftheme="light"] .pfgb__c li:first-child>i{color:#586d0d}
.pfx__ava.pfon-on{overflow:visible!important}.pfx__ava.pfon-on img{border-radius:50%}.pfx__ava .pfon{width:10px;height:10px;right:-3px;bottom:-3px}
@media (prefers-reduced-motion:reduce){.pfon,.pfon--big i{animation:none}}
/* Rankings: room between the genre chips, the weekly boards and the monthly lists */
.pfgb{margin:20px 0 28px!important}
.pfgb__h{flex-direction:column;align-items:flex-start!important;gap:4px!important;margin:0 0 14px!important}
.pfgb__g{gap:14px!important}
.pfgb__c{padding:16px 16px 18px!important}
.pfgb__c>b{margin:0 0 10px!important}
.pfgb__c p{line-height:1.45}
.pfgm__gf{margin-bottom:6px!important}
.pfgm__rks{gap:14px!important}
.pfgm__rk{padding:16px 18px!important}
.pfgb__g{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;align-items:start!important}