:root{
  --bg:#f3f6f3; --bg2:#ebefec; --card:#ffffff; --card2:#f6f9f7;
  --ink:#16201c; --mut:#6a776f; --dim:#a3b0a8;
  --line:#e7ebe8; --line2:#f0f3f1;
  --grn:#13a058; --grnd:#0c7a41; --grnl:#e9f6ef;
  --blue:#2f6bff; --bluel:#eef2fb; --gold:#c9962a; --goldl:#faf1dc;
  --red:#e0524a; --redl:#fdeceb; --purp:#7a4fd6; --purpl:#f4eefb;
  --heroA:#14352a; --heroB:#0f2a21; --heroC:#0a2019;
  --shadow:0 1px 2px rgba(20,40,30,.04);
  --shadow2:0 5px 18px rgba(15,40,26,.07);
}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;}
body{background:var(--bg);color:var(--ink);
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;}
.tnum{font-variant-numeric:tabular-nums;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
input,select{font-family:inherit;}
a{color:inherit;text-decoration:none;cursor:pointer;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px;}
::-webkit-scrollbar-thumb:hover{background:var(--dim);}

/* ===== top nav ===== */
.nav{height:58px;background:var(--card);border-bottom:1px solid var(--line);
  display:flex;align-items:center;gap:6px;padding:0 26px;position:sticky;top:0;z-index:40;}
.nav-logo{display:flex;align-items:center;gap:11px;padding-right:18px;margin-right:8px;border-right:1px solid var(--line);}
.nav-logo .m{width:31px;height:31px;border-radius:6px;background:var(--heroA);
  display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:13px;flex:0 0 auto;}
.nav-logo .wm{line-height:1;}
.nav-logo .wm .k{font-size:9px;font-weight:800;letter-spacing:.18em;color:var(--dim);text-transform:uppercase;}
.nav-logo .wm b{font-family:'Archivo Expanded',sans-serif;font-weight:900;font-size:16px;letter-spacing:-.01em;display:block;margin-top:2px;}
.nav-tab{font-size:13px;font-weight:600;color:var(--mut);padding:8px 13px;border-radius:9px;transition:.13s;}
.nav-tab:hover{background:var(--card2);color:var(--ink);}
.nav-tab.on{background:var(--grnl);color:var(--grnd);}
.nav-sp{flex:1;}
.nav-club{display:flex;align-items:center;gap:9px;padding:5px 13px 5px 6px;border-radius:8px;
  background:var(--card2);border:1px solid var(--line);}
.nav-club .b{width:24px;height:24px;border-radius:5px;background:#8a1220;color:#fff;display:flex;align-items:center;
  justify-content:center;font-size:10px;font-weight:800;}
.nav-club .n{font-size:12.5px;font-weight:700;}

/* ===== editorial header band ===== */
.band{background:linear-gradient(115deg,var(--heroA),var(--heroB) 52%,var(--heroC));color:#fff;position:relative;overflow:hidden;}
.band::after{content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 88px,transparent 88px 176px);pointer-events:none;}
.band-in{max-width:1280px;margin:0 auto;padding:28px 30px 0;position:relative;z-index:1;}
.crumb{font-size:11.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.62);
  display:flex;align-items:center;gap:9px;}
.crumb a:hover{color:#fff;}
.crumb .dot{opacity:.5;}
.crumb .cur{color:#fff;}
.band-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:16px;flex-wrap:wrap;}
.band h1{font-family:'Archivo Expanded',sans-serif;font-weight:900;font-size:38px;letter-spacing:-.015em;line-height:1;}
.band .lede{font-size:13.5px;color:rgba(255,255,255,.82);max-width:460px;line-height:1.5;margin-top:12px;}
.stats{display:flex;gap:0;margin-top:26px;border-top:1px solid rgba(255,255,255,.14);flex-wrap:wrap;}
.stat{padding:15px 26px 17px;border-right:1px solid rgba(255,255,255,.12);}
.stat:first-child{padding-left:0;}
.stat .n{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1;}
.stat .l{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-top:7px;}

/* ===== toolbar ===== */
.tools{max-width:1280px;margin:0 auto;padding:18px 30px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.seg{display:inline-flex;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:3px;gap:2px;box-shadow:var(--shadow);}
.seg button{font-size:13px;font-weight:700;color:var(--mut);padding:8px 16px;border-radius:6px;transition:.12s;display:flex;align-items:center;gap:7px;}
.seg button .c{font-size:11px;font-weight:700;color:var(--dim);}
.seg button.on{background:var(--grnd);color:#fff;}
.seg button.on .c{color:rgba(255,255,255,.75);}
.search{flex:1;min-width:220px;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);
  border-radius:8px;padding:0 14px;height:42px;box-shadow:var(--shadow);transition:.13s;}
.search:focus-within{border-color:var(--grn);box-shadow:0 0 0 3px var(--grnl);}
.search svg{width:16px;height:16px;color:var(--dim);flex:0 0 auto;}
.search input{border:none;outline:none;background:none;font-size:14px;font-weight:500;color:var(--ink);width:100%;}
.search input::placeholder{color:var(--dim);}
.selwrap{position:relative;}
.selwrap select{appearance:none;background:var(--card);border:1px solid var(--line);border-radius:8px;height:42px;
  padding:0 38px 0 14px;font-size:13.5px;font-weight:600;color:var(--ink);box-shadow:var(--shadow);cursor:pointer;}
.selwrap::after{content:"";position:absolute;right:15px;top:50%;width:7px;height:7px;border-right:2px solid var(--mut);
  border-bottom:2px solid var(--mut);transform:translateY(-70%) rotate(45deg);pointer-events:none;}

/* ===== layout ===== */
.layout{max-width:1280px;margin:0 auto;padding:4px 30px 60px;display:grid;grid-template-columns:1fr 316px;gap:20px;align-items:start;}
.layout.solo{grid-template-columns:1fr;}
.panel{background:var(--card);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);overflow:hidden;}
.panel-h{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--line);}
.panel-h .t{font-size:15px;font-weight:800;letter-spacing:-.01em;}
.panel-h .c{font-size:12px;font-weight:700;color:var(--mut);background:var(--card2);border:1px solid var(--line);border-radius:7px;padding:3px 9px;}
.panel-h .sp{flex:1;}
.panel-h .hint{font-size:11.5px;color:var(--dim);font-weight:600;}

/* ===== table ===== */
table{width:100%;border-collapse:collapse;}
thead th{position:sticky;top:58px;z-index:5;background:var(--card2);text-align:left;
  font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--mut);
  padding:11px 12px;border-bottom:1px solid var(--line);white-space:nowrap;user-select:none;}
thead th.sortable{cursor:pointer;}
thead th.sortable:hover{color:var(--ink);}
thead th .ar{opacity:0;font-size:9px;margin-left:3px;}
thead th.act{color:var(--grnd);}
thead th.act .ar{opacity:1;}
thead th.num,tbody td.num{text-align:center;}
thead th.rt,tbody td.rt{text-align:right;}
tbody td{padding:9px 12px;border-bottom:1px solid var(--line2);font-size:13.5px;vertical-align:middle;}
tbody tr{transition:background .1s;}
tbody tr.click{cursor:pointer;}
tbody tr:hover{background:var(--card2);}
tbody tr:last-child td{border-bottom:none;}
.rk{width:34px;color:var(--dim);font-weight:700;font-size:12px;text-align:center;}

.pl{display:flex;align-items:center;gap:11px;}
.fl{width:20px;height:14px;border-radius:2px;flex:0 0 auto;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.12);background:#e9edea;vertical-align:middle;display:inline-block;}
.fl-blank{display:inline-block;}
.cl .fl{width:21px;height:15px;}
.pl .fl{width:20px;height:14px;}
.pl .nm{font-weight:700;color:var(--ink);letter-spacing:-.005em;}
.pl .sub{font-size:11px;color:var(--dim);font-weight:600;margin-top:1px;}
tr:hover .pl .nm,tr:hover .cl .cn{color:var(--grnd);}

.cl{display:flex;align-items:center;gap:9px;}
.bdg{border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 auto;letter-spacing:.01em;
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5),inset 0 -3px 5px rgba(0,0,0,.24),0 1px 2px rgba(0,0,0,.28);}
.cl .bdg{width:22px;height:22px;font-size:9px;}
.cl .cn{font-weight:600;font-size:13px;}

.pos{display:inline-flex;gap:4px;}
.pos .p{font-size:10.5px;font-weight:800;letter-spacing:.02em;border-radius:5px;padding:2px 6px;}
.p.gk{background:var(--goldl);color:#9a7415;}
.p.def{background:var(--bluel);color:#2a56c8;}
.p.mid{background:var(--grnl);color:var(--grnd);}
.p.att{background:var(--redl);color:#c53a32;}

.rat{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:24px;padding:0 6px;border-radius:7px;
  font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;}
.pot{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:24px;padding:0 6px;border-radius:7px;
  font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;border:1.5px solid;background:transparent;}
.val{font-weight:800;font-variant-numeric:tabular-nums;text-align:right;letter-spacing:-.01em;}
.kid{display:inline-block;margin-left:6px;font-size:10px;font-weight:800;color:var(--gold);vertical-align:middle;}
.empty{padding:60px 20px;text-align:center;color:var(--dim);font-size:14px;font-weight:600;}
.tfoot{padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);
  font-size:12px;color:var(--mut);font-weight:600;}
.tfoot .ft-br{color:var(--dim);}
.showmore{font-size:12.5px;font-weight:800;color:var(--grnd);background:var(--grnl);border:1px solid transparent;
  border-radius:8px;padding:8px 18px;transition:.13s;}
.showmore:hover{background:var(--grn);color:#fff;box-shadow:0 2px 8px rgba(12,122,65,.25);}

/* ===== sidebar ===== */
aside{display:flex;flex-direction:column;gap:20px;position:sticky;top:78px;}
.side-h{display:flex;align-items:center;gap:8px;padding:14px 16px 12px;border-bottom:1px solid var(--line);}
.side-h .t{font-size:13px;font-weight:800;letter-spacing:-.01em;}
.side-h .t .ac{color:var(--grn);}
.side-h .lk{margin-left:auto;font-size:11px;color:var(--grn);font-weight:700;}
.srow{display:flex;align-items:center;gap:11px;padding:10px 16px;border-bottom:1px solid var(--line2);transition:.1s;cursor:pointer;}
.srow:last-child{border-bottom:none;}
.srow:hover{background:var(--card2);}
.srow:hover .info .n{color:var(--grnd);}
.srow .rr{font-size:11px;font-weight:800;color:var(--dim);width:15px;text-align:center;flex:0 0 auto;}
.srow .info{flex:1;min-width:0;}
.srow .info .n{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.srow .info .s{font-size:11px;color:var(--dim);font-weight:600;margin-top:1px;}
.reg{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line2);width:100%;text-align:left;transition:.1s;}
.reg:last-child{border-bottom:none;}
.reg:hover{background:var(--card2);}
.reg.on{background:var(--grnl);}
.reg .fl{width:22px;height:15px;}
.reg .n{font-size:13px;font-weight:700;flex:1;}
.reg .c{font-size:11.5px;font-weight:700;color:var(--mut);font-variant-numeric:tabular-nums;}

/* ===== profile pages ===== */
.prof{max-width:1280px;margin:0 auto;padding:22px 30px 70px;}
.back{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--mut);margin-bottom:16px;padding:7px 13px 7px 10px;border-radius:9px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);transition:.12s;}
.back:hover{color:var(--ink);background:var(--card2);}
.back svg{width:14px;height:14px;}

/* profile hero */
.phero{border-radius:10px;overflow:hidden;box-shadow:var(--shadow2);border:1px solid var(--line);}
.phero-top{background:linear-gradient(115deg,var(--heroA),var(--heroB) 55%,var(--heroC));color:#fff;padding:26px 30px;
  display:flex;align-items:center;gap:22px;position:relative;overflow:hidden;}
.phero-top::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 70px,transparent 70px 140px);}
.phero-badge{width:78px;height:78px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;
  color:#fff;flex:0 0 auto;box-shadow:0 4px 12px rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.22);position:relative;z-index:1;}
.phero-id{position:relative;z-index:1;flex:1;min-width:0;}
.phero-id .fl{width:26px;height:18px;margin-bottom:11px;box-shadow:0 0 0 1px rgba(255,255,255,.3) inset;}
.phero-id h2{font-family:'Archivo Expanded',sans-serif;font-weight:900;font-size:30px;letter-spacing:-.02em;line-height:1;}
.phero-id .meta{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap;font-size:12.5px;color:rgba(255,255,255,.85);font-weight:600;}
.phero-id .meta .b{background:rgba(255,255,255,.16);border-radius:7px;padding:3px 9px;font-weight:700;font-size:11.5px;}
.phero-rt{position:relative;z-index:1;display:flex;gap:12px;flex:0 0 auto;}
.bigrat{text-align:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:11px 16px;min-width:74px;}
.bigrat .v{font-size:30px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;}
.bigrat .l{font-size:9.5px;font-weight:800;letter-spacing:.13em;opacity:.72;margin-top:5px;}
.bigrat.pot .v{color:#bff3d0;}
.phero-strip{background:var(--card);display:flex;flex-wrap:wrap;}
.pstat{padding:14px 22px;border-right:1px solid var(--line);border-top:1px solid var(--line);flex:1;min-width:120px;}
.pstat .l{font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);}
.pstat .v{font-size:15px;font-weight:800;margin-top:5px;letter-spacing:-.01em;}
.pstat .v small{font-size:11px;color:var(--mut);font-weight:600;}

/* profile grid */
.pgrid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-top:20px;align-items:start;}
@media(max-width:900px){.pgrid{grid-template-columns:1fr;}}

/* attributes */
.attrs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:26px;padding:18px;}
@media(max-width:640px){.attrs{grid-template-columns:1fr;}}
.attrcol h4{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--grnd);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--line);}
.attr{display:flex;align-items:center;gap:10px;margin-bottom:9px;}
.attr .an{font-size:12px;font-weight:600;color:var(--mut);flex:1;white-space:nowrap;}
.attr .av{font-size:12.5px;font-weight:800;font-variant-numeric:tabular-nums;width:18px;text-align:right;}
.attr .bar{width:56px;height:6px;border-radius:4px;background:var(--line);overflow:hidden;flex:0 0 auto;}
.attr .bar i{display:block;height:100%;border-radius:4px;}

/* value chart */
.vchart{padding:18px;}
.vchart .peak{display:flex;align-items:baseline;gap:9px;margin-bottom:6px;}
.vchart .peak .v{font-size:26px;font-weight:900;letter-spacing:-.02em;}
.vchart .peak .d{font-size:12px;font-weight:700;}
.vchart .peak .d.up{color:var(--grn);} .vchart .peak .d.dn{color:var(--red);}
.vchart svg{width:100%;height:92px;margin-top:10px;display:block;overflow:visible;}
.vaxis{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;font-weight:700;color:var(--dim);}

/* bio / info list */
.info-list{padding:6px 18px 14px;}
.info-list .r{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line2);font-size:13px;}
.info-list .r:last-child{border-bottom:none;}
.info-list .r .k{color:var(--mut);font-weight:600;}
.info-list .r .v{font-weight:700;text-align:right;}
.bio{padding:16px 18px;font-size:13.5px;line-height:1.6;color:var(--ink);}
.bio b{color:var(--grnd);}

.honour{display:flex;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid var(--line2);}
.honour:last-child{border-bottom:none;}
.honour .ic{width:30px;height:30px;border-radius:9px;background:var(--goldl);color:var(--gold);display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.honour .ic svg{width:16px;height:16px;}
.honour .n{font-size:13px;font-weight:700;flex:1;}
.honour .ct{font-size:15px;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums;}

.chips{display:flex;flex-wrap:wrap;gap:7px;padding:14px 18px;}
.chip2{font-size:12px;font-weight:700;background:var(--card2);border:1px solid var(--line);border-radius:8px;padding:7px 11px;display:flex;align-items:center;gap:7px;cursor:pointer;transition:.12s;}
.chip2:hover{border-color:var(--grn);color:var(--grnd);}

@media(max-width:1080px){ .layout{grid-template-columns:1fr;} aside{position:static;} }
@media(max-width:620px){ .stat{padding:14px 16px;} .band h1{font-size:29px;} thead th,tbody td{padding:8px;} .phero-top{flex-wrap:wrap;} }

/* ===== visual polish — bring it to life ===== */
@keyframes riseIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
@media(prefers-reduced-motion:no-preference){
  .panel,.phero,.prof>.back{animation:riseIn .34s cubic-bezier(.2,.7,.2,1) both;}
  aside .panel:nth-child(2){animation-delay:.05s;} aside .panel:nth-child(3){animation-delay:.1s;}
}
/* livelier header band: soft brand glow + inner depth + sheen on the big stats */
.band{box-shadow:inset 0 -1px 0 rgba(0,0,0,.18);}
.band::before{content:"";position:absolute;top:-45%;right:-4%;width:540px;height:540px;border-radius:50%;
  background:radial-gradient(circle,rgba(30,205,120,.22),transparent 60%);pointer-events:none;z-index:0;}
.stat .n{background:linear-gradient(180deg,#fff,rgba(255,255,255,.7));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
/* rows: green accent bar + snappier hover */
tbody tr.click{transition:background .12s,box-shadow .12s;}
tbody tr.click:hover{box-shadow:inset 3px 0 0 var(--grn);}
/* rating badges & bars get depth/shine */
.rat{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 2px rgba(20,40,30,.10);}
.attr .bar i{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);}
/* interactive cards lift a touch */
.chip2{transition:.14s;} .chip2:hover{transform:translateY(-1px);box-shadow:var(--shadow);}
.srow,.reg{transition:background .12s,box-shadow .12s;}
.srow:hover,.reg:hover{box-shadow:inset 3px 0 0 var(--grn);}
.seg button.on{box-shadow:0 2px 7px rgba(12,122,65,.3);}
.nav-tab.on{box-shadow:inset 0 0 0 1px rgba(19,160,88,.22);}
/* profile hero: sheen, presence, glowing rating */
.phero{box-shadow:0 12px 34px rgba(15,40,26,.14);}
.phero-top{box-shadow:inset 0 -70px 70px -46px rgba(0,0,0,.4);}
.phero-badge{box-shadow:0 6px 18px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.28);}
.bigrat{backdrop-filter:blur(3px);} .bigrat .v{text-shadow:0 1px 10px rgba(0,0,0,.22);}
/* nav mark gradient */
.nav-logo .m{background:linear-gradient(135deg,var(--grn),var(--heroA));box-shadow:0 2px 9px rgba(12,122,65,.32);}
/* "live" indicator pill */
.nav-club .livedot{width:8px;height:8px;border-radius:50%;background:var(--grn);flex:0 0 auto;animation:pulse 2.2s infinite;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(19,160,88,.5);}70%{box-shadow:0 0 0 7px rgba(19,160,88,0);}100%{box-shadow:0 0 0 0 rgba(19,160,88,0);}}

/* ============================================================
   PREMIUM PASS — richer materials, depth, typography
   ============================================================ */
:root{
  --shadow:0 1px 2px rgba(16,32,24,.05),0 1px 1px rgba(16,32,24,.04);
  --shadow2:0 6px 16px rgba(15,40,26,.08),0 18px 44px rgba(15,40,26,.12);
  --ring:inset 0 0 0 1px rgba(16,32,24,.05);
}
body{background:radial-gradient(1100px 480px at 100% -140px,rgba(19,160,88,.055),transparent 60%),var(--bg);}
/* frosted sticky nav */
.nav{background:rgba(255,255,255,.8);backdrop-filter:saturate(1.5) blur(14px);-webkit-backdrop-filter:saturate(1.5) blur(14px);border-bottom:1px solid rgba(16,32,24,.07);}
/* deeper, more dimensional header band */
.band{background:linear-gradient(152deg,#123227,#0d251c 55%,#07160f);box-shadow:inset 0 -1px 0 rgba(0,0,0,.28);}
.band::before{background:radial-gradient(560px 520px at 84% -30%,rgba(28,200,118,.26),transparent 58%);}
.band h1{font-size:42px;letter-spacing:-.022em;text-shadow:0 2px 26px rgba(0,0,0,.28);}
.band .lede{color:rgba(255,255,255,.8);}
.stat .n{font-size:26px;}
/* premium panels */
.panel{border-color:rgba(16,32,24,.07);border-radius:13px;box-shadow:var(--shadow),var(--ring);}
.panel-h{padding:16px 19px;}
.panel-h .t{font-size:14.5px;letter-spacing:-.012em;}
/* toolbar controls, refined */
.seg,.search,.selwrap select{border-radius:11px;border-color:rgba(16,32,24,.09);box-shadow:var(--shadow);}
/* rating chips as premium material */
.rat{background-image:linear-gradient(180deg,rgba(255,255,255,.22),rgba(0,0,0,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 1px 2px rgba(16,32,24,.16);}
.pos .p{box-shadow:inset 0 0 0 1px rgba(0,0,0,.03);}
/* premium profile hero */
.phero{border-radius:17px;border-color:rgba(16,32,24,.06);box-shadow:var(--shadow2);}
.phero-top{padding:30px 34px;}
.phero-top::before{content:"";position:absolute;inset:0;background:radial-gradient(620px 240px at 14% -10%,rgba(255,255,255,.16),transparent 68%);z-index:0;pointer-events:none;}
.phero-id h2{font-size:33px;text-shadow:0 2px 22px rgba(0,0,0,.3);}
.phero-badge{border-radius:15px;box-shadow:0 10px 26px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,255,255,.3);}
.bigrat{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:13px;box-shadow:0 8px 20px rgba(0,0,0,.2);}
.bigrat .v{font-size:32px;}
/* huge faded crest watermark behind the hero */
.phero-wm{position:absolute;right:-6px;top:50%;transform:translateY(-50%);font-family:'Archivo Expanded',sans-serif;
  font-weight:900;font-size:168px;letter-spacing:-.045em;line-height:1;color:rgba(255,255,255,.065);z-index:0;pointer-events:none;user-select:none;white-space:nowrap;}
/* attribute bars with sheen */
.attr .bar{height:7px;background:rgba(16,32,24,.07);}
.attr .bar i{background-image:linear-gradient(90deg,rgba(255,255,255,.4),rgba(255,255,255,0) 60%);}
/* buttons / chips radii */
.back,.showmore,.chip2{border-radius:11px;}
.back{box-shadow:var(--shadow);}
::-webkit-scrollbar-thumb{background:rgba(16,32,24,.15);}

/* ============================================================
   BLUE THEME — matches the Worlds Wiki logo
   ============================================================ */
:root{
  --grn:#3f74f0; --grnd:#1e50c8; --grnl:#e8efff;       /* brand accent -> logo blue */
  --heroA:#2b57cf; --heroB:#1d43a6; --heroC:#132f82;    /* blue hero */
  --ink:#152142; --mut:#5a6a90; --dim:#93a1c6;
  --line:#e2e8f7; --line2:#eef2fc; --card2:#f3f6ff;
  --shadow:0 1px 2px rgba(10,26,66,.10),0 1px 1px rgba(10,26,66,.06);
  --shadow2:0 8px 18px rgba(10,26,66,.18),0 22px 50px rgba(10,26,66,.22);
  --ring:inset 0 0 0 1px rgba(10,26,66,.05);
}
/* blue "desk" — white content cards float on it */
body{
  background-color:#2a55c6;
  background-image:
    radial-gradient(1100px 620px at 50% -160px, rgba(122,172,255,.5), transparent 60%),
    linear-gradient(180deg,#3a66e2 0%,#274fbe 55%,#1c3f9c 100%);
  background-attachment:fixed;
  color:var(--ink);
}
/* header band: deep blue, anchors the top */
.band{background:linear-gradient(152deg,#1d3fa2,#16328a 55%,#0f2569);box-shadow:inset 0 -1px 0 rgba(0,0,0,.32);}
.band::before{background:radial-gradient(560px 520px at 84% -30%,rgba(92,192,255,.34),transparent 58%);}
.nav{background:rgba(255,255,255,.9);}
/* midfielders stay green so positions stay distinct from (blue) defenders */
.p.mid{background:#e5f6ec;color:#1b8c4b;}
/* live dot -> logo light blue */
.nav-club .livedot{background:#5cc0ff;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(92,192,255,.5);}70%{box-shadow:0 0 0 7px rgba(92,192,255,0);}100%{box-shadow:0 0 0 0 rgba(92,192,255,0);}}
/* nav logo = real logo image (replaces the WW tile) */
.nav-logo img.m{width:32px;height:32px;border-radius:9px;display:block;background:none;padding:0;box-shadow:0 2px 7px rgba(10,26,66,.3);}

/* ===== discovery hub ===== */
.mcol{display:flex;flex-direction:column;gap:22px;min-width:0;}
.disco{animation:riseIn .34s cubic-bezier(.2,.7,.2,1) both;}
.disco-head{display:flex;align-items:baseline;gap:11px;margin:0 2px 12px;}
.disco-head h2{font-family:'Archivo Expanded',sans-serif;font-weight:800;font-size:18px;color:#fff;letter-spacing:-.01em;text-shadow:0 1px 10px rgba(0,0,0,.25);}
.disco-head span{font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.6);}
.disco-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;}
.dcard{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 13px;box-shadow:var(--shadow),var(--ring);cursor:pointer;transition:transform .14s,box-shadow .14s;text-align:left;width:100%;}
.dcard:hover{transform:translateY(-2px);box-shadow:var(--shadow2);}
.dcard .drank{font-family:'Archivo Expanded',sans-serif;font-weight:900;font-size:14px;color:var(--dim);min-width:16px;text-align:center;flex:0 0 auto;}
.dcard .dbadge{width:34px;height:34px;border-radius:9px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 1px 3px rgba(0,0,0,.2);}
.dcard .dinfo{flex:1;min-width:0;}
.dcard .dname{font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:var(--ink);letter-spacing:-.005em;}
.dcard .dsub{font-size:11px;color:var(--mut);font-weight:600;display:flex;align-items:center;gap:5px;margin-top:2px;white-space:nowrap;overflow:hidden;}
.dcard .rat{flex:0 0 auto;}
.disco-empty{background:rgba(255,255,255,.9);border:1px dashed var(--line);border-radius:12px;padding:20px 18px;font-size:13px;font-weight:600;color:var(--mut);}
.disco-empty a{color:var(--grnd);font-weight:700;text-decoration:underline;}
.disco-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;}
.dphoto{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:var(--shadow);transition:transform .14s,box-shadow .14s;text-align:left;}
.dphoto:hover{transform:translateY(-2px);box-shadow:var(--shadow2);}
.dphoto img{width:100%;height:98px;object-fit:cover;display:block;background:var(--card2);}
.dphoto span{display:block;padding:8px 10px;font-size:11.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);}

/* ===== discovery polish ===== */
/* club-colour spine + colour-matched hover glow */
.dcard{box-shadow:inset 3px 0 0 var(--cc,var(--line)),var(--shadow);padding:11px 14px;}
.dcard:hover{box-shadow:inset 3px 0 0 var(--cc,var(--grn)),0 10px 24px -6px color-mix(in srgb,var(--cc,#3f74f0) 42%,transparent);}
.dphoto:hover{box-shadow:0 10px 24px -6px rgba(10,26,66,.35);}
/* top-3 rank medals */
.dcard .drank{font-size:15px;}
.dcard .drank.r1{color:#e6ad1f;} .dcard .drank.r2{color:#a6b4cc;} .dcard .drank.r3{color:#c8894e;}
/* accent bar before each section title */
.disco-head{align-items:center;}
.disco-head::before{content:"";width:4px;height:18px;border-radius:2px;flex:0 0 auto;
  background:linear-gradient(#8fd6ff,#3f9be8);box-shadow:0 0 12px rgba(120,200,255,.55);}
/* friendlier empty states */
.disco-empty{text-align:center;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:rgba(255,255,255,.85);}
.disco-empty a{color:#bfe0ff;}