/* PPHub · Rally Crew styling. Everything is scoped under .pph and reads the page's tokens with fallbacks,
   so it drops into World Tour (index.html) or stands alone. Mobile-first. */
.pph{
  --h-sun:var(--sun,#FFCB2E); --h-sun-deep:var(--sun-deep,#E5A100); --h-sun-soft:var(--sun-soft,#FFE48A);
  --h-court:var(--court,#1E4FD8); --h-court-deep:var(--court-deep,#0F2F8F);
  --h-glass:var(--glass,#CFF1F4); --h-tomato:var(--tomato,#FF5A4E); --h-tomato-deep:var(--tomato-deep,#D63A2F);
  --h-ink:var(--ink,#10204A); --h-ink-soft:var(--ink-soft,#3B4A72); --h-paper:var(--paper,#F5F8FF);
  --h-gold:var(--gold,#F2B705); --h-line:rgba(16,32,74,.18); --h-muted:#97A2C2;
  --h-display:var(--display,'Grandstander','Arial Rounded MT Bold',ui-rounded,'Trebuchet MS',system-ui,sans-serif);
  --h-body:var(--body,'Figtree',ui-rounded,'Segoe UI',system-ui,-apple-system,sans-serif);
  --h-voice:var(--voice,'Shantell Sans','Comic Sans MS','Chalkboard SE',cursive);
  --h-pop:var(--pop,cubic-bezier(.35,1.8,.35,.83)); --h-soft:var(--soft,cubic-bezier(.22,1,.36,1));
  color:var(--h-ink);font-family:var(--h-body);line-height:1.5;
  display:grid;gap:28px;min-width:0;
}
.pph *,.pph *::before,.pph *::after{box-sizing:border-box}
.pph [hidden]{display:none!important}
.pph h2,.pph h3{font-family:var(--h-display);margin:0;line-height:1;letter-spacing:-.01em}
.pph h2{font-size:clamp(1.75rem,6.4vw,2.6rem);font-weight:800}
.pph h3{font-weight:800}
.pph p{margin:0}
.pph button{font:inherit;color:inherit}
.pph :focus-visible{outline:3px solid var(--h-court);outline-offset:3px;border-radius:8px}
.pph .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pph-sec{min-width:0}
.pph-eyebrow{font:700 .78rem/1 var(--h-body);letter-spacing:.12em;text-transform:uppercase;color:var(--h-court);margin-bottom:10px!important}
.pph-red{color:var(--h-tomato-deep)!important}
.pph-head{margin-bottom:14px}
.pph-sub{color:var(--h-ink-soft);font-weight:600;max-width:34ch;margin-top:10px!important}
.pph-quiet{color:var(--h-ink-soft);font-size:.93rem}
.pph-fine{font-size:.8rem;color:var(--h-ink-soft);margin-top:10px!important}
.pph-note{font-weight:700;color:var(--h-tomato-deep);font-size:.9rem}

/* buttons: the page's chunky press buttons */
.pph-btn{--bg:var(--h-court);--fg:#fff;--edge:var(--h-court-deep);
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;
  font:700 1rem/1 var(--h-body)!important;color:var(--fg)!important;background:var(--bg);border:3px solid var(--h-ink);
  border-radius:16px;padding:.85em 1.2em;cursor:pointer;white-space:nowrap;text-decoration:none;
  box-shadow:0 5px 0 var(--edge);transition:transform .12s var(--h-soft),box-shadow .12s var(--h-soft);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.pph-btn:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--edge)}
.pph-btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--edge)}
.pph-btn-sun{--bg:var(--h-sun);--fg:var(--h-ink);--edge:var(--h-sun-deep)}
.pph-btn-white{--bg:#fff;--fg:var(--h-ink);--edge:#B8C3E6}
.pph-btn-tomato{--bg:var(--h-tomato);--fg:#fff;--edge:var(--h-tomato-deep)}
.pph-btn-s{min-height:44px;padding:.6em .95em;font-size:.92rem!important;border-radius:13px;box-shadow:0 4px 0 var(--edge)}
.pph-link{background:none;border:0;padding:0;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;color:var(--h-court)!important}
.pph-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}

/* chips */
.pph-chip{display:inline-flex;align-items:center;gap:6px;font:800 .78rem/1 var(--h-display);background:#fff;border:2.5px solid var(--h-ink);border-radius:999px;padding:6px 10px;white-space:nowrap}
.pph-chip-gold{background:var(--h-sun)}
.pph-chip-hot{background:var(--h-tomato);color:#fff}
.pph-chip-you{background:var(--h-court);color:#fff}
.pph-chip-ghost{border-style:dashed;color:var(--h-ink-soft);font-family:var(--h-body);font-weight:700}
.pph-you{font:800 .62rem/1 var(--h-body);letter-spacing:.1em;text-transform:uppercase;background:var(--h-court);color:#fff;border-radius:6px;padding:3px 5px;vertical-align:middle;position:relative;top:-2px}

/* demo label */
.pph-demo{background:repeating-linear-gradient(-45deg,#FFF3C4 0 10px,#FFE48A 10px 20px);border:3px dashed var(--h-ink);border-radius:14px;padding:10px 14px;font-size:.88rem;font-weight:600}
.pph-demo b{font-family:var(--h-display);font-weight:900;text-transform:uppercase;letter-spacing:.06em;background:var(--h-ink);color:var(--h-sun);border-radius:6px;padding:2px 7px;margin-right:6px}

/* ---------- season */
.pph-season-in{background:var(--h-ink);color:#fff;border-radius:24px;padding:20px 20px 22px;position:relative;overflow:hidden;
  background-image:radial-gradient(circle at calc(100% + 30px) -30px,var(--h-sun) 0 74px,transparent 75px),repeating-conic-gradient(from 0deg at calc(100% + 30px) -30px,rgba(255,203,46,.13) 0 6deg,transparent 6deg 18deg)}
.pph-season-in>*{position:relative}
.pph-season-in h2{margin:12px 0 8px;color:var(--h-sun)}
.pph-season-in p{color:#DCE3F7;max-width:56ch}
.pph-season-in .pph-count{display:block;color:#fff;margin-top:6px}
.pph-chip-season{background:var(--h-sun);color:var(--h-ink);border-color:var(--h-sun)}
.pph-chip-season i{width:9px;height:9px;border-radius:50%;background:var(--h-tomato);box-shadow:0 0 0 0 rgba(255,90,78,.6);animation:pph-live 1.8s ease-out infinite}
@keyframes pph-live{0%{box-shadow:0 0 0 0 rgba(255,90,78,.55)}100%{box-shadow:0 0 0 9px rgba(255,90,78,0)}}

/* ---------- cards */
.pph-pair{display:grid;gap:28px;min-width:0;grid-template-columns:minmax(0,1fr)}
/* phones: signed in = passport first; no profile yet = boards first, claim card second */
.pph-pass{order:1}.pph-boards{order:2}.pph-rivals{order:3}.pph-lobby{order:4}
.pph-anon .pph-boards{order:1}.pph-anon .pph-pass{order:2}
.pph-card{background:#fff;border:3px solid var(--h-ink);border-radius:24px;padding:18px 16px 20px;box-shadow:0 6px 0 var(--h-line);min-width:0}

/* ---------- passport */
.pph-pass .pph-head{margin-bottom:6px}
.pph-id{display:flex;align-items:center;gap:12px;min-width:0}
.pph-id .pph-av{flex:none}
.pph-id-t{min-width:0}
.pph-id-t h2{font-size:clamp(1.6rem,6vw,2.1rem);overflow-wrap:anywhere}
.pph-id-t p{font-size:.85rem;color:var(--h-ink-soft);font-weight:600;margin-top:4px}
.pph-ranks{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.pph-streak{margin-top:10px;display:inline-block;font:800 .85rem/1 var(--h-display);background:var(--h-sun);border:2.5px solid var(--h-ink);border-radius:999px;padding:7px 11px}
.pph-streak.cold{background:var(--h-glass)}
.pph-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0}
.pph-tiles div{background:var(--h-paper);border:2.5px solid var(--h-ink);border-radius:14px;padding:9px 11px 8px;min-width:0}
.pph-tiles dt{font:700 .66rem/1.1 var(--h-body);letter-spacing:.1em;text-transform:uppercase;color:var(--h-ink-soft)}
.pph-tiles dd{margin:4px 0 0;font:900 1.7rem/1 var(--h-display);color:var(--h-court);white-space:nowrap}
.pph-tiles dd small{font-size:.62em;color:var(--h-ink-soft);font-weight:800}
.pph-h3{font-size:1.05rem;margin:18px 0 8px!important;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.pph-h3 span{font:700 .8rem var(--h-body);color:var(--h-ink-soft)}
.pph-stamps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.pph-stamp{position:relative;aspect-ratio:1;display:grid;place-items:center;min-width:0}
.pph-stamp svg{width:100%;height:auto;display:block}
.pph-stamp.won svg{mix-blend-mode:multiply;animation:pph-thunk .55s var(--h-pop) both}
.pph-stamp.tried{opacity:.85}
.pph-stamp small{position:absolute;right:-2px;bottom:-2px;font:800 .66rem/1 var(--h-display);background:#fff;border:2px solid var(--h-ink);border-radius:999px;padding:3px 5px}
.pph-stamp.won small{background:var(--h-sun)}
@keyframes pph-thunk{0%{opacity:0;transform:scale(1.7)}60%{opacity:1}100%{transform:none}}
.pph-nem{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#FFE9E6;border:2.5px solid var(--h-ink);border-radius:16px;padding:10px 12px}
.pph-nem p{font-weight:700;font-size:.95rem}
.pph-nem .pph-eyebrow{margin-bottom:4px!important;font-size:.68rem}
.pph-rlist{list-style:none;margin:0;padding:0;display:grid}
.pph-rlist li{display:flex;align-items:center;gap:8px;border-top:2px dashed var(--h-line);padding:5px 0;min-width:0}
.pph-rlist li:first-child{border-top:0}
.pph-rlist .pph-user{flex:1;min-width:0}
.pph-rscore{font:900 1.15rem/1 var(--h-display)}
.pph-rscore.up{color:var(--h-court)}.pph-rscore.down{color:var(--h-tomato-deep)}
.pph-rtag{font:700 .72rem var(--h-body);color:var(--h-ink-soft);width:48px;text-align:right}
.pph-user{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:4px 0;min-height:40px;cursor:pointer;font-weight:800;font-family:var(--h-display);text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;-webkit-tap-highlight-color:transparent}
.pph-user:hover{color:var(--h-court)}
.pph-user .pph-av{flex:none}

/* badges */
.pph-badges{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px}
.pph-badge{display:grid;justify-items:center;text-align:center;gap:3px;min-width:0}
.pph-badge svg{width:52px;height:52px}
.pph-badge b{font:800 .82rem/1.1 var(--h-display)}
.pph-badge small{font-size:.7rem;line-height:1.25;color:var(--h-ink-soft);font-weight:600}
.pph-badge small i{font-style:normal;font-weight:800;color:var(--h-court);white-space:nowrap}
.pph-badge:not(.on) b{color:var(--h-ink-soft)}
.pph-badge.on svg{animation:pph-pop .5s var(--h-pop) both}
@keyframes pph-pop{0%{transform:scale(.6)}100%{transform:none}}
.pph-badges-mini{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:14px 0 16px}
.pph-badges-mini .pph-badge svg{width:40px;height:40px}
.pph-more{font:800 .85rem var(--h-display);color:var(--h-ink-soft);padding-left:4px}

/* claim */
.pph-claim{display:block}.pph-claim::after{content:'';display:table;clear:both}
.pph-claim-art{float:right;width:76px;margin:2px 0 6px 12px}
.pph-claim p{font-size:1rem}
.pph-claim .pph-btn{width:100%;margin-top:4px}
.pph-pip{width:100%;height:auto;overflow:visible}
.pph-pip-b{animation:pph-bob 3s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}
@keyframes pph-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

/* skeletons */
.pph-skel{display:grid;gap:10px;margin-top:12px}
.pph-skel i,.pph-skelrows li i,.pph-skelcard{display:block;height:18px;border-radius:9px;background:linear-gradient(90deg,#E8ECF8 0,#F5F7FD 40%,#E8ECF8 80%);background-size:200% 100%;animation:pph-shim 1.2s linear infinite}
.pph-skel i.w60{width:60%}.pph-skel i.tall{height:120px;border-radius:16px}
@keyframes pph-shim{0%{background-position:100% 0}100%{background-position:-100% 0}}

/* ---------- boards */
.pph-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:3px solid var(--h-ink);border-radius:16px;overflow:hidden;background:var(--h-paper)}
.pph-tabs button{appearance:none;border:0;background:none;padding:10px 4px;min-height:48px;cursor:pointer;font:800 .82rem/1.1 var(--h-display);color:var(--h-ink-soft);transition:background .15s}
.pph-tabs button+button{border-left:2px solid var(--h-ink)}
.pph-tabs button[aria-selected="true"]{background:var(--h-sun);color:var(--h-ink)}
.pph-tabs .l{display:none}
.pph-period{display:inline-flex;margin:12px 0 4px;border:2.5px solid var(--h-ink);border-radius:999px;padding:3px;gap:2px;background:#fff}
.pph-period button{border:0;background:none;border-radius:999px;padding:6px 12px;min-height:36px;font:700 .82rem var(--h-body);cursor:pointer;color:var(--h-ink-soft)}
.pph-period button[aria-pressed="true"]{background:var(--h-ink);color:#fff}
.pph-rows{list-style:none;margin:8px 0 0;padding:0;display:grid}
.pph-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-top:2px dashed var(--h-line);min-width:0;min-height:58px}
.pph-row:first-child{border-top:0}
.pph-row.me{background:linear-gradient(90deg,var(--h-sun-soft),rgba(255,228,138,0));border-radius:12px;padding-left:6px;margin-left:-6px;border-top-color:transparent}
.pph-rank{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:900 .95rem/1 var(--h-display);border:2.5px solid var(--h-line);color:var(--h-ink-soft)}
.pph-rank.m1{background:var(--h-sun);border-color:var(--h-ink);color:var(--h-ink)}
.pph-rank.m2{background:#E3E8F5;border-color:var(--h-ink);color:var(--h-ink)}
.pph-rank.m3{background:#F4C9A0;border-color:var(--h-ink);color:var(--h-ink)}
.pph-user-row{flex:1;min-width:0}
.pph-user-row>span{display:grid;min-width:0}
.pph-user-row b{font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pph-user-row small{font:600 .76rem/1.2 var(--h-body);color:var(--h-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pph-metric{flex:none;text-align:right;display:grid;justify-items:end}
.pph-metric b{font:900 1.45rem/1 var(--h-display);color:var(--h-court)}
.pph-metric b small{font:700 .7rem var(--h-body);color:var(--h-ink-soft);margin-left:3px}
.pph-metric>small{font:600 .72rem/1.3 var(--h-body);color:var(--h-ink-soft);white-space:nowrap}
.pph-row.ghost .pph-rank{border-style:dashed}
.pph-ghost{flex:1;border:2.5px dashed #C3CBE3;border-radius:12px;padding:9px 12px;font-size:.86rem;font-weight:600;color:var(--h-muted)}
.pph-row-riv .pph-rv{flex:1;min-width:0;display:grid;gap:5px}
.pph-rv-names{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}
.pph-rv-names b{font:900 1.15rem/1 var(--h-display);color:var(--h-court)}
.pph-rv-names .pph-user{min-height:32px;padding:0}
.pph-mine{margin-top:10px!important;font-size:.86rem;font-weight:600;color:var(--h-ink-soft);border-top:2px solid var(--h-ink);padding-top:10px}
.pph-skelrows li{padding:12px 0}
.pph-skelrows li i{height:30px}
.pph-empty,.pph-err,.pph-rc-ghost{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;padding:12px 0 4px}
.pph-empty h3,.pph-rc-ghost h3{font-size:1.3rem;margin-bottom:6px!important}
.pph-empty p,.pph-rc-ghost p{font-size:.93rem;color:var(--h-ink-soft);margin-bottom:12px!important}
.pph-err p{font-weight:600;margin-bottom:10px!important}

/* ---------- tug of war */
.pph-tug{position:relative;display:flex;height:14px;border:2.5px solid var(--h-ink);border-radius:999px;overflow:visible;background:var(--h-tomato);margin:12px 0 0}
.pph-tug-a{display:block;height:100%;background:var(--h-court);border-radius:999px 0 0 999px;transition:width .8s var(--h-pop)}
.pph-tug-b{flex:1}
.pph-tug-knot{position:absolute;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:var(--h-sun);border:2.5px solid var(--h-ink);transition:left .8s var(--h-pop);
  background-image:radial-gradient(circle at 30% 50%,transparent 8px,#FFF8D6 8px 10px,transparent 10px),radial-gradient(circle at 70% 50%,transparent 8px,#FFF8D6 8px 10px,transparent 10px)}
.pph-tug.mini{height:8px;border-width:2px;margin:0}
.pph-tug.mini .pph-tug-knot{width:14px;height:14px;margin:-7px 0 0 -7px;border-width:2px;background-image:none}

/* ---------- rivalries */
.pph-head-row{display:block}
.pph-rgrid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.pph-rcard{background:#fff;border:3px solid var(--h-ink);border-radius:22px;padding:14px 14px 16px;box-shadow:0 6px 0 var(--h-line);min-width:0;display:flex;flex-direction:column}
.pph-rcard.mine{background:linear-gradient(180deg,#FFF6D2,#fff 60%)}
.pph-rcard>.pph-btn{margin-top:14px;align-self:stretch}
.pph-rc-top{display:flex;gap:6px;flex-wrap:wrap}
.pph-rc-vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;margin-top:12px}
.pph-rc-p{display:grid;justify-items:center;gap:4px;background:none;border:0;padding:4px;cursor:pointer;min-width:0;font:800 .95rem/1.1 var(--h-display)}
.pph-rc-p span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pph-rc-p:hover span{color:var(--h-court)}
.pph-rc-score{display:flex;align-items:baseline;gap:4px;font-family:var(--h-display)}
.pph-rc-score b{font-weight:900;font-size:2.6rem;line-height:1}
.pph-rc-score b:first-child{color:var(--h-court)}.pph-rc-score b:last-child{color:var(--h-tomato-deep)}
.pph-rc-score i{font-style:normal;font-weight:800;font-size:1.6rem;color:var(--h-ink-soft)}
.pph-rc-meta{font-size:.85rem;font-weight:600;color:var(--h-ink-soft);margin-top:10px!important}
.pph-rcard.ghost{border-style:dashed;box-shadow:none;background:transparent;justify-content:center}
.pph-rc-ghost{padding:0}
.pph-skelcard{height:220px;border-radius:22px;border:0;box-shadow:none}

/* ---------- lobby band */
.pph-lobby-in{background:var(--h-court);color:#fff;border:3px solid var(--h-ink);border-radius:26px;padding:20px 18px 22px;display:grid;gap:12px;box-shadow:0 6px 0 var(--h-court-deep)}
.pph-lobby-in .pph-eyebrow{color:var(--h-sun)}
.pph-lobby-in h2{color:#fff}
.pph-lobby-in p{color:#DCE3F7;margin-top:10px!important;max-width:46ch}
.pph-lobby-in :focus-visible{outline-color:var(--h-sun)}
.pph-lobby-art{display:flex;align-items:center;gap:6px;width:180px}
.pph-lobby-art .pph-pip{width:64px}
.pph-lobby-art .pph-pip:last-child{transform:scaleX(-1)}
.pph-vs{font:900 italic 1.6rem/1 var(--h-display);color:var(--h-sun);-webkit-text-stroke:1px var(--h-ink)}

/* ---------- profile sheet: bottom sheet on phones, dialog on desktop */
html.pph-locked{overflow:hidden}
.pph-sheet{position:fixed;inset:0;z-index:1000;display:block;gap:0}
.pph-sheet-bg{position:absolute;inset:0;background:rgba(16,32,74,.55);opacity:0;transition:opacity .22s}
.pph-sheet-card{position:absolute;left:0;right:0;bottom:0;max-height:88vh;max-height:88dvh;overflow:auto;overscroll-behavior:contain;background:#fff;border:3px solid var(--h-ink);border-bottom:0;border-radius:26px 26px 0 0;
  padding:24px 18px calc(24px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .26s var(--h-soft);outline:none}
.pph-sheet.open .pph-sheet-bg{opacity:1}
.pph-sheet.open .pph-sheet-card{transform:none}
.pph-grab{position:absolute;top:8px;left:50%;width:44px;height:5px;margin-left:-22px;border-radius:9px;background:#C3CBE3}
.pph-x{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;border:2.5px solid var(--h-ink);background:#fff;display:grid;place-items:center;cursor:pointer;z-index:1}
.pph-x svg{width:16px;height:16px}
.pph-sheet .pph-id{padding-right:48px}
.pph-sheet-cta{position:sticky;bottom:calc(-24px - env(safe-area-inset-bottom));margin:18px -18px calc(-24px - env(safe-area-inset-bottom));padding:12px 18px calc(16px + env(safe-area-inset-bottom));background:#fff;border-top:3px solid var(--h-ink);display:grid;gap:8px}
.pph-sheet-cta p{font-weight:700;font-size:.92rem;color:var(--h-court)}
.pph-sheet-cta .pph-btn{width:100%}

@media (min-width:560px){
  .pph-badges{grid-template-columns:repeat(5,minmax(0,1fr))}
  .pph-stamps{grid-template-columns:repeat(8,minmax(0,1fr))}
  .pph-claim .pph-btn{width:auto;justify-self:start}
  .pph-rgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pph-tabs .l{display:inline}.pph-tabs .s{display:none}
  .pph-lobby-in{grid-template-columns:auto 1fr;align-items:center;gap:24px;padding:26px 30px}
  .pph-sheet-card{left:50%;right:auto;bottom:auto;top:50%;width:min(620px,calc(100vw - 48px));max-height:min(86vh,820px);border-bottom:3px solid var(--h-ink);border-radius:26px;
    transform:translate(-50%,-46%) scale(.96);opacity:0;transition:transform .24s var(--h-pop),opacity .18s;padding:26px 26px 26px;box-shadow:0 10px 0 rgba(16,32,74,.35)}
  .pph-sheet.open .pph-sheet-card{transform:translate(-50%,-50%);opacity:1}
  .pph-grab{display:none}
  .pph-sheet-cta{bottom:-26px;margin:20px -26px -26px;padding:14px 26px 18px;grid-template-columns:1fr auto;align-items:center}
  .pph-sheet-cta .pph-btn{width:auto}
}
@media (min-width:760px){
  .pph-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pph-card{padding:24px 24px 26px}
  .pph-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
  .pph-season-in{padding:26px 30px 28px}
}
@media (min-width:1000px){
  .pph{gap:36px}
  .pph-pair{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"boards pass" "lobby pass" "riv riv";align-items:start}
  .pph-pair .pph-boards{grid-area:boards}.pph-pair .pph-pass{grid-area:pass}.pph-pair .pph-lobby{grid-area:lobby}.pph-pair .pph-rivals{grid-area:riv}
  .pph-pair .pph-lobby-in{grid-template-columns:1fr;gap:6px}
  .pph-anon .pph-pair{grid-template-areas:"boards pass" "boards lobby" "riv riv"}
  .pph-anon .pph-pair .pph-boards{align-self:stretch}
  .pph-pair .pph-lobby-art{width:150px}.pph-pair .pph-lobby-art .pph-pip{width:52px}
  .pph-pair .pph-pass .pph-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pph-pair .pph-pass .pph-stamps{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pph-pair .pph-pass .pph-badges{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pph-rgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pph-season-in{display:grid;grid-template-columns:auto 1fr;column-gap:28px;align-items:center}
  .pph-season-in .pph-chip-season{grid-row:1/3;align-self:start;margin-top:6px}
  .pph-season-in h2{margin-top:0}
  .pph-sheet .pph-stamps{grid-template-columns:repeat(8,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
  .pph *,.pph *::before,.pph *::after{animation:none!important;transition:none!important}
}