.nexus-menu {
  color: #edf6ff;
  background: linear-gradient(145deg, #e4f3ff20, #17233238 55%, #ffffff13);
  backdrop-filter: blur(22px) saturate(1.4);
  -webkit-backdrop-filter: blur(22px) saturate(1.4);
  border: 1px solid #ffffff48;
  border-radius: 24px;
  width: min(340px, calc(100% - 32px));
  padding: 14px;
  box-shadow: inset 0 1px 1px #ffffff75, inset 0 -1px 2px #ffffff28, 0 8px 28px #0006;
}
.nexus-menu::backdrop {
  background: #020a16aa;
  backdrop-filter: blur(5px);
}
.menu-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 8px 14px;
}
.menu-title button {
  background: #152d45;
  color: #fff;
  border: 1px solid #53718b;
  border-radius: 9px;
  width: 40px;
  height: 40px;
  font-size: 23px;
}
.nexus-menu > a {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 12px;
  border-top: 1px solid #c4e7ff26;
  border-radius: 8px;
  text-shadow: 0 1px 2px #03111ecc;
  font-weight: 700;
}
.nexus-menu > a svg {
  color: #6dd8ff;
}
.nexus-menu > a span {
  margin-left: auto;
  color: #ffd18b;
}
.nexus-menu > a:hover {
  background: #c5eaff1c;
}
.league-search-button {
  display: flex;
  margin-bottom: 20px;
  max-width: 420px;
}
.organization-apps {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(145px, 190px));
  gap: 16px;
}
.organization-app {
  min-height: 160px;
  background: linear-gradient(145deg, #244c6a, #102840);
  border: 1px solid #4b718e;
  border-radius: 19px;
  box-shadow:
    inset 0 1px #b9e4ff30,
    0 4px #030f22;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 15px;
  text-align: center;
}
.organization-app > svg,
.organization-app > img {
  width: 52px;
  height: 52px;
  object-fit: contain;
  color: #ffcb7d;
}
.organization-app b {
  font-size: 14px;
}
.organization-app small {
  font-size: 10px;
  color: #97bfdc;
}
.add-organization {
  border-style: dashed;
  background: #12283b;
}
.clan-members {
  margin-bottom: 20px;
}
.clan-member {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 15px;
  border-top: 1px solid #33536f;
  background: linear-gradient(110deg, #213f5b, #142a43);
}
.member-avatar {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #385d7b;
  color: #b5eaff;
}
.clan-member > b {
  font-size: 13px;
}
.clan-member > small {
  margin-left: auto;
  font-size: 10px;
  color: #adc8df;
}
.clan-member > svg {
  width: 20px;
  height: 20px;
  color: #ffd18b;
}
@media (max-width: 420px) {
  .organization-apps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .organization-app {
    min-height: 145px;
  }
}

.nexus-menu > a:focus-visible { outline: 2px solid #91dcff; outline-offset: -2px; background: #c5eaff1c; }

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .nexus-menu { background: linear-gradient(135deg, #294961f2, #10283bf5); }
}
/* Arena home: premium banners and collectible glass cards. */
html:not(.game-pager-host) body:has(.home-market){background:#061426 url('assets/rsl/home-arena-v2.png') center center/cover fixed!important}
#app:has(.home-market) .game-stage{background:transparent!important}
.home-market{max-width:820px;margin:0 auto;padding:18px 8px 36px;display:grid;gap:22px}
.home-welcome{text-align:center;padding:22px 12px 8px;text-shadow:0 2px 10px #03101e}
.home-welcome>span{font-size:10px;letter-spacing:2px;color:#b0eaff;font-weight:800}
.home-welcome h1{font-size:clamp(32px,7vw,56px);margin:8px 0;color:#fff}
.home-welcome p{font-size:13px;color:#c4dce9;margin:0}
.home-ribbon{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:54px;margin:6px 8px 0;padding:8px 30px;border:2px solid #89d8ee;background:linear-gradient(180deg,#426f8f,#173e5e 52%,#102c46);box-shadow:0 5px 0 #071a2a,0 8px 20px #0005,inset 0 2px 0 #ffffff45;transform:skew(-5deg);border-radius:5px}
.home-ribbon h2{font-size:clamp(18px,4vw,26px);margin:0;color:#fff;text-shadow:0 2px 2px #071525;transform:skew(5deg)}
.home-ribbon>svg{width:23px;height:23px;color:#bcefff}
.home-ribbon>a{position:absolute;right:10px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #adeaff;border-radius:7px;color:#fff;background:#16354e}
.home-ribbon.gold{border-color:#efd09a;background:linear-gradient(180deg,#7b663a,#3f3927 55%,#2c2b24)}
.home-ribbon.violet{border-color:#b8b3ee;background:linear-gradient(180deg,#575e8f,#29334d)}
.home-league-card{position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;color:#f4faff;text-decoration:none;border:2px solid #94d3ea;border-radius:17px;background:linear-gradient(145deg,#426b87ed,#102b46ec 68%);box-shadow:0 5px 0 #06182b,0 9px 22px #0005,inset 0 2px 1px #ffffff55;min-height:230px;transition:transform .2s}
.home-league-card:hover,.home-community-card:hover{transform:translateY(-3px)}
.home-league-card::after,.home-community-card::after{content:'';position:absolute;inset:-80% -40%;pointer-events:none;background:linear-gradient(110deg,transparent 43%,#ffffff18 48%,#ffffff45 50%,#ffffff18 52%,transparent 57%);transform:translateX(-80%);animation:home-card-shine 7s ease-in-out infinite}
@keyframes home-card-shine{0%,65%{transform:translateX(-80%)}90%,100%{transform:translateX(80%)}}
.home-card-label{align-self:stretch;text-align:center;background:#061c35a6;border-bottom:1px solid #9ce3ff55;padding:8px;font-size:9px;font-weight:900;letter-spacing:1.3px;color:#bef1ff}
.home-emblem{display:grid;place-items:center;width:90px;height:90px;margin:18px 0 12px;border:1px solid #b1e6ff80;border-radius:20px;background:linear-gradient(145deg,#5a8ba34d,#05182b88);box-shadow:inset 0 2px 1px #fff3,0 5px 15px #0003}
.home-emblem img{width:80%;height:80%;object-fit:contain}.home-emblem svg{width:45px;height:45px;color:#a3e6ff}
.home-card-copy{text-align:center;padding:0 12px 16px}.home-card-copy small{font-size:10px;color:#b1dcf0}.home-card-copy h2{font-size:20px;margin:7px 0;color:#fff}.home-card-copy p{font-size:11px;margin:0;color:#c7deeb}
.home-card-action{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;margin-top:auto;padding:12px;background:linear-gradient(#326787,#173a55);border-top:1px solid #aeeaff88;font-size:12px;font-weight:900}.home-card-action svg{width:16px;height:16px}
.home-featured{border-color:#edcf97;min-height:315px;background:linear-gradient(90deg,#07182bee,#1539539c),url('assets/rsl-arena-banner.png') center/cover}
.home-featured .home-card-label{color:#ffe8b0}.home-featured .home-emblem{width:116px;height:116px;border-color:#efd09a;background:#102d459c}.home-featured .home-card-copy h2{font-size:30px}.home-featured .home-card-action{color:#ffe6ad;background:linear-gradient(#655b3d,#33382c);border-color:#d5bb83}
.home-league-deck,.home-community-deck{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.home-market .league-search-button{margin:0;justify-self:center;min-width:220px}
.home-community-card{position:relative;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 15px;border:1px solid #a0d7f0;border-radius:15px;color:#fff;background:linear-gradient(145deg,#355574ed,#10253cee);box-shadow:0 4px 0 #07182b,inset 0 2px #ffffff3d;transition:transform .2s}
.home-community-card>svg{width:38px;height:38px;color:#b6eaff}.home-community-card h3{margin:12px 0 6px;font-size:18px}.home-community-card p{margin:0 0 16px;font-size:11px;color:#bdd5e7}.home-community-card>span{display:flex;gap:6px;align-items:center;font-size:11px;font-weight:bold;color:#b8eaff;margin-top:auto}.home-community-card>span svg{width:14px;height:14px}
@media(min-width:650px){.home-league-deck{grid-template-columns:repeat(3,minmax(0,1fr))}.home-featured{min-height:340px}.home-market{gap:26px}}
@media(prefers-reduced-motion:reduce){.home-league-card::after,.home-community-card::after{animation:none;display:none}}

/* League management uses the same blue glass and machined rims as navigation. */
.organization-apps { grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); max-width:720px; gap:16px; }
.organization-app { min-height:172px; border:1px solid #8ecaff; border-radius:18px; background:radial-gradient(ellipse at 50% 0,#3f9de52b,transparent 75%),linear-gradient(155deg,#173954eb,#091c31f5); box-shadow:inset 0 1px 1px #e2f4ff55,inset 0 0 0 4px #4e9aca18,0 5px 12px #0005; padding:22px 16px; gap:14px; transition:border-color .18s,background-color .18s; }
.organization-app:hover { border-color:#e0f5ff; background-color:#215174; }
.organization-app:focus-visible { outline:2px solid #ffdb8b; outline-offset:4px; }
.organization-app b { color:#f1f7ff; line-height:1.35; font-size:15px; }
.organization-app small { color:#b2d2e7; font-size:11px; }
.organization-app.add-organization { border-style:solid; border-color:#d6b776; background:radial-gradient(ellipse at 50% 0,#ffd27a20,transparent 75%),linear-gradient(155deg,#233343eb,#0b1d30f5); }
#host-schedule-leagues { max-width:720px; margin-top:24px; }
#host-schedule-leagues>h2 { font-size:18px; color:#e4f1ff; margin:0 0 14px; }
@media(max-width:500px) { .organization-apps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .organization-app { min-height:150px; padding:18px 12px; } }