:root{
  --bg:#080909;--panel:#111313;--panel2:#161919;--line:#2b2f2f;--text:#f5f7f7;--muted:#8c9494;
  --green:#38d978;--orange:#ffad42;--red:#ff5555;--accent:#f3f5f5;
}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 80% 0,#202424 0,transparent 30%),#080909;color:var(--text);font-family:Inter,Arial,sans-serif}
button,select,input{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:190px 1fr}
.sidebar{position:sticky;top:0;height:100vh;padding:28px 18px;border-right:1px solid var(--line);background:#0b0c0c;display:flex;flex-direction:column;gap:8px}
.logo{font-weight:950;font-size:27px;letter-spacing:1px;margin:4px 8px 26px}.logo span{color:#777}
.nav{background:transparent;border:1px solid transparent;color:#8c9393;text-align:left;padding:13px 12px;border-radius:11px;font-weight:800}
.nav:hover,.nav.active{background:#171919;border-color:#2b2e2e;color:#fff}.status{margin-top:auto;color:#777;font-size:11px;letter-spacing:1px;display:flex;gap:8px;align-items:center}.dot{width:7px;height:7px;background:var(--green);border-radius:50%}
main{padding:27px 32px 60px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.topbar h1{margin:4px 0 0;font-size:31px}.kicker{font-size:11px;letter-spacing:2px;color:#7f8787;font-weight:900}
.topstats{display:flex;gap:10px}.topstats>div{min-width:105px;border:1px solid var(--line);background:#101212;border-radius:14px;padding:10px 14px;text-align:right}.topstats small{display:block;color:#777;font-size:10px}.topstats strong{font-size:18px}
.page{display:none}.page.active{display:block}.hero{min-height:360px;border:1px solid var(--line);border-radius:28px;padding:44px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;background:linear-gradient(120deg,#141717,#0e1010)}
.hero h2{font-size:58px;line-height:.93;margin:12px 0 18px}.hero p{max-width:570px;color:#a4abab;line-height:1.6}.hero-actions{display:flex;gap:10px;margin-top:24px}button{border:1px solid #383c3c;background:#171919;color:#fff;padding:11px 16px;border-radius:11px;font-weight:850;cursor:pointer}
button:hover{background:#202424}.primary{background:#f2f4f4;color:#080909;border-color:#f2f4f4}.hero-card-stack{position:relative;width:310px;height:280px}.ghost-card{position:absolute;width:150px;height:220px;border-radius:22px;background:linear-gradient(145deg,#d2c28e,#827242);border:1px solid #ddcf9c;box-shadow:0 20px 60px #0007}.ghost-card.one{left:5px;top:30px;transform:rotate(-14deg)}.ghost-card.two{left:75px;top:5px;transform:rotate(-2deg)}.ghost-card.three{left:145px;top:35px;transform:rotate(12deg)}
.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.home-grid article{border:1px solid var(--line);background:#111313;padding:20px;border-radius:18px}.home-grid span{color:#5d6464;font-weight:900}.home-grid h3{margin:22px 0 7px}.home-grid p{margin:0;color:#8e9696;line-height:1.5}
.draft-toolbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.draft-toolbar h2{font-size:32px;margin:4px 0 0}.toolbar-actions{display:flex;gap:9px}.toolbar-actions select,.toolbar-actions input{border:1px solid var(--line);background:#121414;color:#fff;padding:11px 13px;border-radius:10px}
.draft-layout{display:grid;grid-template-columns:minmax(650px,1fr) 290px;gap:15px}.pitch-panel{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#0f1111}.score-strip{height:78px;display:flex;gap:30px;align-items:center;padding:0 22px;border-bottom:1px solid var(--line)}.score-strip div{display:flex;align-items:baseline;gap:6px}.score-strip small{font-size:10px;color:#737a7a}.score-strip strong{font-size:27px}.score-strip span{color:#777}
.pitch{height:700px;position:relative;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 50% 50%,#19211d,#0b0e0c 72%);background-size:70px 70px}
.pitch:before{content:"";position:absolute;inset:5%;border:1px solid #4c5751;border-radius:6px}.pitch:after{content:"";position:absolute;width:145px;height:145px;border-radius:50%;border:1px solid #4c5751;left:50%;top:50%;transform:translate(-50%,-50%)}
#chemLines{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.chem-line{stroke-width:8;stroke-linecap:round;opacity:.85}.line-green{stroke:var(--green)}.line-orange{stroke:var(--orange)}.line-red{stroke:var(--red)}
.slot{position:absolute;transform:translate(-50%,-50%);z-index:3;width:118px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center}.slot.empty .slot-box{width:86px;height:118px;border:1px dashed #68716d;border-radius:14px;background:#121615aa;display:grid;place-items:center;color:#8b9490;font-weight:900}.slot.empty:hover .slot-box{border-color:#fff;color:#fff;background:#202623}.slot img{width:118px;height:160px;object-fit:contain;filter:drop-shadow(0 9px 12px #0008)}.fit-badge{margin-top:-8px;z-index:4;font-size:10px;font-weight:900;border-radius:999px;padding:4px 7px;background:#111}.fit-green{color:var(--green);border:1px solid #28784a}.fit-orange{color:var(--orange);border:1px solid #815927}.fit-red{color:var(--red);border:1px solid #7b3030}
.chem-mini{font-size:10px;color:#ddd;margin-top:4px;background:#090b0bdf;padding:3px 6px;border-radius:999px}.draft-side{display:flex;flex-direction:column;gap:14px}.side-card{border:1px solid var(--line);background:#111313;border-radius:18px;padding:17px}.side-card h3{margin:0 0 14px;font-size:14px}.metric{display:flex;justify-content:space-between;border-top:1px solid #292d2d;padding:12px 0;color:#9da4a4}.metric b{color:#fff}.hint{color:#767f7f;font-size:12px;line-height:1.55}.bench{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.bench-slot{aspect-ratio:.75;border:1px dashed #464d4a;border-radius:9px;background:#0b0d0c;display:grid;place-items:center;color:#666;font-size:11px}
.modal{display:none;position:fixed;inset:0;z-index:100}.modal.show{display:block}.modal-backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(8px)}.picker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1120px,93vw);border:1px solid #3d4242;border-radius:24px;background:#0d0f0f;padding:24px;box-shadow:0 30px 100px #000}.picker-head{display:flex;justify-content:space-between;align-items:start}.picker-head h2{margin:3px 0 0}.pick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}.pick-card{position:relative;min-height:320px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:18px;transition:.18s;user-select:none}.pick-card:hover,.pick-card.previewing{background:#171a1a;border-color:#3b4141;transform:translateY(-5px)}.pick-card img{width:100%;max-width:220px;height:300px;object-fit:contain}.pick-card .pick-fit{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);padding:5px 10px;border-radius:999px;background:#0c0e0eea;font-size:11px;font-weight:900}.picker>p{margin:15px 0 0;color:#747c7c;text-align:center;font-size:12px}
.club-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:14px}.club-card{border:1px solid var(--line);background:#111313;border-radius:16px;padding:10px;text-align:center}.club-card img{width:100%;height:190px;object-fit:contain}.club-card strong{display:block;font-size:13px}.club-card small{color:#777}.empty-state{min-height:500px;border:1px solid var(--line);border-radius:24px;background:#111313;display:grid;place-items:center;text-align:center;padding:40px}.empty-state h2{font-size:48px;margin:8px}.empty-state p{max-width:620px;color:#899191;line-height:1.6}
.toast{position:fixed;right:20px;bottom:20px;padding:12px 16px;background:#f1f3f3;color:#0b0d0d;border-radius:10px;font-weight:900;display:none;z-index:200}.toast.show{display:block}
@media(max-width:1150px){.draft-layout{grid-template-columns:1fr}.draft-side{display:grid;grid-template-columns:1fr 1fr}.club-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;flex-direction:row;align-items:center;overflow:auto}.logo{margin:0 12px 0 0}.status{display:none}.hero-card-stack{display:none}.home-grid{grid-template-columns:1fr}.pick-grid{grid-template-columns:repeat(2,1fr)}.club-grid{grid-template-columns:repeat(2,1fr)}}


/* ===== FUTBOIZ COMPLETE DRAFT ===== */
.draft-main{min-width:0}
.formation-pill{
  border:1px solid var(--line);
  background:#101212;
  border-radius:11px;
  padding:10px 15px;
  font-weight:950;
  letter-spacing:.5px
}
.score-strip{justify-content:flex-start}
.stage-progress{margin-left:auto}
.draft-layout{align-items:start}

.roster-tray{
  margin-top:14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#101212;
  padding:15px;
  overflow:hidden
}
.tray-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px
}
.tray-head>div{display:flex;align-items:center;gap:10px}
.tray-head b{font-size:12px}
.tray-head>small{color:#737b7b;font-size:11px}
.reserves-head{margin-top:14px}

.roster-row{
  display:grid;
  grid-template-columns:repeat(7,minmax(80px,1fr));
  gap:9px
}
.roster-row.reserves{
  grid-template-columns:repeat(5,minmax(80px,1fr));
  max-width:72%
}
.roster-card{
  position:relative;
  min-height:158px;
  padding:6px;
  border:1px solid #2d3232;
  border-radius:13px;
  background:#0b0d0d;
  color:#fff;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center
}
.roster-card.empty{border-style:dashed;color:#697171}
.roster-card.empty span{font-size:28px;line-height:1}
.roster-card.empty small{margin-top:6px;font-size:9px}
.roster-card.filled img{
  width:100%;
  height:125px;
  object-fit:contain;
  filter:drop-shadow(0 6px 8px #0008)
}
.roster-card.filled small{
  font-size:9px;
  white-space:nowrap;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis
}
.roster-card:hover{
  border-color:#707878;
  background:#171a1a
}

.swap-selected{
  outline:2px solid #fff!important;
  box-shadow:0 0 0 4px #ffffff1b,0 0 35px #ffffff18
}
.mini-captain,.captain-badge{
  position:absolute;
  background:#f2f4f4;
  color:#090a0a;
  border-radius:50%;
  font-weight:950;
  display:grid;
  place-items:center;
  z-index:8
}
.mini-captain{
  width:22px;
  height:22px;
  left:7px;
  top:7px;
  font-size:10px
}
.captain-badge{
  width:26px;
  height:26px;
  left:8px;
  top:5px;
  font-size:11px;
  box-shadow:0 3px 12px #0009
}
.slot-box{flex-direction:column}
.slot-box small{
  display:block;
  font-size:8px;
  color:#69716e;
  margin-top:5px;
  letter-spacing:1px
}
.phase-badge{
  display:inline-flex;
  border:1px solid #404646;
  border-radius:999px;
  padding:6px 9px;
  font-size:9px;
  letter-spacing:1px;
  font-weight:950;
  margin-bottom:14px;
  background:#171a1a
}
.finish-button{
  width:100%;
  padding:15px;
  background:#f1f3f3;
  color:#080909;
  border-color:#fff
}
.finish-button:disabled{
  background:#171919;
  color:#555;
  border-color:#292d2d;
  cursor:not-allowed
}
.secondary-action{width:100%}

.chemistry-key>div{
  display:flex;
  align-items:center;
  gap:9px;
  padding:7px 0;
  color:#9ca3a3;
  font-size:12px
}
.key-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  display:block
}
.key-dot.green{background:var(--green)}
.key-dot.orange{background:var(--orange)}
.key-dot.red{background:var(--red)}

.formation-picker{width:min(720px,92vw)}
.formation-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin-top:22px
}
.formation-option{
  text-align:left;
  padding:22px;
  min-height:100px;
  background:#131515
}
.formation-option strong{display:block;font-size:25px}
.formation-option span{
  display:block;
  margin-top:7px;
  color:#777f7f;
  font-size:12px
}
.formation-option:hover{
  border-color:#fff;
  background:#1b1e1e
}

.pick-name{
  position:absolute;
  left:12px;
  top:12px;
  background:#090b0bdc;
  border:1px solid #2f3434;
  border-radius:10px;
  padding:7px 9px;
  max-width:80%
}
.pick-name b{
  display:block;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.pick-name span{
  display:block;
  color:#8a9292;
  font-size:9px;
  margin-top:2px
}

.summary-card{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(700px,92vw);
  max-height:90vh;
  overflow:auto;
  border:1px solid #414646;
  background:#0c0e0e;
  border-radius:26px;
  padding:30px;
  text-align:center;
  box-shadow:0 35px 110px #000
}
.summary-close{position:absolute;right:18px;top:18px}
.summary-grade{
  margin:20px auto 8px;
  width:88px;
  height:88px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid #666;
  font-size:50px;
  font-weight:950;
  background:radial-gradient(circle,#282d2d,#101212)
}
.summary-card h2{font-size:34px;margin:8px 0 18px}
.summary-score-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px
}
.summary-score-row>div{
  border:1px solid var(--line);
  background:#121414;
  border-radius:14px;
  padding:12px
}
.summary-score-row small{
  display:block;
  color:#747c7c;
  font-size:9px
}
.summary-score-row strong{font-size:28px}
.summary-best{
  margin:15px 0;
  border:1px solid var(--line);
  border-radius:16px;
  background:#111313;
  padding:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px
}
.summary-best img{width:105px;height:145px;object-fit:contain}
.summary-best div{text-align:left}
.summary-best small,.summary-best span{
  display:block;
  color:#7c8585;
  font-size:10px
}
.summary-best b{
  display:block;
  font-size:18px;
  margin:5px 0
}
.summary-actions{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:12px
}
.match-result{margin-top:18px}
.result-head{
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center
}
.result-head small{text-align:left;color:#747c7c}
.result-head b{font-size:34px}
.result-head span{text-align:right;font-weight:950}
.result-head.win span{color:var(--green)}
.result-head.loss span{color:var(--red)}
.result-head.draw span{color:var(--orange)}
.opponent-line{
  font-size:10px;
  color:#7c8585;
  margin:10px
}
.opponent-line i{margin:0 8px}
.timeline{
  border-top:1px solid var(--line);
  padding-top:8px
}
.timeline>div{
  display:flex;
  gap:12px;
  padding:7px 4px;
  text-align:left;
  font-size:11px
}
.timeline b{width:30px;color:#707878}
.timeline span{color:#c7cccc}

@media(max-width:1150px){
  .roster-row{grid-template-columns:repeat(4,1fr)}
  .roster-row.reserves{
    grid-template-columns:repeat(3,1fr);
    max-width:none
  }
}

@media(max-width:850px){
  .roster-row,.roster-row.reserves{
    grid-template-columns:repeat(2,1fr)
  }
  .formation-grid{grid-template-columns:1fr}
  .tray-head>small{display:none}
  .summary-score-row{grid-template-columns:repeat(3,1fr)}
}

/* ===== FULL GAME SYSTEMS ===== */
.sidebar{width:auto}.profile-button{min-width:150px;text-align:right;background:#101212;border:1px solid var(--line);padding:10px 14px}.profile-button small{display:block;color:#777;font-size:9px}.profile-button strong{display:block;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-button.logged-in{border-color:#47504c}.status.offline .dot{background:var(--red)}
.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-head h2{font-size:32px;margin:4px 0 0}.wallet-pill{border:1px solid var(--line);background:#111313;border-radius:12px;padding:11px 14px;color:#737b7b;font-size:10px}.wallet-pill b{color:#fff;margin-left:8px;font-size:16px}.home-grid article,.mini-dashboard article{cursor:pointer;transition:.15s}.home-grid article:hover,.mini-dashboard article:hover{transform:translateY(-3px);border-color:#505656}.dashboard-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.dashboard-strip>div{border:1px solid var(--line);background:#111313;border-radius:14px;padding:14px}.dashboard-strip small{display:block;color:#747c7c;font-size:9px}.dashboard-strip b{display:block;margin-top:5px;font-size:17px}.login-banner{grid-column:1/-1;display:flex!important;justify-content:space-between;align-items:center}.login-banner span{display:block;color:#7d8585;font-size:12px;margin-top:5px}.mini-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-dashboard article{border:1px solid var(--line);background:#111313;border-radius:16px;padding:18px}.mini-dashboard small,.mini-dashboard span{display:block;color:#788080;font-size:10px}.mini-dashboard b{display:block;font-size:17px;margin:7px 0}.login-gate,.online-needs-club,.cup-empty{min-height:320px;border:1px solid var(--line);background:#111313;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.login-gate h3,.online-needs-club h2{max-width:550px}.loading-card{grid-column:1/-1;border:1px solid var(--line);background:#111313;border-radius:16px;padding:28px;color:#858d8d;text-align:center}

/* Auth */
.auth-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,92vw);border:1px solid #3f4545;background:#0d0f0f;border-radius:24px;padding:28px;box-shadow:0 35px 100px #000}.auth-logo{text-align:center;margin:8px 0 24px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.auth-tabs button.active{background:#f2f4f4;color:#090a0a}.auth-card input{width:100%;border:1px solid var(--line);background:#121414;color:#fff;border-radius:10px;padding:12px 13px;margin:6px 0}.auth-submit{width:100%;margin-top:8px}.auth-message{min-height:30px;color:#9ca4a4;font-size:12px;text-align:center;padding:10px}.guest-link{width:100%;background:transparent;color:#717979;border:0}.account-panel{text-align:left}.account-panel small,.account-panel span,.account-panel label{display:block;color:#7e8686;font-size:10px}.account-panel h3{font-size:24px;margin:5px 0}.account-panel label{margin-top:20px}.inline-form{display:flex;gap:8px;align-items:center}.inline-form input{margin:0}.account-stats{display:flex;gap:8px;margin:15px 0}.account-stats b{flex:1;border:1px solid var(--line);background:#121414;border-radius:10px;padding:12px;text-align:center;font-size:12px}.danger-button{width:100%;border-color:#713737;color:#ff9b9b;background:#1a1010}

/* Club */
.collection-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;border:1px solid var(--line);background:#101212;border-radius:16px;padding:14px 17px;margin-bottom:14px}.collection-progress small,.collection-progress span{display:block;color:#777f7f;font-size:9px}.collection-progress b{font-size:17px}.progress-track{height:7px;background:#242828;border-radius:999px;overflow:hidden}.progress-track i{display:block;height:100%;background:#e4e7e7;border-radius:inherit}.owned-card{position:relative;border:1px solid var(--line);background:#111313;border-radius:16px;padding:9px;text-align:center;min-width:0}.owned-card:hover{border-color:#555c5c;transform:translateY(-2px)}.owned-card img{width:100%;height:190px;object-fit:contain}.owned-card b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owned-card>span{display:block;color:#777f7f;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dupe-badge{position:absolute;right:7px;top:7px;z-index:4;background:#f1f3f3;color:#090a0a;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:950}.card-detail{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,92vw);border:1px solid #3f4545;background:#0d0f0f;border-radius:24px;padding:25px;display:grid;grid-template-columns:280px 1fr;gap:24px;box-shadow:0 35px 100px #000}.card-detail>img{width:100%;height:390px;object-fit:contain}.detail-copy{display:flex;flex-direction:column;justify-content:center}.detail-copy h2{font-size:34px;margin:5px 0}.detail-meta b{font-size:21px}.detail-meta span{display:block;color:#858d8d;margin-top:4px}.stats-six{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.stats-six div{border:1px solid var(--line);background:#131515;border-radius:10px;padding:10px;text-align:center}.stats-six b,.stats-six small{display:block}.stats-six small{font-size:8px;color:#767e7e}.owned-count{color:#858d8d}

/* Packs */
.pack-store{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pack-tile{display:grid;grid-template-columns:160px 1fr;gap:20px;border:1px solid var(--line);background:linear-gradient(125deg,#121414,#0e1010);border-radius:20px;padding:20px;overflow:hidden}.pack-art{height:220px;border:1px solid #4a4f4f;border-radius:19px;background:linear-gradient(145deg,#292d2d,#101212);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 50px #fff1}.pack-art span{font-size:12px;letter-spacing:3px}.pack-art b{font-size:31px}.pack-art i{margin-top:18px;border:1px solid #555;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-style:normal}.pack-gold .pack-art{background:linear-gradient(145deg,#675c35,#1c1a12)}.pack-premium .pack-art{background:linear-gradient(145deg,#745e27,#17140b)}.pack-mega .pack-art{background:linear-gradient(145deg,#2c3d4e,#111820)}.pack-ultimate .pack-art{background:linear-gradient(145deg,#39274f,#120e19)}.pack-bronze .pack-art{background:linear-gradient(145deg,#664833,#1b130f)}.pack-copy{display:flex;flex-direction:column;justify-content:center}.pack-copy h3{font-size:26px;margin:7px 0}.pack-copy p{color:#848c8c;line-height:1.45}.pack-meta{display:flex;gap:8px;flex-wrap:wrap}.pack-meta span,.requirement-chips span{border:1px solid #333838;background:#151818;border-radius:999px;padding:6px 9px;font-size:9px;color:#a2a9a9}.pack-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.pack-opening{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1150px,94vw);max-height:92vh;overflow:auto;border:1px solid #424848;background:#0b0d0d;border-radius:26px;padding:27px;text-align:center;box-shadow:0 35px 110px #000}.pack-opening h2{font-size:34px;margin:6px}.pack-burst{margin:15px auto;width:150px;height:190px;border:1px solid #4b5050;border-radius:18px;background:linear-gradient(145deg,#353b3b,#121414);display:grid;place-items:center;font-weight:950;font-size:22px;transition:.3s}.pack-burst.active{animation:packPulse .7s infinite alternate}.pack-result-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:20px 0}.pack-card-result{position:relative;border:1px solid var(--line);background:#111313;border-radius:13px;padding:6px;min-height:210px;transition:.35s;overflow:hidden}.pack-card-result img{width:100%;height:165px;object-fit:contain}.pack-card-result b,.pack-card-result span{display:block;font-size:9px}.pack-card-result span{color:#788080}.pack-card-result .card-back{display:none}.pack-card-result.hidden img,.pack-card-result.hidden b,.pack-card-result.hidden span{opacity:0}.pack-card-result.hidden .card-back{display:grid;position:absolute;inset:8px;background:#1b1e1e;border:1px solid #414747;border-radius:10px;place-items:center;font-weight:950;z-index:3}.pack-loading,.pack-error{grid-column:1/-1;padding:40px;color:#858d8d}@keyframes packPulse{from{transform:scale(.96);box-shadow:0 0 20px #fff0}to{transform:scale(1.04);box-shadow:0 0 50px #ffffff18}}

/* Objectives */
.objective-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.objective-card{border:1px solid var(--line);background:#111313;border-radius:18px;padding:18px;display:grid;grid-template-columns:1fr 250px;gap:24px}.objective-card h3{font-size:19px;margin:7px 0}.objective-card p{color:#838b8b;font-size:12px}.objective-progress>div:first-child{display:flex;justify-content:space-between;font-size:11px;margin-bottom:8px}.objective-progress>div:first-child span{color:#858d8d}.objective-progress button{width:100%;margin-top:10px}.objective-card.ready{border-color:#56615d}.objective-card.claimed{opacity:.55}

/* SBC */
.sbc-grid{display:grid;gap:12px}.sbc-card{border:1px solid var(--line);background:#111313;border-radius:18px;padding:18px;display:grid;grid-template-columns:85px 1fr auto;gap:18px;align-items:center}.sbc-icon{width:75px;height:75px;border-radius:18px;border:1px solid #494f4f;background:#171a1a;display:grid;place-items:center;font-weight:950}.sbc-card h3{margin:5px 0}.sbc-card p{color:#7f8787;margin:5px 0}.sbc-card small{display:block;color:#a0a7a7;margin-top:9px}.requirement-chips{display:flex;gap:7px;margin-top:9px}.sbc-card.completed{opacity:.55}.sbc-builder{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1180px,95vw);max-height:92vh;overflow:auto;border:1px solid #444949;background:#0c0e0e;border-radius:25px;padding:25px;box-shadow:0 35px 110px #000}.sbc-builder h2{margin:5px 0}.sbc-builder p{color:#7e8686}.sbc-builder-layout{display:grid;grid-template-columns:390px 1fr;gap:18px;margin-top:18px}.sbc-selected{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.sbc-selected button,.empty-sbc-slot{height:150px;border:1px dashed #444b4b;background:#111313;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.sbc-selected button{border-style:solid}.sbc-selected img{width:100%;height:115px;object-fit:contain}.sbc-selected span{font-size:8px}.empty-sbc-slot{color:#596060}.sbc-inventory{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px;max-height:500px;overflow:auto}.sbc-inv-card{position:relative;padding:5px;background:#111313}.sbc-inv-card img{width:100%;height:120px;object-fit:contain}.sbc-inv-card b{font-size:8px}.sbc-builder-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:15px;padding-top:15px}.sbc-builder-foot span{display:block;color:#7b8383;font-size:10px;margin-top:3px}

/* Draft Cup */
.cup-empty{flex-direction:row;gap:35px;min-height:260px}.cup-trophy{font-size:70px}.cup-empty>div:last-child{text-align:left;max-width:620px}.cup-empty p{color:#858d8d}.reward-ladder{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:14px}.reward-ladder div{border:1px solid var(--line);background:#111313;border-radius:13px;padding:13px;text-align:center}.reward-ladder b,.reward-ladder span{display:block}.reward-ladder span{font-size:9px;color:#818989;margin-top:4px}.cup-run{border:1px solid var(--line);background:#101212;border-radius:22px;padding:24px}.cup-scoreboard{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cup-scoreboard div{border:1px solid var(--line);background:#141616;border-radius:14px;padding:15px;text-align:center}.cup-scoreboard small,.cup-scoreboard span{display:block;color:#7a8282;font-size:9px}.cup-scoreboard b{font-size:30px}.cup-bracket{display:flex;align-items:center;justify-content:center;gap:12px;margin:35px 0}.cup-round{width:145px;border:1px solid #343939;background:#121414;border-radius:13px;padding:17px;text-align:center}.cup-round span,.cup-round b{display:block}.cup-round span{font-size:9px;color:#7d8585}.cup-round b{font-size:23px;margin-top:6px}.cup-round.current{border-color:#fff}.cup-round.won{border-color:#3f7655;color:var(--green)}.cup-bracket>i{color:#555}.play-cup{display:block;margin:auto;min-width:220px}.match-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(650px,92vw);max-height:90vh;overflow:auto;border:1px solid #414747;background:#0c0e0e;border-radius:24px;padding:28px;text-align:center}.match-card h2{font-size:36px;margin:7px}.big-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border:1px solid var(--line);background:#121414;border-radius:15px;padding:18px;margin:15px 0}.big-score b{font-size:34px}.server-timeline{max-height:300px;overflow:auto;text-align:left}.server-timeline div{display:flex;gap:13px;padding:8px;border-bottom:1px solid #242828;font-size:11px}.server-timeline b{width:35px}.reward-pop{border:1px solid #52605a;background:#161b19;border-radius:13px;padding:14px;margin-top:15px}.reward-pop b,.reward-pop span{display:block}.reward-pop span{color:#a8afaf;margin-top:4px}

/* Online */
.online-squad-card{border:1px solid var(--line);background:#111313;border-radius:20px;padding:20px}.online-squad-card h2{font-size:28px;margin:6px 0}.online-squad-card p{color:#7f8787}.online-mini-cards{display:flex;gap:0;overflow:hidden;height:150px;margin-top:15px}.online-mini-cards img{width:105px;height:145px;object-fit:contain;margin-right:-18px;filter:drop-shadow(0 5px 8px #0008)}.online-actions{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}.online-actions article{border:1px solid var(--line);background:#111313;border-radius:18px;padding:20px}.online-actions h3{font-size:20px;margin:6px 0}.online-actions p{color:#7f8787}.online-button-row,.join-code{display:flex;gap:8px}.join-code{flex:1}.join-code input{width:120px;text-transform:uppercase;letter-spacing:2px;text-align:center;border:1px solid var(--line);background:#0d0f0f;color:#fff;border-radius:10px;padding:10px}.quickchat-preview{display:flex;gap:7px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);background:#101212;border-radius:14px;padding:12px;margin-top:13px}.quickchat-preview b{font-size:9px;color:#777f7f;margin-right:8px}.quickchat-preview span{border:1px solid #353a3a;border-radius:999px;padding:6px 9px;font-size:9px}.online-search{min-height:450px;display:grid;place-items:center;text-align:center}.search-pulse{width:70px;height:70px;border:2px solid #fff;border-radius:50%;animation:searchPulse 1s infinite}.online-search h2{margin-top:-150px}@keyframes searchPulse{50%{transform:scale(1.3);opacity:.2}}.room-header{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:#111313;border-radius:18px;padding:18px}.room-header h2{margin:5px 0}.room-header p{margin:0;color:#808888}.room-code-box{text-align:center;border:1px solid #3c4242;background:#171919;border-radius:12px;padding:10px 18px}.room-code-box small,.room-code-box b{display:block}.room-code-box small{font-size:8px;color:#747c7c}.room-code-box b{font-size:24px;letter-spacing:4px}.versus-card{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;margin:14px 0}.online-team{border:1px solid var(--line);background:#111313;border-radius:18px;padding:25px;text-align:center}.online-team small,.online-team span,.online-team i{display:block}.online-team small{color:#7b8383}.online-team b{font-size:46px}.online-team span{color:#a2a9a9}.online-team i{font-style:normal;font-size:9px;margin-top:10px;border:1px solid #3e4444;border-radius:999px;padding:5px}.vs{text-align:center;font-size:22px;font-weight:950}.ready-row{display:flex;justify-content:center;gap:9px}.online-result{border:1px solid var(--line);background:#111313;border-radius:18px;padding:20px;text-align:center}.online-result>small,.online-result>strong{display:block}.online-result>div:nth-child(2){display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:5px 0}.online-result b{font-size:40px}.online-result.win>strong{color:var(--green)}.online-result.loss>strong{color:var(--red)}.online-result.draw>strong{color:var(--orange)}.online-events{max-height:180px;overflow:auto;margin-top:12px;border-top:1px solid var(--line)}.online-events div{display:flex;gap:10px;padding:5px;font-size:10px;text-align:left}.online-chat-layout{display:grid;grid-template-columns:1fr 330px;gap:13px;margin-top:14px}.online-chat-layout>div{border:1px solid var(--line);background:#101212;border-radius:16px;padding:14px}.chat-feed{height:190px;overflow:auto;display:flex;flex-direction:column;gap:7px;margin-top:8px}.chat-empty{color:#687070;font-size:11px;margin:auto}.chat-bubble{max-width:75%;border:1px solid #333439;background:#171a1a;border-radius:12px;padding:8px 10px}.chat-bubble.mine{align-self:flex-end}.chat-bubble.theirs{align-self:flex-start}.chat-bubble small,.chat-bubble b{display:block}.chat-bubble small{color:#727a7a;font-size:7px}.chat-bubble b{font-size:11px}.quick-chat-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quick-chat-buttons button{font-size:10px;padding:9px}.online-needs-club p{color:#7e8686}.leaderboard-card{border:1px solid var(--line);background:#111313;border-radius:20px;overflow:hidden}.leaderboard-head{display:flex;justify-content:space-between;align-items:center;padding:19px;border-bottom:1px solid var(--line)}.leaderboard-head h3{margin:5px 0}.leaderboard-head>span{color:#7c8484;font-size:11px}.leader-row{display:grid;grid-template-columns:60px 1fr 100px 60px 60px 60px;align-items:center;padding:12px 18px;border-bottom:1px solid #252929}.leader-row.header{font-size:8px;color:#6f7777;letter-spacing:1px}.leader-row.me{background:#1a1e1c;border-left:3px solid #fff}.leader-row strong{text-align:center}.leader-row span:nth-last-child(-n+3){text-align:center}

@media(max-width:1200px){.pack-store{grid-template-columns:1fr}.pack-result-grid{grid-template-columns:repeat(4,1fr)}.dashboard-strip{grid-template-columns:repeat(3,1fr)}.sbc-builder-layout{grid-template-columns:1fr}.online-chat-layout{grid-template-columns:1fr}.objective-card{grid-template-columns:1fr}.reward-ladder{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.dashboard-strip,.mini-dashboard,.online-actions{grid-template-columns:1fr}.pack-tile{grid-template-columns:1fr}.pack-art{height:150px}.pack-result-grid{grid-template-columns:repeat(2,1fr)}.collection-progress{grid-template-columns:1fr}.card-detail{grid-template-columns:1fr;max-height:90vh;overflow:auto}.card-detail>img{height:280px}.sbc-card{grid-template-columns:60px 1fr}.sbc-card>button{grid-column:1/-1}.sbc-inventory{grid-template-columns:repeat(3,1fr)}.cup-empty{flex-direction:column}.cup-empty>div:last-child{text-align:center}.cup-bracket{flex-wrap:wrap}.versus-card{grid-template-columns:1fr 50px 1fr}.leader-row{grid-template-columns:35px 1fr 55px 35px 35px 35px;padding:10px 8px;font-size:10px}}
.sidebar{overflow-y:auto}.nav{flex:0 0 auto}
.online-live{border:1px solid var(--line);background:#111313;border-radius:18px;padding:18px}.live-head{display:flex;align-items:center;justify-content:center;gap:8px;color:#9aa2a2}.live-head strong{margin-left:auto}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green);animation:liveBlink .8s infinite alternate}.live-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;padding:14px}.live-score b{font-size:38px}.online-live .online-events{max-height:170px;overflow:auto;border-top:1px solid var(--line);padding-top:7px}.online-live .online-events div{display:flex;gap:10px;padding:5px;text-align:left;font-size:10px}@keyframes liveBlink{to{opacity:.3}}
.draft-history{margin-top:14px;border:1px solid var(--line);background:#101212;border-radius:16px;padding:15px}.draft-history>.kicker{margin-bottom:8px}.draft-history>div:not(.kicker){display:grid;grid-template-columns:120px 1fr 120px;gap:10px;padding:9px;border-top:1px solid #252929;font-size:11px}.draft-history span{color:#737b7b}.draft-history strong{text-align:right}

/* Pack finish actions */
.pack-opening-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}.pack-opening-actions button{min-width:150px}.send-club-btn{background:#f2f4f4;color:#090a0a;border-color:#fff;font-weight:950}.send-club-btn:hover{background:#fff}

/* ===== FUTBOIZ FULL UPDATE — PREMIUM UI / RANKED / ONLINE DRAFT ===== */
:root{
  --bronze:#b9825a;
  --silver:#c8d0d1;
  --gold:#e4be58;
  --platinum:#8dd6d1;
  --diamond:#8da8ff;
  --glow:rgba(255,255,255,.09);
}
html,body{
  background:
    radial-gradient(circle at 83% -5%,rgba(145,176,168,.13),transparent 31%),
    radial-gradient(circle at 20% 105%,rgba(100,118,140,.10),transparent 30%),
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),
    #070909;
  background-size:auto,auto,38px 38px,38px 38px,auto;
}
.sidebar{
  background:linear-gradient(180deg,#0c0e0e 0%,#090b0b 100%);
  box-shadow:12px 0 40px #0004;
}
.logo{position:relative}.logo:after{content:"";display:block;width:38px;height:2px;margin-top:8px;background:linear-gradient(90deg,#fff,transparent);opacity:.7}
.nav{position:relative;overflow:hidden}.nav:before{content:"";position:absolute;left:0;top:24%;bottom:24%;width:2px;background:#fff;transform:scaleY(0);transition:.18s}.nav.active:before{transform:scaleY(1)}
.nav.active{box-shadow:inset 0 0 24px #ffffff08}
.topbar{position:relative}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:1px;background:linear-gradient(90deg,var(--line),transparent 75%)}
.hero{position:relative;background:radial-gradient(circle at 85% 15%,#30393855,transparent 30%),linear-gradient(125deg,#171b1a,#0d0f0f 68%);box-shadow:inset 0 1px #ffffff08,0 26px 70px #0004}.hero:before{content:"FUTBOIZ";position:absolute;right:-26px;bottom:-40px;font-size:150px;font-weight:950;letter-spacing:-8px;color:#ffffff05;pointer-events:none}.hero>div{position:relative;z-index:1}
.home-grid article,.mini-dashboard article,.premium-panel,.side-card,.roster-tray,.pitch-panel,.pack-tile,.sbc-card,.objective-card,.leaderboard-card{box-shadow:inset 0 1px #ffffff07,0 18px 44px #0002}
.home-grid article{position:relative;overflow:hidden}.home-grid article:after{content:"";position:absolute;right:-25px;bottom:-35px;width:100px;height:100px;border-radius:50%;border:1px solid #ffffff08}.home-grid article:hover{box-shadow:inset 0 1px #ffffff0d,0 18px 38px #0005}
button{transition:transform .14s ease,border-color .14s,background .14s,box-shadow .14s}button:hover{transform:translateY(-1px)}button:active{transform:translateY(1px) scale(.99)}.primary{box-shadow:0 8px 24px #ffffff0c}
.premium-panel{border:1px solid #303535;background:linear-gradient(145deg,#131616,#0d0f0f);border-radius:20px;box-shadow:inset 0 1px #ffffff08,0 18px 48px #0004}
.glow-card{position:relative;overflow:hidden}.glow-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:-95px;background:#ffffff0b;filter:blur(3px)}.glow-card>*{position:relative;z-index:1}

/* Draft interaction polish + reliable pointer hold */
.pick-card{touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;overflow:hidden}
.pick-card img{-webkit-user-drag:none;user-drag:none;pointer-events:none}
.pick-card.previewing{border-color:#e9eeee;box-shadow:0 0 0 1px #fff,0 18px 45px #0008,0 0 32px #ffffff12}
.pick-card.previewing:after{content:"PREVIEWING";position:absolute;right:12px;top:12px;padding:5px 8px;border:1px solid #fff6;border-radius:999px;background:#080a0adf;font-size:8px;letter-spacing:1px;font-weight:950}
.slot.filled{cursor:pointer}.slot.filled:hover img{filter:drop-shadow(0 10px 16px #000a) brightness(1.06)}
.pitch{box-shadow:inset 0 0 80px #0008}.pitch:before{box-shadow:0 0 30px #b9d0c20a}

/* Ranked header / modes */
.ranked-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.ranked-head h2{font-size:38px;margin:4px 0 0}.ranked-head-actions{display:flex;gap:10px;align-items:center}
.ranked-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}.ranked-mode-tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:15px 18px;background:#0e1010;border-color:#292e2e}.ranked-mode-tabs button b{font-size:13px;letter-spacing:.5px}.ranked-mode-tabs button span{font-size:9px;color:#737c7c}.ranked-mode-tabs button.active{border-color:#697171;background:linear-gradient(125deg,#202424,#111414);box-shadow:inset 0 1px #ffffff12,0 12px 32px #0003}.ranked-mode-tabs button.active span{color:#b9c0c0}
.rank-ladder{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}.rank-tier{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #292e2e;background:#0e1010;border-radius:12px;padding:10px;color:#5d6565;overflow:hidden}.rank-tier i{width:9px;height:9px;transform:rotate(45deg);border:1px solid currentColor}.rank-tier b{font-size:10px;letter-spacing:.7px}.rank-tier.active{color:#fff;border-color:currentColor;box-shadow:inset 0 0 24px #ffffff08}.rank-tier.rank-bronze.active{color:var(--bronze)}.rank-tier.rank-silver.active{color:var(--silver)}.rank-tier.rank-gold.active{color:var(--gold)}.rank-tier.rank-platinum.active{color:var(--platinum)}.rank-tier.rank-diamond.active{color:var(--diamond)}
.rank-badge{--rank-color:var(--bronze);display:inline-flex;align-items:center;gap:9px;border:1px solid color-mix(in srgb,var(--rank-color),#222 56%);background:color-mix(in srgb,var(--rank-color),#0c0e0e 87%);border-radius:12px;padding:8px 11px;min-width:130px;box-shadow:inset 0 1px #ffffff0c}.rank-badge>i{width:27px;height:27px;display:block;clip-path:polygon(50% 0,90% 23%,90% 70%,50% 100%,10% 70%,10% 23%);background:linear-gradient(145deg,color-mix(in srgb,var(--rank-color),white 22%),color-mix(in srgb,var(--rank-color),black 20%));box-shadow:0 0 18px var(--rank-color)}.rank-badge b,.rank-badge span{display:block}.rank-badge b{font-size:10px;color:#fff}.rank-badge span{font-size:8px;color:#8d9595;margin-top:2px}.rank-badge.small{min-width:0;padding:5px 7px;border-radius:9px}.rank-badge.small>i{width:18px;height:18px}.rank-badge.small b{font-size:8px}.rank-badge.small span{font-size:7px}.rank-bronze{--rank-color:var(--bronze)}.rank-silver{--rank-color:var(--silver)}.rank-gold{--rank-color:var(--gold)}.rank-platinum{--rank-color:var(--platinum)}.rank-diamond{--rank-color:var(--diamond)}

.ranked-overview{--rank-color:var(--bronze);display:grid;grid-template-columns:112px 1fr auto;gap:20px;align-items:center;border:1px solid color-mix(in srgb,var(--rank-color),#222 68%);background:radial-gradient(circle at 8% 40%,color-mix(in srgb,var(--rank-color),transparent 84%),transparent 28%),linear-gradient(125deg,#141717,#0d0f0f);border-radius:22px;padding:22px;margin-bottom:13px;overflow:hidden}.ranked-overview.rank-silver{--rank-color:var(--silver)}.ranked-overview.rank-gold{--rank-color:var(--gold)}.ranked-overview.rank-platinum{--rank-color:var(--platinum)}.ranked-overview.rank-diamond{--rank-color:var(--diamond)}
.rank-hero-mark{width:92px;height:92px;display:grid;place-items:center;clip-path:polygon(50% 0,91% 23%,91% 72%,50% 100%,9% 72%,9% 23%);background:linear-gradient(145deg,color-mix(in srgb,var(--rank-color),white 22%),color-mix(in srgb,var(--rank-color),black 30%));filter:drop-shadow(0 0 25px color-mix(in srgb,var(--rank-color),transparent 65%))}.rank-hero-mark span{font-size:35px;font-weight:950;color:#0c0d0d;text-shadow:0 1px #fff7}.ranked-overview-copy h2{font-size:34px;margin:4px 0}.ranked-overview-copy p{margin:0 0 10px;color:#909898;font-size:11px}.ranked-overview-copy small{display:block;color:#788181;font-size:9px;margin-top:7px}.rp-track{height:7px;background:#222727;border-radius:999px;overflow:hidden;max-width:600px}.rp-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--rank-color),color-mix(in srgb,var(--rank-color),white 30%));box-shadow:0 0 15px var(--rank-color)}.rank-rules{display:grid;gap:5px;min-width:170px;border-left:1px solid #ffffff10;padding-left:20px}.rank-rules b{font-size:9px;letter-spacing:1px;color:var(--rank-color)}.rank-rules span{font-size:9px;color:#7d8585}

.mode-icon{width:42px;height:42px;border:1px solid #3a4040;background:#181b1b;border-radius:12px;display:grid;place-items:center;font-size:20px;margin-bottom:20px;box-shadow:inset 0 1px #ffffff0a}.ranked-actions article{position:relative;overflow:hidden}.ranked-actions article h3{margin-top:6px}.pulse-button{position:relative}.pulse-button:after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid #fff;animation:buttonPulse 1.9s ease-out infinite;pointer-events:none}@keyframes buttonPulse{0%{opacity:.45;transform:scale(1)}75%,100%{opacity:0;transform:scale(1.12)}}
.realtime-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #3d4545;border-radius:999px;padding:5px 8px;color:#758080;font-size:8px;letter-spacing:1px}.realtime-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:#687272}.realtime-pill.live{color:#a9e9c2;border-color:#2f6847}.realtime-pill.live:before{background:var(--green);box-shadow:0 0 12px var(--green)}
.search-rings{position:relative;width:100px;height:100px;margin:auto}.search-rings:before,.search-rings:after{content:"";position:absolute;inset:0;border:1px solid #cdd3d355;border-radius:50%;animation:searchRings 1.7s infinite}.search-rings:after{animation-delay:.55s}@keyframes searchRings{0%{transform:scale(.45);opacity:.8}100%{transform:scale(1.4);opacity:0}}.mini-spinner{display:inline-block;width:15px;height:15px;border:2px solid #424848;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:7px}@keyframes spin{to{transform:rotate(360deg)}}

/* VS screen */
.versus-card{position:relative}.versus-card:before{content:"";position:absolute;left:50%;top:8%;bottom:8%;width:1px;background:linear-gradient(transparent,#ffffff1d,transparent);z-index:0}.online-team{position:relative;overflow:hidden}.online-team:after{content:"";position:absolute;width:130px;height:130px;border:1px solid #ffffff08;border-radius:50%;right:-75px;bottom:-75px}.online-team b{position:relative;z-index:1}.online-team .rank-badge{margin:10px auto 0}.online-team.you{box-shadow:inset 0 1px #ffffff0b,0 0 35px #ffffff05}.vs{position:relative;z-index:2}.vs:before{content:"VS";display:grid;place-items:center;margin:auto;width:56px;height:56px;border-radius:50%;border:1px solid #515858;background:#0a0c0c;box-shadow:0 0 30px #000}.vs{font-size:0}

/* Online Draft */
.draft-battle-intro{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:22px;padding:24px;margin-bottom:13px}.draft-battle-intro h2{font-size:32px;margin:5px 0}.draft-battle-intro p{color:#899191;max-width:760px;line-height:1.55}.battle-orb{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;border:1px solid #62706d;background:radial-gradient(circle at 35% 30%,#374340,#141817 65%);font-size:20px;font-weight:950;letter-spacing:1px;box-shadow:inset 0 0 25px #ffffff08,0 0 38px #63867a1c}
.battle-howto{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:13px 0}.battle-howto>div{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#0e1010;border-radius:13px;padding:12px}.battle-howto b{width:27px;height:27px;flex:0 0 27px;border-radius:50%;display:grid;place-items:center;border:1px solid #4a5151;background:#171a1a;font-size:9px}.battle-howto span{font-size:9px;color:#7f8787;line-height:1.4}
.draft-battle-squad{display:grid;grid-template-columns:repeat(11,minmax(78px,1fr));gap:7px;overflow-x:auto;padding:3px 1px 12px}.battle-mini{min-width:78px;border:1px solid #292e2e;background:#0d0f0f;border-radius:12px;padding:6px;text-align:center}.battle-mini img{width:100%;height:105px;object-fit:contain}.battle-mini b{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-mini>div{display:flex;justify-content:center;gap:3px;margin-top:5px}.battle-mini span{font-size:7px;border:1px solid #303535;border-radius:5px;padding:3px;color:#a0a8a8}
.draft-mode-chip{display:inline-flex;padding:5px 8px;border:1px solid #45504d;border-radius:999px;background:#151918;font-size:8px;letter-spacing:1px;color:#9da7a4}
.draft-battle-live{position:relative;padding:20px}.battle-scorebar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}.battle-scorebar>div:first-child{text-align:left}.battle-scorebar>div:last-child{text-align:right}.battle-scorebar small,.battle-scorebar span{display:block;color:#788181;font-size:9px}.battle-scorebar b{font-size:26px}.battle-scorebar>strong{font-size:28px;border:1px solid #3a4141;background:#0c0e0e;border-radius:12px;padding:8px 14px}
.battle-prompt{text-align:center;padding:9px;color:#9da5a5;font-size:10px}.battle-card-grid{display:grid;grid-template-columns:repeat(6,minmax(100px,1fr));gap:9px}.battle-player{position:relative;border:1px solid #2d3232;background:#0c0e0e;border-radius:14px;padding:8px;min-width:0;cursor:pointer;transition:.15s;overflow:hidden}.battle-player:hover:not(.used){transform:translateY(-3px);border-color:#687171;background:#151818}.battle-player.selected{border-color:#fff;box-shadow:0 0 0 1px #fff,0 0 28px #ffffff10}.battle-player.used{opacity:.28;filter:grayscale(.6);cursor:not-allowed}.battle-player img{width:100%;height:140px;object-fit:contain;pointer-events:none}.battle-player>b{display:block;font-size:9px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-player>div{display:flex;justify-content:center;gap:3px;margin-top:6px}.battle-player span{font-size:7px;border-radius:5px;padding:3px 4px;background:#171a1a;color:#9aa2a2}.battle-action-zone{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.category-chooser{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.category-chooser button{padding:14px 10px;text-align:left}.category-chooser button b,.category-chooser button span{display:block}.category-chooser button b{font-size:11px}.category-chooser button span{font-size:8px;color:#7b8383;margin-top:3px}.category-chooser button.att:hover{border-color:#d46d6d}.category-chooser button.ctrl:hover{border-color:#69a8d7}.category-chooser button.def:hover{border-color:#70bf88}.locked-category{display:flex;align-items:center;justify-content:center;gap:12px;padding:13px;border:1px solid #3c4542;border-radius:12px;background:#151918}.locked-category b{font-size:13px}.locked-category span{font-size:10px;color:#828b88}.battle-wait{min-height:80px;display:flex;align-items:center;justify-content:center;gap:13px;color:#8b9494}.wait-orb{width:34px;height:34px;border:1px solid #606969;border-radius:50%;position:relative}.wait-orb:before{content:"";position:absolute;inset:7px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}
.battle-reveal{display:grid;grid-template-columns:1fr 110px 1fr;align-items:center;gap:12px;border:1px solid #3b4242;border-radius:18px;background:radial-gradient(circle at 50% 50%,#ffffff08,transparent 38%),#0d0f0f;padding:14px}.battle-reveal>div:not(.battle-reveal-mid){text-align:center}.battle-reveal img{width:150px;height:190px;object-fit:contain}.battle-reveal b,.battle-reveal span{display:block}.battle-reveal>div>b{font-size:11px}.battle-reveal>div>span{font-size:24px;font-weight:950}.battle-reveal-mid{text-align:center}.battle-reveal-mid strong{display:block;font-size:11px}.battle-reveal-mid b{font-size:32px;margin:5px 0}.battle-reveal.win .battle-reveal-mid strong{color:var(--green)}.battle-reveal.loss .battle-reveal-mid strong{color:var(--red)}.battle-reveal.draw .battle-reveal-mid strong{color:var(--orange)}
.battle-round-dots{display:flex;gap:5px;justify-content:center;margin-top:12px}.battle-round-dots i{width:7px;height:7px;border-radius:50%;background:#303535}.battle-round-dots i.done{background:#d9dddd}.battle-round-dots i.current{box-shadow:0 0 0 3px #ffffff14;background:#fff}
.draft-battle-result{padding:28px;text-align:center}.draft-battle-result .battle-orb{margin:0 auto 12px}.draft-battle-result h2{font-size:40px;margin:5px}.draft-battle-result.win h2{color:var(--green)}.draft-battle-result.loss h2{color:var(--red)}.draft-battle-result.draw h2{color:var(--orange)}.draft-final-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin:18px auto;max-width:650px}.draft-final-score span{font-size:11px;color:#939b9b}.draft-final-score b{font-size:40px}.battle-history{max-width:650px;margin:18px auto;border:1px solid var(--line);border-radius:14px;overflow:hidden}.battle-history>div{display:grid;grid-template-columns:45px 1fr 90px;padding:8px 12px;border-bottom:1px solid #242929;text-align:left;font-size:9px}.battle-history>div:last-child{border-bottom:0}.battle-history span{color:#808888}.battle-history strong{text-align:right}

/* Ranked match result */
.rp-result{display:inline-flex;align-items:center;gap:8px;margin-top:10px;border:1px solid #39403f;border-radius:999px;padding:7px 10px;font-size:10px}.rp-result.positive{color:var(--green);border-color:#326346}.rp-result.negative{color:#ff8b8b;border-color:#633434}.result-score{font-size:48px;font-weight:950;letter-spacing:-2px}

/* Quick Chat visual refresh */
.online-chat-layout.premium-panel{position:relative;overflow:hidden;background:linear-gradient(130deg,#111414,#0c0e0e)}.chat-column>.kicker{display:flex;align-items:center;gap:7px}.chat-column>.kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.chat-row{max-width:82%;display:flex;flex-direction:column;gap:3px}.chat-row.mine{align-self:flex-end;text-align:right}.chat-row.theirs{align-self:flex-start}.chat-row small{font-size:7px;color:#687171;letter-spacing:.7px}.chat-row span{display:block;border:1px solid #333a39;background:#171a19;border-radius:14px;padding:8px 11px;font-size:10px;box-shadow:0 6px 18px #0002}.chat-row.mine span{background:#202524;border-color:#46504d}.quick-chat-buttons.polished{grid-template-columns:repeat(2,1fr)}.quick-chat-buttons.polished button{display:flex;align-items:center;gap:8px;padding:10px;text-align:left;background:#121515}.quick-chat-buttons.polished button:hover{border-color:#5b6361;background:#1b1f1e}.quick-chat-buttons.polished button i{font-style:normal;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#090b0b;font-size:14px}.quick-chat-buttons.polished button span{font-size:9px}.quickchat-preview.polished span{transition:.14s}.quickchat-preview.polished span:hover{background:#1b1f1e;border-color:#59615f;transform:translateY(-1px)}
.match-chat-pop-layer{position:fixed;inset:0;z-index:190;pointer-events:none}.match-chat-pop{position:absolute;top:19%;display:flex;align-items:center;gap:9px;border:1px solid #5a6260;background:#101313ec;backdrop-filter:blur(12px);border-radius:15px;padding:10px 14px;box-shadow:0 16px 50px #0009;animation:chatPop 1.9s ease forwards}.match-chat-pop.mine{right:7%}.match-chat-pop.theirs{left:7%}.match-chat-pop b{font-size:21px}.match-chat-pop span{font-size:11px;font-weight:900}@keyframes chatPop{0%{opacity:0;transform:translateY(15px) scale(.94)}12%,75%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-12px)}}

/* Leaderboard */
.leader-row{grid-template-columns:60px 1.3fr 170px 80px 90px 80px}.leader-row .rank-badge{display:inline-flex}.leader-row.me{background:linear-gradient(90deg,#ffffff08,transparent);box-shadow:inset 3px 0 #fff}.leader-row:hover:not(.header){background:#171a1a}

/* Responsive full update */
@media(max-width:1200px){
 .ranked-overview{grid-template-columns:90px 1fr}.rank-rules{grid-column:1/-1;border-left:0;border-top:1px solid #ffffff10;padding:12px 0 0;grid-template-columns:repeat(4,1fr)}
 .draft-battle-squad{grid-template-columns:repeat(6,minmax(90px,1fr))}.battle-card-grid{grid-template-columns:repeat(4,1fr)}
 .leader-row{grid-template-columns:45px 1.1fr 135px 65px 75px 60px}
}
@media(max-width:850px){
 .ranked-head{align-items:flex-start;flex-direction:column}.ranked-mode-tabs{grid-template-columns:1fr}.rank-ladder{grid-template-columns:repeat(5,minmax(80px,1fr));overflow-x:auto}.ranked-overview{grid-template-columns:70px 1fr;padding:16px}.rank-hero-mark{width:66px;height:66px}.ranked-overview-copy h2{font-size:25px}.rank-rules{grid-template-columns:1fr 1fr}.draft-battle-intro{grid-template-columns:70px 1fr}.battle-orb{width:64px;height:64px;font-size:13px}.battle-howto{grid-template-columns:1fr 1fr}.draft-battle-squad{grid-template-columns:repeat(4,minmax(90px,1fr))}.battle-card-grid{grid-template-columns:repeat(3,1fr)}.battle-reveal{grid-template-columns:1fr 70px 1fr}.battle-reveal img{width:100px;height:145px}.leader-row{grid-template-columns:30px 1fr 95px 48px 65px 45px;font-size:8px}.leader-row .rank-badge span{display:none}.leader-row .rank-badge{padding:4px;min-width:0}.leader-row .rank-badge>i{width:14px;height:14px}.leader-row .rank-badge b{font-size:6px}.match-chat-pop.mine{right:3%}.match-chat-pop.theirs{left:3%}
}
@media(max-width:560px){.battle-card-grid{grid-template-columns:repeat(2,1fr)}.category-chooser{grid-template-columns:1fr}.draft-battle-squad{grid-template-columns:repeat(3,minmax(86px,1fr))}.battle-howto{grid-template-columns:1fr}.rank-rules{grid-template-columns:1fr}.quick-chat-buttons.polished{grid-template-columns:1fr 1fr}}
.category-chooser>div:first-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border:1px solid #303636;background:#0e1110;border-radius:10px;padding:9px 11px}.category-chooser>div:first-child small{color:#707979;font-size:8px}.category-chooser>div:first-child b{font-size:11px}.battle-player em{position:absolute;inset:auto 8px 8px 8px;border:1px solid #515858;background:#090b0be8;border-radius:7px;padding:4px;text-align:center;font-style:normal;font-size:7px;font-weight:950;letter-spacing:1px}.battle-reveal.round-won .battle-reveal-mid strong{color:var(--green)}.battle-reveal.round-lost .battle-reveal-mid strong{color:var(--red)}.battle-reveal.draw .battle-reveal-mid strong{color:var(--orange)}.rp-result.gain{color:var(--green);border-color:#326346}.rp-result.loss{color:#ff8b8b;border-color:#633434}.ready-row.premium-panel{padding:14px 18px;align-items:center}.ready-row.premium-panel>div:last-child{display:flex;gap:8px}.rank-copy{display:block}

/* ===== FUTBOIZ META UPDATE ===== */
.sidebar{overflow-y:auto;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.logo{flex:none;margin-bottom:16px}.nav{flex:none}
.home-news{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:10px 0 18px}.home-news article{position:relative;overflow:hidden;min-height:120px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#161919,#0d0f0f);padding:16px}.home-news article:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-35px;bottom:-45px;border:1px solid #ffffff10;box-shadow:0 0 0 20px #ffffff05,0 0 0 40px #ffffff03}.home-news b{display:block;margin:8px 0 5px;font-size:15px}.home-news span{color:#8f9797;font-size:10px;line-height:1.45}.section-head.compact{margin-top:22px}.section-head.compact h2{margin-bottom:0}
.fav-filter{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#121414;color:#b6bcbc;padding:9px 12px;border-radius:10px;font-size:11px;font-weight:800}.fav-filter input{accent-color:#fff}.club-card{position:relative;transition:.16s}.club-card:hover{transform:translateY(-3px);border-color:#444b4a}.club-card.is-favorite{box-shadow:inset 0 0 0 1px #d8c06b55}.favorite-star{position:absolute;z-index:2;top:8px;right:8px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#0b0d0dde;border:1px solid #595f5d;color:#d4d7d7}.club-card.is-favorite .favorite-star{color:#f1d45f;border-color:#806f35;background:#2b2611e8}.detail-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.battle-three{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.battle-three>div{border:1px solid var(--line);background:#0d0f0f;border-radius:10px;padding:9px;text-align:center}.battle-three small,.battle-three b{display:block}.battle-three small{font-size:8px;color:#747c7c}.battle-three b{font-size:17px;margin-top:2px}

/* Cinematic packs */
.cinematic-pack{width:min(1180px,95vw);max-height:94vh;overflow:auto;background:radial-gradient(circle at 50% 15%,#2b302d 0,transparent 30%),#0b0d0d}.pack-cinematic-stage{position:relative;height:360px;margin:14px 0 18px;border:1px solid #343a39;border-radius:21px;overflow:hidden;background:radial-gradient(circle at 50% 78%,#233027 0,#111514 38%,#090a0a 75%);perspective:900px;transition:.35s}.pack-cinematic-stage:before{content:"";position:absolute;left:50%;bottom:-85px;width:520px;height:220px;transform:translateX(-50%) rotateX(67deg);border:1px solid #5c686144;border-radius:50%;box-shadow:0 0 65px #ffffff08}.stadium-lights{position:absolute;inset:0;display:flex;justify-content:space-around;opacity:.25}.stadium-lights i{width:2px;height:72%;background:linear-gradient(#fff,transparent);transform-origin:top;filter:blur(.4px)}.stadium-lights i:nth-child(1){transform:rotate(24deg)}.stadium-lights i:nth-child(2){transform:rotate(8deg)}.stadium-lights i:nth-child(3){transform:rotate(-8deg)}.stadium-lights i:nth-child(4){transform:rotate(-24deg)}.pack-gate{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);width:180px;height:245px;border:1px solid #737b7666;border-radius:25px;background:linear-gradient(150deg,#282d2a,#101312 72%);box-shadow:0 24px 80px #000b,0 0 35px #ffffff0b;display:flex;flex-direction:column;align-items:center;justify-content:center;letter-spacing:3px;transition:.6s cubic-bezier(.2,.75,.15,1)}.pack-gate span{font-size:22px;font-weight:950;color:#a5adaa}.pack-gate b{font-size:31px}.pack-gate small{margin-top:12px;color:#707976;font-size:8px}.pack-cinematic-stage.charged .pack-gate{box-shadow:0 25px 80px #000b,0 0 60px #c8dad025;transform:translate(-50%,-53%) scale(1.04)}.pack-cinematic-stage.bursting .pack-gate{opacity:0;transform:translate(-50%,-55%) scale(1.45)}.pack-cinematic-stage.walkout{background:radial-gradient(circle at 50% 70%,#40341a 0,#171814 42%,#090a0a 75%)}.pack-cinematic-stage.board{background:radial-gradient(circle at 50% 70%,#1a3140 0,#111719 42%,#090a0a 75%)}.pack-flash{position:absolute;inset:-30%;background:radial-gradient(circle,#fff 0,#ffffff55 13%,transparent 43%);opacity:0;pointer-events:none}.pack-cinematic-stage.bursting .pack-flash{animation:packFlash .65s ease}.walkout-info{position:absolute;left:12%;top:50%;transform:translateY(-50%) translateX(-25px);opacity:0;display:flex;flex-direction:column;z-index:3}.walkout-info.show{animation:walkInfo .45s ease forwards}.walkout-info strong{font-size:68px;line-height:.9}.walkout-info span{font-size:28px;font-weight:950;margin:7px 0}.walkout-info small{color:#abb1ae;max-width:210px;font-weight:800}.walkout-card{position:absolute;right:15%;top:50%;transform:translateY(-43%) translateX(60px) scale(.88);width:235px;height:310px;object-fit:contain;filter:drop-shadow(0 25px 35px #000a);opacity:0;z-index:3}.walkout-card.show{animation:walkCard .6s cubic-bezier(.18,.8,.2,1) forwards}.pack-particles{position:absolute;inset:0;pointer-events:none}.pack-particles i{position:absolute;left:50%;top:54%;width:5px;height:5px;border-radius:50%;background:#fff;animation:particle .9s ease-out forwards;transform:rotate(var(--r)) translateX(0)}.pack-result-grid.active{animation:gridIn .35s ease}.pack-dupe{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);background:#a74545;color:#fff;border:1px solid #e67878;border-radius:999px;padding:3px 7px;font-size:7px;font-weight:950;letter-spacing:.5px}.pack-card.duplicate{box-shadow:inset 0 0 0 1px #a94c4c55}.pack-opening-actions{display:flex;justify-content:center;gap:8px;position:sticky;bottom:0;padding:10px;background:linear-gradient(transparent,#0b0d0d 35%)}
@keyframes packFlash{0%{opacity:0}22%{opacity:1}100%{opacity:0}}@keyframes walkInfo{to{opacity:1;transform:translateY(-50%) translateX(0)}}@keyframes walkCard{to{opacity:1;transform:translateY(-50%) translateX(0) scale(1)}}@keyframes particle{0%{opacity:1;transform:rotate(var(--r)) translateX(0) scale(1)}100%{opacity:0;transform:rotate(var(--r)) translateX(var(--d)) scale(.25)}}@keyframes gridIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* Profile + daily rewards */
.profile-identity{position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--line);padding:25px;background:#111414}.profile-identity:after{content:"";position:absolute;right:-80px;top:-120px;width:300px;height:300px;border-radius:50%;border:1px solid #ffffff12;box-shadow:0 0 0 40px #ffffff05,0 0 0 80px #ffffff03}.profile-identity.banner-carbon{background:linear-gradient(135deg,#1b1e1d,#0d0f0f)}.profile-identity.banner-stadium{background:radial-gradient(circle at 80% 25%,#35504355,transparent 30%),linear-gradient(135deg,#18211d,#0c0f0d)}.profile-identity.banner-neon{background:radial-gradient(circle at 80% 25%,#653e9b44,transparent 34%),linear-gradient(135deg,#191523,#0b0b0e)}.profile-identity.banner-diamond{background:radial-gradient(circle at 80% 25%,#4b88a955,transparent 34%),linear-gradient(135deg,#16222a,#0a0d0f)}.profile-badge{width:52px;height:52px;border-radius:16px;border:1px solid #59615f;background:#0b0d0d;display:grid;place-items:center;font-size:23px}.profile-identity h2{margin:13px 0 3px;font-size:35px}.profile-rank-line{display:flex;align-items:center;gap:9px;color:#9aa2a2}.profile-fav-card{position:absolute;right:34px;bottom:-28px;width:150px;height:205px;object-fit:contain;filter:drop-shadow(0 14px 25px #0008);z-index:2}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}.daily-card,.profile-stats-card,.profile-custom-card{border:1px solid var(--line);border-radius:18px;background:#111313;padding:18px}.daily-card h3,.profile-stats-card h3,.profile-custom-card h3{margin:5px 0 10px}.daily-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:13px 0}.daily-days span{border:1px solid #303535;border-radius:8px;padding:7px 3px;text-align:center;font-size:8px;color:#747d7a}.daily-days span.hit{background:#1a211e;color:#fff;border-color:#44524b}.profile-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.profile-stat-grid>div{background:#0c0e0e;border:1px solid #292e2e;border-radius:9px;padding:10px}.profile-stat-grid small,.profile-stat-grid b{display:block}.profile-stat-grid small{font-size:8px;color:#727b7b}.profile-stat-grid b{margin-top:3px}.profile-custom-card label{display:block;color:#7e8787;font-size:9px;margin:10px 0 5px}.profile-custom-card select{width:100%;border:1px solid #333439;background:#0d0f0f;color:#fff;border-radius:9px;padding:9px}.setting-toggles{display:flex;gap:14px;margin:13px 0}.setting-toggles label{margin:0;display:flex;align-items:center;gap:5px}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.achievement{border:1px solid var(--line);border-radius:15px;background:#101212;padding:14px;opacity:.7}.achievement.unlocked{opacity:1;border-color:#46504c}.achievement.claimed{opacity:.5}.achievement-icon{font-size:22px}.achievement h3{margin:7px 0 4px;font-size:13px}.achievement p{font-size:9px;color:#858d8d;min-height:28px}.achievement progress{width:100%;height:5px}.pack-history{display:grid;gap:8px;margin-top:10px}.pull-history{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:13px;background:#101212;padding:10px}.pull-history.walkout{border-color:#756133}.pull-history.board{border-color:#365d73}.pull-history img{width:70px;height:94px;object-fit:contain}.pull-history h3{margin:2px 0;font-size:13px}.pull-history p{margin:0;color:#7e8787;font-size:8px}.pull-history .kicker{font-size:7px}

/* Compare */
.compare-wrap{width:min(900px,92vw);max-height:90vh;overflow:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #3a4140;border-radius:22px;background:#0d0f0f;padding:22px}.compare-grid{display:grid;grid-template-columns:1fr 55px 1fr;gap:15px;align-items:start}.compare-card{text-align:center}.compare-card img{height:270px;width:100%;object-fit:contain}.compare-card h3{margin:5px}.compare-mid{padding-top:80px;text-align:center;color:#606969;font-weight:950}.compare-stats{margin-top:8px}.compare-stat{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;padding:8px;border-top:1px solid #252a2a}.compare-stat b:first-child{text-align:right}.compare-stat b:last-child{text-align:left}.compare-stat span{text-align:center;color:#747c7c;font-size:8px}

/* Market */
.market-note{margin:-5px 0 13px;border:1px solid #343a39;background:#101312;border-radius:12px;padding:10px 12px;color:#818a87;font-size:10px}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.market-card{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;background:#111313;padding:10px}.market-card.mine{border-color:#665f3c}.market-card>img{width:105px;height:145px;object-fit:contain}.market-card h3{margin:3px 0;font-size:13px}.market-card p,.market-card small{display:block;margin:2px 0;color:#7f8888;font-size:8px}.market-card b{font-size:11px}.market-card button{align-self:center}.action-modal-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,91vw);max-height:88vh;overflow:auto;border:1px solid #3c4241;border-radius:20px;background:#0d0f0f;padding:20px}.sell-card{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:center}.sell-card img{width:125px;height:170px;object-fit:contain}.sell-card input{width:100%;background:#0a0c0c;border:1px solid #383e3d;color:#fff;border-radius:10px;padding:11px;margin:8px 0}

/* Saved squad builder */
.saved-squad-layout{display:grid;grid-template-columns:250px 1fr;gap:13px}.saved-list,.squad-editor{padding:15px}.saved-squad-row{width:100%;text-align:left;display:block;margin-top:7px;background:#0d0f0f}.saved-squad-row b,.saved-squad-row span{display:block}.saved-squad-row span{margin-top:3px;color:#747d7d;font-size:8px}.saved-squad-row.active{border-color:#626b68;background:#171a19}.squad-editor-head{display:grid;grid-template-columns:1fr 140px auto;gap:8px;align-items:center;margin-bottom:11px}.squad-editor-head input,.squad-editor-head select{border:1px solid #333438;border-radius:9px;background:#0d0f0f;color:#fff;padding:10px}.squad-editor-head>div{display:grid;grid-template-columns:auto auto;gap:2px 7px;align-items:baseline}.squad-editor-head small{font-size:7px;color:#6f7878}.squad-builder-pitch{position:relative;height:610px;border:1px solid #333b37;border-radius:17px;overflow:hidden;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 50% 50%,#1b281f,#0b100d 70%);background-size:60px 60px}.squad-builder-pitch:before{content:"";position:absolute;inset:5%;border:1px solid #60706455}.squad-chem-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.squad-build-slot{position:absolute;transform:translate(-50%,-50%);width:102px;height:138px;padding:3px;background:transparent;border:0}.squad-build-slot.empty{border:1px dashed #69736f;background:#111713bb;border-radius:12px;height:110px}.squad-build-slot.empty b,.squad-build-slot.empty span{display:block}.squad-build-slot.empty b{font-size:22px}.squad-build-slot.empty span{font-size:9px}.squad-build-slot img{width:100%;height:116px;object-fit:contain;filter:drop-shadow(0 7px 8px #0007)}.squad-build-slot small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#090b0bdc;border-radius:8px;padding:3px;font-size:7px}.squad-editor-actions{display:flex;gap:8px;margin-top:11px}.squad-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px;max-height:62vh;overflow:auto}.squad-picker-grid button{padding:6px;background:#0f1111}.squad-picker-grid img{width:100%;height:135px;object-fit:contain}.squad-picker-grid b,.squad-picker-grid small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.squad-picker-grid b{font-size:8px}.squad-picker-grid small{font-size:7px;color:#798282}

/* Social / replay */
.social-layout{display:grid;grid-template-columns:1fr 1fr;gap:13px}.social-panel{padding:16px;min-height:460px}.friend-search{display:flex;gap:7px;margin:9px 0}.friend-search input{flex:1;border:1px solid #333439;background:#0d0f0f;color:#fff;border-radius:10px;padding:10px}.social-subhead{margin-top:18px}.friend-row,.friend-search-row,.history-row{display:grid;align-items:center;gap:9px;border-top:1px solid #262b2b;padding:10px 0}.friend-row{grid-template-columns:38px 1fr auto auto auto}.friend-search-row{grid-template-columns:1fr auto}.friend-avatar{width:34px;height:34px;border-radius:50%;background:#1c211f;border:1px solid #444c49;display:grid;place-items:center;font-weight:950}.friend-row b,.friend-row span,.friend-search-row b,.friend-search-row span{display:block}.friend-row span,.friend-search-row span{font-size:8px;color:#727b7b;margin-top:2px}.friend-remove{padding:7px 9px}.social-empty{padding:18px;color:#727a7a;text-align:center}.history-row{grid-template-columns:1fr auto auto auto}.history-row strong{font-size:18px}.history-row>span{font-size:9px;font-weight:900}.history-row.win>span{color:var(--green)}.history-row.loss>span{color:var(--red)}.history-row.draw>span{color:var(--orange)}.replay-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,92vw);max-height:88vh;overflow:auto;border:1px solid #3c4341;border-radius:21px;background:#0d0f0f;padding:22px}.replay-card h2{display:flex;justify-content:center;gap:14px;align-items:center}.replay-card h2 b{font-size:30px}.replay-timeline{display:grid;gap:5px;margin-top:15px}.replay-timeline>div{display:grid;grid-template-columns:55px 1fr 80px;gap:8px;border:1px solid #292f2e;border-radius:9px;background:#121414;padding:9px;animation:timelineIn .25s ease}.replay-timeline span{color:#929999}.replay-timeline strong{text-align:right}@keyframes timelineIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

/* Rank up */
.rankup-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,90vw);text-align:center;border:1px solid #636b67;border-radius:25px;background:radial-gradient(circle at 50% 15%,#ffffff18,transparent 30%),#0e1110;padding:38px;overflow:hidden}.rankup-rays{position:absolute;inset:-50%;background:repeating-conic-gradient(#ffffff08 0 8deg,transparent 8deg 20deg);animation:spin 12s linear infinite}.rankup-emblem{position:relative;width:100px;height:100px;margin:auto;border:1px solid #777f7b;border-radius:29px;display:grid;place-items:center;background:#121615;box-shadow:0 0 45px #ffffff12;font-size:42px}.rankup-card>*:not(.rankup-rays){position:relative}.rankup-card h2{font-size:34px;margin:12px 0 4px}.rankup-card p{color:#989f9c}.rankup-card button{margin-top:10px}

/* Online Draft streak rewards */
.draft-streak-panel{margin-top:11px;border:1px solid #353c3a;border-radius:14px;background:#0e1110;padding:11px}.draft-streak-panel>div:first-child{display:flex;justify-content:space-between}.draft-streak-panel small{color:#7a8380}.streak-rewards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.streak-rewards span{border:1px solid #2d3332;border-radius:8px;padding:7px;font-size:8px}.streak-rewards span.hit{border-color:#69736f;background:#1a1e1d;color:#fff}

/* Cosmetic body banners */
body[data-banner="stadium"]{background:radial-gradient(circle at 80% 0,#23382d 0,transparent 31%),#080909}body[data-banner="neon"]{background:radial-gradient(circle at 80% 0,#32204c 0,transparent 31%),#080809}body[data-banner="diamond"]{background:radial-gradient(circle at 80% 0,#1f4052 0,transparent 31%),#080909}

@media(max-width:1200px){.home-news{grid-template-columns:repeat(2,1fr)}.achievement-grid{grid-template-columns:repeat(2,1fr)}.market-grid{grid-template-columns:repeat(2,1fr)}.saved-squad-layout{grid-template-columns:210px 1fr}.squad-picker-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:850px){.home-news{grid-template-columns:1fr 1fr}.profile-grid,.social-layout,.saved-squad-layout{grid-template-columns:1fr}.market-grid{grid-template-columns:1fr}.squad-builder-pitch{height:560px}.squad-editor-head{grid-template-columns:1fr 120px}.squad-editor-head>div{grid-column:1/-1}.squad-picker-grid{grid-template-columns:repeat(3,1fr)}.walkout-info{left:7%}.walkout-card{right:5%;width:190px}.achievement-grid{grid-template-columns:1fr 1fr}.profile-fav-card{width:110px;height:155px}.compare-grid{grid-template-columns:1fr}.compare-mid{padding:0}.compare-card img{height:220px}.compare-stat{grid-template-columns:1fr 45px 1fr}}
@media(max-width:560px){.home-news,.achievement-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.daily-days{grid-template-columns:repeat(4,1fr)}.pack-cinematic-stage{height:310px}.walkout-info{left:7%;top:25%;transform:none}.walkout-info.show{animation:none;opacity:1;transform:none}.walkout-info strong{font-size:42px}.walkout-info span{font-size:18px}.walkout-card{right:50%;top:60%;transform:translate(50%,-40%);width:170px;height:230px}.walkout-card.show{animation:none;opacity:1;transform:translate(50%,-50%)}.market-card{grid-template-columns:90px 1fr}.market-card>img{width:85px;height:120px}.market-card>button{grid-column:1/-1}.squad-builder-pitch{height:500px}.squad-build-slot{width:78px;height:105px}.squad-build-slot img{height:88px}.squad-picker-grid{grid-template-columns:repeat(2,1fr)}.friend-row{grid-template-columns:34px 1fr auto}.friend-row button:not(.friend-remove){grid-column:2}.friend-remove{grid-column:3;grid-row:1}.history-row{grid-template-columns:1fr auto}.history-row span,.history-row button{grid-column:1/-1}.replay-card h2{font-size:13px;gap:7px}.replay-card h2 b{font-size:23px}.profile-fav-card{display:none}}
/* Meta UI correction pass */
.profile-fav-card{position:absolute;right:28px;bottom:10px;width:150px;height:auto;text-align:center;z-index:2}.profile-fav-card img{display:block;width:130px;height:175px;object-fit:contain;margin:0 auto;filter:drop-shadow(0 14px 25px #0008)}.profile-fav-card small,.profile-fav-card b,.profile-fav-card span{display:block}.profile-fav-card small{font-size:7px;color:#88908d}.profile-fav-card b{font-size:9px}.profile-fav-card.empty{bottom:28px;border:1px dashed #525a57;border-radius:12px;padding:15px;width:145px;color:#717977}.daily-days i{font-style:normal;border:1px solid #303535;border-radius:8px;padding:7px 3px;text-align:center;font-size:8px;color:#747d7a}.daily-days i.done{background:#1a211e;color:#fff;border-color:#44524b}.profile-stats-card>div:not(.kicker){display:flex;justify-content:space-between;gap:10px;border-top:1px solid #292e2e;padding:9px 0}.profile-stats-card span{color:#7e8787;font-size:9px}.profile-stats-card b{font-size:10px}.progress-track{height:5px;background:#252a29;border-radius:999px;overflow:hidden;margin:8px 0}.progress-track i{display:block;height:100%;background:#d9dddd;border-radius:inherit}.achievement{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center}.achievement button{padding:8px 10px}.achievement small{font-size:7px;color:#747c7c}.compare-card#compareContent{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(880px,93vw);max-height:90vh;overflow:auto;text-align:left;border:1px solid #3a4140;border-radius:22px;background:#0d0f0f;padding:22px}.compare-head{display:grid;grid-template-columns:1fr 55px 1fr;gap:15px;align-items:center;text-align:center}.compare-head img{width:100%;height:250px;object-fit:contain}.compare-head>div h3{margin:4px}.compare-head>b{font-size:24px;color:#68706e}.compare-stats>div{display:grid;grid-template-columns:1fr 75px 1fr;gap:8px;align-items:center;border-top:1px solid #282e2d;padding:8px}.compare-stats strong:first-child{text-align:right}.compare-stats strong:last-child{text-align:left}.compare-stats span{text-align:center;font-size:8px;color:#727a78}.compare-stats strong.win{color:var(--green)}.compare-stats strong.tie{color:var(--orange)}.action-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,92vw);max-height:88vh;overflow:auto;border:1px solid #3c4241;border-radius:20px;background:#0d0f0f;padding:20px}.profile-button[data-badge="diamond"]{border-color:#5b8498;box-shadow:inset 0 0 20px #558aa51b}.profile-button[data-badge="walkout"]{border-color:#8a743d}.profile-button[data-badge="ranked"]{border-color:#6b656f}

/* ===== FUTBOIZ HUB REDESIGN + PERFORMANCE POLISH ===== */
.clean-sidebar{width:auto;padding:24px 14px;background:linear-gradient(180deg,#0c0e0f 0%,#090a0b 100%);gap:7px}
.clean-sidebar .logo{margin:5px 10px 30px;font-size:25px}
.nav-group-label{font-size:9px;letter-spacing:2.2px;color:#535b5b;font-weight:950;margin:0 10px 5px}
.clean-sidebar .nav{display:flex;align-items:center;gap:11px;min-height:46px;padding:11px 12px}
.clean-sidebar .nav span{width:21px;text-align:center;color:#687171;font-size:14px}
.clean-sidebar .nav b{font-size:12px;letter-spacing:.8px}
.clean-sidebar .nav.active span{color:#fff}
.sidebar-profile-link{margin-top:auto;display:flex;align-items:center;gap:10px;width:100%;padding:10px;background:#101313;border-color:#262b2b;text-align:left}
.sidebar-profile-link>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#eef2f2,#777f7f);color:#090a0a;font-size:13px;font-weight:950}
.sidebar-profile-link div{min-width:0;display:flex;flex-direction:column}.sidebar-profile-link small{font-size:8px;color:#687171;letter-spacing:1.4px}.sidebar-profile-link b{font-size:11px;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clean-sidebar .status{margin-top:4px;padding:7px 10px}

.home-hero-v2{position:relative;min-height:500px;border:1px solid #303737;border-radius:30px;overflow:hidden;background:radial-gradient(circle at 78% 40%,#24302c 0,transparent 27%),linear-gradient(125deg,#151a19 0%,#0b0d0e 55%,#101515 100%);box-shadow:0 28px 80px #0006}
.home-hero-glow{position:absolute;width:520px;height:520px;border-radius:50%;right:-120px;top:-160px;background:radial-gradient(circle,#8dfff323 0,#62d8bb0c 42%,transparent 70%);filter:blur(8px);animation:homeGlow 7s ease-in-out infinite alternate}
.home-pitch-grid{position:absolute;inset:0;opacity:.17;background:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,#000 10%,transparent 82%)}
.home-hero-copy{position:relative;z-index:4;width:min(660px,63%);padding:58px 54px 115px}.home-hero-copy h2{font-size:clamp(52px,6.2vw,88px);line-height:.86;letter-spacing:-4px;margin:20px 0 24px}.home-hero-copy h2 span{color:#8d9696}.home-hero-copy p{max-width:610px;color:#a8b0b0;font-size:15px;line-height:1.7}.hero-main-cta{padding-inline:23px}
.live-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #3b4642;background:#121816cc;padding:8px 12px;border-radius:999px;font-size:9px;letter-spacing:1.6px;font-weight:950;color:#b7c1bd}.live-pill i,.social-live-pill i{width:7px;height:7px;border-radius:50%;background:#42e28a;box-shadow:0 0 14px #42e28a;animation:livePulse 1.7s infinite}
.promo-showcase{position:absolute;right:4.5%;top:50%;transform:translateY(-54%);width:310px;height:330px;z-index:3}.promo-orbit{position:absolute;inset:20px;border:1px solid #b6fff31f;border-radius:50%;box-shadow:0 0 90px #5de7c81a inset;animation:slowSpin 18s linear infinite}.promo-card-img{position:absolute;width:166px;height:230px;object-fit:contain;filter:drop-shadow(0 25px 28px #000c);will-change:transform}.promo-a{left:72px;top:40px;z-index:3;transform:rotate(2deg)}.promo-b{left:-5px;top:82px;z-index:2;transform:rotate(-13deg) scale(.88)}.promo-c{right:-8px;top:82px;z-index:2;transform:rotate(13deg) scale(.88)}
.home-hero-stats{position:absolute;z-index:5;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff13;background:#080a0ad6;backdrop-filter:blur(12px)}.home-hero-stats>div{padding:18px 28px;border-right:1px solid #ffffff10}.home-hero-stats>div:last-child{border-right:0}.home-hero-stats small{display:block;color:#626b6b;font-size:8px;letter-spacing:1.4px;font-weight:900}.home-hero-stats b{display:block;margin-top:5px;font-size:14px}
.hub-launch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:15px 0 28px}.hub-launch{min-height:178px;position:relative;display:grid;grid-template-columns:48px 1fr auto;gap:15px;align-items:start;padding:24px;border:1px solid #2a3030;border-radius:21px;background:linear-gradient(145deg,#121515,#0e1010);cursor:pointer;overflow:hidden;transition:.2s transform,.2s border-color,.2s background}.hub-launch:after{content:"";position:absolute;inset:auto -30% -80% 25%;height:150px;border-radius:50%;filter:blur(35px);opacity:.18;transition:.2s}.hub-launch.play:after{background:#72f0ba}.hub-launch.club:after{background:#a97dff}.hub-launch.social:after{background:#6faeff}.hub-launch:hover{transform:translateY(-4px);border-color:#586060;background:#161a1a}.hub-launch:hover:after{opacity:.28}.hub-icon{width:44px;height:44px;border-radius:13px;border:1px solid #343a3a;background:#191d1d;display:grid;place-items:center;font-weight:950}.hub-launch span{font-size:8px;letter-spacing:1.5px;color:#626a6a;font-weight:950}.hub-launch h3{font-size:27px;margin:7px 0 8px}.hub-launch p{margin:0;color:#838c8c;line-height:1.45;font-size:12px}.hub-launch>b{font-size:22px;color:#596161;margin-top:10px}

.hub-page{min-height:calc(100vh - 140px)}.hub-page-head{position:relative;border:1px solid #2d3434;border-radius:25px;padding:34px 36px;margin-bottom:15px;overflow:hidden;background:#101313}.hub-page-head:after{content:"";position:absolute;width:330px;height:230px;right:-50px;top:-100px;border-radius:50%;filter:blur(50px);opacity:.13}.hub-page-head.play:after{background:#69f0b6}.hub-page-head.club:after{background:#9b72ff}.hub-page-head.social:after{background:#65a9ff}.hub-page-head h2{font-size:54px;margin:5px 0 7px;letter-spacing:-2px}.hub-page-head p{margin:0;color:#838c8c}.hub-back{float:right;background:#121515;font-size:10px;letter-spacing:1px}
.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.mode-card{position:relative;min-height:205px;border:1px solid #292f2f;background:linear-gradient(145deg,#111414,#0d0f0f);border-radius:20px;padding:26px;cursor:pointer;transition:.2s;overflow:hidden}.mode-card:hover{transform:translateY(-3px);border-color:#535b5b;background:#151919}.mode-card.featured{grid-row:span 2;min-height:423px;padding-top:42px;background:radial-gradient(circle at 75% 85%,#3ae7a816,transparent 35%),linear-gradient(145deg,#141918,#0c0f0e)}.club-modes .mode-card.featured{background:radial-gradient(circle at 75% 85%,#9c77ff17,transparent 35%),linear-gradient(145deg,#151419,#0d0d10)}.social-modes .mode-card.featured{background:radial-gradient(circle at 75% 85%,#5fa9ff17,transparent 35%),linear-gradient(145deg,#13171a,#0c0f11)}.mode-card.wide{grid-column:span 1}.mode-card>span{font-size:9px;letter-spacing:1.8px;color:#616a6a;font-weight:950}.mode-card h3{font-size:30px;margin:12px 0 9px}.mode-card p{color:#838b8b;max-width:440px;line-height:1.55;margin:0 0 30px}.mode-card>b{position:absolute;left:26px;bottom:24px;font-size:10px;letter-spacing:1px}

.social-live-pill{display:flex;align-items:center;gap:8px;border:1px solid #294136;background:#0d1712;padding:9px 12px;border-radius:999px;color:#8ccca9;font-size:9px;font-weight:950;letter-spacing:1.2px}.auto-search{display:block!important}.auto-search input{width:100%;margin-bottom:7px}.auto-search>span{display:block;color:#596262;font-size:9px;letter-spacing:.7px}.compact-loading{padding:10px!important;min-height:0!important}

/* less repainting for off-screen heavy pages */
.page:not(.active){content-visibility:hidden}.owned-card img,.market-card img,.squad-picker-grid img,.profile-fav-card img{content-visibility:auto}

@keyframes homeGlow{from{transform:translate3d(-15px,0,0) scale(.95)}to{transform:translate3d(15px,15px,0) scale(1.08)}}
@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes livePulse{50%{opacity:.35;transform:scale(.75)}}

@media(max-width:1200px){.promo-showcase{opacity:.7;right:1%}.home-hero-copy{width:70%}.hub-launch-grid{grid-template-columns:1fr 1fr}.hub-launch.social{grid-column:span 2}.mode-grid{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.clean-sidebar{height:auto;position:sticky;top:0;z-index:40;flex-direction:row;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line)}.clean-sidebar .logo{font-size:18px;margin:0 8px 0 0}.nav-group-label,.sidebar-profile-link,.clean-sidebar .status{display:none}.clean-sidebar .nav{min-height:39px;padding:8px 10px}.clean-sidebar .nav b{font-size:9px}.home-hero-v2{min-height:500px}.home-hero-copy{width:100%;padding:40px 28px 125px}.home-hero-copy h2{font-size:52px;letter-spacing:-2px}.promo-showcase{display:none}.home-hero-stats>div{padding:14px}.home-hero-stats b{font-size:11px}.hub-launch-grid{grid-template-columns:1fr}.hub-launch.social{grid-column:auto}.mode-grid{grid-template-columns:1fr}.mode-card.featured{grid-row:auto;min-height:250px}.hub-page-head h2{font-size:42px}}

.sidebar-profile-link.active{border-color:#596262;background:#181c1c;box-shadow:0 0 0 1px #ffffff09 inset}

/* FUTBOIZ promo refresh */
button.is-busy{position:relative;opacity:.78;cursor:wait}.auth-message.success{color:#71e4ac;border:1px solid #2d6548;background:#10251b;border-radius:10px;margin-top:8px}.auth-message.error{color:#ff9e9e;border:1px solid #653232;background:#251313;border-radius:10px;margin-top:8px}.auth-submit.is-busy:after{content:"";width:12px;height:12px;margin-left:9px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:fbSpin .65s linear infinite}

.mode-card>span,.mode-card h3,.mode-card p{position:relative;z-index:2}.mode-card>b{z-index:3}.mode-card p{max-width:62%}.mode-card:after{content:"";position:absolute;right:-18px;bottom:-62px;width:225px;height:300px;background-image:var(--mode-art);background-repeat:no-repeat;background-position:right bottom;background-size:contain;opacity:.68;filter:drop-shadow(0 20px 26px #000b) saturate(1.12);transform:rotate(3deg);transition:.28s transform,.28s opacity;pointer-events:none;mask-image:linear-gradient(to bottom,#000 60%,transparent 100%)}.mode-card:hover:after{transform:translateY(-9px) rotate(1deg) scale(1.04);opacity:.9}.mode-card.featured:after{width:330px;height:430px;right:-40px;bottom:-72px;opacity:.82}.mode-card.featured p{max-width:54%}
#page-playhub .mode-card:nth-child(1){--mode-art:url("https://game-assets.fut.gg/cdn-cgi/image/quality=85,format=auto,width=300/2026/futgg-player-item-card/26-168049803.dd6dc11f82398217a9417f58a924be96c5c69c2da33b5015181907d56a8d3d7f.webp")}#page-playhub .mode-card:nth-child(2){--mode-art:url("https://game-assets.fut.gg/cdn-cgi/image/quality=85,format=auto,width=300/2026/futgg-player-item-card/26-151247315.476f74989d190d9def10fb05765a25106891d36d40b94dbd50dc85f905b2b144.webp")}#page-playhub .mode-card:nth-child(3){--mode-art:url("https://game-assets.fut.gg/cdn-cgi/image/quality=85,format=auto,width=300/2026/futgg-player-item-card/26-167792961.ede9bc0079ad9c9fb705739429006cdb7678f6bda07f8620fd68b2ae1517a79b.webp")}#page-playhub .mode-card:nth-child(4){--mode-art:url("https://game-assets.fut.gg/cdn-cgi/image/quality=85,format=auto,width=300/2026/futgg-player-item-card/26-218335555.0c6c755325479af2e2129624713db38ef4d0fac5e9f00f9a975d93de3cabbcc2.webp")}#page-playhub .mode-card:nth-child(5){--mode-art:url("https://game-assets.fut.gg/cdn-cgi/image/quality=85,format=auto,width=300/2026/futgg-player-item-card/26-235039047.5d64fe5746533246ab6e89193c5d0a3eabbc584f2fe762282817707410939407.webp")}
#page-clubhub .mode-card:nth-child(1){--mode-art:url("https://game-assets.fut.gg/cdn-cgi/image/quality=85,format=auto,width=300/2026/futgg-player-item-card/26-151247315.476f74989d190d9def10fb05765a25106891d36d40b94dbd50dc85f905b2b144.webp")}#page-clubhub .mode-card:nth-child(2){--mode-art:url("https://game-assets.fut.gg/cdn-cgi/image/quality=85,format=auto,width=300/2026/futgg-player-item-card/26-218335555.0c6c755325479af2e2129624713db38ef4d0fac5e9f00f9a975d93de3cabbcc2.webp")}#page-clubhub .mode-card:nth-child(3){--mode-art:url("https://game-assets.fut.gg/cdn-cgi/image/quality=85,format=auto,width=300/2026/futgg-player-item-card/26-218342893.10ee5f32c8341b1a3e7a1119a9482011f6f98be9b60001ed64cab4b465db1d54.webp")}#page-clubhub .mode-card:nth-child(4){--mode-art:url("https://game-assets.fut.gg/cdn-cgi/image/quality=85,format=auto,width=300/2026/futgg-player-item-card/26-168010954.71eaee7a6143cd987e888b8cca70e186b600f9130dc687ab75872e00084f69d9.webp")}#page-clubhub .mode-card:nth-child(5){--mode-art:url("https://game-assets.fut.gg/cdn-cgi/image/quality=85,format=auto,width=300/2026/futgg-player-item-card/26-184776579.00e3d5dfe85b7741b722840eea85201c82b4fca312ad0906bbc1591d1ba55ba0.webp")}#page-clubhub .mode-card:nth-child(6){--mode-art:url("https://game-assets.fut.gg/cdn-cgi/image/quality=85,format=auto,width=300/2026/futgg-player-item-card/26-167981491.af4fff5ce160cba8a85295015ad57698d788e749335e28f0703bbb4515d86902.webp")}
#page-socialhub .mode-card:nth-child(1){--mode-art:url("https://game-assets.fut.gg/cdn-cgi/image/quality=85,format=auto,width=300/2026/futgg-player-item-card/26-235039047.5d64fe5746533246ab6e89193c5d0a3eabbc584f2fe762282817707410939407.webp")}#page-socialhub .mode-card:nth-child(2){--mode-art:url("https://game-assets.fut.gg/cdn-cgi/image/quality=85,format=auto,width=300/2026/futgg-player-item-card/26-167792961.ede9bc0079ad9c9fb705739429006cdb7678f6bda07f8620fd68b2ae1517a79b.webp")}#page-socialhub .mode-card:nth-child(3){--mode-art:url("https://game-assets.fut.gg/cdn-cgi/image/quality=85,format=auto,width=300/2026/futgg-player-item-card/26-168049803.dd6dc11f82398217a9417f58a924be96c5c69c2da33b5015181907d56a8d3d7f.webp")}

.hub-launch>div,.hub-launch>b{position:relative;z-index:2}.hub-launch:before{content:"";position:absolute;right:-22px;bottom:-80px;width:180px;height:245px;background:var(--hub-art) no-repeat right bottom/contain;opacity:.35;filter:drop-shadow(0 15px 22px #000b);transform:rotate(5deg);transition:.25s;pointer-events:none}.hub-launch:hover:before{opacity:.58;transform:translateY(-7px) rotate(2deg)}.hub-launch.play{--hub-art:url("https://game-assets.fut.gg/cdn-cgi/image/quality=85,format=auto,width=300/2026/futgg-player-item-card/26-167792961.ede9bc0079ad9c9fb705739429006cdb7678f6bda07f8620fd68b2ae1517a79b.webp")}.hub-launch.club{--hub-art:url("https://game-assets.fut.gg/cdn-cgi/image/quality=85,format=auto,width=300/2026/futgg-player-item-card/26-168049803.dd6dc11f82398217a9417f58a924be96c5c69c2da33b5015181907d56a8d3d7f.webp")}.hub-launch.social{--hub-art:url("https://game-assets.fut.gg/cdn-cgi/image/quality=85,format=auto,width=300/2026/futgg-player-item-card/26-235039047.5d64fe5746533246ab6e89193c5d0a3eabbc584f2fe762282817707410939407.webp")}

.pack-tabs{display:flex;gap:8px;margin:0 0 16px;overflow:auto}.pack-tabs button{border-radius:999px;padding:10px 16px;color:#798282;background:#101313}.pack-tabs button.active{color:#090b0a;background:#e9f2ed;border-color:#e9f2ed}.pack-tabs i{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:5px;padding:0 5px;border-radius:999px;background:#ffffff20;font-style:normal}.pack-product{position:relative;height:252px;border:1px solid #343b39;border-radius:20px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#ffffff14,transparent 48%),#0d1010}.pack-product img{position:relative;z-index:2;width:92%;height:94%;object-fit:contain;filter:drop-shadow(0 18px 25px #000b);transition:.3s}.pack-tile:hover .pack-product img{transform:translateY(-7px) scale(1.025)}.pack-brand{position:absolute;z-index:3;left:50%;top:48%;transform:translate(-50%,-50%);display:flex;flex-direction:column;text-align:center;text-shadow:0 2px 12px #000}.pack-brand span{font-size:10px;letter-spacing:4px;font-weight:900}.pack-brand b{font-size:23px;line-height:1}.pack-product>i{position:absolute;right:13px;bottom:13px;z-index:3;width:38px;height:38px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;background:#090b0bc9;font-style:normal;font-weight:950}.pack-shine{position:absolute;inset:-40%;z-index:3;background:linear-gradient(110deg,transparent 40%,#fff4 49%,transparent 58%);transform:translateX(-70%) rotate(8deg);animation:packShine 4.5s ease-in-out infinite;pointer-events:none}.pack-empty{grid-column:1/-1;border:1px dashed #343a39;border-radius:17px;padding:40px;text-align:center;color:#747d7a}

.pack-spinner{width:22px;height:22px;margin-top:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:fbSpin .65s linear infinite}.pack-cinematic-stage.waiting .pack-gate{animation:gateBreathe .9s ease-in-out infinite alternate}.pack-cinematic-stage.theme-gold{color:#ffd773;background:radial-gradient(circle at 50% 70%,#4f3c16 0,#181711 43%,#090a0a 76%)}.pack-cinematic-stage.theme-festival{color:#7df3ff;background:radial-gradient(circle at 50% 70%,#153b52 0,#241338 43%,#08090d 76%)}.pack-cinematic-stage.theme-toty{color:#d9f4ff;background:radial-gradient(circle at 50% 70%,#174982 0,#0d1c3a 45%,#07090d 78%)}.pack-cinematic-stage.theme-tots{color:#8cf6d2;background:radial-gradient(circle at 50% 70%,#185643 0,#122d3c 45%,#070a0a 78%)}.pack-cinematic-stage.theme-futties{color:#ff8ee8;background:radial-gradient(circle at 50% 70%,#5c174d 0,#24113b 45%,#08070b 78%)}.pack-cinematic-stage.theme-icon{color:#ffe9b1;background:radial-gradient(circle at 50% 70%,#6a542d 0,#292315 45%,#090908 78%)}.pack-cinematic-stage[class*="theme-"] .pack-gate{border-color:currentColor;box-shadow:0 25px 80px #000b,0 0 70px color-mix(in srgb,currentColor 34%,transparent)}.pack-cinematic-stage[class*="theme-"] .pack-particles i{background:currentColor;box-shadow:0 0 12px currentColor}.pack-card-result:not(.hidden){animation:cardSnap .32s cubic-bezier(.2,.85,.2,1)}

@keyframes fbSpin{to{transform:rotate(360deg)}}@keyframes gateBreathe{to{transform:translate(-50%,-53%) scale(1.045);box-shadow:0 25px 80px #000b,0 0 75px currentColor}}@keyframes packShine{0%,58%{transform:translateX(-75%) rotate(8deg)}85%,100%{transform:translateX(75%) rotate(8deg)}}@keyframes cardSnap{from{opacity:0;transform:translateY(18px) scale(.92)}to{opacity:1;transform:none}}

@media(max-width:850px){.mode-card p{max-width:60%}.mode-card:after{width:190px;height:255px;opacity:.58}.mode-card.featured:after{width:235px;height:310px}.pack-product{height:210px}.pack-tile{grid-template-columns:170px 1fr}.hub-launch:before{opacity:.22}}
@media(max-width:620px){.mode-card p,.mode-card.featured p{max-width:68%}.pack-tile{grid-template-columns:1fr}.pack-product{height:230px}.pack-tabs button{padding:9px 12px}.hub-launch:before{display:none}}