/* BOND player card (owner-approved design, 2026-10-24). Hero card on /u/<handle>, compact People card, ladder chip,
   Alpha hover card and the inline mini chip. Built by public/player-card.js. Same anatomy for every tier; the tier
   changes only the materials, ring count and motion. Foil, glare and tilt are opacity/transform only. */
.pc,.pcpage,.cc,.hov,.mini,.tchip,.pc-lt,.pc-strip,.pc-ladder,.pc-pop{
  --pbg:#080808;--ppanel:#111112;--ppanel2:#18181a;--pline:#232326;--pline2:#303034;
  --tx:#f4f4f5;--tx2:#b4b4bb;--tx3:#8e8e97;--por:#ff7f11;--peach:#ecc4a1;
  --ppos:#65dfae;--pneg:#ff8797;--pwarn:#efc16a;
}
/* ---------- tier tokens ---------- */
.t-S{--ac:#f1cf74;--ac2:#ffe7a6;--ink:#2a1c05;--frame:linear-gradient(135deg,#6b4708 0%,#e9c062 16%,#fff1c0 27%,#b07a1c 41%,#f6d77a 57%,#fff4d2 64%,#a8701a 78%,#e8c062 90%,#6b4708 100%);
  --face:radial-gradient(130% 62% at 50% 27%,#33220b 0%,#160f06 52%,#0b0806 100%);--glow:rgba(241,207,116,.22);--hair:rgba(241,207,116,.55)}
.t-A{--ac:#ff9a3c;--ac2:#ffc68a;--ink:#2a1206;--frame:linear-gradient(135deg,#5a2206 0%,#c2500a 18%,#ff9a3c 32%,#ffd2a8 42%,#e0661a 55%,#ff8a24 72%,#7a2e08 100%);
  --face:radial-gradient(130% 62% at 50% 27%,#341707 0%,#150b06 54%,#0b0807 100%);--glow:rgba(255,127,17,.2);--hair:rgba(255,154,60,.42)}
.t-B{--ac:#d9a877;--ac2:#ecc9a2;--ink:#24170c;--frame:linear-gradient(150deg,#4a2e18 0%,#8e623c 30%,#b8885a 50%,#7e5230 72%,#4a2e18 100%);
  --face:radial-gradient(130% 62% at 50% 27%,#24180f 0%,#110d0a 56%,#0b0908 100%);--glow:rgba(217,168,119,.12);--hair:rgba(217,168,119,.26)}
.t-C{--ac:#b9c4d0;--ac2:#dfe6ee;--ink:#14181d;--frame:linear-gradient(150deg,#2e343c 0%,#5f6a77 38%,#8792a0 52%,#4f5965 70%,#2a3038 100%);
  --face:radial-gradient(130% 62% at 50% 27%,#171b20 0%,#0e1013 56%,#0a0a0b 100%);--glow:rgba(185,196,208,.08);--hair:rgba(185,196,208,.2)}
.t-D{--ac:#a3a3ab;--ac2:#c9c9cf;--ink:#1a1a1d;--frame:linear-gradient(150deg,#26262a 0%,#3a3a40 50%,#26262a 100%);
  --face:radial-gradient(130% 62% at 50% 27%,#161618 0%,#0e0e0f 60%,#0b0b0c 100%);--glow:rgba(255,255,255,.04);--hair:rgba(255,255,255,.1)}
.t-U{--ac:#ff9a3c;--ac2:#ffc68a;--ink:#2a1206;--frame:none;
  --face:radial-gradient(120% 60% at 50% 30%,#1d140c 0%,#0f0c0a 58%,#0b0b0b 100%);--glow:rgba(255,127,17,.14);--hair:rgba(244,244,245,.14)}
.t-X{--ac:#8e8e97;--ac2:#b4b4bb;--ink:#1a1a1d;--frame:linear-gradient(150deg,#2a2a2e,#3a3a40);--face:#121214;--glow:transparent;--hair:rgba(255,255,255,.1)}
.pc .num,.pcpage .num,.cc .num,.hov .num{font-variant-numeric:tabular-nums}
.pc .up,.pcpage .up,.cc .up,.hov .up{color:var(--ppos)}.pc .dn,.pcpage .dn,.cc .dn,.hov .dn{color:var(--pneg)}
.pc-na{cursor:help;color:var(--tx3)}

/* ---------- hero card ---------- */
.pc{position:relative;width:360px;flex:none;perspective:1400px;zoom:var(--z,1);border-radius:24px;isolation:isolate;color:var(--tx);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.3;text-align:left}
.pc-3d{position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1);border-radius:24px}
.pc.tilt .pc-3d{transition:transform .12s ease-out}
.pc.flipped .pc-3d{transform:rotateY(180deg)!important}
.pc-side{position:relative;border-radius:24px;padding:8px;background:var(--frame);backface-visibility:hidden;-webkit-backface-visibility:hidden;
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 22px 50px -18px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.6)}
.pc-back{position:absolute;inset:0;transform:rotateY(180deg)}
.pc{--h:580px}.pc.t-S{--h:578px}.pc.t-D{--h:584px}.pc.t-C,.pc.t-U{--h:582px}
.t-S .pc-side{padding:9px;box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 26px 60px -18px rgba(0,0,0,.95),0 0 0 1px rgba(0,0,0,.6),0 0 46px -6px rgba(241,207,116,.28)}
.t-A .pc-side{box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 24px 56px -18px rgba(0,0,0,.95),0 0 0 1px rgba(0,0,0,.6),0 0 40px -10px rgba(255,127,17,.3)}
.t-D .pc-side{padding:6px}.t-C .pc-side{padding:7px}
.t-U .pc-side{background:#0b0b0b;padding:7px;outline:1.5px dashed rgba(244,244,245,.28);outline-offset:-4px}
.pc-face{position:relative;border-radius:17px;background:var(--face);overflow:hidden;min-height:var(--h);display:flex;flex-direction:column}
.pc-face>*{flex:none}
.pc-back .pc-face{height:100%}
.t-S .pc-face::after,.t-A .pc-face::after,.t-B .pc-face::after,.t-C .pc-face::after{content:"";position:absolute;inset:5px;border-radius:13px;border:1px solid var(--hair);pointer-events:none}
.t-S .pc-face::before{content:"";position:absolute;inset:8px;border-radius:11px;border:1px solid rgba(241,207,116,.2);pointer-events:none}
.pc-top{position:relative;z-index:2;display:flex;align-items:center;gap:10px;padding:16px 18px 10px;margin:0}
.pc-crest{width:34px;height:40px;flex:none;display:grid;place-items:center}
.pc-tier{display:flex;flex-direction:column;gap:2px;min-width:0}
.pc-tier b{font-size:15px;font-weight:900;letter-spacing:.14em;color:var(--ac);line-height:1}
.pc-tier span{font-size:11px;font-weight:600;color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-back .pc-tier b{letter-spacing:-.01em;font-size:16px;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-serial{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:3px;flex:none}
.pc-serial span{font-size:9.5px;font-weight:800;letter-spacing:.16em;color:var(--tx3)}
.pc-serial b{font-size:12px;font-weight:800;color:var(--tx);letter-spacing:.04em}
.t-S .pc-serial b{color:var(--ac2)}
.pc-art{position:relative;height:206px;margin:0 12px;border-radius:12px;overflow:hidden;
  background:radial-gradient(60% 70% at 50% 52%,var(--glow),transparent 72%),rgba(0,0,0,.25);box-shadow:inset 0 0 0 1px var(--hair)}
.pc-art .pat{position:absolute;inset:0;width:100%;height:100%}
.pc-art .rosette{position:absolute;left:50%;top:50%;width:340px;height:340px;margin:-168px 0 0 -170px;animation:pc-spin 90s linear infinite;will-change:transform}
@keyframes pc-spin{to{transform:rotate(360deg)}}
.pc-art .bl{position:absolute;left:50%;top:50%;transform:translate(-50%,-47%);filter:drop-shadow(0 10px 16px rgba(0,0,0,.55));width:172px;height:172px}
.pc-art .bl svg,.pc-art .bl img{display:block;width:172px;height:172px;border-radius:50%}
.pc-art .bl svg{border-radius:0}
.pc-chip{position:absolute;bottom:9px;z-index:2;display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:7px;
  background:rgba(8,8,8,.78);border:1px solid rgba(255,255,255,.1);font-size:10.5px;font-weight:700;letter-spacing:.06em;color:var(--tx)}
.pc-chip.l{left:9px}.pc-chip.r{right:9px}
.pc-chip i{font-style:normal;color:var(--tx3);font-weight:600;letter-spacing:.02em}
.pc-name{position:relative;z-index:2;padding:13px 18px 0}
.pc .pc-nm{margin:0;font-size:23px;font-weight:800;letter-spacing:-.02em;line-height:1.1;display:flex;align-items:center;gap:7px;overflow-wrap:anywhere;color:var(--tx)}
.pc .pc-nm.long{font-size:19px}
.pc .pc-nm svg{flex:none}
.pc-name p{margin:4px 0 0;font-size:12.5px;color:var(--tx2);display:flex;gap:6px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-x{color:var(--tx3)}
.pc-badges{display:flex;gap:5px;margin-top:9px;flex-wrap:nowrap;overflow:hidden;min-height:21px}
.pc-bdg{display:inline-flex;align-items:center;gap:4px;height:21px;padding:0 7px;border-radius:6px;font-size:10.5px;font-weight:700;color:var(--tx2);
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);white-space:nowrap}
.pc-bdg svg{flex:none}
.pc-bdg.hot{color:#ffd0a6;background:rgba(255,127,17,.12);border-color:rgba(255,127,17,.3)}
.pc-bdg.gold{color:#ffe7a6;background:rgba(241,207,116,.1);border-color:rgba(241,207,116,.32)}
.pc-bdg.pnl{color:var(--ppos);background:rgba(101,223,174,.08);border-color:rgba(101,223,174,.25)}
.pc-stats{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr 1fr 1fr;margin:13px 12px 0;border-radius:12px;background:rgba(0,0,0,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.pc-stats.one{grid-template-columns:1fr}
.pc-stats>div{padding:10px 11px;display:flex;flex-direction:column;gap:3px;min-width:0}
.pc-stats.one>div{gap:7px}
.pc-stats>div+div{border-left:1px solid rgba(255,255,255,.06)}
.pc-stats .k{font-size:9.5px;font-weight:800;letter-spacing:.14em;color:var(--tx3)}
.pc-stats .v{font-size:25px;font-weight:800;letter-spacing:-.02em;line-height:1.05}
.pc-stats.one .v{font-size:22px}
.pc-stats .v small{font-size:14px;font-weight:700;margin-left:1px;color:var(--tx2)}
.t-S .pc-stats .rt{color:var(--ac2)}.t-A .pc-stats .rt{color:#ffb871}
.pc-stats .s{font-size:10.5px;color:var(--tx3);white-space:nowrap;font-weight:600}
.pc-stats .s.swrap{white-space:normal;line-height:1.4}
.pc-road{display:flex;gap:4px}
.pc-road i{flex:1;height:7px;border-radius:4px;background:rgba(255,255,255,.1)}
.pc-road i.on{background:var(--por)}
.pc-road i.meas{background:repeating-linear-gradient(90deg,var(--por) 0 3px,transparent 3px 7px);opacity:.9}
.pc-row{position:relative;z-index:2;display:flex;align-items:center;gap:8px;margin:0 18px;padding:10px 0;font-size:12px}
.pc-row+.pc-row{border-top:1px solid rgba(255,255,255,.06)}
.pc-row.first{margin-top:6px}
.pc-row .k{font-size:9.5px;font-weight:800;letter-spacing:.12em;color:var(--tx3);width:62px;flex:none;white-space:nowrap}
.pc-row .tok{font-weight:800;font-size:13.5px}
.pc-row .x{font-weight:800;font-size:15px;color:var(--ppos)}
.pc-row .x.neg{color:var(--pneg)}
.pc-row .m{color:var(--tx3);font-size:11.5px}
.pc-row .rgt{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--tx2);font-size:11.5px;font-weight:600;white-space:nowrap}
.pc-strip{display:flex;gap:3px;align-items:center}
.pc-strip i{display:block;width:14px;height:9px;border-radius:3px;background:rgba(255,255,255,.07)}
.pc-strip i.w{background:var(--ppos)}.pc-strip i.l{background:var(--pneg)}
.pc-strip i.pw{background:rgba(101,223,174,.22);box-shadow:inset 0 0 0 1.5px var(--ppos)}
.pc-strip i.pl{background:rgba(255,135,151,.2);box-shadow:inset 0 0 0 1.5px var(--pneg)}
.pc-strip i.o{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.pc-strip i.e{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.pc-strip.sm{gap:2px}.pc-strip.sm i{width:7px;height:7px;border-radius:2px}
.pc-foot{position:relative;z-index:2;margin-top:auto;display:flex;align-items:center;gap:7px;padding:10px 18px 14px;font-size:10.5px;color:var(--tx3);font-weight:600}
.pc-foot .url{color:var(--tx2);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc-foot .dv{margin-left:auto;display:inline-flex;align-items:center;gap:5px;letter-spacing:.06em;font-size:9.5px;font-weight:800;color:var(--tx3);flex:none}
.pc-foot .dv::before{content:"";width:6px;height:6px;border-radius:50%;background:#efc16a}
.pc-tk{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;font-size:8.5px;font-weight:800;color:#120a05;flex:none;text-transform:uppercase}
.pc-empty{margin:0;color:var(--tx3);font-size:12px}
.pc-flip{position:absolute;z-index:5;top:16px;right:16px;width:30px;height:30px;border-radius:9px;border:1px solid rgba(255,255,255,.14);background:rgba(8,8,8,.55);
  display:none;place-items:center;cursor:pointer;color:var(--tx2);padding:0}
.pc.interactive .pc-flip{display:grid}
.pc.interactive .pc-top{padding-right:56px}
.pc-flip:hover{color:var(--tx);border-color:rgba(255,255,255,.3)}
.pc-flip:focus-visible,.pcb:focus-visible,.pcpage a:focus-visible,.pc-more:focus-visible,.cc a:focus-visible,.hov a:focus-visible,.mini:focus-visible{outline:2px solid var(--por);outline-offset:2px}
/* foil (S at rest and on hover, A sheen on hover) and glare: opacity/background-position only */
.pc .foil,.pc .glare{position:absolute;inset:0;border-radius:24px;pointer-events:none;z-index:4;opacity:0;transition:opacity .35s}
.pc .glare{mix-blend-mode:overlay;background:radial-gradient(circle at var(--mx,50%) var(--my,30%),rgba(255,255,255,.5),rgba(255,255,255,0) 45%)}
.pc.t-S .foil{opacity:.3;mix-blend-mode:overlay;background:
  repeating-linear-gradient(115deg,rgba(255,255,255,0) 0 9px,rgba(255,240,200,.35) 9px 10px,rgba(255,255,255,0) 10px 19px),
  conic-gradient(from calc(var(--ang,0deg) + 200deg) at var(--mx,50%) var(--my,40%),#ffd36b,#ff9a3c,#ffb3c8,#d9c4ff,#fff1c0,#ffd36b);
  -webkit-mask:linear-gradient(180deg,#000 0,#000 47%,rgba(0,0,0,.18) 54%,rgba(0,0,0,.18) 100%);mask:linear-gradient(180deg,#000 0,#000 47%,rgba(0,0,0,.18) 54%,rgba(0,0,0,.18) 100%)}
.pc.t-A .foil{mix-blend-mode:color-dodge;background:linear-gradient(105deg,transparent 30%,rgba(255,214,170,.55) 46%,rgba(255,255,255,.75) 50%,rgba(255,180,110,.5) 54%,transparent 70%);background-size:260% 100%;background-position:120% 0}
.pc.interactive.t-S:hover .foil{opacity:.75}
.pc.interactive.t-S:hover .glare,.pc.interactive.t-A:hover .glare{opacity:.4}
.pc.interactive.t-A:hover .foil{opacity:.55;animation:pc-sheen 1.6s ease-out 1}
@keyframes pc-sheen{from{background-position:130% 0}to{background-position:-30% 0}}
.pc.interactive:not(.flipped):hover .pc-3d{transform:translateY(-3px)}
.pc.interactive:not(.flipped):active .pc-3d{transform:scale(.99)}
.pc.flipped .foil,.pc.flipped .glare{opacity:0!important}
/* back */
.bk{padding:2px 18px 0;display:flex;flex-direction:column;position:relative;z-index:2}
.bk-sec{padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}
.bk-sec:first-child{border-top:0;padding-top:4px}
.bk .k{font-size:9.5px;font-weight:800;letter-spacing:.14em;color:var(--tx3);display:flex;justify-content:space-between;margin-bottom:7px}
.bk .k span{letter-spacing:.02em;font-weight:600}
.bk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.bk-grid div{display:flex;flex-direction:column;gap:2px;min-width:0}
.bk-grid b{font-size:16px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-grid span{font-size:10px;color:var(--tx3);font-weight:600}
.bk-calls{display:flex;flex-direction:column;gap:5px}
.bk-calls div{display:flex;align-items:center;gap:8px;font-size:12px}
.bk-calls b{font-weight:800}
.bk-calls .d,.hist .d{color:var(--tx3);font-size:11px;font-weight:600}
.bk-calls .x{margin-left:auto;font-weight:800;color:var(--ppos)}
.bk-calls .p{color:var(--tx3);font-size:10.5px;width:72px;text-align:right}
.hist{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;color:var(--tx2)}
.hist .hc{display:inline-flex;align-items:center;gap:4px;font-weight:700}
.hist .ar{color:var(--tx3)}
.optin{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--tx2)}
.optin b{color:var(--ppos);font-size:15px}
.optin .hold{margin-left:auto}.optin .hold b{color:var(--tx);font-size:13px}
.priv{font-size:11px;color:var(--tx3);display:flex;gap:6px;align-items:center}

/* ---------- small sizes ---------- */
.tchip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px 0 4px;border-radius:7px;font-size:12px;font-weight:800;background:rgba(255,255,255,.04);border:1px solid var(--hair);color:var(--ac);white-space:nowrap;flex:none}
.tchip .num{color:var(--tx);margin-left:2px}
.tchip.t-X{padding:0 8px;color:var(--tx3);cursor:help}
.pc-lt{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;font-size:10.5px;font-weight:900;color:var(--ink);background:var(--frame);line-height:1;vertical-align:middle;flex:none}
.pc-lt.t-D{color:var(--tx)}
.pc-lt.t-U{background:none;color:var(--tx3);box-shadow:inset 0 0 0 1px var(--pline2);font-weight:700}
.mini{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 4px 0 3px;border-radius:999px;background:var(--ppanel2);border:1px solid var(--pline2);font-size:12.5px;font-weight:700;vertical-align:middle;color:var(--tx);text-decoration:none}
.mini .av{width:22px;height:22px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#141416;box-shadow:0 0 0 1.5px var(--ac)}
.mini .av svg,.mini .av img{width:20px;height:20px}
.mini.t-U .av{box-shadow:0 0 0 1.5px rgba(255,255,255,.25)}
.mini:hover{border-color:var(--hair)}
.pcb{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 14px;border-radius:10px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;border:1px solid var(--pline2);background:var(--ppanel2);color:var(--tx);white-space:nowrap;text-decoration:none;margin:0;width:auto}
.pcb.pri{background:var(--por);border-color:var(--por);color:#140a03}
.pcb.peach{background:var(--peach);border-color:var(--peach);color:#1a0f07}
.pcb.on{background:var(--ppanel2);border-color:var(--pline2);color:var(--tx)}
.pcb.sm{height:30px;padding:0 11px;font-size:12px;border-radius:8px}
.pcb:hover{filter:brightness(1.08)}
.pcb:disabled{opacity:.6;cursor:default}
/* compact (People) */
.cc{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;background:var(--ppanel);border:1px solid var(--pline);overflow:hidden;color:var(--tx);min-height:96px}
.cc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--frame)}
.cc.t-U::before{background:repeating-linear-gradient(180deg,rgba(255,255,255,.3) 0 4px,transparent 4px 8px)}
.cc.t-X::before{background:var(--pline2)}
.cc.t-S{background:linear-gradient(90deg,rgba(241,207,116,.07),transparent 40%),var(--ppanel);border-color:rgba(241,207,116,.25)}
.cc.t-A{background:linear-gradient(90deg,rgba(255,127,17,.06),transparent 40%),var(--ppanel);border-color:rgba(255,127,17,.2)}
.cc-av{position:relative;width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:var(--face);box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden}
.cc-av svg,.cc-av img{width:58px;height:58px}
.cc-av img{border-radius:12px;object-fit:cover}
.cc-main{min-width:0;display:flex;flex-direction:column;gap:5px}
.cc-name{display:block;font-weight:800;font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tx);text-decoration:none}
a.cc-name:hover{text-decoration:underline;text-underline-offset:3px}
.cc-sub{font-size:12px;color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-line{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--tx2);white-space:nowrap;overflow:hidden}
.cc-line b{color:var(--tx);font-weight:800}
.cc-line .newm{color:var(--por);font-weight:700}
.cc .muted,.pcpage .muted{color:var(--tx3);overflow:hidden;text-overflow:ellipsis}
.cc-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
/* hover card */
.hov{width:300px;border-radius:18px;padding:6px;background:var(--frame);box-shadow:0 24px 60px -12px rgba(0,0,0,.9);color:var(--tx);font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.3}
.hov.t-U{background:#0b0b0b;outline:1.5px dashed rgba(255,255,255,.25)}
.hov-in{border-radius:13px;background:var(--face);padding:14px;display:flex;flex-direction:column;gap:11px}
.hov-top{display:flex;gap:12px;align-items:center}
.hov-top .av{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;background:rgba(0,0,0,.3);box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden;flex:none}
.hov-top .av svg,.hov-top .av img{width:54px;height:54px}
.hov-id{min-width:0;flex:1}
.hov-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:rgba(0,0,0,.25);border-radius:10px;padding:8px 10px}
.hov-stats b{font-size:17px;font-weight:800;display:block}
.hov-stats .rt{color:var(--ac)}
.hov-stats span{font-size:9.5px;font-weight:800;letter-spacing:.12em;color:var(--tx3)}
.hov-l10{display:flex;align-items:center;gap:8px}
.hov-l10>span:first-child{font-size:9.5px;font-weight:800;letter-spacing:.12em;color:var(--tx3)}
.hov-acts{display:flex;gap:8px}.hov-acts>*{flex:1}
.hov-acts [data-follow-slot]:empty{display:none}
.hov-acts [data-follow-slot]{display:flex}.hov-acts [data-follow-slot]>*{flex:1}
.pc-pop{position:absolute;z-index:1000;animation:pc-pop .14s ease-out}
@keyframes pc-pop{from{opacity:0;transform:translateY(4px)}}

/* ---------- the /u/<handle> page ---------- */
.pcpage{display:grid;grid-template-columns:392px minmax(0,1fr);gap:40px;padding:28px 0 40px;max-width:1360px;margin:0 auto;color:var(--tx)}
.pg-l{display:flex;flex-direction:column;gap:16px;align-items:center;align-self:start;position:sticky;top:16px}
.pg-l>*:not(.pc){width:360px;max-width:100%}
.pg-l .acts{display:flex;gap:8px;position:relative}
.pg-l .acts>*{flex:1}
.pg-l .bio{font-size:13.5px;line-height:1.55;color:var(--tx2);margin:0;overflow-wrap:anywhere}
.pg-l .note{font-size:11.5px;color:var(--tx3);line-height:1.5;margin:0}
.pg-l .note a{color:var(--tx2)}
.share-menu{border:1px solid var(--pline2);background:var(--ppanel2);border-radius:12px;padding:6px;display:flex;flex-direction:column}
.share-menu[hidden]{display:none}
.share-menu>a,.share-menu>button{display:flex;align-items:center;gap:10px;background:none;border:0;padding:9px 10px;border-radius:8px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:left;color:var(--tx);text-decoration:none;min-height:40px}
.share-menu>a:hover,.share-menu>button:hover{background:rgba(255,255,255,.05)}
.share-menu span{margin-left:auto;color:var(--tx3);font-weight:500;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.share-menu .unavail{opacity:.55}
.pg-r{min-width:0;display:flex;flex-direction:column;gap:18px}
.pg-head h2{margin:0;font-size:26px;letter-spacing:-.02em}
.pg-head p{margin:4px 0 0;color:var(--tx2);font-size:13.5px}
.pg-tabs{display:flex;gap:22px;border-bottom:1px solid var(--pline)}
.pg-tabs a{padding:10px 0 12px;font-size:14px;color:var(--tx2);font-weight:600;border-bottom:2px solid transparent;text-decoration:none}
.pg-tabs a[aria-current]{color:var(--tx);border-color:var(--por)}
.pg-tabs a:hover{color:var(--tx)}
.pg-tabs i{font-style:normal;color:var(--tx3);margin-left:5px}
.pp{background:var(--ppanel);border:1px solid var(--pline);border-radius:16px;padding:18px 20px;scroll-margin-top:16px;min-width:0}
.pp h3{margin:0;font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--tx3);text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;gap:10px}
.pp h3 a,.pc-more{color:var(--por);letter-spacing:.02em;text-transform:none;font-size:12.5px;text-decoration:none;font-weight:700;background:none;border:0;padding:4px 0;cursor:pointer;font-family:inherit}
.clist{list-style:none;margin:12px 0 0;padding:0}
.crow{display:grid;grid-template-columns:28px minmax(0,1fr) 100px 130px 120px;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--pline);font-size:13px}
.crow.hold{grid-template-columns:28px minmax(0,1fr) 90px 120px 110px 110px}
.crow.ch{border:0;padding:0 0 4px;font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--tx3)}
.crow[hidden]{display:none}
.crow b{font-weight:800}
.crow .who{min-width:0}
.crow .who a{color:var(--tx);text-decoration:none}.crow .who a:hover{text-decoration:underline}
.crow .sub{font-size:11.5px;color:var(--tx3);display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crow .r{text-align:right;min-width:0}
.crow .x{font-weight:800;font-size:14.5px}
.pres{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.04em}
.pres.w{color:var(--ppos);background:rgba(101,223,174,.1)}
.pres.l{color:var(--pneg);background:rgba(255,135,151,.1)}
.pres.o{color:var(--tx2);background:rgba(255,255,255,.06)}
.crow .wd{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--pwarn);margin-left:6px;white-space:nowrap}
.pg-two{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}
.pkv{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--pline);font-size:13px;color:var(--tx2)}
.pkv b{color:var(--tx);text-align:right}
.pkv .th{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.pkv .th span{display:inline-flex;gap:3px;align-items:center}
.pkv i{font-style:normal;color:var(--tx3);font-weight:500}
.pbig{font-size:30px;font-weight:800;letter-spacing:-.02em;margin:10px 0 2px;overflow-wrap:anywhere}
.pbig.rt{color:var(--ac)}
.pbig small{font-size:14px;color:var(--tx2);font-weight:600;margin-left:6px;letter-spacing:0}
.pbig small.up{color:var(--ppos)}.pbig small.dn{color:var(--pneg)}
.pcpage .pc-empty{margin-top:12px}
.pg-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 18px;padding-top:16px;border-top:1px solid var(--pline);font-size:12px;color:var(--tx3)}
.pg-foot span:last-child{margin-left:auto}
.owner-note{font-size:12px;color:var(--tx2);background:rgba(255,127,17,.08);border:1px solid rgba(255,127,17,.25);border-radius:10px;padding:9px 12px;margin:0}
.owner-note a{color:#ffc68a}

@media (max-width:1180px){
  .pcpage{grid-template-columns:372px minmax(0,1fr);gap:28px}
  .crow,.crow.hold{grid-template-columns:28px minmax(0,1fr) 84px 96px}
  .crow .so{display:none}
  .crow.hold .hcol{display:block}
  .crow.hold{grid-template-columns:28px minmax(0,1fr) 72px 104px 100px}
  .pg-two{grid-template-columns:1fr}
}
@media (max-width:960px){
  .pcpage{grid-template-columns:minmax(0,1fr);gap:22px;padding-top:18px}
  .pg-l{position:static}
  .crow{grid-template-columns:28px minmax(0,1fr) 100px 130px 110px}
  .crow.hold{grid-template-columns:28px minmax(0,1fr) 84px 110px 96px 100px}
  .crow .so{display:block}
  .pg-two{grid-template-columns:1.2fr 1fr}
}
@media (max-width:700px){
  .crow,.crow.hold{grid-template-columns:24px minmax(0,1fr) 78px 92px;gap:10px}
  .crow .so,.crow .hcol{display:none!important}
  .crow.ch{display:none}
  .pg-two{grid-template-columns:1fr}
  .pp{padding:14px 16px}
  .pg-tabs{gap:18px}
  .pg-foot span:last-child{margin-left:0}
}
@media (max-width:420px){.pg-l>*:not(.pc){width:100%}.crow .wd{display:block;margin:2px 0 0}}
@media (max-width:391px){.pc{--z:.9944}}
@media (max-width:376px){.pc{--z:.953}}
@media (max-width:360px){.pc{--z:.9}}
@media (max-width:330px){.pc{--z:.82}}
@media (max-width:520px){.cc{gap:12px;padding:12px 14px}#cards .person .follow{min-width:72px}}

/* reduced motion: no tilt, sheen, spin or glare; S keeps its resting foil; the flip is an instant face swap */
@media (prefers-reduced-motion:reduce){
  .pc .pc-3d,.pc.flipped .pc-3d{transition:none!important;transform:none!important}
  .pc .foil,.pc .glare{transition:none}
  .pc.interactive.t-A:hover .foil{animation:none;opacity:0}
  .pc.interactive.t-S:hover .foil{opacity:.3}
  .pc .glare{display:none}
  .pc-art .rosette{animation:none}
  .pc.flipped .pc-front{visibility:hidden}
  .pc.flipped .pc-back{transform:none}
  .pc-pop{animation:none}
}

/* ---------- ladder rows (Alpha › Ladder) ---------- */
.pc-ladder td{vertical-align:middle;height:62px}
.pc-ladder th:nth-child(3),.pc-ladder td:nth-child(3){text-align:left}
.pc-ladder td.rk{line-height:1.2;font-size:15px;color:#f4f4f5;font-weight:800;box-shadow:inset 3px 0 0 var(--ac)}
.pc-ladder tr.t-U td.rk{box-shadow:none}
.pc-ladder td.rk .mv{display:flex;align-items:center;gap:2px;font-size:10.5px;font-weight:700;margin-top:2px}
.pc-ladder .caller .pav{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--face);box-shadow:inset 0 0 0 1px var(--hair);flex:none;overflow:hidden}
.pc-ladder .caller .pav svg,.pc-ladder .caller .pav img{width:34px;height:34px}
.pc-ladder .who{display:flex;flex-direction:column;min-width:0}
.pc-ladder .who a{text-decoration:none}.pc-ladder .who a:hover{text-decoration:underline}
.pc-ladder .who .sub{font-size:11.5px;color:#8e8e97;font-weight:500}
.pc-ladder tr.t-S td{background:rgba(241,207,116,.045)}
.pc-ladder tr.t-A td{background:rgba(255,127,17,.03)}
.pc-ladder tr.you td{background:#2a1b10}

/* ---------- People cards (compact player cards inside the People grid) ---------- */
#cards .person.cc{padding:14px 16px;border-radius:16px;align-items:center}
#cards .person.cc::before{top:0;right:auto;width:3px;height:auto;bottom:0}
#cards .person .cc-av{height:64px;width:64px;border:0;border-radius:16px;padding:0;background:var(--face)}
#cards .person .cc-av.character{background:var(--face)}
#cards .person .cc-av .bond-avatar{width:58px;height:58px}
#cards .person .cc-name-row{display:flex;align-items:center;gap:6px;min-width:0}
#cards .person .name.cc-name{min-height:0;font-size:15.5px;font-weight:800;padding:0}
#cards .person .x-linked{display:inline-flex;flex:none}
#cards .person .cc-sub .handle{font-size:12px;color:var(--tx3);margin:0}
#cards .person .guild-link{color:var(--tx2);text-decoration:underline;text-decoration-color:rgba(180,180,187,.45);text-underline-offset:2px}
#cards .person .guild-link:hover{text-decoration:underline}
#cards .person .bio{margin:0;min-height:0;font-size:12px;line-height:1.4;color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cards .person .bottom{margin:0;justify-content:center}
#cards .person .follow{min-height:32px;min-width:84px;height:32px;font-size:12px}
#cards .person .follow.peach{background:var(--peach);border-color:var(--peach);color:#1a0f07}
#cards .person .follow:disabled{opacity:.7}
#cards .person .cc-foot{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--pline);padding-top:8px;font-size:11px}
#cards .person .alpha-rank{margin:0;color:#eac2a1}
#cards .person .inspect-calls{width:auto;min-height:32px;margin-left:auto}
.pcpage section,.pcpage .pp{margin:0}
section.pcpage{margin-top:8px}
.crow .who{overflow:hidden}@media (max-width:700px){.crow .wd{display:block;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis}}
.pc-ladder .tchip svg{width:15px;height:17px;flex:none}
.pc-ic{display:inline-block;vertical-align:-2px;flex:none}.pp h3 a,.pc-more{display:inline-flex;align-items:center;gap:4px}
.cc-line{gap:8px}#cards .person .follow{min-width:72px;padding:0 12px}#cards .person.cc{gap:12px}
.pc-hover-link{-webkit-touch-callout:none}
/* Design QA 2026-10-27 (D158 checklist): hit targets reach 40 px on phones. Compact controls keep their look and get an invisible hit area. */
@media(max-width:700px){.pcb{height:40px}.pg-tabs a{min-width:40px;text-align:center}.pc-flip::after{content:"";position:absolute;inset:-5px}.pp h3 a,.pc-more,#cards .person .follow{position:relative}.pp h3 a::after,.pc-more::after{content:"";position:absolute;inset:-9px 0}#cards .person .follow::after{content:"";position:absolute;inset:-4px 0}}