/* The Juice League — trophy-room theme, extended from the operator's kit. */
:root{
  --gold1:#f8e39a; --gold2:#e6bd52; --gold3:#b8860b; --goldhi:#fff6d0;
  --ink:#2a2016; --paper:#f3e8d4; --dim:#cdbfa6; --dim2:#b7a88d;
  --card1:#2f2417; --card2:#241a11; --line:#4a3a24; --shame:#d98fb0;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'Trebuchet MS','Segoe UI',system-ui,sans-serif;
  background:
    radial-gradient(1200px 500px at 50% -10%, #3a2c1c 0%, transparent 60%),
    linear-gradient(180deg,#241a12 0%, #17110b 100%);
  color:var(--paper); min-height:100vh; padding:26px 16px 80px;
}
.wrap{max-width:1180px;margin:0 auto}
header.site{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:10px;text-align:center}
header.site .logo{width:74px;height:74px}
h1.title{
  font-size:clamp(26px,5vw,44px); letter-spacing:.5px;
  background:linear-gradient(180deg,var(--goldhi),var(--gold2) 55%,var(--gold3));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 2px 0 rgba(0,0,0,.25);
}
.tag{color:var(--dim);font-size:15px}
nav.tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:18px 0 28px}
nav.tabs a{
  color:var(--paper);text-decoration:none;font-weight:700;font-size:14px;
  padding:9px 16px;border:1px solid var(--line);border-radius:999px;
  background:linear-gradient(180deg,#2f2417,#241a11);
}
nav.tabs a.on{background:linear-gradient(180deg,#e9c977,#c99a35);color:var(--ink);border-color:#8a6a22}
h2.sect{
  text-align:center;margin:34px 0 18px;font-size:clamp(20px,3vw,28px);
  background:linear-gradient(180deg,var(--goldhi),var(--gold2));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.sub{color:var(--dim2);text-align:center;font-size:14px;margin:-10px 0 18px}

.shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:26px}
.case{
  background:linear-gradient(180deg,var(--card1) 0%,var(--card2) 100%);
  border:1px solid var(--line);border-radius:18px;padding:22px 18px 20px;
  box-shadow:0 18px 40px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05);
  display:flex;flex-direction:column;align-items:center;
}
.case svg.trophy{width:100%;height:300px;display:block;filter:drop-shadow(0 12px 14px rgba(0,0,0,.45))}
.plaque{
  margin-top:14px;width:100%;text-align:center;
  background:linear-gradient(180deg,#e9c977,#c99a35);
  color:#3a2a10;border-radius:9px;padding:9px 8px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 8px rgba(0,0,0,.4);
  border:1px solid #8a6a22;
}
.plaque .yr{font-size:22px;font-weight:800;letter-spacing:1px;line-height:1}
.plaque .ti{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-top:3px;opacity:.85}
.plaque .who{font-size:14px;font-weight:800;margin-top:4px}
.plaque .mgr{font-size:11px;margin-top:2px;opacity:.8}
.sacko-case .plaque{background:linear-gradient(180deg,#d98fb0,#b25c86);color:#3a1226;border-color:#7c3357}
.runnerup{color:var(--dim);font-size:12.5px;margin-top:8px;text-align:center}

.callout{
  max-width:760px;margin:26px auto 0;text-align:center;
  border:1px solid #8a6a22;border-radius:14px;padding:16px 18px;
  background:linear-gradient(180deg,rgba(233,201,119,.12),rgba(201,154,53,.06));
  color:var(--gold1);font-size:15px;line-height:1.6;
}
.callout b{color:var(--goldhi)}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}
.fcard{
  background:linear-gradient(180deg,var(--card1),var(--card2));
  border:1px solid var(--line);border-radius:16px;padding:16px;
}
.fcard .head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.fcard img.av, .fcard .av-fallback{width:46px;height:46px;border-radius:50%;border:2px solid var(--gold2);object-fit:cover}
.fcard .av-fallback{display:flex;align-items:center;justify-content:center;background:#3a2c1c;font-weight:800;color:var(--gold1)}
.fcard .tn{font-weight:800;font-size:17px}
.fcard .mg{color:var(--dim);font-size:12.5px}
.rings{margin-left:auto;font-size:17px;letter-spacing:2px}
.chew{margin-left:6px;font-size:15px}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:13.5px;color:var(--dim)}
.stats b{color:var(--paper)}
.statline{grid-column:1 / -1;border-top:1px dashed var(--line);padding-top:6px;margin-top:4px}

.rrow{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;
  background:linear-gradient(180deg,var(--card1),var(--card2));
  border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin-bottom:12px;
}
.rrow .rname{font-weight:800;color:var(--gold1);min-width:210px}
.rrow .rval{font-weight:800;font-size:19px}
.rrow .rwho{color:var(--paper)}
.rrow .rctx{color:var(--dim2);font-size:13px}

.season-block{margin-bottom:30px}
.awgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.award{
  border:1px solid var(--line);border-radius:12px;padding:12px 14px;
  background:linear-gradient(180deg,var(--card1),var(--card2));
}
.award .an{font-weight:800;color:var(--gold1)}
.award .aw{font-weight:700;margin-top:3px}
.award .ab{color:var(--dim2);font-size:12px;margin-top:2px}
.award .as{color:var(--dim);font-size:12.5px;margin-top:2px}

.trade{
  border:1px solid var(--line);border-radius:14px;margin-bottom:14px;
  background:linear-gradient(180deg,var(--card1),var(--card2));padding:14px 16px;
}
.trade .thead{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline}
.trade .tid{color:var(--dim2);font-size:12px}
.trade .gavel{margin-left:auto;font-weight:800;color:var(--gold1);font-size:14px}
.tsides{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:10px}
.tside{border:1px dashed var(--line);border-radius:10px;padding:10px 12px;font-size:13.5px}
.tside .tteam{font-weight:800;color:var(--gold1);margin-bottom:4px}
.tside li{margin-left:16px;color:var(--paper)}
.tside .pk{color:#9ecbff}
.tside .fb{color:#8bd07c}
.courtrow{margin-top:12px;border-top:1px dashed var(--line);padding-top:10px}
.scale{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.scale button{
  border:1px solid var(--line);background:transparent;color:var(--paper);
  border-radius:8px;padding:6px 11px;font-weight:800;cursor:pointer;font-size:14px;
}
.scale button.sel{background:linear-gradient(180deg,#e9c977,#c99a35);color:var(--ink)}
.scale .lbl{color:var(--dim2);font-size:11.5px}
.cbtn{border:0;border-radius:8px;padding:7px 12px;font-weight:700;cursor:pointer;
  background:linear-gradient(180deg,#e9c977,#c99a35);color:var(--ink);font-size:13px}
.ghostbtn{border:1px solid var(--line);background:transparent;color:var(--paper);
  border-radius:8px;padding:7px 12px;font-weight:700;cursor:pointer;font-size:13px}
.comments{margin-top:10px;font-size:13.5px}
.comment{border-left:3px solid var(--gold3);padding:4px 10px;margin:6px 0;color:var(--paper)}
.comment .cm{color:var(--gold1);font-weight:700}
.comment .ct{color:var(--dim2);font-size:11px;margin-left:6px}
textarea.cbox{width:100%;background:#1c140d;border:1px solid var(--line);border-radius:8px;
  color:var(--paper);padding:8px;font-family:inherit;font-size:13.5px;margin-top:6px}
select.mgr{background:#1c140d;color:var(--paper);border:1px solid var(--line);
  border-radius:8px;padding:7px 10px;font-size:13.5px}
input.pass{background:#1c140d;color:var(--paper);border:1px solid var(--line);
  border-radius:8px;padding:8px 10px;font-size:14px}

.gate{
  max-width:520px;margin:0 auto 24px;text-align:center;border:1px solid var(--line);
  border-radius:14px;padding:18px;background:linear-gradient(180deg,var(--card1),var(--card2));
}
.gate .judge{width:110px;height:110px;margin:0 auto 6px}
.honesty{color:var(--dim2);font-size:12px;margin-top:8px}
.leader{margin:0 0 26px}
.leader ol{margin-left:26px}
.leader li{margin:7px 0;font-size:14.5px}
.leader .avg{font-weight:800;color:var(--shame)}
.empty{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--dim);
  padding:30px 0;text-align:center}
.empty svg{width:170px;height:110px}
.err{color:#ff8a8a;font-size:13px;min-height:16px;margin-top:6px}
.note{max-width:1180px;margin:30px auto 0;text-align:center;color:var(--dim2);font-size:13px;line-height:1.6}
footer{margin-top:44px;text-align:center;color:#7d6f58;font-size:12px}
footer a{color:#9c8a68}
@media (max-width:640px){ .rrow .rname{min-width:100%} }