/* Member profile: the identity sits on the cover, one info bar carries bio, level and counts, then tabs and content share one column.
   Premium members get a taller cover that fades into the page from the bottom. */
.pr-page{--pr-surface:var(--white);--pr-glass:rgb(34 29 23 / .86);--pr-gold:#FFC107;--pr-line:var(--border-soft);--pr-shadow:0 10px 30px rgb(0 0 0 / .25);--pr-lv:#FFC107}
:root[data-theme="light"] .pr-page{--pr-glass:rgb(255 255 255 / .88);--pr-gold:#D99A00}
.pr-main{padding:16px 0 64px;background:var(--paper);min-height:70vh}
:where(.pr-main) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}

.pr-gone{width:min(480px,100% - 32px);margin:60px auto;display:grid;gap:12px;justify-items:center;text-align:center;color:var(--navy-soft)}
.pr-gone svg{width:44px;height:44px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pr-gone h1{font:700 22px/1.25 'Sora',sans-serif;color:var(--navy)}
html[lang="ar"] .pr-gone h1,html[lang="ja"] .pr-gone h1{font-family:inherit}

.pr-stage{width:min(1000px,100% - 32px);margin-inline:auto;display:grid;gap:0;--pr-cover-h:260px}
.pr-stage.is-big{--pr-cover-h:300px}
.pr-stage.is-premium{--pr-cover-h:340px}

/* cover */
.pr-stage{--pr-cover-h:150px}
.pr-stage.is-big{--pr-cover-h:200px}
.pr-stage.is-premium{--pr-cover-h:270px}
.pr-cover{position:relative;height:var(--pr-cover-h);border-radius:22px;overflow:hidden;background:
  radial-gradient(120% 140% at 85% 0%,hsl(calc(var(--pr-h) + 60) 70% 52% / .6),transparent 55%),
  radial-gradient(90% 120% at 8% 100%,hsl(var(--pr-h) 70% 55% / .6),transparent 60%),
  linear-gradient(135deg,hsl(var(--pr-h) 38% 24%),hsl(calc(var(--pr-h) + 50) 36% 22%))}
.pr-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pr-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgb(0 0 0 / .05),rgb(0 0 0 / .4))}
.pr-fx{position:fixed;inset:0;z-index:35;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:1;transition:opacity .4s}
.pr-fx.is-off{opacity:0}
@media (prefers-reduced-motion:reduce){.pr-fx{transition:none}}
.pr-bioblock{max-width:560px;margin:0 auto;padding:16px 8px 18px;display:grid;gap:12px;justify-items:center;text-align:center;border-bottom:1px solid var(--pr-line)}
.pr-bioblock .pr-abt{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px}

/* premium: a taller cover that fades into the page from the bottom, a gold ring and the crown chip */
.pr-stage.is-premium .pr-cover{-webkit-mask-image:linear-gradient(to bottom,#000 50%,transparent 100%);mask-image:linear-gradient(to bottom,#000 50%,transparent 100%)}
.pr-stage.is-premium .pr-cover::after{background:radial-gradient(70% 120% at 50% 0%,rgb(255 193 7 / .3),transparent 65%)}
.pr-stage.is-premium .pr-pic{box-shadow:0 0 0 4px var(--paper),0 0 0 7px #FFC107,0 10px 26px rgb(0 0 0 / .35)}
.pr-prem{background:linear-gradient(90deg,#FFD54F,#FFB300)!important;color:#3B2A00!important}
.pr-prem svg{width:12px;height:12px;margin-inline-end:4px}

/* header: avatar and name in the middle, bio and about on one side, level and counts on the other */
.pr-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px) minmax(0,1fr);gap:24px;align-items:start;margin-top:-56px;position:relative;z-index:3;padding-inline:8px;padding-bottom:6px}
.pr-stage.is-premium .pr-head{margin-top:-120px}
.pr-stage.is-premium .pr-hl,.pr-stage.is-premium .pr-hr{padding-top:132px}
.pr-hm{display:grid;gap:10px;justify-items:center;min-width:0}
.pr-hl{display:grid;gap:14px;padding-top:70px;justify-items:start;text-align:start;min-width:0}
.pr-hr{display:grid;gap:14px;padding-top:70px;justify-items:end;min-width:0}
.pr-av{--a:112px;position:relative;width:var(--a);height:var(--a);flex:none}
.pr-pic{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--teal),var(--blue));display:grid;place-items:center;box-shadow:0 0 0 5px var(--paper),0 8px 22px rgb(0 0 0 / .35)}
.pr-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pr-pic b{font:700 40px 'Sora',sans-serif;color:#0E1B2E}
.pr-av.is-square .pr-pic{border-radius:24%}
.pr-deco{position:absolute;left:50%;top:0;z-index:2;pointer-events:none;max-width:none;width:calc(var(--a) * var(--ds,1));height:auto;transform:translate(-50%,0) translate(calc(var(--a) * var(--dx,0)),calc(var(--a) * var(--dy,0))) perspective(600px) rotate(calc(var(--dr,0) * 1deg)) rotateX(calc(var(--dt,0) * 1deg)) rotateY(calc(var(--dt,0) * 1deg))}
.pr-dot{position:absolute;inset-inline-start:6px;bottom:6px;width:20px;height:20px;border-radius:50%;background:var(--teal);border:4px solid var(--paper);z-index:3}
.pr-nm{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.pr-nm h1{font:700 28px/1.12 'Sora',sans-serif;letter-spacing:-.3px;overflow-wrap:anywhere;color:var(--navy)}
html[lang="ar"] .pr-nm h1,html[lang="ja"] .pr-nm h1{font-family:inherit}
.pr-ver{width:21px;height:21px;color:var(--blue);flex:none;display:inline-flex}
.pr-ver svg{width:100%;height:100%}
.pr-bdg{height:22px;width:auto;flex:none}
.pr-flair{width:28px;height:28px;flex:none;object-fit:contain}
.pr-un{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:14px;color:var(--navy-soft);margin-top:-4px}
.pr-chip{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:99px;background:var(--blue-tint);color:var(--navy-soft);display:inline-flex;align-items:center}
.pr-alias{background:color-mix(in srgb,var(--c,#9A8FD0) 22%,transparent);color:var(--c,#9A8FD0)}
.pr-acts{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:2px}
.pr-fol{min-width:150px;height:42px;padding:0 24px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--teal));color:#0E1B2E;font:700 14px 'Inter',sans-serif;display:flex;align-items:center;justify-content:center;text-decoration:none}
.pr-fol.is-on{background:var(--blue-tint);color:var(--navy);border:1px solid var(--pr-line)}
.pr-ib{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none;border:1px solid var(--pr-line)}
.pr-ib svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pr-msg{color:var(--teal-dark);background:rgb(49 214 168 / .13);border-color:transparent}
.pr-star{color:var(--pr-gold);background:rgb(255 193 7 / .14);border-color:transparent}
.pr-star svg{fill:currentColor;stroke:none}
.pr-bio{font-size:14.5px;line-height:1.6;overflow-wrap:anywhere}
.pr-bio.is-empty{color:var(--navy-soft)}
.pr-lock{display:flex;gap:10px;align-items:center;color:var(--navy-soft);font-size:14px}
.pr-lock svg,.pr-hid svg{width:30px;height:30px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pr-abt{display:grid;gap:8px;font-size:13.5px;color:var(--navy-soft)}
.pr-abt div{display:flex;gap:9px;align-items:center;min-width:0}
.pr-abt svg{width:15px;height:15px;flex:none;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pr-abt b{color:var(--navy);font-weight:500}
.pr-lvrow{display:flex;align-items:center;gap:12px;justify-content:flex-end}
.pr-lv{display:grid;gap:4px;width:150px}
.pr-lvh{display:flex;align-items:center;gap:6px}
.pr-lvh svg{width:24px;height:24px}
.pr-lvh b{font:700 22px 'Sora',sans-serif;color:var(--pr-lv)}
.pr-meter{height:6px;border-radius:99px;background:color-mix(in srgb,var(--pr-lv) 22%,transparent);overflow:hidden}
.pr-meter i{display:block;height:100%;border-radius:99px;background:var(--pr-lv)}
.pr-lv small{font-size:11.5px;color:var(--navy-soft);font-variant-numeric:tabular-nums}
.pr-rb{width:38px;height:38px;border-radius:50%;border:1px solid var(--pr-line);background:var(--blue-tint);display:grid;place-items:center;flex:none}
.pr-rb:hover{border-color:var(--blue)}
.pr-rb svg{width:18px;height:18px;color:var(--pr-gold)}
.pr-cnt{display:grid;grid-template-columns:repeat(3,auto);gap:4px 20px;width:100%;max-width:300px;justify-content:space-between}
.pr-cnt div{display:grid;gap:2px;justify-items:center;text-align:center}
.pr-cnt b{font:700 18px 'Sora',sans-serif;font-variant-numeric:tabular-nums}
.pr-cnt span{font-size:12px;color:var(--navy-soft)}
.pr-cnt .cy{color:var(--teal-dark)}

/* tabs and content: one column */
.pr-right{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;width:100%;max-width:760px;margin:18px auto 0;padding:0}

/* sticky compact bar */
.pr-mini{position:sticky;top:64px;z-index:40;height:0;overflow:visible}
.pr-mini-in{display:flex;align-items:center;gap:10px;width:min(560px,100% - 24px);margin:0 auto;padding:7px 8px;border-radius:99px;background:var(--pr-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--pr-line);box-shadow:var(--pr-shadow);transform:translateY(-70px);opacity:0;pointer-events:none;transition:transform .25s,opacity .25s;color:var(--navy)}
.pr-mini.on .pr-mini-in{transform:none;opacity:1;pointer-events:auto}
.pr-mini-av{position:relative;width:34px;height:34px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--teal),var(--blue));display:grid;place-items:center;flex:none}
.pr-mini-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pr-mini-av b{font:700 14px 'Sora',sans-serif;color:#0E1B2E}
.pr-mini-nm{font:700 14px 'Sora',sans-serif;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-mini-lv{font:600 11px 'JetBrains Mono',monospace;color:var(--pr-lv)}
.pr-mini-btn{height:34px;padding:0 18px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--teal));color:#0E1B2E;font:700 13px 'Inter',sans-serif;display:inline-flex;align-items:center;text-decoration:none}
@media (prefers-reduced-motion:reduce){.pr-mini-in{transition:none}}

/* right column */
.pr-tabs{display:flex;justify-content:safe center;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--pr-line)}
.pr-tabs::-webkit-scrollbar{display:none}
.pr-tab{height:46px;padding:0 18px;border-bottom:2.5px solid transparent;margin-bottom:-1px;font:600 14px 'Inter',sans-serif;color:var(--navy-soft);white-space:nowrap;display:inline-flex;align-items:center;text-decoration:none;flex:none}
html[lang="ar"] .pr-tab,html[lang="ja"] .pr-tab{font-family:inherit}
.pr-tab.is-on{color:var(--navy);border-color:var(--blue)}
.pr-content{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
.pr-pane{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
.pr-pane[hidden],.pr-empty[hidden],.pr-state[hidden],.pr-loading[hidden],.pr-moreb[hidden],.pr-sheet[hidden]{display:none}
.pr-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;justify-content:center;flex-wrap:wrap}
.pr-chips::-webkit-scrollbar{display:none}
.pr-cp{height:32px;padding:0 13px;border-radius:99px;border:1px solid var(--pr-line);font:600 12.5px 'Inter',sans-serif;white-space:nowrap;color:var(--navy-soft);display:inline-flex;align-items:center;gap:7px;text-decoration:none;flex:none;background:var(--white)}
.pr-cp span{font-size:11px;opacity:.75;font-variant-numeric:tabular-nums}
.pr-cp.is-on{background:var(--navy);color:var(--paper);border-color:var(--navy)}
.pr-feed{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
.pr-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,150px));justify-content:center;gap:16px 14px}
.pr-feed{width:min(680px,100%);margin-inline:auto}
.pr-card{display:grid;gap:6px;min-width:0;align-content:start;text-decoration:none;color:var(--navy)}
.pr-ph{aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:var(--blue-tint);position:relative;display:block}
.pr-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pr-card.is-co .pr-ph{aspect-ratio:1/1;background:#fff;display:grid;place-items:center}
.pr-card.is-co .pr-ph img{object-fit:contain;padding:14px}
.pr-card.is-co .pr-ph-i{color:#5B6472}
.pr-ph-i{position:absolute;inset:0;display:grid;place-items:center;font:700 30px 'Sora',sans-serif;color:var(--navy-soft)}
.pr-ct{font:600 12.5px/1.35 'Inter',sans-serif;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pr-prog{height:4px;border-radius:99px;background:var(--border-soft);overflow:hidden;display:block}
.pr-prog i{display:block;height:100%;background:var(--teal)}
.pr-ptxt{font-size:11.5px;color:var(--navy-soft);font-variant-numeric:tabular-nums}
.pr-hid,.pr-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 16px;color:var(--navy-soft);font-size:14px;background:var(--white);border:1px solid var(--pr-line);border-radius:18px;text-align:center}
.pr-empty{display:block}
.pr-note{display:flex;gap:12px;align-items:flex-start;border-radius:16px;padding:16px 18px;font-size:14px;line-height:1.55;background:rgb(229 115 107 / .12);color:#E5736B}
:root[data-theme="light"] .pr-note{background:#FDECEA;color:#C9473F}
.pr-note b{display:block;font:700 15px 'Sora',sans-serif;margin-bottom:2px}
.pr-note svg{width:22px;height:22px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pr-state{display:grid;gap:10px;justify-items:center;padding:24px;color:var(--navy-soft);text-align:center}
.pr-loading{display:flex;justify-content:center;padding:20px}
.pr-moreb{display:flex;justify-content:center}

/* the "open in the app" sheet */
.pr-sheet{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;background:rgb(0 0 0 / .55)}
.pr-sheet-box{position:relative;width:min(400px,100%);background:var(--white);color:var(--navy);border:1px solid var(--pr-line);border-radius:22px;padding:28px 22px 22px;display:grid;gap:12px;text-align:center;box-shadow:var(--pr-shadow)}
.pr-sheet-box h2{font:700 19px 'Sora',sans-serif}
html[lang="ar"] .pr-sheet-box h2,html[lang="ja"] .pr-sheet-box h2{font-family:inherit}
.pr-sheet-box p{font-size:14.5px;line-height:1.55;color:var(--navy-soft)}
.pr-x{position:absolute;top:10px;inset-inline-end:10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--navy-soft)}
.pr-x svg{width:18px;height:18px}
.pr-stores{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:4px}

@media (max-width:760px){
  .pr-main{padding-top:10px}
  .pr-stage{width:calc(100% - 24px)}
  .pr-stage.is-premium{--pr-cover-h:250px}
  .pr-head{grid-template-columns:1fr;gap:14px;justify-items:center;padding-inline:2px}
  .pr-hm{order:1;width:100%}
  .pr-hl{order:2;padding-top:0;justify-items:center;text-align:center;width:100%}
  .pr-hr{order:3;padding-top:0;justify-items:center;width:100%}
  .pr-lvrow{justify-content:center}
  .pr-cnt{max-width:none;grid-template-columns:repeat(3,1fr)}
  .pr-abt{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px}
  .pr-fol{flex:1;min-width:0}
  .pr-acts{width:100%}
  .pr-nm h1{font-size:24px}
  .pr-stage.is-premium .pr-head{margin-top:-96px}
  .pr-stage.is-premium .pr-hl,.pr-stage.is-premium .pr-hr{padding-top:0}
  .pr-tab{padding:0 12px}
  .pr-mini{top:56px}
}
/* the trophy dialog */
.pr-ach-box{max-height:min(640px,86vh);overflow:auto;text-align:start}
.pr-ach-box h2{text-align:center}
.pr-ach-box h3{font:600 11px 'JetBrains Mono',monospace;letter-spacing:1px;text-transform:uppercase;color:var(--navy-soft);margin:6px 0 2px}
.pr-ach-body{display:grid;gap:8px}
.pr-ach-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:12px}
.pr-ach-b{display:grid;justify-items:center;gap:6px;text-align:center;font-size:12px;line-height:1.3;color:var(--navy)}
.pr-ach-b img{width:52px;height:52px;object-fit:contain}
.pr-ach-events{display:grid;gap:10px}
.pr-ach-e{display:flex;gap:12px;align-items:center;min-width:0}
.pr-ach-e img,.pr-ach-e i{width:56px;height:56px;border-radius:12px;object-fit:cover;flex:none;background:var(--blue-tint);display:block}
.pr-ach-e span{display:grid;gap:2px;min-width:0}
.pr-ach-e b{font-size:14px;overflow-wrap:anywhere}
.pr-ach-e small{font-size:12px;color:var(--pr-gold);font-weight:600}
.pr-ach-empty,.pr-ach-err{text-align:center}
.pr-ach-box .pr-loading{padding:10px}