#startCard.xxiiiMainMenuCompact .xxiiiCompetitionActions{display:grid;grid-template-columns:1fr 1fr;gap:inherit;grid-column:1/3;grid-row:3;}
#startCard.xxiiiMainMenuCompact .xxiiiCompetitionActions .xxiiiMenuAction{width:100%;min-height:42px;}
/* Keep the featured action on the screen centre. Reserve matching outer
   gutters and align the competition column with the two existing rows. */
@media(min-width:901px){
  #startCard.xxiiiNavActive.xxiiiMainMenuCompact .xxiiiMainActions{
    --competition-gap:clamp(7px,1vw,14px);
    width:min(1320px,calc((100vw - 48px - 2 * var(--competition-gap)) * 5.25 / 7.25));
    grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.25fr) repeat(2,minmax(0,1fr));
  }
  #startCard.xxiiiNavActive.xxiiiMainMenuCompact .xxiiiCompetitionActions{
    position:absolute;top:0;bottom:0;grid-column:auto;grid-row:auto;
    width:calc((100% - 4 * var(--competition-gap)) / 5.25);
    right:calc(100% + var(--competition-gap));
    grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));
    gap:var(--competition-gap);
  }
  #startCard.xxiiiNavActive.xxiiiMainMenuCompact .xxiiiCompetitionActions .xxiiiMenuAction{
    height:100%;min-height:0;margin:0;box-sizing:border-box;
  }
}
.xxiiiLeaguePanel{max-width:920px;margin:auto;padding:clamp(12px,2vw,24px);border:1px solid #70ffc342;border-radius:18px;background:linear-gradient(145deg,#142b24ed,#07110fed);color:#effff8;}
.xxiiiLeagueSummary{text-align:center;display:grid;gap:7px;}.xxiiiLeagueDivision{font-size:clamp(26px,4vw,42px);color:#7effc9;letter-spacing:.08em;}.xxiiiLeagueSummary small{color:#a9bbb3;}
.xxiiiLeagueLadder{display:flex;gap:5px;margin:20px 0;}.xxiiiLeagueLadder span{flex:1;min-width:0;text-align:center;font-size:12px;padding:9px 1px;border:1px solid #ffffff20;border-radius:5px;color:#9ba9a4;}.xxiiiLeagueLadder .current{background:#7effc9;color:#0b221a;font-weight:900;box-shadow:0 0 15px #7effc930;}
.xxiiiLeagueProgress{height:9px;background:#ffffff12;border-radius:8px;overflow:hidden;}.xxiiiLeagueProgress i{display:block;height:100%;background:linear-gradient(90deg,#2bba8b,#9dffd8);}
.xxiiiLeagueGoal{text-align:center;font-size:12px;color:#b2daca;}.xxiiiLeagueHistory{display:flex;gap:6px;justify-content:center;margin:16px 0;}.xxiiiLeagueHistory span{display:grid;place-items:center;flex:1;max-width:52px;aspect-ratio:1;border-radius:50%;border:1px solid #ffffff25;color:#71877e;}.xxiiiLeagueHistory .won{background:#77ffbd;color:#10291c;border-color:#77ffbd;font-weight:900;}.xxiiiLeagueHistory .lost{background:#572c31;border-color:#ff7a85;color:#ffb7bd;font-weight:900;}
.xxiiiLeagueRewards{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px;}.xxiiiLeagueReward{display:grid;gap:7px;padding:12px;background:#ffffff05;border:1px solid #ffffff20;border-radius:9px;}.xxiiiLeagueReward span,.xxiiiLeagueReward small{font-size:12px;color:#c2d4cb;}.xxiiiLeagueLast{border-left:3px solid #79ffc5;padding:10px;background:#79ffc50b;font-size:13px;line-height:1.5;}.xxiiiLeagueRules{font-size:12px;color:#aabcaf;line-height:1.6;}.xxiiiLeaguePanel>.xxiiiMenuChoice{width:100%;margin-top:8px;}
#xxiiiMenuCups .xxiiiNavSub{text-align:center;padding:60px 20px;}
@media(max-width:900px){#startCard.xxiiiMainMenuCompact .xxiiiCompetitionActions{grid-column:1/-1;grid-row:auto;}.xxiiiLeaguePanel{padding:12px;}.xxiiiLeagueHistory{gap:3px;}.xxiiiLeagueLadder{gap:2px;}.xxiiiLeagueLadder span{font-size:10px;}.xxiiiLeagueRewards{grid-template-columns:1fr 1fr;}}

.xxiiiCupCosmetic{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:#a4ffcc}.xxiiiCupCosmetic img{width:44px;height:44px;object-fit:contain;flex-shrink:0}

/* Cup rewards remain collapsed until requested, on cards and in the hub. */
.xxiiiCupRewardsToggle{margin:12px 0;text-align:left;min-width:0}
.xxiiiCupRewardsToggle>summary{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;box-sizing:border-box;min-height:40px;padding:8px 14px;list-style:none;border:1px solid #6cf8b780;border-radius:9px;background:#142b24;color:#9affcc;font-family:inherit;font-weight:800;font-size:12px;line-height:1.3;cursor:pointer;letter-spacing:.06em}
.xxiiiCupRewardsToggle>summary::-webkit-details-marker{display:none}
.xxiiiCupRewardsToggle>summary::after{content:'+';font-size:17px;line-height:1}
.xxiiiCupRewardsToggle[open]>summary::after{content:'−'}
.xxiiiCupRewardsToggle>summary:hover{background:#204235}
.xxiiiCupRewardsToggle>summary:focus-visible{outline:2px solid #9affcc;outline-offset:3px}
.xxiiiCupRewardsBody{margin-top:10px;padding:12px;border:1px solid #6cf8b730;border-radius:12px;background:#091510;color:#eafff3}
.xxiiiCupRewardsBody h4{font-size:12px;color:#9affcc;margin:12px 0 8px}
.xxiiiCupRewardsBody h4:first-child{margin-top:0}
.xxiiiCupRewardsBody p{font-size:12px;line-height:1.5;margin:6px 0}
.xxiiiCupRewardsBody .xxiiiLeagueRewards{grid-template-columns:repeat(auto-fit,minmax(min(155px,100%),1fr))}
.xxiiiCupRewardsBody .xxiiiCupCosmetic span{overflow-wrap:anywhere}


/* One reward per slide, never a narrow grid of model thumbnails. */
.xxiiiCupCarousel{padding:16px;min-width:0;overflow:hidden}
.xxiiiCupRewardSlide{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:10px;min-width:0;min-height:340px}
.xxiiiCupRewardSlide h3,.xxiiiCupRewardSlide h4,.xxiiiCupRewardSlide p{margin:0;max-width:100%;overflow-wrap:break-word;word-break:normal}
.xxiiiCupRewardSlide h3{font-size:18px;line-height:1.35}.xxiiiCupRewardSlide>strong{color:#9affcc;font-size:16px}
.xxiiiCupRewardModel{position:relative;display:grid;place-items:center;width:100%;height:230px;min-width:0;background:radial-gradient(ellipse,#25463b 0%,#0b1914 72%);border-radius:12px;overflow:hidden}
.xxiiiCupRewardModel{isolation:isolate;contain:layout paint;flex-shrink:0}
.xxiiiCupRewardModel>canvas.xxiiiCupRewardCanvas{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important;display:block;touch-action:none;cursor:grab;z-index:0}
.xxiiiCupRewardModel>span{padding:18px;font-size:13px;color:#b4d8c7}
.xxiiiCupRewardNav{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:16px;color:#b7d3c5;font-size:13px;font-weight:700}
.xxiiiCupRewardArrow{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid #68eab0;background:#142b24;color:#9affcc;font:30px/1 Arial;cursor:pointer}
.xxiiiCupRewardArrow:hover{background:#23503b}.xxiiiCupRewardArrow:focus-visible{outline:2px solid #a6ffd3;outline-offset:3px}.xxiiiCupRewardArrow:disabled{opacity:.3;cursor:default}
.xxiiiCupRewardEmblem{display:grid;place-items:center;width:160px;height:160px;margin:12px auto;border:2px solid #8cecb8;border-radius:50%;background:radial-gradient(circle,#284c36,#101f17);color:#b6ffce;font-size:20px;font-weight:900;box-shadow:0 0 25px #6cffb518}
@media(max-width:600px){.xxiiiCupCarousel{padding:12px}.xxiiiCupRewardModel{height:210px}.xxiiiCupRewardSlide{min-height:320px}}