@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap");:root{--pop-bg:#06060a;--pop-surface:hsla(0,0%,100%,.026);--pop-surface-2:hsla(0,0%,100%,.042);--pop-border:hsla(0,0%,100%,.065);--pop-border-h:hsla(0,0%,100%,.13);--pop-text:#efefea;--pop-text-2:#72726e;--pop-text-3:#2e2e2e;--pop-accent:#e8d5a3;--pop-accent-dim:hsla(43,60%,77%,.08);--pop-glow:hsla(43,60%,77%,.18);--pop-gold:#c9a84c;--pop-silver:#9ba8b0;--pop-bronze:#b8865a;--pop-aurora-1:#1a0a2e;--pop-aurora-2:#0d1a2e;--pop-aurora-3:#0a1a14;--pop-aurora-4:#1a0d0a;--ff-display:"DM Serif Display",Georgia,serif;--ff-hero:"Bebas Neue","Arial Narrow",sans-serif;--ff-body:"DM Sans",system-ui,sans-serif;--ff-mono:"SF Mono","Fira Code","Cascadia Code",monospace;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);margin-top:-3rem}.pop-root{background-color:var(--pop-bg);background-image:radial-gradient(ellipse 120% 80% at 15% 5%,#1a2e0a 0,transparent 55%),radial-gradient(ellipse 80% 60% at 85% 20%,#2e0a0a 0,transparent 50%),radial-gradient(ellipse 90% 70% at 10% 80%,#0a1a06 0,transparent 55%),radial-gradient(ellipse 70% 55% at 80% 85%,#1e0808 0,transparent 45%),radial-gradient(ellipse 100% 100% at 50% 50%,#060808 0,transparent 70%);min-height:100vh;position:relative;overflow-x:hidden}.pop-root:before{opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px}.pop-root:after,.pop-root:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}.pop-root:after{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 0,rgba(0,0,0,.04) 4px)}.pop-main{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:6rem 2rem 7rem}.pop-hero{position:relative;margin-bottom:4rem}.pop-hero-bg-word{position:absolute;top:-2.5rem;left:-1rem;font-family:var(--ff-hero);font-size:clamp(8rem,22vw,18rem);line-height:1;color:transparent;-webkit-text-stroke:1px hsla(0,0%,100%,.04);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;letter-spacing:.02em;white-space:nowrap}.pop-hero-inner{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.pop-hero-left{animation:fadeUp .7s var(--ease-out) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.pop-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--ff-body);font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--pop-accent);margin-bottom:1.25rem}.pop-eyebrow-line{display:block;width:28px;height:1px;background:var(--pop-accent);opacity:.5}.pop-title{font-family:var(--ff-display);font-size:clamp(3rem,7vw,5.5rem);font-weight:400;line-height:.95;letter-spacing:-.025em;color:var(--pop-text);margin-bottom:1.5rem}.pop-title em{font-style:italic;color:var(--pop-accent)}.pop-desc{font-family:var(--ff-body);font-size:.9rem;font-weight:300;color:var(--pop-text-2);line-height:1.7;max-width:360px}.pop-hero-stats{display:flex;gap:0;flex-shrink:0;border:1px solid var(--pop-border);border-radius:16px;overflow:hidden;background:var(--pop-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);animation:fadeUp .7s .1s var(--ease-out) both}.pop-stat{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.4rem 2rem;position:relative}.pop-stat+.pop-stat:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;background:var(--pop-border)}.pop-stat-val{font-family:var(--ff-display);font-size:2rem;font-weight:400;color:var(--pop-text);line-height:1;letter-spacing:-.02em}.pop-stat-key{font-family:var(--ff-body);font-size:.6rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--pop-text-3)}.pop-table{border:1px solid var(--pop-border);border-radius:20px;overflow:hidden;background:var(--pop-surface);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.02),0 40px 80px rgba(0,0,0,.5),0 0 120px hsla(43,60%,77%,.02);margin-bottom:2rem;animation:fadeUp .7s .2s var(--ease-out) both}.pop-row,.pop-thead{display:grid;grid-template-columns:4.5rem 1fr 7.5rem 6.5rem;align-items:center}.pop-thead{height:44px;padding:0 1.5rem;background:hsla(0,0%,100%,.016);border-bottom:1px solid var(--pop-border);font-family:var(--ff-body);font-size:.58rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--pop-text-3)}.pc-rank{text-align:center}.pc-info{padding-left:1.25rem}.pc-type{text-align:center}.pc-saves{text-align:right}.pop-row{min-height:68px;padding:0 1.5rem;text-decoration:none;color:inherit;border-bottom:1px solid hsla(0,0%,100%,.038);position:relative;overflow:hidden;transition:background .2s var(--ease-in-out);cursor:pointer;animation:rowIn .5s var(--ease-out) both}.pop-row:nth-child(2){animation-delay:.05s}.pop-row:nth-child(3){animation-delay:.08s}.pop-row:nth-child(4){animation-delay:.11s}.pop-row:nth-child(5){animation-delay:.14s}.pop-row:nth-child(6){animation-delay:.17s}.pop-row:nth-child(7){animation-delay:.2s}.pop-row:nth-child(8){animation-delay:.23s}.pop-row:nth-child(9){animation-delay:.26s}.pop-row:nth-child(10){animation-delay:.29s}.pop-row:nth-child(n+11){animation-delay:.32s}@keyframes rowIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.pop-row:last-child{border-bottom:none}.pop-row:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,hsla(43,60%,77%,.04),hsla(43,60%,77%,.02) 40%,transparent);opacity:0;transition:opacity .25s var(--ease-in-out)}.pop-row:hover:before{opacity:1}.pop-row:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--pop-accent),hsla(43,60%,77%,.3));border-radius:0 2px 2px 0;transform:scaleY(0);transition:transform .22s var(--ease-out);transform-origin:center}.pop-row:hover:after{transform:scaleY(1)}.pop-row--1{background:linear-gradient(90deg,rgba(201,168,76,.07),rgba(201,168,76,.02) 50%,transparent)}.pop-row--2{background:linear-gradient(90deg,rgba(155,168,176,.05),rgba(155,168,176,.01) 50%,transparent)}.pop-row--3{background:linear-gradient(90deg,rgba(184,134,90,.05),rgba(184,134,90,.01) 50%,transparent)}.pop-row--1:after{background:linear-gradient(180deg,var(--pop-gold),rgba(201,168,76,.2))}.pop-row--2:after{background:linear-gradient(180deg,var(--pop-silver),rgba(155,168,176,.2))}.pop-row--3:after{background:linear-gradient(180deg,var(--pop-bronze),rgba(184,134,90,.2))}.pop-rank{display:flex;align-items:center;justify-content:center;position:relative}.pop-rank-num{font-family:var(--ff-hero);font-size:1.35rem;letter-spacing:.04em;color:var(--pop-text-3);line-height:1;transition:color .2s}.pop-row:hover .pop-rank-num{color:var(--pop-text-2)}.pop-rank-num--1{color:var(--pop-gold)!important;text-shadow:0 0 20px rgba(201,168,76,.5),0 0 40px rgba(201,168,76,.2)}.pop-rank-num--2{color:var(--pop-silver)!important;text-shadow:0 0 16px rgba(155,168,176,.4)}.pop-rank-num--3{color:var(--pop-bronze)!important;text-shadow:0 0 16px rgba(184,134,90,.4)}@keyframes goldShimmer{0%{background-position:-200%}to{background-position:200%}}.pop-rank-num--1{background:linear-gradient(90deg,var(--pop-gold) 0,#f0d070 35%,#c9a84c 50%,#f0d070 65%,var(--pop-gold) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldShimmer 3.5s linear infinite}.pop-info{display:flex;flex-direction:column;gap:.22rem;padding-left:1.25rem;min-width:0}.pop-song{font-family:var(--ff-body);font-size:.9rem;font-weight:500;color:#d4d4cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .18s}.pop-row:hover .pop-song{color:#f5f5ef}.pop-artist{font-family:var(--ff-body);font-size:.75rem;font-weight:300;color:var(--pop-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .18s}.pop-row:hover .pop-artist{color:#888}.pop-type-badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--ff-body);font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pop-text-3);border:1px solid hsla(0,0%,100%,.06);border-radius:6px;padding:.25rem .6rem;margin:0 auto;transition:color .18s,border-color .18s,background .18s}.pop-row:hover .pop-type-badge{color:var(--pop-text-2);border-color:hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.03)}.pop-saves{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;font-family:var(--ff-mono);font-size:.78rem;font-weight:400;color:var(--pop-text-2);transition:color .18s}.pop-saves svg{opacity:.4;flex-shrink:0;transition:opacity .18s}.pop-row:hover .pop-saves{color:var(--pop-accent)}.pop-row:hover .pop-saves svg{opacity:.7}.pop-pag{display:flex;align-items:center;justify-content:space-between;gap:1rem;animation:fadeUp .6s .4s var(--ease-out) both}.pop-pbtn{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--ff-body);font-size:.78rem;font-weight:500;color:var(--pop-text-2);text-decoration:none;border:1px solid var(--pop-border);border-radius:10px;padding:.55rem 1.1rem;background:var(--pop-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:color .18s,border-color .18s,background .18s,box-shadow .18s}a.pop-pbtn:hover{color:var(--pop-accent);border-color:hsla(43,60%,77%,.25);background:hsla(43,60%,77%,.05);box-shadow:0 0 20px hsla(43,60%,77%,.08)}.pop-pbtn--off{opacity:.2;pointer-events:none}.pop-pnums{display:flex;gap:.25rem}.pop-pnum{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;font-family:var(--ff-body);font-size:.78rem;font-weight:500;color:var(--pop-text-2);text-decoration:none;border-radius:9px;border:1px solid transparent;transition:color .18s,background .18s,border-color .18s}.pop-pnum:hover{color:var(--pop-text);background:var(--pop-surface-2)}.pop-pnum--on{color:var(--pop-accent);background:var(--pop-accent-dim);border-color:hsla(43,60%,77%,.2);font-weight:600}@media (max-width:700px){.pop-hero-inner{flex-direction:column;align-items:flex-start}.pop-hero-bg-word{font-size:20vw;top:-1.5rem}.pop-hero-stats{width:100%}.pop-stat{flex:1}}@media (max-width:540px){.pop-main{padding:5rem 1.25rem}.pop-row,.pop-thead{grid-template-columns:4rem 1fr 5.5rem}.pc-saves,.pop-hero-bg-word,.pop-pnums,.pop-saves{display:none}}