
/* LEADERBOARD-GLORY: Hall of Fame (29 Sep 2026) */
html body.pfh-app .pa-lb-podium,html body.pfh-app .pa-rec-board,html body.pfh-app .pfh-stkb,html body.pfh-app .pfh-bdgb,html body.pfh-app .pfh-amb,html body.pfh-app .pa-lb-ways{max-width:1080px!important}
/* section titles */
html body.pfh-app .pa-rec-h,html body.pfh-app .pfh-stkb__h,html body.pfh-app .pfh-bdgb__h{display:flex;align-items:center;gap:14px;margin:38px 0 6px!important;font-family:var(--font-display,"Anton","Arial Narrow",Impact,sans-serif)!important;font-weight:400!important;font-size:30px!important;letter-spacing:.01em;text-transform:uppercase;color:#14233F!important}
html body.pfh-app .pa-rec-h::before,html body.pfh-app .pfh-stkb__h::before,html body.pfh-app .pfh-bdgb__h::before{content:"";width:30px;height:3px;border-radius:3px;background:#E07A2F}
/* invite: a ticket */
html body.pfh-app .pfh-amb{position:relative;padding:22px 26px!important;border:0!important;border-radius:22px!important;background:#FFFFFF linear-gradient(90deg,#2E7D5B,#3FBF84 55%,#E07A2F) top left/100% 4px no-repeat!important;box-shadow:0 1px 2px rgba(11,23,41,.06),0 20px 40px -30px rgba(11,23,41,.6),inset 0 0 0 1px rgba(20,35,63,.07)!important;-webkit-mask:radial-gradient(circle 12px at 0 50%,#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 12px at 100% 50%,#0000 97%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 12px at 0 50%,#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 12px at 100% 50%,#0000 97%,#000) right/51% 100% no-repeat}
html body.pfh-app .pfh-amb h2{font-family:var(--font-display,"Anton",Impact,sans-serif)!important;font-weight:400!important;font-size:24px!important;text-transform:uppercase;color:#14233F!important}
html body.pfh-app .pfh-amb .pfh-amb__in{height:48px!important;border:2px dashed rgba(46,125,91,.4)!important;border-radius:14px!important;background:#F6FAF7!important;font-weight:700!important;color:#1E5C42!important}
html body.pfh-app .pfh-amb .pfh-amb__copy{height:48px!important;padding:0 22px!important;border-radius:999px!important}
/* earn points: tokens */
html body.pfh-app .pa-lb-ways{gap:10px!important;margin:22px 0 10px!important}
html body.pfh-app .pa-lb-ways .pa-lb-chip{display:inline-flex!important;align-items:center;gap:8px;height:40px;padding:0 6px 0 14px!important;border-radius:999px!important;background:#FFFFFF!important;box-shadow:inset 0 0 0 1px rgba(20,35,63,.08),0 8px 18px -14px rgba(11,23,41,.5)!important;font-weight:700;color:#14233F}
html body.pfh-app .pa-lb-ways .pa-lb-chip b{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:radial-gradient(circle at 35% 30%,#F6B37A,#E07A2F);color:#FFFFFF!important;font-family:var(--font-display,"Anton",Impact,sans-serif);font-weight:400;font-size:15px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.15)}
/* the podium */
html body.pfh-app .pa-lb-podium{display:grid!important;grid-template-columns:1fr 1.15fr 1fr!important;align-items:end!important;gap:14px!important;margin:26px 0 8px!important;padding:40px 22px 0!important;border-radius:26px;background:radial-gradient(420px 260px at 50% 30%,rgba(224,122,47,.22),transparent 70%),radial-gradient(rgba(20,35,63,.08) 1px,transparent 1.4px) 0 0/18px 18px,linear-gradient(180deg,#FFFFFF,#EEF4F1)!important;box-shadow:inset 0 0 0 1px rgba(20,35,63,.07)}
html body.pfh-app .pa-lb-podium .pa-lb-pod{position:relative;display:flex!important;flex-direction:column;align-items:center;gap:6px;margin:0!important;padding:0 0 0!important;border:0!important;background:none!important;box-shadow:none!important;text-decoration:none!important}
html body.pfh-app .pa-lb-podium .pa-lb-pod::after{content:"";order:9;display:block;width:100%;margin-top:14px;border-radius:18px 18px 0 0;background:linear-gradient(180deg,#FFFFFF,#E3EFE8);box-shadow:inset 0 0 0 1px rgba(20,35,63,.08),0 -8px 20px -16px rgba(11,23,41,.5)}
html body.pfh-app .pa-lb-podium .pa-lb-pod--1::after{height:150px;background:linear-gradient(180deg,#FFF4EA,#FBE1CB)}
html body.pfh-app .pa-lb-podium .pa-lb-pod--2::after{height:110px}
html body.pfh-app .pa-lb-podium .pa-lb-pod--3::after{height:80px}
html body.pfh-app .pa-lb-podium .pa-lb-pod::before{order:10;position:absolute;left:0;right:0;bottom:18px;text-align:center;font-family:var(--font-display,"Anton",Impact,sans-serif);font-size:64px;line-height:1;color:rgba(20,35,63,.14)}
html body.pfh-app .pa-lb-podium .pa-lb-pod--1::before{content:"1";font-size:96px;color:rgba(224,122,47,.45)}
html body.pfh-app .pa-lb-podium .pa-lb-pod--2::before{content:"2"}
html body.pfh-app .pa-lb-podium .pa-lb-pod--3::before{content:"3"}
html body.pfh-app .pa-lb-podium .pa-lb-av img.avatar{width:88px!important;height:88px!important;border-radius:26px!important;border:5px solid #FFFFFF!important;box-shadow:0 16px 30px -14px rgba(11,23,41,.6)!important}
html body.pfh-app .pa-lb-podium .pa-lb-pod--1 .pa-lb-av img.avatar{width:120px!important;height:120px!important;border-radius:32px!important;box-shadow:0 0 0 4px #E07A2F,0 0 40px 6px rgba(224,122,47,.35),0 18px 34px -14px rgba(11,23,41,.6)!important}
html body.pfh-app .pa-lb-podium .pa-lb-pod--1 .pa-lb-av::before{content:"\1F451";position:absolute;left:50%;top:-30px;transform:translateX(-50%) rotate(-8deg);font-size:30px;filter:drop-shadow(0 4px 6px rgba(11,23,41,.3))}
html body.pfh-app .pa-lb-podium .pa-lb-av{position:relative}
html body.pfh-app .pa-lb-podium .pa-lb-av i{position:absolute;right:-6px;bottom:-6px;display:grid;place-items:center;width:34px;height:34px;border-radius:999px;font-style:normal;font-family:var(--font-display,"Anton",Impact,sans-serif);font-size:17px;color:#FFFFFF;background:#14233F;box-shadow:0 0 0 4px #FFFFFF}
html body.pfh-app .pa-lb-podium .pa-lb-pod--1 .pa-lb-av i{background:linear-gradient(160deg,#F08A3E,#E07A2F)}
html body.pfh-app .pa-lb-podium .pa-lb-pod--2 .pa-lb-av i{background:linear-gradient(160deg,#3FBF84,#2E7D5B)}
html body.pfh-app .pa-lb-podium .pa-lb-name{font-size:16px;font-weight:800;color:#14233F;text-transform:capitalize}
html body.pfh-app .pa-lb-podium .pa-lb-pod--1 .pa-lb-name{font-size:19px}
html body.pfh-app .pa-lb-podium .pa-lb-pod>b{padding:4px 12px;border-radius:999px;background:#E3EFE8;color:#1E5C42!important;font-weight:800}
html body.pfh-app .pa-lb-podium .pa-lb-pod--1>b{background:#E07A2F;color:#FFFFFF!important}
/* values + streaks + badges */
html body.pfh-app .pa-rec-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;gap:12px!important}
html body.pfh-app .pa-rec-card{border:0!important;border-radius:18px!important;background:#FFFFFF!important;box-shadow:0 1px 2px rgba(11,23,41,.05),inset 0 0 0 1px rgba(20,35,63,.07)!important}
html body.pfh-app .pa-rec-card__h span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#FBEBDD;font-size:20px}
html body.pfh-app .pfh-stkb__list li{border:0!important;border-radius:16px!important;background:linear-gradient(90deg,#FFF4EA,#FFFFFF 60%)!important;box-shadow:inset 0 0 0 1px #F2C9A5!important}
html body.pfh-app .pfh-stkb__list li b{font-family:var(--font-display,"Anton",Impact,sans-serif);font-weight:400;font-size:20px;color:#A9501A}
html body.pfh-app .pfh-bdgb__grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:12px!important}
html body.pfh-app .pfh-bdgb__card{position:relative;overflow:hidden;align-items:flex-start;padding:16px!important;border:0!important;border-radius:18px!important;background:#FFFFFF!important;box-shadow:inset 0 0 0 1px rgba(20,35,63,.07)!important;opacity:.62;filter:saturate(.35);transition:transform .2s,opacity .2s,filter .2s}
html body.pfh-app .pfh-bdgb__card:hover{opacity:.9;filter:none}
html body.pfh-app .pfh-bdgb__card .pfh-bdgb__e{display:grid!important;place-items:center;width:52px;height:52px;border-radius:999px;background:radial-gradient(circle at 35% 30%,#FFFFFF,#EEF1F6 70%);box-shadow:inset 0 0 0 2px #D5DCE8;font-size:26px!important}
html body.pfh-app .pfh-bdgb__card.lbx-won{opacity:1;filter:none;background:linear-gradient(170deg,#FFFFFF 40%,#FFF4EA)!important;box-shadow:0 14px 30px -22px rgba(224,122,47,.9),inset 0 0 0 1.5px #F2C9A5!important}
html body.pfh-app .pfh-bdgb__card.lbx-won .pfh-bdgb__e{background:radial-gradient(circle at 35% 30%,#FFFFFF,#FBE1CB 70%);box-shadow:inset 0 0 0 2px #F0A868,0 6px 14px -6px rgba(224,122,47,.7)}
html body.pfh-app .pfh-bdgb__card.lbx-won .pfh-bdgb__n{display:inline-block;padding:3px 10px;border-radius:999px;background:#E07A2F;color:#FFFFFF!important}
html body.pfh-app .pfh-bdgb__card.lbx-won::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.8),transparent);transform:skewX(-18deg);animation:lbx-shine 5s ease-in-out infinite}
@keyframes lbx-shine{0%,70%{left:-60%}100%{left:130%}}
@media (max-width:640px){
 html body.pfh-app .pa-lb-podium{padding:34px 10px 0!important;gap:8px!important}
 html body.pfh-app .pa-lb-podium .pa-lb-av img.avatar{width:64px!important;height:64px!important;border-radius:20px!important}
 html body.pfh-app .pa-lb-podium .pa-lb-pod--1 .pa-lb-av img.avatar{width:84px!important;height:84px!important}
 html body.pfh-app .pa-lb-podium .pa-lb-pod--1::after{height:110px}html body.pfh-app .pa-lb-podium .pa-lb-pod--2::after{height:80px}html body.pfh-app .pa-lb-podium .pa-lb-pod--3::after{height:60px}
 html body.pfh-app .pa-lb-podium .pa-lb-name{font-size:13px}
 html body.pfh-app .pfh-amb{-webkit-mask:none;mask:none}
}
@media (prefers-reduced-motion:reduce){html body.pfh-app .pfh-bdgb__card.lbx-won::after{animation:none;display:none}}
html body.pfh-app.pfh-dark .pa-lb-podium{background:linear-gradient(180deg,#151A21,#101826)!important}
html body.pfh-app.pfh-dark .pa-lb-podium .pa-lb-pod::after{background:linear-gradient(180deg,#1C232C,#151A21)}
html body.pfh-app.pfh-dark .pa-lb-podium .pa-lb-name,html body.pfh-app.pfh-dark .pa-rec-h,html body.pfh-app.pfh-dark .pfh-stkb__h,html body.pfh-app.pfh-dark .pfh-bdgb__h{color:#FFFFFF!important}
html body.pfh-app.pfh-dark .pfh-bdgb__card,html body.pfh-app.pfh-dark .pa-rec-card,html body.pfh-app.pfh-dark .pfh-amb{background-color:#151A21!important}
html body.pfh-app .pa-lb-podium .pa-lb-pod .pa-lb-av{display:block!important;width:auto!important;height:auto!important;line-height:0;margin:0 0 6px!important}
html body.pfh-app .pa-lb-podium .pa-lb-pod .pa-lb-av img.avatar{display:block!important;max-width:none!important;object-fit:cover}
/* ---------- pass 3: Championship Night (29 Sep 2026) ---------- */
/* the scoreboard above the podium: numbers read from the podium itself */
html body.pfh-app .lb3-score{max-width:1080px;display:grid;grid-template-columns:1.3fr 1fr 1.3fr;gap:10px;margin:24px 0 0}
html body.pfh-app .lb3-score__c{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:4px;padding:14px 18px;border-radius:18px;background:#FFFFFF;box-shadow:0 1px 2px rgba(11,23,41,.05),0 14px 28px -22px rgba(11,23,41,.55),inset 0 0 0 1px rgba(20,35,63,.08)}
html body.pfh-app .lb3-score__c::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#2E7D5B}
html body.pfh-app .lb3-score__c.is-lead::before{background:#E07A2F}
html body.pfh-app .lb3-score__c.is-gap::before{background:#14233F}
html body.pfh-app .lb3-score__k{font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#5B6577}
html body.pfh-app .lb3-score__v{display:flex;align-items:baseline;gap:10px;min-width:0;font-family:var(--font-display,"Anton","Arial Narrow",Impact,sans-serif);font-size:30px;line-height:1.05;text-transform:uppercase;color:#14233F}
html body.pfh-app .lb3-score__v span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body.pfh-app .lb3-score__v small{flex:none;font-family:var(--font-body,"Space Grotesk",sans-serif);font-size:14px;font-weight:800;letter-spacing:0;text-transform:none;color:#A9501A}
html body.pfh-app .lb3-score__c.is-gap .lb3-score__v{font-size:40px;color:#E07A2F}
/* stadium lights on the podium: two warm beams that swing in once, then hold */
html body.pfh-app .pa-lb-podium{position:relative!important;overflow:hidden!important;isolation:isolate}
html body.pfh-app .pa-lb-podium .pa-lb-pod{z-index:1}
html body.pfh-app .pa-lb-podium::before,html body.pfh-app .pa-lb-podium::after{content:"";position:absolute;top:-30px;z-index:0;width:260px;height:120%;background:linear-gradient(180deg,rgba(255,196,140,.55),rgba(255,214,170,.18) 55%,transparent 85%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);transform-origin:50% 0;pointer-events:none}
html body.pfh-app .pa-lb-podium::before{left:8%;transform:rotate(-24deg);animation:lb3-beam-l 1.6s cubic-bezier(.22,1,.36,1) .15s both}
html body.pfh-app .pa-lb-podium::after{right:8%;transform:rotate(24deg);animation:lb3-beam-r 1.6s cubic-bezier(.22,1,.36,1) .15s both}
@keyframes lb3-beam-l{0%{transform:rotate(-58deg);opacity:0}100%{transform:rotate(-24deg);opacity:1}}
@keyframes lb3-beam-r{0%{transform:rotate(58deg);opacity:0}100%{transform:rotate(24deg);opacity:1}}
/* confetti over #1, once */
html body.pfh-app .pa-lb-podium .lb3-fx{position:absolute;left:0;right:0;top:0;height:100%;z-index:2;pointer-events:none;overflow:hidden}
html body.pfh-app .pa-lb-podium .lb3-fx i{position:absolute;top:-14px;left:var(--x);width:8px;height:13px;border-radius:2px;background:var(--c);opacity:0;animation:lb3-fall var(--d) cubic-bezier(.25,.6,.4,1) var(--w) forwards}
@keyframes lb3-fall{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--dx),460px) rotate(var(--r))}}
/* earn points: the token spins a half turn on hover */
html body.pfh-app .pa-lb-ways .pa-lb-chip b{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
html body.pfh-app .pa-lb-ways .pa-lb-chip:hover b{transform:rotateY(180deg) scale(1.12)}
/* community values: an empty value is an open slot, not a dead card */
html body.pfh-app .pa-rec-card.lb3-empty{background:rgba(255,255,255,.55)!important;box-shadow:none!important;outline:2px dashed rgba(46,125,91,.35);outline-offset:-2px}
html body.pfh-app .pa-rec-card.lb3-empty .pa-rec-none{font-weight:600;color:#4F5A6B!important}
/* streaks: a flame pip per week, 8 shown */
html body.pfh-app .pfh-stkb__list li{position:relative}
html body.pfh-app .pfh-stkb__list .lb3-pips{display:flex;gap:5px;margin-left:auto;margin-right:16px}
html body.pfh-app .pfh-stkb__list .lb3-pips i{width:14px;height:20px;border-radius:50% 50% 45% 45%/60% 60% 40% 40%;background:#EDE3DA}
html body.pfh-app .pfh-stkb__list .lb3-pips i.is-on{background:radial-gradient(circle at 50% 75%,#FFD27A,#F08A3E 55%,#D4581A);box-shadow:0 4px 10px -4px rgba(224,122,47,.9)}
/* badges: an achievements wall - earned first with a seal, the rest locked */
html body.pfh-app .pfh-bdgb__h .lb3-cnt{margin-left:4px;padding:5px 12px;border-radius:999px;background:#FBEBDD;color:#A9501A;font-family:var(--font-body,"Space Grotesk",sans-serif);font-size:13px;font-weight:800;letter-spacing:.02em;text-transform:none}
html body.pfh-app .pfh-bdgb__card.lbx-won{order:-1}
html body.pfh-app .pfh-bdgb__card .lb3-tag{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#EEF1F6;color:#5B6577}
html body.pfh-app .pfh-bdgb__card .lb3-tag svg{width:14px;height:14px}
html body.pfh-app .pfh-bdgb__card.lbx-won .lb3-tag{background:#2E7D5B;color:#FFFFFF;box-shadow:0 0 0 3px #FFFFFF,0 6px 12px -4px rgba(46,125,91,.8)}
@media (max-width:767px){
 html body.pfh-app .lb3-score{grid-template-columns:1fr 1fr}
 html body.pfh-app .lb3-score__c:first-child{grid-column:1/-1}
 html body.pfh-app .lb3-score__v{font-size:24px}html body.pfh-app .lb3-score__c.is-gap .lb3-score__v{font-size:30px}
 html body.pfh-app .pa-lb-podium::before,html body.pfh-app .pa-lb-podium::after{width:150px}
 html body.pfh-app .pfh-stkb__list .lb3-pips{display:none}
}
@media (prefers-reduced-motion:reduce){html body.pfh-app .pa-lb-podium::before,html body.pfh-app .pa-lb-podium::after{animation:none}html body.pfh-app .pa-lb-podium .lb3-fx{display:none}html body.pfh-app .pa-lb-ways .pa-lb-chip b{transition:none}}
html body.pfh-app.pfh-dark .lb3-score__c{background:#151A21;box-shadow:inset 0 0 0 1px #2A323D}
html body.pfh-app.pfh-dark .lb3-score__v{color:#FFFFFF}html body.pfh-app.pfh-dark .lb3-score__k{color:#AEB7C2}
html body.pfh-app.pfh-dark .pa-lb-podium::before,html body.pfh-app.pfh-dark .pa-lb-podium::after{animation:none;opacity:.35}
html body.pfh-app.pfh-dark .pa-rec-card.lb3-empty{background:#151A21!important}
html body.pfh-app.pfh-dark .pfh-bdgb__card .lb3-tag{background:#1C232C;color:#AEB7C2}