:root{
  --bg:#050506;--panel:#0e0f12;--panel2:#15171b;--line:#272a30;
  --text:#f7f7f8;--muted:#9fa4ad;--red:#e4002b;--red2:#ff3155;
  --blue:#a30f29;--blue2:#e4002b;--silver:#d9dce2;--green:#4ade80
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(1180px,calc(100% - 28px));margin:auto}
.topbar{border-bottom:1px solid var(--line);background:#090a0c;padding:8px 0;text-align:center;color:#9297a1;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
header{position:sticky;top:0;z-index:20;background:rgba(5,5,6,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.07)}
.nav{min-height:72px;display:flex;align-items:center;gap:22px}.brand{font-weight:1000;letter-spacing:-.04em;font-size:24px}.brand b{color:var(--red)}
.navlinks{margin-left:auto;display:flex;gap:18px;color:#cfd2d8;font-size:13px;font-weight:800}.navlinks a:hover{color:white}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);padding:58px 0 44px}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,rgba(228,0,43,.22),transparent 32%),radial-gradient(circle at 5% 100%,rgba(228,0,43,.20),transparent 32%);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.4fr .6fr;gap:34px;align-items:end}
.eyebrow{font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#ff6b83;margin-bottom:12px}
h1{font-size:clamp(48px,8vw,92px);line-height:.88;letter-spacing:-.065em;margin:0 0 18px;text-transform:uppercase}
.hero p{max-width:720px;color:#b8bdc7;font-size:17px;line-height:1.6;margin:0}
.team-mark{justify-self:end;text-align:right}.team-mark .school{font-size:14px;color:#ff9aaa;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.team-mark .record{font-size:54px;font-weight:1000;letter-spacing:-.06em;margin-top:5px}
.meta-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:#0a0b0d}
.meta{padding:19px 24px;border-right:1px solid var(--line)}.meta:last-child{border-right:0}.meta small{display:block;color:#777e89;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;margin-bottom:5px}.meta strong{font-size:16px}
main{padding:36px 0 70px}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:22px}.search{flex:1;background:#0d0f12;border:1px solid var(--line);color:white;border-radius:8px;padding:13px 14px;outline:none}.search:focus{border-color:#47627e}.count{color:#8f95a0;font-size:13px;font-weight:700}
.roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.player-card{position:relative;display:grid;grid-template-columns:74px 1fr 90px;gap:16px;align-items:center;background:linear-gradient(135deg,#111317,#0a0b0e);border:1px solid var(--line);padding:18px;border-radius:10px;cursor:pointer;transition:.18s ease;overflow:hidden}
.player-card:hover{transform:translateY(-2px);border-color:#3d4651}.player-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--blue2)}
.jersey{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#2a0710;border:2px solid #e4002b;font-weight:1000;font-size:23px}
.player-name{font-size:21px;font-weight:1000;letter-spacing:-.035em}.player-sub{margin-top:5px;color:#969ca6;font-size:12px;font-weight:700}.player-type{margin-top:7px;color:#dfe3e8;font-size:12px}
.ovr{text-align:center}.ovr strong{display:block;font-size:35px;line-height:1;font-weight:1000}.ovr span{display:block;margin-top:3px;color:#858b94;font-size:9px;font-weight:900;letter-spacing:.14em}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:0 0 15px}.section-head h2{margin:0;font-size:27px;letter-spacing:-.04em}.section-head span{color:#7d838d;font-size:12px}
footer{border-top:1px solid var(--line);padding:28px 0 50px;color:#7e848d;font-size:12px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:50;display:none;overflow:auto;padding:22px}.modal.open{display:block}
.profile{width:min(920px,100%);margin:20px auto;background:#090a0c;border:1px solid #30343a;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.profile-top{position:relative;padding:32px;background:linear-gradient(135deg,#19070b,#0d1014 60%,#24030a)}.close{position:absolute;right:18px;top:16px;border:1px solid #3a3d43;background:#111318;color:white;width:38px;height:38px;border-radius:50%;cursor:pointer}
.profile-header{display:grid;grid-template-columns:105px 1fr 120px;gap:22px;align-items:center}.big-jersey{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:#2a0710;border:3px solid #e4002b;font-size:40px;font-weight:1000}
.profile h2{font-size:38px;line-height:1;margin:0 0 8px;letter-spacing:-.05em}.profile .tagline{color:#b7bcc5}.big-ovr{text-align:center}.big-ovr strong{font-size:62px;line-height:.9}.big-ovr small{display:block;font-size:10px;letter-spacing:.16em;color:#9da3ad;font-weight:900;margin-top:8px}
.profile-body{padding:26px 30px 34px}.bio-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:25px}.bio{background:#101216;border:1px solid #25282d;border-radius:8px;padding:12px}.bio small{display:block;color:#7f8690;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.bio strong{display:block;margin-top:5px;font-size:13px}
.attrs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px}.attr{display:grid;grid-template-columns:145px 1fr 36px;gap:10px;align-items:center;font-size:12px}.attr-name{color:#b8bdc6}.bar{height:7px;background:#23262b;border-radius:20px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#a30f29,#e4002b)}.attr-val{text-align:right;font-weight:900}
.demo-note{margin-top:24px;border:1px solid #49331a;background:#171008;border-radius:9px;padding:14px;color:#d9b98f;font-size:12px;line-height:1.55}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.team-mark{justify-self:start;text-align:left}.meta-strip{grid-template-columns:repeat(2,1fr)}.roster{grid-template-columns:1fr}.profile-header{grid-template-columns:80px 1fr}.big-ovr{grid-column:1/-1;text-align:left}.big-jersey{width:78px;height:78px;font-size:30px}.bio-grid{grid-template-columns:repeat(2,1fr)}.attrs{grid-template-columns:1fr}.player-card{grid-template-columns:62px 1fr 65px}.jersey{width:52px;height:52px}}
@media(max-width:520px){.navlinks{display:none}.hero{padding-top:38px}.meta{padding:15px}.profile-body{padding:20px}.profile-top{padding:25px 20px}.profile h2{font-size:29px}.attr{grid-template-columns:118px 1fr 30px}}

.account-btn{border:1px solid #343842;background:#111318;color:#fff;border-radius:8px;padding:10px 13px;font-size:12px;font-weight:900;cursor:pointer}
.account-btn:hover{border-color:#59616d}
.account-section{border-top:1px solid var(--line);padding:42px 0 60px;background:#07080a}
.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.account-card{padding:22px}
.account-card h3{font-size:26px;letter-spacing:-.04em;margin:0 0 12px}
.form-stack{display:grid;gap:10px}
.form-stack input{width:100%;background:#0a0b0e;border:1px solid #2b2e34;color:#fff;border-radius:8px;padding:13px 14px;outline:none}
.form-stack input:focus{border-color:#4f6f95}
.primary-btn,.secondary-btn{border-radius:8px;padding:12px 14px;font-weight:900;cursor:pointer}
.primary-btn{border:1px solid #9d142b;background:#b81733;color:#fff}
.secondary-btn{border:1px solid #333740;background:#111318;color:#fff}
.account-note{color:#8e949e;font-size:12px;line-height:1.55;margin:12px 0 0}
.dashboard-card{grid-column:1/-1}
.dashboard-top{display:flex;justify-content:space-between;gap:18px;align-items:start}
.wallet-box{min-width:110px;text-align:center;background:#10141a;border:1px solid #2c343e;border-radius:10px;padding:14px}
.wallet-box small,.dashboard-stats small{display:block;color:#7f8792;font-size:9px;font-weight:900;letter-spacing:.14em}
.wallet-box strong{font-size:34px}
.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.dashboard-stats>div{background:#0d0f12;border:1px solid #252930;border-radius:8px;padding:13px}
.dashboard-stats strong{display:block;margin-top:6px}
.dashboard-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:800px){.account-grid{grid-template-columns:1fr}.dashboard-card{grid-column:auto}.dashboard-stats{grid-template-columns:1fr 1fr}.account-btn{display:none}}

.compact-head{margin-bottom:16px}.compact-head h2{font-size:25px;margin-top:2px}
.upgrade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.upgrade-item{border:1px solid #262a31;background:#0b0d10;border-radius:9px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
.upgrade-item h4{margin:0 0 5px;font-size:14px}.upgrade-meta{color:#8d949e;font-size:11px}.upgrade-values{font-weight:1000;font-size:15px;margin-top:5px}.upgrade-values b{color:#63b0ff}.upgrade-buy{text-align:right}.upgrade-cost{display:block;color:#d9b98f;font-size:11px;font-weight:900;margin-bottom:7px}.upgrade-btn{border:1px solid #8f2436;background:#a71f38;color:#fff;border-radius:7px;padding:8px 10px;font-size:11px;font-weight:900;cursor:pointer}.upgrade-btn:disabled{opacity:.42;cursor:not-allowed}
.request-list{display:grid;gap:9px}.request-row{border:1px solid #252930;background:#0b0d10;border-radius:8px;padding:13px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.request-row h4{margin:0 0 5px;font-size:14px}.request-sub{color:#8a919b;font-size:11px}.status{display:inline-flex;margin-top:7px;padding:4px 7px;border-radius:20px;font-size:9px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.status.pending{background:#33250e;color:#ffc76b}.status.approved{background:#0e2e1a;color:#76e39d}.status.rejected{background:#351116;color:#ff8a98}.admin-actions{display:flex;gap:7px}.approve-btn,.reject-btn{border-radius:7px;padding:8px 10px;font-size:11px;font-weight:900;cursor:pointer}.approve-btn{border:1px solid #26764a;background:#153923;color:#9df1b9}.reject-btn{border:1px solid #7a2c38;background:#38141a;color:#ff9cac}.admin-card{border-color:#3a3020}
@media(max-width:800px){.upgrade-grid{grid-template-columns:1fr}.request-row{grid-template-columns:1fr}.admin-actions{justify-content:flex-start}}

.cap-divider{color:#555c66;font-weight:700;margin:0 3px}
.max-note,.next-note{font-size:10px;margin-top:5px;font-weight:800}
.max-note{color:#77d59a}
.next-note{color:#818995}
.upgrade-item.is-maxed{border-color:#25553a;background:#0c1510}
.upgrade-item.is-maxed .upgrade-values b{color:#77d59a}

.attr-val small{display:block;color:#7f8792;font-size:9px;font-weight:800;margin-top:2px;white-space:nowrap}
.attr.attr-maxed{border-color:#27543b;background:#0c1410}
.attr.attr-maxed .attr-val{color:#78dda0}
.player-type{line-height:1.45}

.badge-path-panel{
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid #2a2d31;
}
.badge-path-head span{
  display:block;
  color:#ff6a1a;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.badge-path-head h3{
  margin:5px 0 14px;
  font-size:20px;
}
.badge-tier-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.badge-tier{
  background:#111316;
  border:1px solid #2a2d31;
  border-radius:12px;
  padding:13px;
}
.badge-tier b{
  display:block;
  margin-bottom:7px;
  font-size:12px;
}
.badge-tier p{
  margin:0;
  color:#a7a9ad;
  font-size:12px;
  line-height:1.5;
  white-space:pre-line;
}
.badge-tier.bronze b{color:#d36834}
.badge-tier.silver b{color:#b9b9b9}
.badge-tier.gold b{color:#eb9f16}
.badge-tier.hof b{color:#d58cff}
@media(max-width:700px){
  .badge-tier-grid{grid-template-columns:1fr}
}

.badge-progress{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:8px 0 14px;
}
.badge-progress>div{
  background:#101216;
  border:1px solid #2a2d31;
  border-radius:10px;
  padding:10px;
}
.badge-progress small{
  display:block;
  color:#858b94;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}
.badge-progress strong{
  display:block;
  margin-top:4px;
  font-size:16px;
}
.badge-stage-note{
  margin-bottom:14px;
  color:#a7a9ad;
  font-size:12px;
  line-height:1.5;
}
.badge-shop-grid{
  display:grid;
  gap:8px;
}
.badge-shop-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border:1px solid #2a2d31;
  border-radius:10px;
  background:#111316;
}
.badge-shop-item h4{
  margin:0 0 4px;
  font-size:14px;
}
.badge-current{
  color:#8f959e;
  font-size:11px;
}
.badge-buy{
  min-width:128px;
  text-align:right;
}
.badge-buy span{
  display:block;
  color:#8f959e;
  font-size:10px;
  margin-bottom:5px;
}
.badge-buy-btn{
  border:0;
  border-radius:8px;
  padding:8px 10px;
  font-weight:800;
  cursor:pointer;
}
.badge-buy-btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.owned-badge{
  border-color:#39404a;
}
@media(max-width:700px){
  .badge-progress{grid-template-columns:repeat(2,minmax(0,1fr))}
  .badge-shop-item{align-items:flex-start}
  .badge-buy{min-width:112px}
}

.office-button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.portal-hero:before{background:radial-gradient(circle at 90% 10%,rgba(228,0,43,.30),transparent 34%),radial-gradient(circle at 5% 100%,rgba(228,0,43,.16),transparent 34%)}

.brand-logo{display:flex!important;align-items:center!important}
.brand-logo img{display:block;width:auto;height:46px;object-fit:contain}
@media(max-width:700px){.brand-logo img{height:42px}}