:root { --account-gold:#f1cf7a; --account-panel:rgba(5,12,20,.67); --account-line:rgba(241,207,122,.38); --account-cyan:#45dff2; --account-pink:#ef73cc; --account-green:#62dda1; }

/* Logged-out landing experience */
.account-public-landing {
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  overflow-y: auto;
  color: #f2ead8;
  background: #020506;
  font-family: var(--condensed);
  scroll-behavior: smooth;
  scroll-snap-type: y mandatory;
  scrollbar-color: rgba(241, 207, 122, .4) #020506;
}

.public-header {
  position: fixed;
  z-index: 30;
  top: 0;
  right: 0;
  left: 0;
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 10px clamp(20px, 4vw, 70px);
  border-bottom: 1px solid rgba(241, 207, 122, .16);
  background: linear-gradient(180deg, rgba(1, 5, 7, .9), rgba(1, 5, 7, .48));
  box-shadow: 0 16px 50px rgba(0, 0, 0, .16);
  backdrop-filter: blur(22px) saturate(1.12);
}

.public-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: inherit;
  text-decoration: none;
}

.public-brand img {
  width: 54px;
  height: 54px;
  object-fit: contain;
}

.public-brand small,
.public-brand strong {
  display: block;
  color: #ead49c;
  font-family: var(--serif);
  text-transform: uppercase;
}

.public-brand small {
  margin-bottom: 2px;
  color: rgba(234, 212, 156, .55);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .24em;
}

.public-brand strong {
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
}

.public-header nav {
  display: flex;
  align-items: center;
  gap: clamp(18px, 2.4vw, 38px);
}

.public-header nav a {
  color: rgba(255, 255, 255, .55);
  font: 800 11px / 1 var(--condensed);
  letter-spacing: .15em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color .2s ease;
}

.public-header nav a:hover {
  color: #f1cf7a;
}

.public-header nav button,
.public-hero-actions button,
.public-room-entry button,
.public-final-actions button {
  min-height: 42px;
  padding: 9px 19px;
  border: 1px solid rgba(241, 207, 122, .42);
  background: rgba(4, 10, 12, .54);
  color: #f0dca9;
  font: 900 11px / 1 var(--condensed);
  letter-spacing: .11em;
  text-transform: uppercase;
  transition: border-color .2s ease, background .2s ease, color .2s ease;
}

.public-header nav button:hover,
.public-hero-actions button:hover,
.public-room-entry button:hover,
.public-final-actions button:hover {
  border-color: rgba(241, 207, 122, .8);
  background: rgba(241, 207, 122, .12);
  color: #fff1cf;
}

.account-public-landing > main {
  position: relative;
}

.public-scene {
  --scene-opacity: .08;
  --scene-shift: 28px;
  position: relative;
  min-height: 100svh;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: 96px clamp(24px, 7vw, 130px) 58px;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.public-scene-inner {
  position: relative;
  z-index: 3;
  width: min(1480px, 100%);
  opacity: var(--scene-opacity);
  transform: translate3d(0, var(--scene-shift), 0);
  transition: opacity .16s linear, transform .16s linear;
  will-change: opacity, transform;
}

.public-hero {
  isolation: isolate;
  background: #020607;
}

.public-hero::before {
  content: '';
  position: absolute;
  z-index: -3;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(1, 5, 7, .84) 0%, rgba(1, 5, 7, .48) 44%, rgba(1, 5, 7, .1) 72%),
    linear-gradient(180deg, rgba(1, 5, 7, .08), rgba(1, 5, 7, .22) 64%, rgba(1, 5, 7, .88)),
    url('lobby-bg.png') center / cover no-repeat;
  transform: scale(1.015);
}

.public-hero::after {
  content: '';
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: -1px;
  left: 0;
  height: clamp(130px, 24vh, 270px);
  background: linear-gradient(180deg, transparent, rgba(2, 6, 7, .72) 56%, #020607 100%);
  backdrop-filter: blur(15px) saturate(.82);
  -webkit-mask-image: linear-gradient(transparent, rgba(0, 0, 0, .62) 42%, #000 82%);
  mask-image: linear-gradient(transparent, rgba(0, 0, 0, .62) 42%, #000 82%);
  pointer-events: none;
}

.public-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(310px, .65fr);
  align-items: center;
  gap: clamp(45px, 9vw, 150px);
}

.public-hero-copy {
  max-width: 980px;
}

.public-hero-copy h1 {
  margin: 0 0 20px;
  color: #f8efd9;
  font: 900 clamp(62px, 7.1vw, 126px) / .82 var(--condensed);
  letter-spacing: -.025em;
  text-transform: uppercase;
  text-shadow: 0 3px 36px rgba(0, 0, 0, .66);
}

.public-hero-copy h1 span {
  color: #d9b968;
}

.public-hero-actions,
.public-final-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 27px;
}

.public-hero-actions button:first-child,
.public-final-actions button:first-child {
  border-color: #d7b96f;
  background: #d7b96f;
  color: #11100b;
}

.public-hero-actions button:first-child:hover,
.public-final-actions button:first-child:hover {
  background: #f0d28a;
  color: #080806;
}

.public-room-entry {
  position: relative;
  padding: clamp(24px, 3vw, 40px);
  border: 1px solid rgba(255, 255, 255, .14);
  background: linear-gradient(145deg, rgba(8, 17, 20, .58), rgba(2, 7, 9, .36));
  box-shadow: 0 30px 100px rgba(0, 0, 0, .36), inset 0 0 0 1px rgba(255, 255, 255, .025);
  backdrop-filter: blur(25px) saturate(1.08);
}

.public-room-entry::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 42%;
  height: 1px;
  background: linear-gradient(90deg, #d7b96f, transparent);
}

.public-room-entry h2 {
  margin: 0;
  color: #f5ecd7;
  font: 900 clamp(31px, 3vw, 48px) / .95 var(--condensed);
  text-transform: uppercase;
}

.public-room-entry > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-top: 20px;
}

.public-room-entry input {
  min-width: 0;
  height: 52px;
  padding: 8px 13px;
  border: 1px solid rgba(255, 255, 255, .17);
  border-right: 0;
  outline: 0;
  background: rgba(0, 0, 0, .42);
  color: #fff2d3;
  font: 900 23px / 1 var(--condensed);
  letter-spacing: .24em;
  text-transform: uppercase;
}

.public-room-entry input:focus {
  border-color: rgba(215, 185, 111, .68);
}

.public-room-entry button {
  min-height: 52px;
}

.public-scroll-cue {
  position: absolute;
  z-index: 4;
  bottom: 26px;
  left: 50%;
  display: grid;
  justify-items: center;
  gap: 2px;
  color: rgba(241, 207, 122, .7);
  font: 800 11px / 1 var(--condensed);
  letter-spacing: .18em;
  text-decoration: none;
  text-transform: uppercase;
  transform: translateX(-50%);
}

.public-scroll-cue i {
  font-size: 22px;
}

.public-route-scene {
  background:
    radial-gradient(circle at 12% 50%, rgba(123, 67, 30, .14), transparent 31%),
    radial-gradient(circle at 88% 42%, rgba(29, 83, 107, .13), transparent 29%),
    #020607;
}

.public-route-scene::before,
.public-modes::before,
.public-final-call::before {
  content: '';
  position: absolute;
  inset: 12% 6%;
  border-top: 1px solid rgba(241, 207, 122, .1);
  border-bottom: 1px solid rgba(241, 207, 122, .06);
  pointer-events: none;
}

.public-scene-heading {
  max-width: 900px;
}

.public-scene-heading h2,
.public-final-call h2 {
  margin: 11px 0 14px;
  color: #f4ead3;
  font: 900 clamp(47px, 5.4vw, 90px) / .88 var(--condensed);
  letter-spacing: -.015em;
  text-transform: uppercase;
}

.public-scene-heading > span,
.public-final-call .public-scene-inner > span {
  color: rgba(255, 255, 255, .5);
  font: 700 clamp(14px, 1.2vw, 18px) / 1.45 var(--condensed);
}

.public-route-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 30px);
  margin-top: clamp(55px, 8vh, 100px);
}

.public-route-steps article {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  align-content: start;
  gap: 17px;
  padding: 24px 4px 12px;
  border-top: 1px solid rgba(241, 207, 122, .28);
}

.public-route-steps article::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 38px;
  height: 1px;
  background: #e2c278;
  box-shadow: 0 0 13px rgba(226, 194, 120, .4);
}

.public-route-steps article > b {
  position: absolute;
  z-index: 3;
  top: -24px;
  right: 0;
  color: #fff0bd;
  font: 900 48px / 1 var(--condensed);
  text-shadow: 0 0 18px rgba(241, 207, 122, .42), 0 2px 8px #000;
}

.public-route-steps article > i {
  color: #d7b96f;
  font-size: 25px;
}

.public-route-steps h3 {
  margin: 0 0 6px;
  color: #f0e4cb;
  font: 900 18px / 1 var(--condensed);
  letter-spacing: .045em;
  text-transform: uppercase;
}

.public-modes {
  background:
    linear-gradient(90deg, rgba(78, 37, 18, .08), transparent 48%, rgba(20, 67, 91, .09)),
    #030708;
}

.public-modes-layout {
  display: grid;
  grid-template-columns: minmax(290px, .72fr) minmax(520px, 1.28fr);
  align-items: center;
  gap: clamp(55px, 9vw, 150px);
}

.public-mode-list {
  display: grid;
  gap: 14px;
}

.public-mode-list article {
  min-height: 150px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 22px;
  padding: 25px 28px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-left-color: rgba(215, 185, 111, .55);
  background: linear-gradient(90deg, rgba(215, 185, 111, .055), rgba(255, 255, 255, .012));
}

.public-mode-list article:last-child {
  border-left-color: rgba(87, 151, 181, .58);
  background: linear-gradient(90deg, rgba(62, 130, 160, .06), rgba(255, 255, 255, .012));
}

.public-mode-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(215, 185, 111, .32);
  color: #d7b96f;
  font-size: 27px;
}

.public-mode-list article:last-child .public-mode-icon {
  border-color: rgba(89, 161, 195, .38);
  color: #6fb3d3;
}

.public-mode-list small {
  color: rgba(255, 255, 255, .42);
  font: 800 11px / 1 var(--condensed);
  letter-spacing: .16em;
  text-transform: uppercase;
}

.public-mode-list h3 {
  margin: 5px 0 8px;
  color: #f4ead3;
  font: 900 28px / .95 var(--condensed);
  text-transform: uppercase;
}

.public-mode-list b {
  color: #cbb680;
  font: 800 11px / 1 var(--condensed);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.public-final-call {
  text-align: center;
  background:
    radial-gradient(circle at 50% 48%, rgba(215, 185, 111, .1), transparent 30%),
    radial-gradient(circle at 50% 50%, rgba(40, 98, 119, .08), transparent 52%),
    #020506;
}

.public-final-call .public-scene-inner {
  min-height: calc(100svh - 120px);
  display: grid;
  place-content: center;
  justify-items: center;
  padding: 50px 0 82px;
}

.public-final-call h2 {
  max-width: 1080px;
  margin: 13px auto 16px;
  font-size: clamp(58px, 7vw, 116px);
}

.public-final-actions {
  justify-content: center;
}

.public-final-call footer {
  position: absolute;
  right: 0;
  bottom: 18px;
  left: 0;
  display: flex;
  justify-content: space-between;
  padding-top: 17px;
  border-top: 1px solid rgba(255, 255, 255, .09);
  color: rgba(255, 255, 255, .28);
  font: 700 11px / 1 var(--condensed);
  letter-spacing: .12em;
  text-transform: uppercase;
}

@media (max-width: 900px) {
  .account-public-landing {
    scroll-snap-type: y proximity;
  }

  .public-header {
    min-height: 62px;
    padding: 8px 14px;
  }

  .public-brand img {
    width: 36px;
    height: 36px;
  }

  .public-brand strong {
    font-size: 14px;
  }

  .public-header nav {
    gap: 8px;
  }

  .public-header nav a {
    display: none;
  }

  .public-header nav button {
    min-height: 38px;
    padding: 7px 14px;
  }

  .public-scene {
    min-height: 100svh;
    padding: 86px 20px 54px;
  }

  .public-hero-layout,
  .public-modes-layout {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .public-hero-copy h1 {
    font-size: clamp(48px, 14vw, 76px);
  }

  .public-room-entry {
    width: min(100%, 480px);
    padding: 22px;
  }

  .public-scroll-cue {
    display: none;
  }

  .public-route-steps {
    grid-template-columns: 1fr 1fr;
    gap: 42px 17px;
    margin-top: 52px;
  }

  .public-modes-layout {
    align-content: center;
  }

  .public-mode-list article {
    min-height: 126px;
    padding: 19px;
  }

  .public-final-call footer {
    display: grid;
    gap: 7px;
  }
}

@media (max-width: 520px) {
  .public-hero-copy h1 {
    margin-top: 10px;
    font-size: clamp(43px, 14.5vw, 63px);
  }

  .public-room-entry > div {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .public-room-entry input {
    border-right: 1px solid rgba(255, 255, 255, .17);
  }

  .public-route-steps {
    grid-template-columns: 1fr;
  }

  .public-route-steps article:nth-child(n + 3) {
    margin-top: 4px;
  }

  .public-mode-list article {
    grid-template-columns: 44px 1fr;
    gap: 14px;
    padding: 16px;
  }

  .public-mode-icon {
    width: 42px;
    height: 42px;
    font-size: 21px;
  }

  .public-mode-list h3 {
    font-size: 23px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .account-public-landing {
    scroll-behavior: auto;
  }

  .public-scene-inner {
    transition: none;
  }
}
.account-entry-button{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:5px 10px;border:1px solid var(--account-line);border-radius:999px;background:rgba(5,12,18,.72);color:var(--account-gold);font:800 11px var(--condensed);letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(12px)}
.account-entry-button i{font-size:17px}.account-entry-button b{padding-left:7px;border-left:1px solid rgba(241,207,122,.25);font-size:9px}.landing-connection-corner{display:flex!important;gap:7px;align-items:center}
#account-hub-root{position:fixed;z-index:20000;inset:0;pointer-events:none}#account-hub-root>*{pointer-events:auto}.account-command-hub{position:absolute;inset:0;overflow:auto;color:#f8efd9;background:#03070d;font-family:var(--condensed)}
.account-hub-bg{position:fixed;inset:0;background:linear-gradient(180deg,rgba(1,5,10,.24),rgba(1,5,10,.78)),radial-gradient(circle at 50% 30%,transparent 0 20%,rgba(0,0,0,.38) 70%),url('lobby-bg.png') center/cover no-repeat;filter:saturate(1.08)}
.account-command-header{position:sticky;z-index:5;top:0;min-height:82px;display:grid;grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);align-items:center;gap:20px;padding:8px 28px;border-bottom:1px solid rgba(241,207,122,.3);background:linear-gradient(180deg,rgba(2,7,12,.9),rgba(2,7,12,.62));box-shadow:0 18px 50px rgba(0,0,0,.3);backdrop-filter:blur(22px)}
.account-command-header nav{align-self:stretch;display:flex}.account-command-header nav button{position:relative;min-width:150px;border:0;border-inline:1px solid rgba(241,207,122,.1);background:transparent;color:rgba(241,207,122,.68);font:700 22px var(--serif);letter-spacing:.12em;text-transform:uppercase}.account-command-header nav button.active{color:var(--account-gold);background:linear-gradient(180deg,rgba(241,207,122,.08),transparent)}.account-command-header nav button.active:after{content:"";position:absolute;left:25%;right:25%;bottom:0;height:2px;background:var(--account-gold);box-shadow:0 0 18px var(--account-gold)}
.account-identity{display:flex;align-items:center;gap:14px}.account-identity>div:last-child strong,.account-identity>div:last-child small{display:block}.account-identity>div:last-child strong{color:#fff4d7;font:800 17px var(--serif)}.account-identity>div:last-child small{color:rgba(241,207,122,.6);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.account-level-crest{position:relative;width:92px;height:66px;display:grid;align-content:center;justify-items:center;border:1px solid rgba(241,207,122,.45);clip-path:polygon(13% 0,87% 0,100% 50%,87% 100%,13% 100%,0 50%);background:linear-gradient(145deg,rgba(241,207,122,.14),rgba(5,12,20,.82))}.account-level-crest small{font-size:8px;letter-spacing:.14em;text-transform:uppercase}.account-level-crest strong{color:var(--account-gold);font:700 28px/1 var(--serif)}.account-level-crest span{font-size:7px;color:rgba(255,255,255,.62)}.account-level-crest i{position:absolute;left:15%;right:15%;bottom:7px;height:2px;background:rgba(255,255,255,.12)}.account-level-crest i:after{content:"";display:block;width:var(--progress);height:100%;background:var(--account-gold);box-shadow:0 0 8px var(--account-gold)}
.account-wallet{justify-self:end;display:flex;align-items:center;gap:14px}.account-wallet span{color:#fff3d2;font:800 18px var(--condensed)}.account-wallet span i{margin-right:7px;color:#7ce8ff}.account-wallet button{width:38px;height:38px;border:1px solid var(--account-line);background:rgba(4,10,17,.6);color:var(--account-gold);font-size:22px}
.account-command-content{position:relative;z-index:1;width:min(1850px,calc(100% - 48px));margin:auto;padding:22px 0 48px}.account-brand-lockup{display:flex;align-items:center;justify-content:center;gap:13px;margin:4px auto 18px;text-align:center}.account-brand-lockup img{width:74px;height:74px}.account-brand-lockup small,.account-brand-lockup strong{display:block;color:var(--account-gold);font-family:var(--serif);text-transform:uppercase}.account-brand-lockup small{font-size:13px;letter-spacing:.25em}.account-brand-lockup strong{font-size:34px;line-height:1}
.account-glass-card{position:relative;overflow:hidden;border:1px solid var(--account-line);border-radius:5px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(3,10,17,.48));box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 22px 65px rgba(0,0,0,.35);backdrop-filter:blur(20px) saturate(1.25)}.account-glass-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 0,color-mix(in srgb,var(--accent,var(--account-gold)) 17%,transparent),transparent 42%)}.accent-pink{--accent:var(--account-pink);border-color:color-mix(in srgb,var(--account-pink) 58%,transparent)}.accent-cyan{--accent:var(--account-cyan);border-color:color-mix(in srgb,var(--account-cyan) 52%,transparent)}.accent-green{--accent:var(--account-green);border-color:color-mix(in srgb,var(--account-green) 52%,transparent)}.accent-gold{--accent:var(--account-gold)}
.account-play-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.account-contract-card,.account-direct-card,.account-party-card,.account-season-preview{padding:22px}.account-card-kicker,.account-glass-card>p,.account-glass-card header p{position:relative;margin:0;color:var(--accent,var(--account-gold));font:800 11px var(--condensed);letter-spacing:.18em;text-transform:uppercase}.account-glass-card h2,.account-glass-card h3{position:relative;margin:5px 0;color:#fff1cf;font-family:var(--serif);text-transform:uppercase}.account-glass-card h2{font-size:38px}.account-glass-card h3{font-size:22px}.account-glass-card p{position:relative;color:rgba(245,237,216,.72);line-height:1.45}.account-mode-stats{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.account-mode-stats span{padding:7px 10px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.22);font-size:11px;text-transform:uppercase}.account-mode-stats i{color:var(--accent);margin-right:5px}.account-ready-button{position:relative;width:100%;min-height:62px;border:1px solid color-mix(in srgb,var(--account-pink) 68%,#fff);background:linear-gradient(90deg,rgba(239,115,204,.38),rgba(241,207,122,.27));color:#fff1d4;font:700 29px var(--serif);letter-spacing:.12em;text-transform:uppercase}.account-ready-button.queued{animation:accountPulse 1.4s ease-in-out infinite alternate}.account-contract-card>small{display:block;margin-top:8px;text-align:center;color:rgba(255,255,255,.52)}
.account-direct-card{display:grid;align-content:start;gap:9px}.account-direct-card>button{position:relative;min-height:58px;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:9px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.23);color:#eee4cd;text-align:left}.account-direct-card>button i{color:var(--account-green);font-size:25px}.account-direct-card>button strong,.account-direct-card>button small{display:block}.account-direct-card>button strong{text-transform:uppercase}.account-direct-card>button small{color:rgba(255,255,255,.5)}
.account-party-card header,.account-season-preview header{position:relative;display:flex;justify-content:space-between;align-items:start}.account-party-card header b,.account-season-preview header b{color:var(--accent);font-size:18px}.account-party-members{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.account-party-members article{min-width:0;display:grid;grid-template-columns:34px 1fr;gap:7px;align-items:center;padding:7px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.24)}.account-party-members article>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--accent);color:var(--accent)}.account-party-members strong,.account-party-members small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-party-members strong{font-size:11px}.account-party-members small{color:var(--account-green);font-size:8px}.account-party-members .empty{opacity:.45}.account-party-card footer{position:relative;display:flex;gap:8px}.account-party-card footer button,.account-season-preview button,.account-settings button,.account-security button,.account-security a{min-height:36px;padding:7px 12px;border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);background:rgba(0,0,0,.28);color:#fff0cf;font:800 11px var(--condensed);text-decoration:none;text-transform:uppercase}
.account-progress{position:relative;height:7px;margin:18px 0 7px;background:rgba(255,255,255,.1)}.account-progress i{display:block;width:var(--progress);height:100%;background:linear-gradient(90deg,var(--accent),var(--account-gold));box-shadow:0 0 12px var(--accent)}.account-season-preview>span{position:relative;color:rgba(255,255,255,.58);font-size:10px}.account-season-preview>button{float:right;margin-top:12px}
.account-season-view{display:grid;gap:18px}.season-hero{padding:28px;text-align:center}.season-hero h2{font-size:44px}.season-hero span{color:rgba(255,255,255,.65)}.season-hero strong{color:var(--account-gold)}.season-reward-track{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.season-reward-track article{display:grid;justify-items:center;gap:7px;padding:18px}.season-reward-track i{color:#7de6ff;font-size:35px}.season-reward-track strong{color:var(--account-gold)}.season-reward-track .locked{filter:saturate(.3);opacity:.55}.season-reward-track .claimed{border-color:var(--account-green)}.season-reward-track button{min-height:32px;padding:5px 13px;border:1px solid var(--account-line);background:rgba(0,0,0,.3);color:#fff0ce;text-transform:uppercase}
.account-profile-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.profile-main,.profile-stats,.account-settings,.account-security{padding:24px}.profile-main{display:flex;align-items:center;gap:22px}.profile-main .account-level-crest{width:150px;height:120px}.profile-main h2{font-size:42px}.profile-main span{color:var(--account-cyan)}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-stats article{position:relative;padding:16px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2)}.profile-stats small,.profile-stats strong{display:block}.profile-stats small{color:rgba(255,255,255,.5);text-transform:uppercase}.profile-stats strong{color:var(--account-pink);font-size:30px}.account-settings{display:grid;gap:11px}.account-settings label{position:relative;color:rgba(255,255,255,.65);font-size:11px;text-transform:uppercase}.account-settings input[type=text],.account-settings input:not([type]){width:100%;min-height:40px;margin-top:5px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.28);color:white}.account-settings .toggle{display:flex;gap:8px;align-items:center}.account-security{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.account-modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:18px;background:rgba(1,4,8,.74);backdrop-filter:blur(18px)}.account-auth-card{position:relative;width:min(430px,100%);padding:30px;border:1px solid var(--account-line);border-radius:7px;background:linear-gradient(145deg,rgba(10,24,35,.94),rgba(3,8,14,.96));box-shadow:0 30px 100px #000}.account-auth-card>img{display:block;width:92px;margin:auto}.account-auth-card>p{margin:5px 0;color:var(--account-gold);font:800 10px var(--condensed);letter-spacing:.2em;text-align:center;text-transform:uppercase}.account-auth-card h2{margin:4px 0 18px;color:#fff0ce;font:700 31px var(--serif);text-align:center;text-transform:uppercase}.account-auth-card form{display:grid;gap:12px}.account-auth-card label{color:rgba(255,255,255,.6);font:800 10px var(--condensed);letter-spacing:.1em;text-transform:uppercase}.account-auth-card input{width:100%;min-height:46px;margin-top:5px;padding:9px;border:1px solid rgba(241,207,122,.26);background:rgba(0,0,0,.31);color:#fff;font:700 16px var(--condensed)}.account-auth-card form>button,.account-auth-card.compact>button:last-child{min-height:48px;border:1px solid var(--account-line);background:linear-gradient(90deg,rgba(241,207,122,.25),rgba(69,223,242,.12));color:#fff0ce;font:800 15px var(--serif);text-transform:uppercase}.account-modal-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:1px solid rgba(255,255,255,.16);background:transparent;color:white;font-size:22px}.account-auth-switch{width:100%;margin-top:14px;border:0;background:transparent;color:var(--account-cyan)}
.account-toast{position:fixed;z-index:30000;left:50%;bottom:25px;max-width:min(92vw,560px);padding:12px 18px;border:1px solid var(--account-line);background:rgba(3,10,16,.96);color:#fff0d1;font:800 12px var(--condensed);text-transform:uppercase;transform:translate(-50%,120px);transition:.25s}.account-toast.show{transform:translate(-50%,0)}.account-toast.error{border-color:#ef6b87}.account-toast.success{border-color:var(--account-green)}
@keyframes accountPulse{from{box-shadow:0 0 0 rgba(239,115,204,0)}to{box-shadow:0 0 30px rgba(239,115,204,.45)}}
@media(max-width:800px){.account-command-header{grid-template-columns:1fr auto;padding:7px 10px}.account-command-header .account-identity>div:last-child{display:none}.account-command-header .account-level-crest{width:72px}.account-command-header nav{position:fixed;left:0;right:0;bottom:0;z-index:10;height:62px;background:rgba(2,7,12,.95);backdrop-filter:blur(18px)}.account-command-header nav button{min-width:0;flex:1;font-size:15px}.account-wallet{gap:7px}.account-command-content{width:calc(100% - 20px);padding-bottom:90px}.account-brand-lockup img{width:58px;height:58px}.account-brand-lockup strong{font-size:25px}.account-play-grid,.account-profile-grid{grid-template-columns:1fr}.account-contract-card,.account-direct-card,.account-party-card,.account-season-preview{padding:16px}.account-party-members{grid-template-columns:1fr 1fr}.season-reward-track{grid-template-columns:1fr 1fr}.season-hero h2{font-size:31px}.profile-main h2{font-size:30px}.account-level-crest{width:76px}.account-glass-card h2{font-size:31px}}
@media(max-width:430px){.account-wallet span{font-size:14px}.account-wallet button{width:32px;height:32px}.account-command-content{padding-top:10px}.account-brand-lockup{margin-bottom:10px}.season-reward-track{grid-template-columns:1fr}.account-party-members article:nth-child(n+5){display:none}.profile-stats{grid-template-columns:1fr 1fr}}

/* Account platform v2 */
.account-level-wrap{width:96px;display:grid;justify-items:center;gap:4px}.account-level-wrap .account-level-crest{position:relative;width:58px;height:58px;display:grid;place-items:center;clip-path:none;border:1px solid rgba(241,207,122,.72);background:linear-gradient(145deg,rgba(241,207,122,.2),rgba(5,12,20,.92));box-shadow:inset 0 0 0 3px rgba(0,0,0,.44),0 0 22px rgba(241,207,122,.16);transform:rotate(45deg)}.account-level-wrap .account-level-crest strong{color: #fff5dd; font: 900 27px/1 var(--condensed); text-shadow: 0 1px 4px #000,0 0 9px #000,0 0 12px var(--tier); transform:rotate(-45deg)}.account-level-progress{width:86px;height:4px;border:1px solid rgba(241,207,122,.3);background:rgba(0,0,0,.5)}.account-level-progress i{display:block;width:var(--progress);height:100%;background:var(--account-gold);box-shadow:0 0 8px var(--account-gold)}.account-level-wrap>small{color:rgba(255,255,255,.54);font: 700 12px var(--condensed)}.profile-main .account-level-wrap{width:155px}.profile-main .account-level-crest{width:96px;height:96px}.profile-main .account-level-crest strong{font-size:42px}.profile-main .account-level-progress{width:140px}
.account-mode-selector{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.account-mode-selector button{min-height:58px;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.28);color:#d8d2c2;text-align:left}.account-mode-selector button.active{border-color:var(--account-pink);background:linear-gradient(90deg,rgba(239,115,204,.18),rgba(241,207,122,.06));box-shadow:0 0 18px rgba(239,115,204,.12)}.account-mode-selector i{color:var(--account-pink);font-size:23px}.account-mode-selector strong,.account-mode-selector small{display:block}.account-mode-selector strong{font-size:12px;text-transform:uppercase}.account-mode-selector small{color:rgba(255,255,255,.48);font-size:9px}.account-rank-badge{position:relative;display:flex;align-items:center;gap:12px;padding:12px;border:1px solid rgba(69,223,242,.32);background:linear-gradient(90deg,rgba(69,223,242,.1),rgba(0,0,0,.18))}.account-rank-badge>span{width:54px;height:54px;display:grid;place-items:center;border:1px dashed rgba(241,207,122,.58);border-radius:50%;background:rgba(0,0,0,.3);color:var(--account-gold)}.account-rank-badge>span i{font-size:30px}.account-rank-badge small,.account-rank-badge strong,.account-rank-badge b{display:block}.account-rank-badge small{color:rgba(255,255,255,.45);font-size:8px;text-transform:uppercase}.account-rank-badge strong{color:#fff0cf}.account-rank-badge b{color:var(--account-cyan);font-size:9px}.account-rank-badge.compact{margin:10px 0}.account-active-match{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:10px;margin:20px 0;padding:14px;border:1px solid rgba(88,213,150,.4);background:rgba(88,213,150,.08)}.account-active-match>i{color:var(--account-green);font-size:34px}.account-active-match strong,.account-active-match small{display:block}.account-active-match small{color:rgba(255,255,255,.52);text-transform:uppercase}
.account-wallet button{position:relative}.account-wallet button b{position:absolute;right:-5px;top:-5px;min-width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:var(--account-pink);color:white;font-size:8px}.account-modal-backdrop{z-index:1000!important}.account-friends-modal{width:min(620px,100%);max-height:min(82vh,720px);overflow:auto}.account-friend-search{grid-template-columns:1fr 46px!important}.account-friend-search input{margin:0}.account-friend-list,.account-search-results{display:grid;gap:7px;margin-top:12px}.account-friend-row,.account-search-results article{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.25)}.account-search-results article{grid-template-columns:1fr auto}.account-friend-row strong,.account-friend-row small,.account-search-results strong,.account-search-results small{display:block}.account-friend-row small,.account-search-results small{color:rgba(255,255,255,.5)}.friend-presence{width:8px;height:8px;border-radius:50%;background:#586267}.friend-presence.online{background:var(--account-green);box-shadow:0 0 10px var(--account-green)}.account-friend-row button,.account-search-results button{min-height:30px;border:1px solid var(--account-line);background:rgba(241,207,122,.1);color:var(--account-gold)}.account-empty-social{padding:24px;color:rgba(255,255,255,.48);text-align:center}
.account-loader-ring{width:54px;height:54px;border:2px solid rgba(255,255,255,.12);border-top-color:var(--account-cyan);border-right-color:var(--account-gold);border-radius:50%;animation:accountSpin 1s linear infinite}@keyframes accountSpin{to{transform:rotate(360deg)}}
@media(max-width:800px){.account-level-wrap{width:78px}.account-command-header .account-level-wrap{transform:scale(.82);transform-origin:left center}.account-mode-selector{grid-template-columns:1fr}}
.account-rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px}@media(max-width:800px){.account-rank-grid{grid-template-columns:1fr}}

/* Command identity, inline party, and compact play layout */
.tier-bronze{--tier:#b97845;--tier-rgb:185,120,69}.tier-silver{--tier:#cbd5dc;--tier-rgb:203,213,220}.tier-gold{--tier:#f1cf7a;--tier-rgb:241,207,122}
.account-header-brand{min-width:0;display:flex;align-items:center;gap:10px}.account-header-brand img{width:54px;height:54px;object-fit:contain}.account-header-brand small,.account-header-brand strong{display:block;color:var(--account-gold);font-family:var(--serif);text-transform:uppercase}.account-header-brand small{font-size:8px;letter-spacing:.24em}.account-header-brand strong{font-size:21px;line-height:1;white-space:nowrap}
.account-command-content{display:grid;gap:17px;padding-top:16px}.account-command-identity{position:relative;z-index:4;min-height:94px;display:flex;align-items:center;gap:28px;padding:12px 18px;border:1px solid rgba(var(--tier-rgb),.5);border-radius:7px;background:linear-gradient(100deg,rgba(var(--tier-rgb),.12),rgba(2,8,14,.48) 35%,rgba(2,8,14,.63));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 18px 55px rgba(0,0,0,.25);backdrop-filter:blur(20px)}
.account-self-identity{display:flex;align-items:center;gap:14px;flex:0 0 auto}.account-self-identity>div:last-child small,.account-self-identity>div:last-child strong,.account-self-identity>div:last-child span{display:block}.account-self-identity>div:last-child small{color:rgba(255,255,255,.47);font-size:8px;letter-spacing:.16em;text-transform:uppercase}.account-self-identity>div:last-child strong{color:var(--tier);font:800 20px var(--serif);text-transform:uppercase}.account-self-identity>div:last-child span{color:rgba(255,255,255,.48);font-size:10px}
.account-level-wrap{--tier:var(--account-gold);--tier-rgb:241,207,122}.account-level-wrap.tier-bronze{--tier:#b97845;--tier-rgb:185,120,69}.account-level-wrap.tier-silver{--tier:#cbd5dc;--tier-rgb:203,213,220}.account-level-wrap.tier-gold{--tier:#f1cf7a;--tier-rgb:241,207,122}.account-level-wrap .account-level-crest{border:3px solid var(--tier);background:linear-gradient(145deg,rgba(var(--tier-rgb),.26),rgba(3,9,15,.96));box-shadow:inset 0 0 0 3px rgba(0,0,0,.62),inset 0 0 18px rgba(var(--tier-rgb),.16),0 0 22px rgba(var(--tier-rgb),.2)}.account-level-wrap .account-level-progress{margin-top: 20px; border-color:rgba(var(--tier-rgb),.5)}.account-level-wrap .account-level-progress i{background:var(--tier);box-shadow:0 0 8px var(--tier)}.account-level-wrap.compact{width:76px}.account-level-wrap.compact .account-level-crest{width:49px;height:49px}.account-level-wrap.compact .account-level-crest strong{font-size:23px}.account-level-wrap.compact .account-level-progress{width:68px}.account-level-wrap.compact>small{display:none}
.account-party-inline{min-width:0;display:flex;align-items:center;gap:11px;flex:1}.account-party-label{display:grid;flex:0 0 auto}.account-party-label span{color:var(--account-cyan);font-size:8px;letter-spacing:.16em;text-transform:uppercase}.account-party-label b{color:#fff0d1;font-size:16px}.account-party-label small{color:rgba(255,255,255,.42);font-size:8px;text-transform:uppercase}.account-party-row{min-width:0;display:flex;align-items:center;gap:10px;overflow:visible}.account-party-member{position:relative;width:59px;height:59px;flex:0 0 59px;z-index:1}.account-party-member:hover,.account-party-member:focus-within{z-index:20}.account-party-diamond,.account-hover-avatar{position:relative;width:48px;height:48px;display:grid;place-items:center;margin:5px;border:3px solid var(--tier);background:linear-gradient(145deg,rgba(var(--tier-rgb),.25),rgba(1,7,12,.94));box-shadow:inset 0 0 0 2px rgba(0,0,0,.52),0 0 17px rgba(var(--tier-rgb),.2);transform:rotate(45deg);overflow:hidden}.account-party-diamond>span,.account-hover-avatar>span{color:var(--tier);font:800 20px var(--serif);transform:rotate(-45deg)}.account-party-diamond>img,.account-hover-avatar>img{position:absolute;inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px);object-fit:cover;transform:rotate(-45deg)}.account-party-diamond>b,.account-hover-avatar>b{position:absolute;right:-1px;bottom:-1px;z-index:2;min-width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--tier);background:rgba(1,6,10,.92);color:var(--tier);font-size:8px;transform:rotate(-45deg)}.account-party-diamond>i{position:absolute;z-index:3;left:-7px;bottom:-7px;color:var(--account-gold);font-size:19px;filter:drop-shadow(0 0 5px #000);transform:rotate(-45deg)}
.account-party-hover{pointer-events:none;position:absolute;left:0;top:48px;width:265px;min-height:86px;display:grid;grid-template-columns:66px 1fr;align-items:center;gap:7px;padding:14px 12px 10px;border:1px solid rgba(var(--tier-rgb),.62);border-radius:5px;background:linear-gradient(135deg,rgba(var(--tier-rgb),.16),rgba(2,8,14,.96) 45%);box-shadow:0 22px 50px rgba(0,0,0,.6);backdrop-filter:blur(22px);opacity:0;transform:translateY(-12px);visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s}.account-party-member:hover .account-party-hover,.account-party-member:focus-within .account-party-hover{opacity:1;transform:translateY(0);visibility:visible}.account-hover-avatar{width:49px;height:49px;overflow:hidden}.account-party-hover>div:last-child{min-width:0}.account-party-hover small,.account-party-hover strong,.account-party-hover span,.account-party-hover em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-party-hover small{color:var(--account-gold);font-size:7px;letter-spacing:.12em;text-transform:uppercase}.account-party-hover strong{color:var(--tier);font:800 14px var(--serif);text-transform:uppercase}.account-party-hover span{color:rgba(255,255,255,.48);font-size:9px}.account-party-hover em{margin-top:5px;color:var(--account-cyan);font-size:8px;font-style:normal}
.account-party-add{width:48px;height:48px;flex:0 0 48px;margin-left:2px;border:2px solid rgba(69,223,242,.64);background:linear-gradient(145deg,rgba(69,223,242,.15),rgba(3,10,17,.74));color:var(--account-cyan);box-shadow:inset 0 0 0 3px rgba(0,0,0,.42),0 0 18px rgba(69,223,242,.15);transform:rotate(45deg)}.account-party-add i{font-size:25px;transform:rotate(-45deg)}.account-party-add:disabled{filter:grayscale(1);opacity:.35}.account-party-leave{width:31px;height:31px;flex:0 0 31px;border:1px solid rgba(239,115,145,.35);background:rgba(0,0,0,.25);color:#ef91a4}
.account-command-content:has(>.account-play-grid){padding-bottom:0}.account-play-grid{min-height:calc(100dvh - 253px);margin-bottom:22px;grid-template-columns:minmax(340px,560px) minmax(300px,430px);justify-content:space-between;align-items:end;gap:26px}.account-contract-card{align-self:end;padding:17px 18px}.account-contract-card .account-glass-card h2,.account-contract-card h2{font-size:31px}.account-contract-card>p{margin:7px 0;font-size:12px}.account-contract-card .account-mode-selector{margin:9px 0}.account-contract-card .account-mode-selector button{min-height:48px}.account-contract-card .account-rank-badge.compact{margin:8px 0;padding:8px}.account-contract-card .account-rank-badge.compact>span{width:42px;height:42px}.account-contract-card .account-ready-button{min-height:49px;font-size:22px}.account-play-right-stack{align-self:end;display:grid;gap:12px}.account-play-right-stack .account-direct-card,.account-play-right-stack .account-season-preview{padding:15px 16px}.account-play-right-stack .account-glass-card h2{font-size:28px}.account-play-right-stack .account-glass-card h3{font-size:17px}.account-play-right-stack .account-direct-card>button{min-height:47px}.account-play-right-stack .account-progress{margin:10px 0 5px}
.account-avatar-picker{position:relative;display:grid;grid-template-columns:repeat(6,minmax(48px,1fr));gap:10px;max-height:230px;overflow-x:hidden;overflow-y:auto;margin:2px 0 7px;padding:16px 12px;border:1px solid rgba(255,255,255,.1);scrollbar-color:var(--account-gold) rgba(255,255,255,.06)}.account-avatar-picker legend{padding:0 7px;color:rgba(255,255,255,.65);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.account-avatar-picker label{position:relative;display:grid!important;place-items:center;min-width:0;min-height:58px;padding:5px;cursor:pointer}.account-avatar-picker label>input{position:absolute;opacity:0;pointer-events:none}.account-avatar-picker-art{position:relative;width:48px;height:48px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.22);background:rgba(0,0,0,.34);overflow:hidden;transform:rotate(45deg);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.account-avatar-picker-art img{position:absolute;inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px);object-fit:cover;transform:rotate(-45deg)}.account-avatar-picker-art i{position:absolute;right:1px;bottom:1px;z-index:2;color:var(--account-green);font-size:14px;opacity:0;transform:rotate(-45deg)}.account-avatar-picker label:hover .account-avatar-picker-art{border-color:rgba(241,207,122,.66);box-shadow:0 0 16px rgba(241,207,122,.2);transform:rotate(45deg) scale(1.05)}.account-avatar-picker label:has(input:focus-visible) .account-avatar-picker-art{outline:2px solid #fff;outline-offset:4px}.account-avatar-picker label:has(input:checked) .account-avatar-picker-art{border-color:var(--account-green);box-shadow:0 0 18px rgba(98,221,161,.4)}.account-avatar-picker label:has(input:checked) .account-avatar-picker-art i{opacity:1}.account-avatar-picker-empty{grid-column:1/-1;margin:0;padding:18px;color:rgba(255,255,255,.45);text-align:center}
@media(max-width:1050px){.account-command-header{grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr)}.account-command-header nav button{min-width:110px;font-size:18px}.account-play-grid{grid-template-columns:minmax(320px,1fr) minmax(285px,.8fr)}.account-party-hover{left:auto;right:-70px}}
@media(max-width:800px){.account-command-header{grid-template-columns:1fr auto}.account-header-brand img{width:42px;height:42px}.account-header-brand strong{font-size:16px}.account-header-brand small{font-size:6px}.account-command-content{gap:10px}.account-command-identity{align-items:flex-start;gap:10px;padding:10px;flex-direction:column}.account-self-identity{width:100%}.account-party-inline{width:100%;gap:7px}.account-party-label{display:none}.account-party-row{overflow-x:auto;overflow-y:hidden;padding:5px 4px 12px}.account-party-member{width:51px;height:51px;flex-basis:51px}.account-party-diamond{width:42px;height:42px}.account-party-hover{display:none}.account-party-add{width:42px;height:42px;flex-basis:42px}.account-play-grid{min-height:0;grid-template-columns:1fr;align-items:stretch}.account-play-right-stack{order:2}.account-avatar-picker{grid-template-columns:repeat(4,minmax(48px,1fr));max-height:250px}}
@media(max-width:460px){.account-avatar-picker{grid-template-columns:repeat(2,minmax(48px,1fr))}}
@media(max-width:430px){.account-command-header{min-height:62px}.account-header-brand div{display:none}.account-command-identity{min-height:0}.account-self-identity>div:last-child strong{font-size:16px}.account-party-leave{display:none}.account-contract-card,.account-play-right-stack .account-direct-card,.account-play-right-stack .account-season-preview{padding:13px}.account-mode-selector{grid-template-columns:1fr 1fr}.account-mode-selector button{grid-template-columns:23px 1fr}.account-mode-selector i{font-size:18px}.account-mode-selector small{font-size:7px}}

/* Party portrait polish */
.account-hub-bg{background:linear-gradient(180deg,rgba(1,5,10,.08),rgba(1,5,10,.38)),radial-gradient(circle at 50% 34%,transparent 0 35%,rgba(0,0,0,.16) 78%),url('lobby-bg.png') center/cover no-repeat;filter:brightness(1.08) saturate(1.14)}
.account-level-wrap.compact .account-level-progress{position:relative;z-index:4;margin-top:15px}
.account-command-identity{min-height:116px}
.account-party-row{gap:27px}
.account-party-member{width:72px;height:83px;flex-basis:72px;display:grid;justify-items:center;align-content:start}
.account-party-diamond{z-index:3;margin:5px auto;overflow:hidden}
.account-party-diamond>b,.account-hover-avatar>b{inset:0;z-index:3;width:auto;height:auto;display:grid;place-items:center;border:0;background:transparent;color:#fff5dd;font:900 17px/1 var(--condensed);text-shadow:0 1px 4px #000,0 0 9px #000,0 0 12px var(--tier);transform:rotate(-45deg)}
.account-party-diamond>i,.account-hover-avatar>i{position:absolute;z-index:4;right:-2px;bottom:-2px;left:auto;width:20px;height:20px;display:grid;place-items:center;border:1px solid var(--account-gold);background:rgba(2,7,11,.94);color:var(--account-gold);font-size:13px;filter:drop-shadow(0 0 5px #000);transform:rotate(-45deg)}
.account-party-name{position:relative;z-index:1;display:block;width:78px;margin-top:5px;overflow:hidden;color:var(--tier);font:800 9px var(--condensed);letter-spacing:.05em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.account-party-hover{z-index:2;left:12px;top:5px;width:372px;min-height:142px;grid-template-columns:58px minmax(0,1fr);grid-template-rows:58px auto;align-items:center;gap:0 9px;padding:0 12px 11px 0;transform:scale(.94) translateY(5px);transform-origin:24px 24px}
.account-party-member:hover .account-party-hover,.account-party-member:focus-within .account-party-hover{transform:scale(1) translateY(0)}
.account-hover-avatar{z-index:1;width:48px;height:48px;margin:0;overflow:hidden}
.account-party-hover-info{min-width:0;align-self:center}.account-party-hover-info small,.account-party-hover-info strong,.account-party-hover-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-party-hover-info small{color:var(--account-gold);font-size:7px;letter-spacing:.12em;text-transform:uppercase}.account-party-hover-info strong{color:var(--tier);font:800 15px var(--serif);text-transform:uppercase}.account-party-hover-info span{color:rgba(255,255,255,.5);font-size:9px}
.account-party-rank-grid{grid-column:2;display:grid;grid-template-columns:minmax(0,1fr);gap:7px;align-self:end}.account-party-rank-art{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:6px;padding:5px;border:1px solid rgba(69,223,242,.2);background:rgba(0,0,0,.25)}.account-party-rank-art>span{position:relative;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(241,207,122,.48);background:radial-gradient(circle,rgba(69,223,242,.16),rgba(0,0,0,.4));color:var(--account-gold);clip-path:polygon(50% 0,92% 22%,84% 77%,50% 100%,16% 77%,8% 22%)}.account-party-rank-art>span i{font-size:20px}.account-party-rank-art>span img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.account-party-rank-art small,.account-party-rank-art strong,.account-party-rank-art b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-party-rank-art small{color:rgba(255,255,255,.4);font-size:6px;letter-spacing:.08em;text-transform:uppercase}.account-party-rank-art strong{color:#fff0cf;font-size:8px;text-transform:uppercase}.account-party-rank-art b{color:var(--account-cyan);font-size:7px}
.account-party-add{margin:5px 7px 25px 0}
@media(max-width:1050px){.account-party-hover{left:5px;right:auto;width:340px}.account-party-row{gap:21px}}
@media(max-width:800px){.account-command-identity{min-height:0}.account-party-row{gap:18px}.account-party-member{width:62px;height:72px;flex-basis:62px}.account-party-name{width:66px;font-size:8px}.account-party-add{margin-bottom:20px}}

/* Horizontal season command */
.account-season-timeline-view{gap:14px}.account-season-timeline-view .season-hero{display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;padding:22px 28px}.account-season-timeline-view .season-hero>p,.account-season-timeline-view .season-hero>h2,.account-season-timeline-view .season-hero>span{grid-column:1}.account-season-timeline-view .season-hero h2{margin:3px 0 5px;font-size:38px}.season-current-level{grid-column:2;grid-row:1/4;display:flex;align-items:center;gap:13px;padding-left:24px;border-left:1px solid rgba(241,207,122,.28)}.season-current-level>b{width:66px;height:66px;display:grid;place-items:center;border:3px solid var(--account-gold);background:rgba(0,0,0,.34);color:var(--account-gold);font:800 29px var(--serif);box-shadow:inset 0 0 0 3px rgba(0,0,0,.55),0 0 22px rgba(241,207,122,.18);transform:rotate(45deg)}.season-current-level>b::first-line{transform:rotate(-45deg)}.season-current-level>div{min-width:130px}.season-current-level small,.season-current-level strong{display:block}.season-current-level small{color:rgba(255,255,255,.46);font-size:8px;letter-spacing:.1em;text-transform:uppercase}.season-current-level strong{color:#fff0cf;font-size:12px}.account-season-scroll{position:relative;overflow-x:auto;overflow-y:hidden;padding:0 20px 12px;border:1px solid rgba(241,207,122,.28);border-radius:6px;background:linear-gradient(180deg,rgba(3,10,18,.5),rgba(2,7,12,.77));box-shadow:0 24px 70px rgba(0,0,0,.3);backdrop-filter:blur(18px);scroll-behavior:smooth;scrollbar-color:var(--account-gold) rgba(255,255,255,.08)}.account-season-track{--node-width:142px;position:relative;width:calc(var(--node-width) * 50);height:350px;display:grid;grid-template-columns:repeat(50,var(--node-width));align-items:end;padding:0 0 52px}.account-season-track-base,.account-season-track-fill{position:absolute;z-index:0;left:71px;right:71px;bottom:99px;height:5px;background:rgba(255,255,255,.12)}.account-season-track-fill{right:auto;width:calc((100% - 142px) * var(--season-progress) / 100);background:linear-gradient(90deg,#b97845,var(--account-gold),#fff3b5);box-shadow:0 0 8px var(--account-gold),0 0 25px rgba(241,207,122,.68)}.account-season-node{position:relative;z-index:1;height:88px;display:grid;justify-items:center;align-content:end;color:rgba(255,255,255,.38)}.account-season-node>b{width:44px;height:44px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.2);background:#071019;color:inherit;font:800 16px var(--serif);box-shadow:inset 0 0 0 3px #02070c;transform:rotate(45deg)}.account-season-node>small{margin-top:16px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.account-season-node.unlocked{color:var(--account-gold)}.account-season-node.unlocked>b{border-color:var(--account-gold);box-shadow:inset 0 0 0 3px #02070c,0 0 16px rgba(241,207,122,.3)}.account-season-node.current>b{border-color:#fff3b1;background:linear-gradient(145deg,#8a5c20,#141006);color:white;box-shadow:inset 0 0 0 3px #261a08,0 0 12px #fff0a6,0 0 35px rgba(241,207,122,.8)}.account-season-node.current>small{color:#fff1b7}.season-node-reward{position:absolute;left:50%;bottom:99px;width:116px;min-height:105px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:4px;padding:8px;border:1px solid rgba(255,255,255,.13);background:rgba(2,8,14,.72);color:rgba(255,255,255,.4);transform:translateX(-50%);backdrop-filter:blur(12px)}.season-node-reward:after{content:"";position:absolute;left:50%;bottom:-9px;width:15px;height:15px;border-right:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);background:rgba(2,8,14,.82);transform:translateX(-50%) rotate(45deg)}.season-node-reward.unlocked{border-color:rgba(241,207,122,.5);color:var(--account-gold);box-shadow:0 0 24px rgba(241,207,122,.12)}.season-node-reward>span{position:relative;width:34px;height:34px;display:grid;place-items:center;border:1px solid currentColor;background:rgba(0,0,0,.3);overflow:hidden}.season-node-reward>span img{width:100%;height:100%;object-fit:cover}.season-node-reward>span i{font-size:21px}.season-node-reward>strong{width:100%;font-size:10px;text-align:center;text-transform:uppercase}.season-node-reward>button{position:relative;z-index:2;min-height:24px;border:1px solid var(--account-gold);background:rgba(241,207,122,.14);color:var(--account-gold);font-size:8px;text-transform:uppercase}

/* Staged post-match rewards */
#account-hub-root.account-reward-active .account-command-hub{filter:blur(7px) brightness(.62);transform:scale(1.015);transition:filter .35s ease,transform .5s ease}.account-reward-overlay{position:fixed;z-index:2500;inset:0;display:grid;place-items:center;padding:20px;background:rgba(1,5,10,.34);backdrop-filter:blur(5px)}.account-reward-stage{width:min(720px,calc(100vw - 32px));min-height:530px;display:grid;grid-template-rows:auto 1fr auto;border:1px solid rgba(241,207,122,.62);border-radius:8px;background:radial-gradient(circle at 50% 25%,rgba(55,119,151,.2),transparent 42%),linear-gradient(145deg,rgba(8,21,31,.94),rgba(2,8,14,.97));box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 35px 120px rgba(0,0,0,.82);overflow:hidden}.account-reward-stage>header{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:10px;padding:11px 17px;border-bottom:1px solid rgba(241,207,122,.25);background:rgba(0,0,0,.22)}.account-reward-stage>header img{width:42px}.account-reward-stage>header span{color:var(--account-gold);font:800 10px var(--condensed);letter-spacing:.2em;text-transform:uppercase}.account-reward-stage>header b{color:rgba(255,255,255,.46);font-size:10px}.account-reward-stage>main{display:grid;align-content:center;justify-items:center;gap:10px;padding:25px 34px;text-align:center}.account-reward-stage>main>p{margin:0;color:var(--account-gold);font:800 10px var(--condensed);letter-spacing:.22em;text-transform:uppercase}.account-reward-stage>main>h2{margin:0;color:#fff0c9;font:800 clamp(32px,5vw,54px)/1 var(--serif);text-transform:uppercase}.account-reward-stage>footer{display:flex;justify-content:center;padding:15px;border-top:1px solid rgba(241,207,122,.2)}.account-reward-stage>footer button{min-width:235px;min-height:48px;border:1px solid var(--account-gold);background:linear-gradient(90deg,rgba(241,207,122,.28),rgba(69,223,242,.12));color:#fff1cc;font:800 15px var(--serif);letter-spacing:.08em;text-transform:uppercase;transition:.2s}.account-reward-stage>footer button:disabled{filter:grayscale(1);opacity:.35}.account-reward-rank-art{position:relative;width:190px;height:190px;display:grid;place-items:center;clip-path:polygon(50% 0,91% 22%,84% 78%,50% 100%,16% 78%,9% 22%);background:radial-gradient(circle,rgba(241,207,122,.28),rgba(1,8,14,.88));color:var(--account-gold);filter:drop-shadow(0 0 28px rgba(241,207,122,.35))}.account-reward-rank-art>i{font-size:100px}.account-reward-rank-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.account-reward-elo{display:flex;align-items:center;gap:11px;margin-top:8px}.account-reward-elo span{color:rgba(255,255,255,.48)}.account-reward-elo i{color:var(--account-gold);font-size:22px}.account-reward-elo strong{color:#fff0bd;font-size:20px}.account-reward-elo b{padding:4px 7px;border:1px solid rgba(98,221,161,.4);color:var(--account-green)}
.account-reward-player{width:100%;display:flex;align-items:center;justify-content:center;gap:32px}.account-reward-player>div:last-child{text-align:left}.account-reward-player p{margin:0;color:var(--account-gold);font-size:9px;letter-spacing:.16em;text-transform:uppercase}.account-reward-player h2{margin:3px 0;color:#fff0c9;font:800 38px var(--serif);text-transform:uppercase}.account-reward-player h2 span{color:var(--account-gold)}.account-reward-player>div:last-child>strong{color:var(--account-green);font-size:13px}.account-reward-avatar{--tier:var(--account-gold);--tier-rgb:241,207,122;position:relative;width:120px;height:120px;display:grid;place-items:center;border:4px solid var(--tier);background:linear-gradient(145deg,rgba(var(--tier-rgb),.25),#030a10);box-shadow:inset 0 0 0 5px rgba(0,0,0,.55),0 0 32px rgba(var(--tier-rgb),.35);overflow:hidden;transform:rotate(45deg)}.account-reward-avatar>i{color:var(--tier);font-size:54px;transform:rotate(-45deg)}.account-reward-avatar>img{position:absolute;inset:-25px;width:calc(100% + 50px);height:calc(100% + 50px);object-fit:cover;transform:rotate(-45deg)}.account-reward-avatar>b{position:absolute;z-index:3;inset:0;display:grid;place-items:center;color:white;font:900 36px var(--condensed);text-shadow:0 2px 7px #000,0 0 15px #000,0 0 20px var(--tier);transform:rotate(-45deg)}.account-reward-xp-bar{width:100%;height:19px;margin-top:40px;padding:3px;border:1px solid rgba(241,207,122,.5);background:rgba(0,0,0,.45);box-shadow:inset 0 0 9px #000}.account-reward-xp-bar i{display:block;width:0;height:100%;background:linear-gradient(90deg,#c98221,var(--account-gold),#fff1a7);box-shadow:0 0 10px var(--account-gold),0 0 25px rgba(241,207,122,.65)}.account-reward-xp-copy{width:100%;display:flex;justify-content:space-between;color:rgba(255,255,255,.55);font-size:10px}.account-reward-xp-copy>b{color:var(--account-green)}
.account-reward-season-level{display:flex;align-items:center;gap:16px;margin:14px 0}.account-reward-season-level>b{width:72px;height:72px;display:grid;place-items:center;border:3px solid var(--account-gold);background:#0a1012;color:#fff0b8;font:800 30px var(--serif);box-shadow:inset 0 0 0 4px #020507,0 0 25px rgba(241,207,122,.35);transform:rotate(45deg)}.account-reward-season-level span{text-align:left}.account-reward-season-level strong,.account-reward-season-level small{display:block}.account-reward-season-level strong{color:var(--account-gold);font-size:14px}.account-reward-season-level small{color:rgba(255,255,255,.5);font-size:9px}.account-reward-season-timeline{position:relative;width:100%;display:flex;justify-content:space-between;align-items:end;gap:4px;margin-top:22px;padding-top:45px}.account-reward-season-timeline>i{position:absolute;z-index:0;left:4%;right:4%;top:68px;height:5px;background:linear-gradient(90deg,#b97845,var(--account-gold),#fff4b8);box-shadow:0 0 9px var(--account-gold),0 0 24px rgba(241,207,122,.7);transform:scaleX(var(--reward-season-progress));transform-origin:left center;will-change:transform}.account-reward-season-timeline:before{content:"";position:absolute;left:4%;right:4%;top:68px;height:5px;background:rgba(255,255,255,.11)}.account-reward-season-timeline article{position:relative;z-index:1;flex:1;display:grid;justify-items:center;gap:10px;color:rgba(255,255,255,.35)}.account-reward-season-timeline article>b{width:39px;height:39px;display:grid;place-items:center;border:2px solid currentColor;background:#071019;transform:rotate(45deg)}.account-reward-season-timeline article>small{font-size:7px}.account-reward-season-timeline article>span{position:absolute;bottom:61px;width:32px;height:32px;display:grid;place-items:center;border:1px solid currentColor;background:#071019;overflow:hidden}.account-reward-season-timeline article>span img{width:100%;height:100%;object-fit:cover}.account-reward-season-timeline article.complete{color:var(--account-gold)}.account-reward-season-timeline article.destination>b{box-shadow:0 0 25px var(--account-gold)}
.account-reward-items{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;width:100%;margin-top:20px}.account-reward-items article{width:190px;min-height:230px;display:grid;justify-items:center;align-content:center;gap:7px;padding:18px;border:1px solid rgba(241,207,122,.52);background:radial-gradient(circle at 50% 30%,rgba(241,207,122,.2),rgba(0,0,0,.24) 55%);box-shadow:0 0 32px rgba(241,207,122,.15);animation:rewardItemGlow 1.2s ease-in-out infinite alternate}.account-reward-items article>div{position:relative;width:86px;height:86px;display:grid;place-items:center;border:2px solid var(--account-gold);background:rgba(0,0,0,.35);overflow:hidden;transform:rotate(45deg)}.account-reward-items article>div img{position:absolute;inset:-18px;width:calc(100% + 36px);height:calc(100% + 36px);object-fit:cover;transform:rotate(-45deg)}.account-reward-items article>div i{color:var(--account-gold);font-size:45px;transform:rotate(-45deg)}.account-reward-items article>small{margin-top:15px;color:rgba(255,255,255,.48);font-size:8px;text-transform:uppercase}.account-reward-items article>strong{color:#fff0c7;font:800 17px var(--serif);text-align:center;text-transform:uppercase}.account-reward-items article>span{color:rgba(255,255,255,.55);font-size:9px;line-height:1.4;text-align:center}@keyframes rewardItemGlow{to{box-shadow:0 0 18px rgba(241,207,122,.4),0 0 50px rgba(69,223,242,.16)}}
@media(max-width:800px){.account-season-timeline-view .season-hero{grid-template-columns:1fr;padding:18px}.season-current-level{grid-column:1;grid-row:auto;margin-top:17px;padding:16px 0 0;border-top:1px solid rgba(241,207,122,.22);border-left:0}.account-season-track{--node-width:118px}.account-season-track-base,.account-season-track-fill{left:59px;right:59px}.account-season-track-fill{width:calc((100% - 118px) * var(--season-progress) / 100)}.account-reward-stage{min-height:min(580px,calc(100vh - 24px))}.account-reward-stage>main{padding:20px 18px}.account-reward-player{gap:18px}.account-reward-avatar{width:82px;height:82px}.account-reward-player h2{font-size:26px}.account-reward-xp-bar{margin-top:28px}.account-reward-season-timeline article:nth-of-type(even)>small{display:none}.account-reward-items{max-height:330px;overflow:auto}.account-reward-items article{width:150px;min-height:205px}}
.account-season-track-fill{right:71px;width:auto;transform:scaleX(var(--season-scale));transform-origin:left center}
.account-reward-season-timeline article.complete>span{border-color:var(--account-gold);box-shadow:0 0 10px var(--account-gold),0 0 28px rgba(241,207,122,.5);transition:box-shadow .25s ease,color .25s ease}
.season-current-level>b>span,.account-season-node>b>span,.account-reward-season-level>b>span,.account-reward-season-timeline article>b>span{display:block;transform:rotate(-45deg)}
@media(max-width:800px){.account-season-track-fill{right:59px;width:auto}}

/* Social command screen and party invitation notification */
.account-command-header.has-party-invite{grid-template-columns:minmax(185px,1fr) auto minmax(310px,430px) auto;gap:14px}
.account-header-invite{position:relative;min-width:0;align-self:center}.account-header-invite .account-party-invite-row{width:100%}.account-more-invites{position:absolute;right:-8px;top:-8px;z-index:4;min-width:24px;height:24px;border:1px solid var(--account-pink);border-radius:999px;background:#170d1a;color:#ffd7f4;font:900 9px var(--condensed);box-shadow:0 0 15px rgba(239,115,204,.4)}
.account-party-invite-row{position:relative;min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--account-pink) 58%,var(--account-gold));border-radius:7px;background:radial-gradient(circle at 8% 50%,rgba(239,115,204,.18),transparent 28%),linear-gradient(105deg,rgba(22,12,27,.84),rgba(5,14,22,.86));box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 14px 38px rgba(0,0,0,.35),0 0 24px rgba(239,115,204,.08);backdrop-filter:blur(22px) saturate(1.3)}
.account-party-invite-row:before{content:"";position:absolute;left:16%;right:16%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--account-gold),transparent);box-shadow:0 0 13px var(--account-gold)}
.account-party-invite-row.compact{grid-template-columns:42px minmax(0,1fr) auto;gap:9px;padding:7px 9px}.account-party-invite-copy{min-width:0}.account-party-invite-copy small,.account-party-invite-copy strong,.account-party-invite-copy span{display:block;overflow:hidden;text-overflow:ellipsis}.account-party-invite-copy small{color:var(--account-pink);font:800 7px var(--condensed);letter-spacing:.18em;text-transform:uppercase}.account-party-invite-copy strong{color:#fff1d4;font:800 13px/1.2 var(--condensed)}.account-party-invite-copy span{margin-top:3px;color:rgba(255,255,255,.48);font-size:8px;letter-spacing:.06em;text-transform:uppercase}.account-party-invite-row.compact .account-party-invite-copy strong{font-size:10px;white-space:normal}
.account-party-invite-actions{display:flex;align-items:center;gap:7px}.account-party-invite-actions button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 11px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.28);color:#e8dfcd;font:800 9px var(--condensed);letter-spacing:.07em;text-transform:uppercase}.account-party-invite-actions button i{font-size:17px}.account-party-invite-actions .accept{border-color:rgba(98,221,161,.58);background:rgba(98,221,161,.12);color:#8ff6bd}.account-party-invite-actions .decline{border-color:rgba(239,115,145,.42);color:#f5a2b2}.account-party-invite-row.compact .account-party-invite-actions{gap:4px}.account-party-invite-row.compact .account-party-invite-actions button{width:30px;min-height:30px;padding:0}.account-party-invite-row.compact .account-party-invite-actions span{display:none}
.account-social-avatar{position:relative;width:48px;height:48px;display:grid;place-items:center;border:3px solid var(--tier);background:linear-gradient(145deg,rgba(var(--tier-rgb),.28),rgba(1,7,12,.96));box-shadow:inset 0 0 0 3px rgba(0,0,0,.58),0 0 19px rgba(var(--tier-rgb),.24);overflow:hidden;transform:rotate(45deg)}.account-social-avatar>i{color:var(--tier);font-size:23px;transform:rotate(-45deg)}.account-social-avatar>img{position:absolute;inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px);object-fit:cover;transform:rotate(-45deg)}.account-social-avatar>b{position:absolute;z-index:3;inset:0;display:grid;place-items:center;color:#fff7e4;font:900 16px var(--condensed);text-shadow:0 1px 5px #000,0 0 12px #000,0 0 14px var(--tier);transform:rotate(-45deg)}.account-party-invite-row.compact .account-social-avatar{width:34px;height:34px;border-width:2px}.account-party-invite-row.compact .account-social-avatar>b{font-size:12px}
.account-wallet button.active{border-color:var(--account-cyan);color:var(--account-cyan);box-shadow:0 0 15px rgba(69,223,242,.18)}
.account-social-view{display:grid;gap:14px}.account-social-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:25px 30px}.account-social-hero p,.account-social-panel header p{margin:0;color:var(--accent,var(--account-gold));font:800 9px var(--condensed);letter-spacing:.2em;text-transform:uppercase}.account-social-hero h2{margin:3px 0;color:#fff0cf;font:800 42px var(--serif);text-transform:uppercase}.account-social-hero>div:first-child>span{color:rgba(255,255,255,.6)}.account-social-hero>div:last-child{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 9px;padding-left:25px;border-left:1px solid rgba(69,223,242,.3)}.account-social-hero>div:last-child b{color:var(--account-cyan);font:800 25px var(--serif)}.account-social-hero>div:last-child small{color:rgba(255,255,255,.5);font-size:8px;letter-spacing:.1em;text-transform:uppercase}
.account-social-panel{padding:20px 22px}.account-social-panel>header{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.account-social-panel>header h3{margin:3px 0 0;color:#fff0d1;font:800 25px var(--serif);text-transform:uppercase}.account-social-panel>header>b{min-width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--accent,var(--account-gold));color:var(--accent,var(--account-gold));font:800 16px var(--condensed);transform:rotate(45deg)}.account-social-panel>header>i{color:var(--accent,var(--account-gold));font-size:29px}.account-social-list{display:grid;gap:9px}.account-social-invites .account-social-list{gap:11px}
.account-social-search{position:relative;display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;border:1px solid rgba(241,207,122,.35);background:rgba(0,0,0,.28)}.account-social-search>i{justify-self:center;color:var(--account-gold);font-size:21px}.account-social-search input{min-width:0;height:48px;padding:0 8px;border:0;border-left:1px solid rgba(255,255,255,.1);outline:0;background:transparent;color:#fff1d4;font:700 14px var(--condensed)}.account-social-search button{align-self:stretch;padding:0 20px;border:0;border-left:1px solid rgba(241,207,122,.35);background:linear-gradient(90deg,rgba(241,207,122,.18),rgba(69,223,242,.08));color:var(--account-gold);font:800 10px var(--condensed);letter-spacing:.1em;text-transform:uppercase}.account-social-results{margin-top:15px}.account-social-results>small{display:block;margin-bottom:7px;color:var(--account-cyan);font-size:8px;letter-spacing:.15em;text-transform:uppercase}
.account-social-row{position:relative;min-width:0;display:grid;grid-template-columns:66px minmax(175px,1fr) minmax(240px,.9fr) auto;align-items:center;gap:12px;min-height:76px;padding:10px 13px;border:1px solid rgba(255,255,255,.11);border-left:2px solid rgba(255,255,255,.18);background:linear-gradient(90deg,rgba(255,255,255,.045),rgba(0,0,0,.24));transition:border-color .2s,background .2s,transform .2s}.account-social-row:hover{border-color:rgba(241,207,122,.28);background:linear-gradient(90deg,rgba(241,207,122,.07),rgba(0,0,0,.28));transform:translateX(2px)}.account-social-row.online{border-left-color:var(--account-green)}.account-social-player{position:relative;min-width:0;padding-left:14px}.account-social-player>.friend-presence{position:absolute;left:0;top:7px}.account-social-player strong,.account-social-player small,.account-social-player em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-social-player strong{color:#fff0d0;font:800 16px var(--serif);text-transform:uppercase}.account-social-player small{color:var(--account-gold);font-size:9px}.account-social-player em{margin-top:3px;color:rgba(255,255,255,.46);font-size:8px;font-style:normal}.account-social-ranks{display:grid;grid-template-columns:1fr 1fr;gap:7px}.account-social-ranks>span{min-width:0;display:grid;grid-template-columns:27px 1fr;grid-template-rows:auto auto;align-items:center;gap:0 7px;padding:6px 8px;border:1px solid rgba(69,223,242,.16);background:rgba(0,0,0,.23)}.account-social-ranks i{grid-row:1/3;color:var(--account-cyan);font-size:20px}.account-social-ranks small,.account-social-ranks b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-social-ranks small{color:rgba(255,255,255,.38);font-size:6px;text-transform:uppercase}.account-social-ranks b{color:#eee2c7;font-size:8px}.account-social-actions{display:flex;justify-content:flex-end;gap:7px}.account-social-actions button,.account-social-actions .pending{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border:1px solid rgba(241,207,122,.38);background:rgba(241,207,122,.08);color:var(--account-gold);font:800 9px var(--condensed);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.account-social-actions button i{font-size:16px}.account-social-actions button.accept{border-color:rgba(98,221,161,.48);color:var(--account-green)}.account-social-actions button.view{border-color:rgba(69,223,242,.55);background:rgba(69,223,242,.1);color:#91effa}.account-social-actions .pending{border-color:rgba(255,255,255,.13);color:rgba(255,255,255,.42)}
.account-party-invite-modal{width:min(650px,calc(100vw - 28px));max-height:min(82vh,720px);overflow:auto}.account-party-invite-modal .account-friend-row{min-height:54px;padding:11px 13px}
@media(max-width:1280px){.account-command-header.has-party-invite{grid-template-columns:minmax(150px,.8fr) auto minmax(260px,360px) auto}.account-header-brand strong{font-size:17px}.account-command-header.has-party-invite nav button{min-width:90px;font-size:16px}.account-party-invite-row.compact .account-party-invite-copy strong{font-size:9px}.account-social-row{grid-template-columns:58px minmax(155px,1fr) minmax(205px,.8fr) auto}}
@media(max-width:920px){.account-command-header.has-party-invite{grid-template-columns:minmax(135px,1fr) auto auto;grid-template-areas:"brand nav wallet" "invite invite invite";grid-template-rows:auto auto;min-height:132px;padding:7px 10px}.account-command-header.has-party-invite .account-header-brand{grid-area:brand}.account-command-header.has-party-invite nav{grid-area:nav}.account-command-header.has-party-invite .account-header-invite{grid-area:invite;width:100%}.account-command-header.has-party-invite .account-wallet{grid-area:wallet}.account-social-row{grid-template-columns:58px minmax(0,1fr) auto}.account-social-ranks{display:none}.account-social-actions{grid-column:3}.account-social-hero{padding:19px}.account-social-hero h2{font-size:32px}}
@media(max-width:800px){.account-command-header.has-party-invite{grid-template-columns:1fr auto;grid-template-areas:"brand wallet" "invite invite"}.account-command-header.has-party-invite nav{position:fixed;grid-area:nav;left:0;right:0;bottom:0}.account-command-header.has-party-invite .account-party-invite-copy strong{font-size:9px}}
@media(max-width:600px){.account-social-hero{grid-template-columns:1fr}.account-social-hero>div:last-child{grid-template-columns:auto 1fr;margin-top:5px;padding:12px 0 0;border-top:1px solid rgba(69,223,242,.25);border-left:0}.account-social-panel{padding:14px}.account-social-search{grid-template-columns:38px minmax(0,1fr)}.account-social-search button{grid-column:1/3;min-height:39px;border-top:1px solid rgba(241,207,122,.26);border-left:0}.account-party-invite-row:not(.compact){grid-template-columns:50px minmax(0,1fr)}.account-party-invite-row:not(.compact) .account-party-invite-actions{grid-column:1/3}.account-party-invite-row:not(.compact) .account-party-invite-actions button{flex:1}.account-social-row{grid-template-columns:51px minmax(0,1fr);gap:9px;padding:10px}.account-social-row .account-social-avatar{width:40px;height:40px}.account-social-actions{grid-column:1/3;justify-content:stretch}.account-social-actions button,.account-social-actions .pending{flex:1}.account-social-player strong{font-size:13px}.account-social-panel>header h3{font-size:21px}}

/* Unified self identity, party cards, and invitation dialog */
.account-level-wrap.compact{position:relative;width:82px;overflow:visible}.account-level-wrap.compact .account-level-crest{width:52px;height:52px;border:3px solid var(--tier);border-radius:0;background:linear-gradient(145deg,rgba(var(--tier-rgb),.27),rgba(1,7,12,.96));box-shadow:inset 0 0 0 3px rgba(0,0,0,.58),0 0 19px rgba(var(--tier-rgb),.24);overflow:visible;transform:rotate(45deg)}.account-level-wrap.compact .account-level-crest strong{color:#fff5dd;font:900 18px/1 var(--condensed);text-shadow:0 1px 4px #000,0 0 9px #000,0 0 12px var(--tier);transform:rotate(-45deg)}.account-level-wrap.compact .account-level-progress{z-index:5;width:72px;margin-top:16px}.account-level-crown{position:absolute;z-index:9;right:-8px;top:-9px;width:auto;height:auto;border:0!important;background:transparent!important;color:var(--account-gold);font-size:22px;filter:drop-shadow(0 2px 3px #000) drop-shadow(0 0 5px rgba(241,207,122,.55));transform:rotate(-45deg)}
.account-party-inline{align-self:stretch}.account-party-row{flex:1}.account-party-diamond>i.bxs-crown{z-index:9;right:-1px;top:-3px;bottom:auto;left:auto;width:auto;height:auto;border:0;background:transparent;color:var(--account-gold);font-size:18px;filter:drop-shadow(0 2px 3px #000) drop-shadow(0 0 4px rgba(241,207,122,.48));transform:rotate(-45deg)}
.account-party-hover{pointer-events:none;z-index:2;left:12px;top:5px;width:390px;min-height:148px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;gap:8px;padding:12px 12px 11px 76px}.account-party-member:hover .account-party-hover,.account-party-member:focus-within .account-party-hover{pointer-events:auto}.account-party-hover-info{grid-column:1;align-self:end;min-height:40px}.account-party-rank-grid{grid-column:1;align-self:stretch}.account-party-kick{justify-self:end;min-height:29px;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid rgba(239,115,145,.45);background:rgba(239,115,145,.09);color:#f3a0b1;font:800 8px var(--condensed);letter-spacing:.07em;text-transform:uppercase}.account-party-kick i{font-size:15px}
.account-party-leave{width:auto;height:40px;flex:0 0 auto;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;margin-left:auto;padding:7px 12px;border:1px solid rgba(239,115,145,.38);background:linear-gradient(90deg,rgba(239,115,145,.1),rgba(0,0,0,.25));color:#f2a1b1;font:800 8px var(--condensed);letter-spacing:.08em;text-transform:uppercase}.account-party-leave i{font-size:17px}.account-party-leave span{white-space:nowrap}
.account-party-invite-modal{width:min(720px,calc(100vw - 30px));max-height:min(86vh,760px);padding:0;overflow:hidden;border-color:rgba(69,223,242,.42);background:radial-gradient(circle at 8% 0,rgba(69,223,242,.13),transparent 32%),linear-gradient(145deg,rgba(8,22,33,.97),rgba(3,8,14,.98));box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 35px 110px #000}.account-party-invite-modal>header{display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:16px;padding:24px 28px 20px;border-bottom:1px solid rgba(241,207,122,.22);background:linear-gradient(90deg,rgba(241,207,122,.07),transparent)}.account-party-invite-modal>header>span{width:48px;height:48px;display:grid;place-items:center;border:2px solid var(--account-gold);background:rgba(241,207,122,.08);color:var(--account-gold);box-shadow:inset 0 0 0 3px rgba(0,0,0,.45),0 0 18px rgba(241,207,122,.13);transform:rotate(45deg)}.account-party-invite-modal>header>span i{font-size:24px;transform:rotate(-45deg)}.account-party-invite-modal>header p{margin:0;color:var(--account-cyan);font:800 8px var(--condensed);letter-spacing:.2em;text-transform:uppercase}.account-party-invite-modal>header h2{margin:2px 0;color:#fff0ce;font:800 31px/1 var(--serif);text-align:left}.account-party-invite-modal>header small{display:block;margin-top:5px;color:rgba(255,255,255,.5);font-size:9px}.account-party-invite-modal .account-modal-close{z-index:5;top:15px;right:15px}.account-invite-friend-list{max-height:min(58vh,530px);display:grid;gap:9px;padding:20px 24px 24px;overflow:auto;scrollbar-color:var(--account-gold) rgba(255,255,255,.07)}.account-invite-friend-row{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr) 120px;align-items:center;gap:13px;min-height:76px;padding:10px 12px;border:1px solid rgba(255,255,255,.11);border-left:2px solid rgba(69,223,242,.45);background:linear-gradient(90deg,rgba(69,223,242,.055),rgba(0,0,0,.25));transition:border-color .2s,background .2s,transform .2s}.account-invite-friend-row:hover{border-color:rgba(241,207,122,.4);background:linear-gradient(90deg,rgba(241,207,122,.08),rgba(0,0,0,.27));transform:translateX(2px)}.account-invite-friend-row>div{position:relative;min-width:0;padding-left:14px}.account-invite-friend-row .friend-presence{position:absolute;left:0;top:7px}.account-invite-friend-row strong,.account-invite-friend-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-invite-friend-row strong{color:#fff0cf;font:800 16px var(--serif);text-transform:uppercase}.account-invite-friend-row small{color:rgba(255,255,255,.46);font-size:9px}.account-invite-friend-row>button{width:100%;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 13px;border:1px solid rgba(98,221,161,.52);background:linear-gradient(90deg,rgba(98,221,161,.13),rgba(69,223,242,.08));color:#8ef1b9;font:800 10px var(--condensed);letter-spacing:.08em;text-transform:uppercase}.account-invite-friend-row>button i{font-size:18px}

.account-saved-room-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.account-saved-room-open{min-width:0;min-height:47px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:9px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.23);color:#eee4cd;text-align:left}.account-saved-room-open>i{color:var(--account-green);font-size:25px}.account-saved-room-open strong,.account-saved-room-open small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-saved-room-open strong{text-transform:uppercase}.account-saved-room-open small{color:rgba(255,255,255,.5)}.account-saved-room-delete{width:62px;display:grid;place-items:center;align-content:center;gap:2px;border:1px solid rgba(239,107,135,.4);background:linear-gradient(180deg,rgba(239,107,135,.12),rgba(0,0,0,.26));color:#ef8ca1}.account-saved-room-delete i{font-size:20px}.account-saved-room-delete span{font:800 7px var(--condensed);letter-spacing:.08em;text-transform:uppercase}.account-saved-room-delete:hover{border-color:#ef6b87;background:rgba(239,107,135,.2);color:#ffd3dc}@media(max-width:430px){.account-saved-room-delete{width:54px}.account-saved-room-delete span{display:none}}
@media(max-width:1050px){.account-party-hover{left:5px;right:auto;width:360px}.account-party-leave{padding-inline:9px}.account-party-leave span{display:none}}
@media(max-width:800px){.account-level-wrap.compact{width:72px}.account-party-inline{align-items:center}.account-party-row{flex:1;overflow-x:auto}.account-party-leave{align-self:center;margin-left:auto}.account-party-hover{display:none}}
@media(max-width:520px){.account-party-leave{width:38px;padding:0}.account-party-leave span{display:none}.account-party-invite-modal>header{grid-template-columns:50px 1fr;padding:20px 18px}.account-party-invite-modal>header>span{width:38px;height:38px}.account-party-invite-modal>header h2{font-size:24px}.account-invite-friend-list{padding:14px}.account-invite-friend-row{grid-template-columns:48px minmax(0,1fr)}.account-invite-friend-row .account-social-avatar{width:38px;height:38px}.account-invite-friend-row>button{grid-column:1/3}.account-invite-friend-row>button span{display:inline}}

/* Keep the signed-in identity consistent with party diamonds. */
.account-level-wrap .account-level-crest{overflow:hidden}
.account-level-wrap.compact .account-level-crest{overflow:hidden}
.account-level-wrap .account-level-crest>img{position:absolute;z-index:1;inset:-11px;width:calc(100% + 22px);height:calc(100% + 22px);object-fit:cover;transform:rotate(-45deg)}
.account-level-wrap .account-level-crest>strong{position:relative;z-index:3}
.account-level-wrap .account-level-crest>.account-level-crown{z-index:5;top:auto;right:1px;bottom:1px;left:auto;width:auto;height:auto;background:transparent;transform:rotate(-45deg)}
.account-level-wrap .account-level-crest>.account-level-crown:after{display:none}
.account-level-crown{right:-8px;top:-9px;bottom:auto;left:auto}.account-level-crown:after{content:none!important}.account-party-hover{left:0}@media(max-width:1050px){.account-party-hover{left:0}}

/* Party diamond alignment and crown placement */
.account-level-crown{right:-3px;top:auto;bottom:-4px;left:auto;font-size:20px;filter:drop-shadow(0 2px 3px #000) drop-shadow(0 0 5px rgba(241,207,122,.65))}
.account-party-diamond>i.bxs-crown{right:1px;top:auto;bottom:1px;left:auto;font-size:17px;filter:drop-shadow(0 2px 3px #000) drop-shadow(0 0 5px rgba(241,207,122,.65))}
.account-party-inline{align-items:center}.account-party-row{align-self:center;align-items:center}.account-party-member{height:83px;grid-template-rows:58px 16px;align-content:start}.account-party-diamond{align-self:start;margin:5px auto}.account-party-name{align-self:start;margin-top:3px}
.account-party-add{align-self:flex-start;margin:5px 7px 0 0}
.account-party-hover{background:#030a11;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--tier) 18%,#07111a),#07111a 32%,#02070d 76%);backdrop-filter:none}
@media(max-width:800px){.account-party-member{height:72px;grid-template-rows:52px 14px}.account-party-add{align-self:flex-start;margin:5px 7px 0 0}}

/* Keep labels from affecting portrait alignment */
.account-party-row{align-items:flex-start}.account-party-member{position:relative;height:58px;display:block}.account-party-diamond{margin:5px auto}.account-party-name{position:absolute;top:62px;left:50%;margin:0;transform:translateX(-50%)}.account-party-add{align-self:flex-start;margin-top:5px}
@media(max-width:800px){.account-party-row{align-items:flex-start;padding-bottom:22px}.account-party-member{height:52px}.account-party-name{top:55px}.account-party-add{align-self:flex-start;margin-top:5px}}
.account-party-hover{top:-15px;left:-5px;padding-left:86px}

/* Live private campaigns and saved campaign archive */
.account-live-room-list{display:grid;gap:7px;margin-top:4px;padding-top:10px;border-top:1px solid rgba(98,221,161,.18)}
.account-live-room-list>small{color:var(--account-green);font:800 8px var(--condensed);letter-spacing:.14em;text-transform:uppercase}
.account-live-room-list>button{min-width:0;min-height:49px;display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;border:1px solid rgba(98,221,161,.42);background:linear-gradient(90deg,rgba(98,221,161,.1),rgba(0,0,0,.25));color:#eee4cd;text-align:left}
.account-live-room-list>button>i{color:var(--account-green);font-size:22px;filter:drop-shadow(0 0 7px rgba(98,221,161,.55))}
.account-live-room-list>button strong,.account-live-room-list>button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-live-room-list>button strong{font:800 11px var(--condensed);text-transform:uppercase}.account-live-room-list>button small{color:rgba(255,255,255,.5);font-size:8px}.account-live-room-list>button>b{color:var(--account-green);font:800 8px var(--condensed);letter-spacing:.08em;text-transform:uppercase}
.account-saved-campaigns-button>i{color:var(--account-gold)!important}
.account-saved-campaigns-modal{width:min(720px,calc(100vw - 28px));max-height:min(86vh,760px);padding:0;overflow:hidden;border-color:rgba(241,207,122,.42);background:radial-gradient(circle at 8% 0,rgba(241,207,122,.12),transparent 32%),linear-gradient(145deg,rgba(10,21,30,.98),rgba(3,8,14,.99))}
.account-saved-campaigns-modal>header{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:16px;padding:24px 28px 20px;border-bottom:1px solid rgba(241,207,122,.22)}
.account-saved-campaigns-modal>header>span{width:44px;height:44px;display:grid;place-items:center;border:2px solid var(--account-gold);background:rgba(241,207,122,.08);color:var(--account-gold);transform:rotate(45deg)}.account-saved-campaigns-modal>header>span i{font-size:23px;transform:rotate(-45deg)}
.account-saved-campaigns-modal>header p{margin:0;color:var(--account-gold);font:800 8px var(--condensed);letter-spacing:.2em;text-transform:uppercase}.account-saved-campaigns-modal>header h2{margin:2px 0;color:#fff0ce;font:800 31px/1 var(--serif);text-align:left}.account-saved-campaigns-modal>header small{display:block;margin-top:5px;color:rgba(255,255,255,.5);font-size:9px}.account-saved-campaigns-modal .account-modal-close{z-index:5;top:15px;right:15px}
.account-saved-campaign-list{max-height:min(62vh,540px);display:grid;gap:9px;padding:20px 24px 24px;overflow:auto}.account-saved-campaign-list .account-saved-room-row{min-height:58px}.account-saved-campaign-list .account-saved-room-open{min-height:58px;border-left:2px solid rgba(241,207,122,.45)}

/* Saved campaign command rows */
.account-saved-campaign-list .account-saved-room-open{
  position:relative;
  isolation:isolate;
  min-height:70px;
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:14px;
  overflow:hidden;
  padding:12px 16px 12px 13px;
  border:1px solid rgba(241,207,122,.3);
  border-left:3px solid var(--account-green);
  background:
    radial-gradient(circle at 0 50%,rgba(98,221,161,.15),transparent 38%),
    linear-gradient(112deg,rgba(241,207,122,.08),rgba(5,15,23,.72) 48%,rgba(69,223,242,.055));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),inset 0 -18px 35px rgba(0,0,0,.18),0 8px 24px rgba(0,0,0,.2);
  color:#f4ead2;
  font-family:var(--condensed);
  text-align:left;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
}
.account-saved-campaign-list .account-saved-room-open::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:linear-gradient(100deg,transparent 22%,rgba(255,255,255,.09) 46%,transparent 68%);
  transform:translateX(-130%);
  transition:transform .55s cubic-bezier(.2,.72,.2,1);
}
.account-saved-campaign-list .account-saved-room-open::after{
  content:"Open  →";
  position:relative;
  z-index:1;
  align-self:center;
  color:var(--account-gold);
  font:900 9px/1 var(--condensed);
  letter-spacing:.16em;
  text-transform:uppercase;
  white-space:nowrap;
}
.account-saved-campaign-list .account-saved-room-open>i{
  position:relative;
  z-index:1;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(98,221,161,.48);
  background:linear-gradient(145deg,rgba(98,221,161,.2),rgba(2,10,15,.9));
  color:#7aefad;
  font-size:23px;
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
  filter:drop-shadow(0 0 9px rgba(98,221,161,.22));
  transition:color .2s ease,filter .2s ease,transform .2s ease;
}
.account-saved-campaign-list .account-saved-room-open>span{position:relative;z-index:1;min-width:0}
.account-saved-campaign-list .account-saved-room-open strong{
  color:#fff0cc;
  font:900 15px/1.1 var(--condensed);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.account-saved-campaign-list .account-saved-room-open small{
  margin-top:5px;
  color:rgba(235,239,230,.58);
  font:650 10px/1.15 var(--condensed);
  letter-spacing:.045em;
}
.account-saved-campaign-list .account-saved-room-open:hover,
.account-saved-campaign-list .account-saved-room-open:focus-visible{
  outline:none;
  border-color:rgba(241,207,122,.72);
  border-left-color:#7aefad;
  background:
    radial-gradient(circle at 0 50%,rgba(98,221,161,.23),transparent 42%),
    linear-gradient(112deg,rgba(241,207,122,.13),rgba(5,15,23,.8) 48%,rgba(69,223,242,.1));
  box-shadow:inset 0 0 0 1px rgba(241,207,122,.08),0 0 20px rgba(98,221,161,.1),0 12px 30px rgba(0,0,0,.3);
  transform:translateX(2px);
}
.account-saved-campaign-list .account-saved-room-open:hover::before,
.account-saved-campaign-list .account-saved-room-open:focus-visible::before{transform:translateX(130%)}
.account-saved-campaign-list .account-saved-room-open:hover>i,
.account-saved-campaign-list .account-saved-room-open:focus-visible>i{color:#d9ffe9;filter:drop-shadow(0 0 12px rgba(98,221,161,.52));transform:scale(1.06)}
.account-saved-campaign-list .account-saved-room-open:active{transform:translateX(1px) scale(.995)}
@media(max-width:520px){
  .account-saved-campaign-list{padding-inline:14px}
  .account-saved-campaign-list .account-saved-room-open{grid-template-columns:43px minmax(0,1fr);gap:11px;padding-inline:10px}
  .account-saved-campaign-list .account-saved-room-open::after{display:none}
  .account-saved-campaign-list .account-saved-room-open>i{width:38px;height:38px;font-size:21px}
}

/* Party invitation diamond */
.account-party-add-slot{
  width:76px;
  height:58px;
  flex:0 0 76px;
  display:grid;
  justify-items:center;
  align-items:start;
  margin-left:10px;
}
.account-party-add-slot .account-party-add{
  box-sizing:border-box;
  width:48px;
  height:48px;
  display:grid;
  flex:none;
  place-items:center;
  margin:5px auto 0;
  padding:0;
  border:3px solid rgba(69,223,242,.76);
  background:linear-gradient(145deg,rgba(69,223,242,.2),rgba(1,7,12,.95));
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.58),0 0 17px rgba(69,223,242,.22);
  color:var(--account-cyan);
  transform:rotate(45deg);
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.account-party-add-slot .account-party-add i{font-size:25px;filter:drop-shadow(0 0 5px rgba(69,223,242,.48));transform:rotate(-45deg)}
.account-party-add-slot .account-party-add:hover,
.account-party-add-slot .account-party-add:focus-visible{
  outline:none;
  border-color:#b8f7ff;
  background:linear-gradient(145deg,rgba(69,223,242,.32),rgba(3,13,20,.98));
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.5),0 0 21px rgba(69,223,242,.42);
  transform:rotate(45deg) scale(1.06);
}
.account-party-add-slot .account-party-add:active{transform:rotate(45deg) scale(.98)}
@media(max-width:800px){
  .account-party-add-slot{width:62px;height:52px;flex-basis:62px;margin-left:8px}
  .account-party-add-slot .account-party-add{width:42px;height:42px;margin-top: 14px;}
}
@media(max-width:620px){
  .account-party-add-slot{width:56px;height:48px;flex-basis:56px;}
  .account-party-add-slot .account-party-add{width:38px;height:38px}
  .account-party-add-slot .account-party-add i{font-size:22px}
}
@media(max-width:520px){.account-saved-campaigns-modal>header{grid-template-columns:45px 1fr;padding:20px 17px}.account-saved-campaigns-modal>header>span{width:36px;height:36px}.account-saved-campaigns-modal>header h2{font-size:24px}.account-saved-campaign-list{padding:14px}.account-live-room-list>button{grid-template-columns:30px minmax(0,1fr)}.account-live-room-list>button>b{display:none}}

/* Persistent gifts use the same presentation language as match rewards. */
.account-gift-overlay{background:rgba(1,5,10,.46);backdrop-filter:blur(8px)}
.account-gift-stage{min-height:540px;background:radial-gradient(circle at 50% 42%,rgba(77,236,156,.18),transparent 34%),radial-gradient(circle at 50% 15%,rgba(241,207,122,.13),transparent 32%),linear-gradient(145deg,rgba(8,21,31,.97),rgba(2,8,14,.99))}
.account-gift-stage>main{gap:13px}
.account-gift-stage>main>h2{max-width:620px}
.account-gift-art{position:relative;width:190px;height:190px;display:grid;place-items:center;margin:8px 0 2px;isolation:isolate}
.account-gift-art::before,.account-gift-art::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.account-gift-art::before{inset:12px;border:1px solid rgba(100,235,165,.42);background:radial-gradient(circle,rgba(100,235,165,.23),rgba(5,20,25,.3) 56%,transparent 70%);box-shadow:0 0 45px rgba(100,235,165,.22),inset 0 0 32px rgba(100,235,165,.12);animation:accountGiftPulse 2.4s ease-in-out infinite}
.account-gift-art::after{inset:-3px;border:1px solid rgba(241,207,122,.2);box-shadow:inset 0 0 0 14px transparent;animation:accountGiftOrbit 8s linear infinite}
.account-gift-art>img{position:relative;z-index:2;width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(0,0,0,.58)) drop-shadow(0 0 18px rgba(100,235,165,.28))}
.account-gift-art.gems>img{width:88%;height:88%;filter:drop-shadow(0 13px 22px rgba(0,0,0,.55)) drop-shadow(0 0 20px rgba(91,255,164,.5))}
.account-gift-art>i.bx{position:relative;z-index:2;color:var(--account-gold);font-size:88px;text-shadow:0 0 24px rgba(241,207,122,.4)}
.account-gift-art>i:last-child{position:absolute;z-index:3;inset:0;background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.3) 49%,transparent 64%);clip-path:circle(42%);transform:translateX(-120%);animation:accountGiftShine 2.8s ease-in-out infinite;pointer-events:none}
.account-gift-value{color:#fff2ce;font:900 24px/1 var(--condensed);letter-spacing:.07em;text-transform:uppercase}
.account-gift-value.account-gem-amount{color:#79efae;font-size:29px;letter-spacing:.04em}
.account-gift-value .account-gem-icon{width:36px;height:36px}
.account-gift-message{max-width:480px;color:rgba(240,239,225,.66);font:700 12px/1.5 var(--condensed);letter-spacing:.035em}
@keyframes accountGiftPulse{50%{transform:scale(1.06);border-color:rgba(129,255,190,.72);box-shadow:0 0 62px rgba(100,235,165,.32),inset 0 0 38px rgba(100,235,165,.2)}}
@keyframes accountGiftOrbit{to{transform:rotate(360deg)}}
@keyframes accountGiftShine{0%,30%{transform:translateX(-120%);opacity:0}48%{opacity:1}68%,100%{transform:translateX(120%);opacity:0}}
@media(prefers-reduced-motion:reduce){.account-gift-art::before,.account-gift-art::after,.account-gift-art>i:last-child{animation:none}}
@media(max-width:600px){.account-gift-stage{min-height:min(540px,calc(100vh - 16px))}.account-gift-art{width:150px;height:150px}.account-gift-value.account-gem-amount{font-size:25px}.account-gift-stage>main>h2{font-size:clamp(30px,10vw,43px)}}

/* Shared party matchmaking state */
.account-mode-selector.party-mode-locked{filter:saturate(.32)}
.account-mode-selector.party-mode-locked button:disabled{cursor:not-allowed;opacity:.38}
.account-mode-selector.party-mode-locked button.active:disabled{opacity:.7;border-color:rgba(239,115,204,.58);background:linear-gradient(90deg,rgba(239,115,204,.13),rgba(255,255,255,.025));box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 0 17px rgba(239,115,204,.08)}
.account-ready-button:disabled{cursor:not-allowed;filter:grayscale(.68);opacity:.48}
.account-matchmaking-search{position:relative;min-height:174px;display:grid;justify-items:center;align-content:center;gap:2px;margin:9px 0;padding:13px;overflow:hidden;border:1px solid rgba(239,115,204,.28);background:radial-gradient(circle at 50% 42%,rgba(239,115,204,.16),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.025),rgba(0,0,0,.24));text-align:center}
.account-matchmaking-search:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.055) 48%,transparent 66%);transform:translateX(-100%);animation:accountSearchSweep 2.8s ease-in-out infinite}
.account-matchmaking-orbit{position:relative;width:72px;height:72px;margin-bottom:7px;filter:drop-shadow(0 0 13px rgba(239,115,204,.4))}
.account-matchmaking-orbit:before,.account-matchmaking-orbit:after,.account-matchmaking-orbit>i{content:"";position:absolute;border-radius:50%}
.account-matchmaking-orbit:before{inset:3px;border:2px solid rgba(255,255,255,.14);border-top-color:#fff;border-right-color:var(--account-pink);animation:accountSearchSpin 1.15s linear infinite}
.account-matchmaking-orbit:after{inset:13px;border:1px solid rgba(239,115,204,.25);border-bottom:3px solid var(--account-pink);border-left-color:#fff;animation:accountSearchSpin .82s linear infinite reverse}
.account-matchmaking-orbit>i:nth-child(1){inset:25px;background:#fff;box-shadow:0 0 12px #fff,0 0 25px var(--account-pink);animation:accountSearchCore 1.15s ease-in-out infinite alternate}
.account-matchmaking-orbit>i:nth-child(2){width:8px;height:8px;left:32px;top:0;background:#fff;box-shadow:0 0 9px #fff;transform-origin:4px 36px;animation:accountSearchSpin 1.15s linear infinite}
.account-matchmaking-orbit>span,.account-matchmaking-orbit>b{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--account-pink);box-shadow:0 0 9px var(--account-pink)}.account-matchmaking-orbit>span{right:5px;bottom:10px}.account-matchmaking-orbit>b{left:7px;top:12px;background:#fff;box-shadow:0 0 9px #fff}
.account-matchmaking-search>p{z-index:1;margin:0!important;color:var(--account-pink)!important;font:900 8px var(--condensed)!important;letter-spacing:.2em;text-transform:uppercase}.account-matchmaking-search>strong{z-index:1;color:#fff2f9;font:800 16px var(--serif);letter-spacing:.06em;text-transform:uppercase}.account-matchmaking-search>time{z-index:1;margin-top:2px;color:#fff;font:900 26px/1 var(--condensed);letter-spacing:.11em;text-shadow:0 0 12px rgba(255,255,255,.45),0 0 20px rgba(239,115,204,.42)}.account-matchmaking-search>small{z-index:1;margin-top:3px;color:rgba(255,255,255,.48);font:700 8px var(--condensed);letter-spacing:.08em;text-transform:uppercase}
@keyframes accountSearchSpin{to{transform:rotate(360deg)}}@keyframes accountSearchCore{to{transform:scale(.7);opacity:.58}}@keyframes accountSearchSweep{0%,20%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}
@media(max-width:430px){.account-matchmaking-search{min-height:158px}.account-matchmaking-orbit{width:64px;height:64px}.account-matchmaking-orbit>i:nth-child(2){left:28px;transform-origin:4px 32px}.account-matchmaking-search>time{font-size:23px}}

/* Official match recovery controls */
.account-active-match-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.account-active-match-actions .account-ready-button{min-width:0}.account-abandon-match{min-width:104px;display:grid;place-items:center;align-content:center;gap:3px;padding:6px 10px;border:1px solid rgba(239,107,135,.48);background:linear-gradient(180deg,rgba(239,107,135,.13),rgba(0,0,0,.3));color:#f2a0b1;font:800 8px var(--condensed);letter-spacing:.07em;text-transform:uppercase}.account-abandon-match i{font-size:21px}.account-abandon-match:hover{border-color:#ef6b87;background:rgba(239,107,135,.2);color:#ffd5de}
@media(max-width:430px){.account-active-match-actions{grid-template-columns:1fr}.account-abandon-match{min-height:40px;grid-auto-flow:column;justify-content:center}.account-abandon-match i{font-size:18px}}

/* Rank artwork is intentionally presented without a badge wrapper. */
.account-rank-badge>span{position:relative;border:0;border-radius:0;background:transparent;box-shadow:none}
.account-rank-badge>span>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 7px rgba(241,207,122,.24))}
.account-party-rank-art>span{border:0;background:transparent;box-shadow:none;clip-path:none}
.account-reward-rank-art{clip-path:none;background:transparent}

/* Account ranks belong to the identity card rather than a separate panel. */
.profile-main-details{min-width:0;flex:1}
.profile-main-ranks{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:15px}
.profile-main-ranks .account-rank-badge.compact{min-width:0;margin:0;padding:8px;gap:8px}
.profile-main-ranks .account-rank-badge.compact>span{width:42px;height:42px;flex:0 0 42px}
@media(max-width:1100px){.profile-main-ranks{grid-template-columns:1fr}}
@media(max-width:600px){.profile-main{align-items:flex-start;gap:14px;padding:18px}.profile-main-details{padding-top:5px}}

/* Account gem artwork replaces the generic icon everywhere currency is shown. */
.account-gem-amount{display:inline-flex!important;align-items:center;gap:6px}
.account-gem-icon{width:1.15em;height:1.15em;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 0 6px rgba(91,255,164,.35))}
.account-wallet .account-gem-icon{width:25px;height:25px}
.profile-stats strong.account-gem-amount{color:#69e6a0}
.season-node-reward>strong.account-gem-amount{width:100%;justify-content:center;color:#69e6a0}
.season-node-reward>strong.account-gem-amount .account-gem-icon{width:27px;height:27px}
.account-reward-season-timeline article>.account-season-gem-art{position:absolute;bottom:59px;width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(91,255,164,.42))}
.account-reward-items article.gems>div{border:0;background:transparent;box-shadow:none;overflow:visible;transform:none}
.account-reward-items article.gems>div img.account-gem-reward-art{position:static;inset:auto;width:86px;height:86px;object-fit:contain;transform:none;filter:drop-shadow(0 0 15px rgba(91,255,164,.46))}
.account-mobile-nav{display:none}

/* Compact command hub for phones and narrow tablets. */
@media(max-width:800px){
  .account-command-hub{overscroll-behavior-y:contain}
  .account-command-header{min-height:56px;height:56px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:6px 10px;background:rgba(2,7,12,.9);box-shadow:0 10px 32px rgba(0,0,0,.42)}
  .account-header-brand{gap:7px}.account-header-brand div{display:block}.account-header-brand img{width:36px;height:36px}.account-header-brand strong{font-size:14px}.account-header-brand small{font-size:5px;letter-spacing:.19em}
  .account-wallet{position:relative;gap:7px}.account-wallet span{font-size:14px}.account-wallet .account-gem-icon{width:19px;height:19px}.account-wallet>button{width:34px;height:34px;font-size:19px}.account-wallet button b{right:-3px;top:-3px}
  .account-command-header>nav,.account-desktop-social,.account-desktop-account{display:none!important}
  .account-mobile-nav{position:relative;display:block}.account-mobile-nav summary{position:relative;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(241,207,122,.48);background:linear-gradient(145deg,rgba(241,207,122,.14),rgba(0,0,0,.35));color:var(--account-gold);cursor:pointer;list-style:none}.account-mobile-nav summary::-webkit-details-marker{display:none}.account-mobile-nav summary i{font-size:21px}.account-mobile-nav summary>b{position:absolute;right:-5px;top:-5px;min-width:17px;height:17px;display:grid;place-items:center;border-radius:999px;background:var(--account-pink);color:white;font:900 8px var(--condensed)}
  .account-mobile-nav[open] summary{border-color:var(--account-cyan);color:var(--account-cyan);box-shadow:0 0 15px rgba(69,223,242,.2)}.account-mobile-nav[open] summary i{transform:rotate(90deg)}
  .account-mobile-nav>div{position:absolute;z-index:50;top:44px;right:0;width:min(230px,calc(100vw - 20px));display:grid;gap:4px;padding:8px;border:1px solid rgba(241,207,122,.46);border-radius:7px;background:linear-gradient(145deg,rgba(8,21,31,.98),rgba(2,7,12,.99));box-shadow:0 22px 60px rgba(0,0,0,.75);backdrop-filter:blur(22px)}.account-mobile-nav>div button{position:relative;min-height:44px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:rgba(255,241,210,.72);font:900 11px var(--condensed);letter-spacing:.1em;text-align:left;text-transform:uppercase;width:100%;}.account-mobile-nav>div button>i{color:var(--account-gold);font-size:19px}.account-mobile-nav>div button>b{min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:var(--account-pink);color:#fff;font-size:8px}.account-mobile-nav>div button.active{border-color:rgba(69,223,242,.5);background:linear-gradient(90deg,rgba(69,223,242,.12),rgba(241,207,122,.06));color:#fff2d1}.account-mobile-nav>div button.active>i{color:var(--account-cyan)}
  .account-command-header.has-party-invite{height:auto;min-height:56px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand wallet" "invite invite";grid-template-rows:44px auto;padding-bottom:8px}.account-command-header.has-party-invite .account-header-brand{grid-area:brand}.account-command-header.has-party-invite .account-wallet{grid-area:wallet}.account-command-header.has-party-invite .account-header-invite{grid-area:invite;width:100%}.account-command-header.has-party-invite .account-party-invite-row.compact{min-height:48px}
  .account-command-content{width:calc(100% - 16px);gap:10px;padding:10px 0 14px}.account-command-content:has(>.account-play-grid){padding-bottom:0}.account-play-grid{margin-bottom:12px}
  .account-command-identity{width:calc(100% - 8px);min-height:0;gap:11px;margin:4px 4px 7px;padding:13px 14px 12px;border-radius:10px;background:linear-gradient(135deg,rgba(var(--tier-rgb),.16),rgba(2,8,14,.72) 55%);box-sizing:border-box}
  .account-self-identity{gap:10px;padding:1px 2px 3px}.account-self-identity>div:last-child small{font-size:6px}.account-self-identity>div:last-child strong{font-size:15px}.account-self-identity>div:last-child span{font-size:8px}
  .account-level-wrap.compact{width:62px;margin-right: 13px;}.account-level-wrap.compact .account-level-crest{width:43px;height:43px}.account-level-wrap.compact .account-level-crest strong{font-size:16px}.account-level-wrap.compact .account-level-progress{width:56px;margin-top:12px}.account-level-crown{font-size:16px}
  .account-party-inline{min-height:57px;margin-top:1px;padding:10px 2px 0;border-top:1px solid rgba(255,255,255,.1)}.account-party-row{gap:12px;padding:3px 4px 15px;scrollbar-width:none}.account-party-row::-webkit-scrollbar{display:none}
  .account-party-member{width:54px;height:60px;flex-basis:54px;grid-template-rows:43px 13px;margin-top: 10px;}.account-party-diamond{width:38px;height:38px;margin:4px auto;border-width:2px}.account-party-diamond>b{font-size:14px}.account-party-name{top:44px;width:56px;font-size:7px}.account-party-add{width:38px;height:38px;flex-basis:38px;margin:4px 5px 0 0}.account-party-add i{font-size:21px}.account-party-leave{width:34px;height:34px;padding:0}
  .account-glass-card{border-radius:9px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 14px 38px rgba(0,0,0,.33)}
  .account-play-grid,.account-play-right-stack{gap:10px}.account-contract-card,.account-play-right-stack .account-direct-card,.account-play-right-stack .account-season-preview{padding:14px}
  .account-card-kicker,.account-glass-card>p,.account-glass-card header p{font-size:8px}.account-contract-card h2,.account-play-right-stack .account-glass-card h2{font-size:25px}.account-play-right-stack .account-glass-card h3{font-size:16px}
  .account-mode-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0}.account-mode-selector button,.account-contract-card .account-mode-selector button{min-height:58px;grid-template-columns:21px minmax(0,1fr);gap:6px;padding:7px}.account-mode-selector i{font-size:18px}.account-mode-selector strong{font-size:9px}.account-mode-selector small{font-size:7px;line-height:1.2}
  .account-contract-card .account-rank-badge.compact{margin:7px 0;padding:7px}.account-contract-card .account-rank-badge.compact>span{width:36px;height:36px}.account-rank-badge{gap:8px}.account-rank-badge strong{font-size:11px}.account-ready-button,.account-contract-card .account-ready-button{min-height:46px;font-size:18px}
  .account-direct-card{gap:7px}.account-direct-card>button,.account-play-right-stack .account-direct-card>button{min-height:49px;grid-template-columns:30px minmax(0,1fr);padding:8px}.account-direct-card>button i{font-size:21px}.account-direct-card>button strong{font-size:10px}.account-direct-card>button small{font-size:8px;line-height:1.25}
  .account-season-preview .account-progress{margin:8px 0 5px}.account-season-preview>button{min-height:34px;margin-top:9px;font-size:9px}
  .account-season-timeline-view .season-hero{gap:2px;padding:14px 16px}.account-season-timeline-view .season-hero h2{font-size:27px}.account-season-timeline-view .season-hero>span{font-size:10px;line-height:1.35}.season-current-level{gap:11px;margin-top:11px;padding-top:12px}.season-current-level>b{width:52px;height:52px;font-size:22px}.season-current-level strong{font-size:10px}.account-season-scroll{padding-inline:8px}
  .account-profile-grid{gap:10px;padding:4px;box-sizing:border-box}.profile-main{min-height:174px;display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:12px;padding:17px 15px}.profile-main .account-level-wrap{width:74px;align-self:center;justify-self:center}.profile-main .account-level-crest{width:54px;height:54px}.profile-main .account-level-crest strong{font-size:27px}.profile-main .account-level-progress{width:68px;margin-top:16px}.profile-main-details{align-self:center;padding-top:0}.profile-main h2{font-size:clamp(22px,8vw,29px);overflow-wrap:anywhere}.profile-main-ranks{grid-template-columns:1fr;margin-top:10px}.profile-main-ranks .account-rank-badge.compact{padding:6px}.profile-main-ranks .account-rank-badge.compact>span{width:36px;height:36px;flex-basis:36px}
  .profile-stats{gap:6px;padding:10px}.profile-stats article{padding:11px}.profile-stats small{font-size:8px}.profile-stats strong{font-size:23px}.account-settings,.account-security{padding:14px}.account-settings h3{font-size:20px}.account-security{gap:7px}
  .account-avatar-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:220px;padding:13px 8px}.account-avatar-picker label{min-height:54px;padding:3px}
  .account-auth-card{max-height:calc(100dvh - 24px);overflow:auto;padding:22px 18px}.account-auth-card h2{font-size:26px}.account-modal-backdrop{padding:12px}
  .account-reward-stage{width:calc(100vw - 16px)}
  .account-toast{bottom:18px;font-size:10px}
}

@media(max-width:380px){
  .account-command-content{width:calc(100% - 12px)}
  .account-wallet span{font-size:12px}.account-wallet .account-gem-icon{width:17px;height:17px}
  .account-mode-selector{grid-template-columns:1fr}.account-mode-selector button,.account-contract-card .account-mode-selector button{min-height:48px}.account-mode-selector small{font-size:7px}
  .account-avatar-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-stats article{padding:9px}.profile-stats strong{font-size:20px}
}

/* Owned frames and movement trails */
.account-level-wrap{position:relative}.account-level-wrap>.cosmetic-frame{inset:auto;top:0;left:50%;width:58px;height:58px;transform:translateX(-50%)}.account-level-wrap.compact>.cosmetic-frame{width:52px;height:52px}.profile-main .account-level-wrap>.cosmetic-frame{width:96px;height:96px}
.account-party-member{position:relative}.account-party-member>.cosmetic-frame{inset:auto;z-index:0;top:-7px;left:50%;width:54px;height:54px;transform:translateX(-50%)}.account-party-diamond{position:relative;z-index:1}
.account-cosmetic-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:230px;overflow:auto;margin:2px 0 7px;padding:15px 10px;border:1px solid rgba(255,255,255,.1);scrollbar-color:var(--account-gold) rgba(255,255,255,.06)}.account-cosmetic-picker legend{padding:0 7px;color:rgba(255,255,255,.65);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.account-cosmetic-picker label{min-width:0;cursor:pointer}.account-cosmetic-picker input{position:absolute;opacity:0;pointer-events:none}.account-cosmetic-preview{position:relative;min-height:78px;display:grid;place-items:center;align-content:center;gap:7px;padding:10px 6px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(0,0,0,.28));transition:.18s ease}.account-cosmetic-preview:hover{border-color:rgba(241,207,122,.58);background:rgba(241,207,122,.07)}.account-cosmetic-picker input:checked+.account-cosmetic-preview{border-color:var(--account-green);box-shadow:inset 0 0 18px rgba(98,221,161,.09),0 0 13px rgba(98,221,161,.16)}.account-cosmetic-preview>b{position:relative;z-index:2;max-width:100%;overflow:hidden;color:#eee8d9;font:700 11px var(--condensed);text-overflow:ellipsis;white-space:nowrap}.account-cosmetic-preview>em{position:absolute;right:5px;top:5px;color:var(--account-green);font-style:normal}.account-cosmetic-preview>.cosmetic-frame{inset:auto;top:29px;left:50%;width:112px;height:112px;transform:translate(-50%,-50%) scale(.44);transform-origin:50% 50%}.account-cosmetic-diamond{width:29px;height:29px;border:2px solid var(--account-gold);background:rgba(2,8,14,.8);transform:rotate(45deg)}.account-cosmetic-preview.none:before{content:"\00d7";color:rgba(255,255,255,.45);font:700 27px var(--condensed)}.account-trail-demo{--trail:#ff8b32;--trail2:#ffe4a5;position:relative;width:50px;height:8px;border-radius:50%;background:linear-gradient(90deg,transparent,var(--trail),var(--trail2));box-shadow:0 0 10px var(--trail);animation:account-trail-preview 1.2s ease-in-out infinite alternate}.account-trail-demo:after{content:"";position:absolute;right:-3px;top:50%;width:10px;height:10px;border-radius:50%;background:var(--trail2);box-shadow:0 0 9px var(--trail);transform:translateY(-50%)}
@keyframes account-trail-preview{from{opacity:.55;transform:translateX(-4px) scaleX(.82)}to{opacity:1;transform:translateX(4px) scaleX(1.05)}}
@media(max-width:800px){.account-cosmetic-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-main .account-level-wrap>.cosmetic-frame{width:54px;height:54px}}

/* Catalog-driven cosmetic shop */
.account-shop-view{display:grid;gap:22px;padding-bottom:30px}.account-shop-hero{min-height:128px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 30px}.account-shop-hero>div:first-child{max-width:760px}.account-shop-hero h2{margin:4px 0 8px;font-size:38px}.account-shop-hero>div:first-child>span{color:rgba(245,237,216,.68);font:600 14px/1.5 var(--condensed);letter-spacing:.03em}.account-shop-balance{position:relative;min-width:220px;padding:17px 20px;border:1px solid rgba(100,235,165,.3);background:linear-gradient(135deg,rgba(72,220,144,.1),rgba(0,0,0,.28));text-align:right}.account-shop-balance small{display:block;margin-bottom:3px;color:rgba(255,255,255,.48);font:800 10px var(--condensed);letter-spacing:.16em;text-transform:uppercase}.account-shop-balance strong{justify-content:flex-end;color:#77efa9;font:900 29px var(--condensed)}.account-shop-balance .account-gem-icon{width:31px;height:31px}
.account-shop-section{display:grid;gap:12px}.account-shop-section>header{display:flex;align-items:end;justify-content:space-between;padding:0 4px}.account-shop-section>header p{margin:0;color:var(--account-pink);font:900 10px var(--condensed);letter-spacing:.2em;text-transform:uppercase}.account-shop-section:nth-of-type(3)>header p{color:var(--account-cyan)}.account-shop-section>header h2{margin:2px 0 0;color:#fff0cd;font:700 27px var(--serif);letter-spacing:.04em;text-transform:uppercase}.account-shop-section>header>span{color:rgba(255,255,255,.4);font:800 10px var(--condensed);letter-spacing:.13em;text-transform:uppercase}.account-shop-grid{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:13px}
.account-shop-item{min-width:0;display:grid;grid-template-rows:170px 1fr auto;overflow:hidden}.account-shop-item.owned{border-color:rgba(104,228,162,.48)}.account-shop-preview{position:relative;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 50% 54%,color-mix(in srgb,var(--accent) 17%,transparent),transparent 48%),linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.3))}.account-shop-type{position:absolute;z-index:5;left:11px;top:10px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);background:rgba(2,8,13,.72);color:var(--accent);font:900 10px var(--condensed);letter-spacing:.16em;text-transform:uppercase}.account-shop-frame-preview{position:relative;width:112px;height:112px;display:grid;place-items:center}.account-shop-frame-preview>.cosmetic-frame{inset:-3px;transform:none}.account-shop-frame-preview>.cosmetic-frame .cosmetic-particle-stage{inset:-30%}.account-shop-preview-diamond{position:relative;z-index:2;width:66px;height:66px;display:grid;place-items:center;overflow:hidden;border:3px solid #d49a58;background:#07121b;box-shadow:inset 0 0 0 3px rgba(0,0,0,.7),0 0 18px rgba(212,154,88,.22);transform:rotate(45deg)}.account-shop-preview-diamond img{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);object-fit:cover;transform:rotate(-45deg)}.account-shop-preview-diamond b{position:relative;z-index:2;color:#fff8e8;font:900 23px var(--condensed);text-shadow:0 1px 5px #000,0 0 8px #000;transform:rotate(-45deg)}
.account-shop-preview.account-shop-preview-trail{background:transparent}
.account-shop-trail-preview{position:relative;width:230px;height:110px;overflow:visible;background:none}
.account-shop-preview-route{position:absolute;z-index:1;inset:0;width:230px;height:110px;overflow:visible}
.account-shop-preview-route .route-line{fill:none;stroke:rgba(225,213,179,.5);stroke-width:1.35;stroke-linecap:round;stroke-dasharray:2 5;vector-effect:non-scaling-stroke}
.account-shop-trail-runner{position:absolute;z-index:5;left:0;top:0;width:30px;height:30px;offset-path:path("M22 76 C70 20 160 20 208 76");offset-distance:0%;offset-anchor:50% 100%;offset-rotate:0deg;animation:accountShopTrail 4.8s linear var(--preview-delay,0s) infinite;will-change:offset-distance,opacity}
.account-shop-trail-runner .real-player-marker{left:50%;top:100%;--marker-scale:.82}
.account-shop-trail-runner .real-player-token{border-width:2px;border-color:rgba(248,232,182,.9);box-shadow:0 4px 12px rgba(0,0,0,.68),0 0 0 1px rgba(11,11,9,.76),0 0 8px rgba(241,207,122,.28)}
@keyframes accountShopTrail{0%{offset-distance:0%;opacity:0}5%{offset-distance:0%;opacity:1}86%{offset-distance:100%;opacity:1}92%,100%{offset-distance:100%;opacity:0}}
@media(prefers-reduced-motion:reduce){.account-shop-trail-runner{animation:none;offset-distance:52%;opacity:1}}
.account-shop-item-copy{position:relative;padding:16px 17px 10px}.account-shop-item-copy>small{color:var(--accent);font:900 10px var(--condensed);letter-spacing:.13em;text-transform:uppercase}.account-shop-item-copy h3{margin:4px 0 6px;font:700 21px var(--serif)}.account-shop-item-copy p{min-height:39px;margin:0;color:rgba(255,255,255,.55);font:600 12px/1.45 var(--condensed)}.account-shop-item>button{position:relative;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 16px 16px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 17%,transparent),rgba(241,207,122,.09));color:#fff0ce;font:900 12px var(--condensed);letter-spacing:.08em;text-transform:uppercase}.account-shop-item>button:not(:disabled):hover{border-color:#fff0c4;box-shadow:0 0 18px color-mix(in srgb,var(--accent) 24%,transparent);transform:translateY(-1px)}.account-shop-item>button:disabled{cursor:not-allowed;opacity:.55}.account-shop-item>button.account-shop-owned{justify-content:center;border-color:rgba(103,230,164,.38);color:#73e9a9}.account-shop-item>button .account-gem-amount{color:#79eaa9;font-size:13px;letter-spacing:0}.account-shop-item>button .account-gem-icon{width:19px;height:19px}
@media(max-width:1250px){.account-shop-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}}
@media(max-width:900px){.account-shop-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.account-shop-hero{padding:21px}}
@media(max-width:800px){.account-shop-view{gap:17px;padding:0 3px 22px}.account-shop-hero{min-height:0;align-items:stretch;flex-direction:column;gap:15px;padding:18px}.account-shop-hero h2{font-size:29px}.account-shop-balance{min-width:0;text-align:left}.account-shop-balance strong{justify-content:flex-start}.account-shop-section>header h2{font-size:22px}.account-shop-item{grid-template-rows:155px 1fr auto}}

.account-shop-tabs{display:flex;gap:5px;margin-top:18px;padding:4px;width:max-content;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(0,0,0,.25)}
.account-shop-tabs button{min-width:116px;padding:9px 15px;border:0;border-radius:7px;background:transparent;color:rgba(245,237,216,.58);font:850 12px/1 var(--condensed);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.account-shop-tabs button.active{background:linear-gradient(135deg,rgba(238,74,58,.9),rgba(133,24,28,.92));color:#fff;box-shadow:0 7px 18px rgba(197,39,40,.24)}
.account-shop-weapon-preview{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(224,61,45,.19),transparent 56%),linear-gradient(145deg,rgba(20,27,32,.92),rgba(4,8,11,.98))}
.account-shop-weapon-preview img{width:min(82%,240px);height:82%;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.65));transition:filter .2s ease,transform .2s ease}
.account-shop-weapon-preview>i{display:none;place-items:center;font-size:54px;color:#ef695a}
.account-shop-weapon-preview>b{position:absolute;z-index:7;right:10px;bottom:9px;padding:5px 8px;border:1px solid rgba(255,100,80,.3);border-radius:5px;background:rgba(4,8,11,.72);color:#ff9b85;font:850 10px/1 var(--condensed);letter-spacing:.13em;text-transform:uppercase}
.account-shop-item.account-shop-weapon{border-color:rgba(229,73,58,.2)}
.account-shop-item.account-shop-weapon.level-locked{border-color:rgba(241,207,122,.18)}
.account-shop-weapon-preview.is-level-locked img{filter:grayscale(1) brightness(.42) opacity(.48);transform:scale(.96)}
.account-shop-weapon-preview.is-level-locked>b{opacity:.32}
.account-shop-weapon-preview.is-level-locked::after{content:'\e897';position:absolute;z-index:6;inset:0;display:grid;place-items:center;color:#f2d17b;font:30px boxicons;text-shadow:0 2px 10px #000;pointer-events:none}.account-shop-weapon-lock-level{position:absolute;z-index:7;left:12px;bottom:13px;color:var(--account-gold);font:800 10px/1 var(--condensed);font-style:normal;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 8px #000}.account-shop-weapon-lock-level i{margin-right:3px;font-size:10px}
.account-shop-weapon-help{position:absolute;z-index:9;right:10px;top:9px;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,222,164,.42);border-radius:50%;background:rgba(3,8,12,.82);color:#ffe2a2;box-shadow:0 5px 15px rgba(0,0,0,.38);cursor:help;outline:none}.account-shop-weapon-help>i{font-size:18px}.account-shop-weapon-help>[role="tooltip"]{position:absolute;right:0;top:35px;width:220px;padding:11px 12px;border:1px solid rgba(241,207,122,.38);border-radius:5px;background:rgba(3,9,14,.97);box-shadow:0 15px 35px rgba(0,0,0,.65);color:rgba(255,246,224,.78);font:700 11px/1.4 var(--condensed);text-align:left;opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .15s ease,transform .15s ease,visibility .15s}.account-shop-weapon-help>[role="tooltip"] strong{display:block;margin-bottom:5px;color:#ffd69a;font:900 10px/1 var(--condensed);letter-spacing:.14em;text-transform:uppercase}.account-shop-weapon-help:hover,.account-shop-weapon-help:focus{border-color:#ffe2a2;color:#fff6df}.account-shop-weapon-help:hover>[role="tooltip"],.account-shop-weapon-help:focus>[role="tooltip"]{opacity:1;visibility:visible;transform:none}
.account-shop-item>button.account-shop-level-locked{border-color:rgba(241,207,122,.2);color:rgba(241,207,122,.65)}.account-shop-item>button.account-shop-level-locked>span:first-child{display:inline-flex;align-items:center;gap:7px}
.account-shop-weapon-stats{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.account-shop-weapon-stats span{padding:5px 7px;border:1px solid rgba(239,91,70,.18);border-radius:5px;background:rgba(116,28,24,.12);color:rgba(255,205,188,.72);font:800 10px/1 var(--condensed);letter-spacing:.04em;text-transform:uppercase}
.account-shop-weapon-groups{display:grid;gap:20px}.account-shop-weapon-group{min-width:0;display:grid;gap:9px}.account-shop-weapon-group>header{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:8px 11px;border:1px solid rgba(238,77,59,.15);border-left:2px solid rgba(238,77,59,.62);border-radius:5px;background:linear-gradient(90deg,rgba(153,38,32,.12),rgba(3,9,14,.26))}.account-shop-weapon-group>header>div{display:flex;align-items:center;gap:9px}.account-shop-weapon-group>header>div>i{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(239,91,70,.28);border-radius:50%;background:rgba(92,22,20,.19);color:#f57c69;font-size:17px}.account-shop-weapon-group>header span{display:grid;gap:2px}.account-shop-weapon-group>header strong{color:#fff0d0;font:900 13px/1 var(--condensed);letter-spacing:.11em;text-transform:uppercase}.account-shop-weapon-group>header small{color:rgba(255,255,255,.43);font:750 10px/1 var(--condensed);letter-spacing:.06em;text-transform:uppercase}.account-shop-weapon-group>header>b{color:rgba(255,255,255,.42);font:850 10px/1 var(--condensed)}.account-shop-weapon-row{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:13px}.account-shop-weapon-row>.account-shop-item{scroll-snap-align:start}
@media(max-width:1250px) and (min-width:901px){.account-shop-weapon-row{grid-template-columns:repeat(3,minmax(220px,1fr))}}
@media(max-width:900px){.account-shop-weapon-groups{gap:17px}.account-shop-weapon-group{gap:7px}.account-shop-weapon-group>header{margin-right:2px}.account-shop-weapon-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:clamp(210px,66vw,270px);gap:10px;overflow-x:auto;overflow-y:hidden;margin-right:-3px;padding:0 3px 9px 0;scroll-snap-type:x mandatory;scroll-padding-left:0;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:rgba(239,91,70,.42) rgba(255,255,255,.05)}.account-shop-weapon-row::-webkit-scrollbar{height:4px}.account-shop-weapon-row::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.account-shop-weapon-row::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(239,91,70,.42)}.account-shop-weapon-row .account-shop-item{grid-template-rows:142px 1fr auto}.account-shop-weapon-row .account-shop-item-copy{padding:13px 13px 9px}.account-shop-weapon-row .account-shop-item-copy h3{font-size:18px}.account-shop-weapon-row .account-shop-item>button{min-height:44px;margin:0 12px 12px;padding:8px 10px;font-size:10px}}
@media(max-width:480px){.account-shop-weapon-row{grid-auto-columns:clamp(205px,72vw,245px)}.account-shop-weapon-group>header{min-height:43px;padding:7px 9px}.account-shop-weapon-group>header>div>i{width:27px;height:27px}.account-shop-weapon-row .account-shop-item{grid-template-rows:132px 1fr auto}}
.account-weapon-picker{grid-column:1/-1;margin:0;padding:16px;border:1px solid rgba(236,83,65,.22);border-radius:12px;background:rgba(7,12,15,.42)}
.account-weapon-picker legend{padding:0 7px;color:#f4dfb4;font:850 12px/1 var(--condensed);letter-spacing:.07em;text-transform:uppercase}
.account-weapon-picker legend small{margin-left:7px;color:rgba(245,237,216,.42);font-size:10px}
.account-weapon-picker>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:8px}
.account-weapon-picker label{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 9px;align-items:center;min-height:58px;padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(0,0,0,.25);cursor:pointer}
.account-weapon-picker label.selected{border-color:rgba(240,79,62,.65);background:linear-gradient(120deg,rgba(224,54,43,.14),rgba(0,0,0,.32));box-shadow:inset 3px 0 #eb5a48}
.account-weapon-picker input{position:absolute;opacity:0;pointer-events:none}
.account-weapon-picker label>span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.05)}
.account-weapon-picker img{width:34px;height:34px;object-fit:contain}.account-weapon-picker label>span i{color:#dd6557;font-size:20px}.account-weapon-picker label:has(img) span i{display:none}
.account-weapon-picker b{overflow:hidden;color:#f4ead2;font:850 12px/1 var(--condensed);text-overflow:ellipsis;white-space:nowrap}.account-weapon-picker label>small{color:rgba(245,237,216,.43);font:750 9px/1 var(--condensed);letter-spacing:.1em;text-transform:uppercase}
@media(max-width:800px){.account-shop-tabs{width:100%}.account-shop-tabs button{flex:1;min-width:0}.account-weapon-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Professional command-menu polish */
.account-command-hub small,
.account-command-hub button,
.account-command-hub input,
.account-command-hub label,
.account-command-hub em{
  font-family:var(--condensed);
}

.account-glass-card,
.account-glass-card.accent-pink,
.account-glass-card.accent-cyan,
.account-glass-card.accent-green,
.account-glass-card.accent-gold{
  border-color:rgba(210,222,228,.14);
  border-radius:8px;
  background:linear-gradient(145deg,rgba(12,24,33,.88),rgba(3,9,15,.82));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 50px rgba(0,0,0,.34);
}
.account-glass-card:before{
  opacity:.55;
  background:linear-gradient(115deg,color-mix(in srgb,var(--accent,var(--account-gold)) 7%,transparent),transparent 34%);
}
.account-glass-card:after{
  content:"";
  position:absolute;
  z-index:1;
  top:0;
  left:22px;
  width:48px;
  height:1px;
  pointer-events:none;
  background:color-mix(in srgb,var(--accent,var(--account-gold)) 62%,transparent);
  box-shadow:0 0 12px color-mix(in srgb,var(--accent,var(--account-gold)) 26%,transparent);
}
.account-contract-card>h2,
.account-direct-card>h2{margin-top:0}

.account-command-identity{
  min-height:104px;
  display:grid;
  grid-template-columns:minmax(220px,280px) minmax(0,1fr);
  align-items:center;
  gap:22px;
  padding:14px 18px;
  border:1px solid rgba(210,222,228,.14);
  border-radius:8px;
  background:linear-gradient(105deg,rgba(var(--tier-rgb),.09),rgba(7,17,25,.9) 34%,rgba(3,10,16,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 50px rgba(0,0,0,.3);
  box-sizing:border-box;
}
.account-self-identity{
  min-width:0;
  width:100%;
  gap:16px;
  align-self:center;
}
.account-self-identity>div:last-child{min-width:0}
.account-self-identity>div:last-child strong{
  overflow:hidden;
  color:#f5ead2;
  font:800 21px/1.05 var(--condensed);
  letter-spacing:.055em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.account-self-identity>div:last-child span{
  overflow:hidden;
  margin-top:4px;
  font:600 11px/1.2 var(--condensed);
  letter-spacing:.06em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.account-party-inline{
  min-width:0;
  align-self:stretch;
  padding-left:22px;
  border-left:1px solid rgba(255,255,255,.09);
}
.account-party-row{
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  padding:4px 7px 24px 4px;
  scrollbar-width:thin;
}
.account-party-name,
.account-party-hover-info strong,
.account-social-player strong,
.account-friend-row strong,
.account-invite-friend-row strong,
.profile-main h2,
.profile-main-details>span{
  font-family:var(--condensed);
}
.account-party-hover-info strong,
.account-social-player strong{
  font-weight:800;
  letter-spacing:.045em;
}
.profile-main h2{
  font-weight:800;
  letter-spacing:.035em;
}
.profile-main-details>span{font-weight:600;letter-spacing:.06em}
.account-direct-card>button small,
.account-mode-selector small,
.account-contract-card>small,
.account-live-room-list small{
  font-family:var(--condensed);
  font-weight:600;
  letter-spacing:.035em;
}

@media(max-width:800px){
  .account-command-content{
    width:calc(100% - 24px);
    gap:12px;
    padding:12px 0 20px;
  }
  .account-command-identity{
    width:100%;
    min-height:0;
    grid-template-columns:minmax(0,1fr);
    gap:10px;
    margin:0;
    padding:12px;
    border-radius:8px;
  }
  .account-self-identity{
    min-height:62px;
    gap:13px;
    padding:0 2px 8px;
  }
  .account-self-identity>div:last-child strong{font-size:18px}
  .account-self-identity>div:last-child span{font-size:10px}
  .account-level-wrap.compact{width:66px;margin-right:4px}
  .account-party-inline{
    width:100%;
    min-height:62px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
    gap:8px;
    margin:0;
    padding:10px 0 0;
    overflow:hidden;
    border-top:1px solid rgba(255,255,255,.09);
    border-left:0;
  }
  .account-party-row{
    width:100%;
    gap:11px;
    padding:2px 5px 23px 3px;
  }
  .account-party-member{margin-top:0}
  .account-party-add-slot{margin-left:3px}
  .account-party-add-slot .account-party-add{margin-top:4px}
  .account-party-leave{align-self:start;margin-top:5px}
  .account-play-grid,.account-play-right-stack{gap:12px}
  .account-contract-card,
  .account-play-right-stack .account-direct-card,
  .account-play-right-stack .account-season-preview{padding:16px}
  .account-direct-card>button,
  .account-play-right-stack .account-direct-card>button{padding:9px 10px}
  .account-direct-card>button small{font-size:9px;line-height:1.3}
}

@media(max-width:430px){
  .account-command-header{padding-inline:8px}
  .account-command-content{width:calc(100% - 16px);padding-top:9px}
  .account-command-identity{padding:11px 10px}
  .account-self-identity{min-height:58px;padding-bottom:7px}
  .account-self-identity>div:last-child strong{font-size:17px}
  .account-party-inline{padding-top:8px}
  .account-party-row{gap:9px;padding-inline:2px}
  .account-party-member{width:52px;flex-basis:52px}
  .account-party-name{width:54px;font-size:8px}
  .account-contract-card,
  .account-play-right-stack .account-direct-card,
  .account-play-right-stack .account-season-preview{padding:14px}
}

@media(max-width:360px){
  .account-command-content{width:calc(100% - 12px)}
  .account-command-identity{padding-inline:8px}
  .account-self-identity>div:last-child strong{font-size:16px}
  .account-party-leave{display:none}
}

/* Clean rank lockups: the emblem artwork is the badge. */
.account-rank-badge,
.account-rank-badge.compact{
  min-width:0;
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  align-items:center;
  gap:12px;
  margin:10px 0;
  padding:3px 2px;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
.account-rank-badge>span,
.account-rank-badge.compact>span{
  position:relative;
  width:52px;
  height:52px;
  display:block;
  flex:none;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
.account-rank-badge>span>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.45));
}
.account-rank-badge>div{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:baseline;
  column-gap:10px;
}
.account-rank-badge small{
  grid-column:1/-1;
  margin-bottom:3px;
  color:rgba(224,230,231,.48);
  font:700 8px/1 var(--condensed);
  letter-spacing:.14em;
  text-transform:uppercase;
}
.account-rank-badge strong{
  min-width:0;
  overflow:hidden;
  color:#f5ead4;
  font:800 15px/1.1 var(--condensed);
  letter-spacing:.035em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.account-rank-badge b{
  color:rgba(241,207,122,.78);
  font:800 11px/1 var(--condensed);
  letter-spacing:.045em;
  white-space:nowrap;
}
.account-contract-card .account-rank-badge.compact{
  margin:9px 0;
  padding:3px 2px;
}
.account-contract-card .account-rank-badge.compact>span{
  width:52px;
  height:52px;
}
.profile-main-ranks{
  gap:14px 20px;
  margin-top:16px;
}
.profile-main-ranks .account-rank-badge.compact{
  margin:0;
  padding:2px 0;
  gap:11px;
}
.profile-main-ranks .account-rank-badge.compact>span{
  width:48px;
  height:48px;
  flex-basis:48px;
}

@media(max-width:800px){
  .account-rank-badge,
  .account-rank-badge.compact{
    grid-template-columns:46px minmax(0,1fr);
    gap:10px;
  }
  .account-rank-badge>span,
  .account-rank-badge.compact>span,
  .account-contract-card .account-rank-badge.compact>span,
  .profile-main-ranks .account-rank-badge.compact>span{
    width:46px;
    height:46px;
    flex-basis:46px;
  }
  .account-rank-badge strong{font-size:14px}
  .account-rank-badge b{font-size:10px}
  .profile-main-ranks{gap:9px;margin-top:12px}
  .profile-main-ranks .account-rank-badge.compact{padding:1px 0}
}

@media(max-width:380px){
  .account-rank-badge,
  .account-rank-badge.compact{grid-template-columns:42px minmax(0,1fr);gap:9px}
  .account-rank-badge>span,
  .account-rank-badge.compact>span,
  .account-contract-card .account-rank-badge.compact>span,
  .profile-main-ranks .account-rank-badge.compact>span{
    width:42px;
    height:42px;
    flex-basis:42px;
  }
  .account-rank-badge strong{font-size:13px}
}

/* Party row alignment with a separate overscanned scroll layer. */
.account-party-row{
  min-width:0;
  display:block;
  align-self:center;
  padding:4px 7px 7px 4px;
  overflow:visible;
  box-sizing:border-box;
}
.account-party-track{
  min-width:0;
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin:-24px -14px -30px;
  padding:24px 14px 30px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  box-sizing:border-box;
}
.account-party-track::-webkit-scrollbar{display:none}

@media(max-width:1050px){
  .account-party-track{gap:12px}
}

@media(max-width:800px){
  .account-party-inline{overflow:visible}
  .account-party-row{
    width:100%;
    padding:4px 7px 7px 4px;
  }
  .account-party-track{
    gap:10px;
    margin:-22px -11px -25px;
    padding:22px 11px 25px;
  }
}

@media(max-width:620px){
  .account-party-track{gap:9px}
}

/* Social ranks use the same emblem-first lockup as account ranks. */
.account-social-row{
  grid-template-columns:66px minmax(175px,1fr) minmax(190px,.72fr) auto;
}
.account-social-ranks{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
}
.account-social-ranks>span.account-social-rank{
  min-width:0;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  grid-template-rows:auto;
  align-items:center;
  gap:9px;
  padding:0;
  border:0;
  background:none;
}
.account-social-rank>img{
  width:40px;
  height:40px;
  object-fit:contain;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.42));
}
.account-social-rank>span{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:baseline;
  column-gap:7px;
}
.account-social-ranks .account-social-rank small{
  grid-column:1/-1;
  margin-bottom:3px;
  overflow:hidden;
  color:rgba(224,230,231,.46);
  font:700 7px/1 var(--condensed);
  letter-spacing:.12em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.account-social-ranks .account-social-rank strong{
  min-width:0;
  overflow:hidden;
  color:#f5ead4;
  font:800 11px/1.1 var(--condensed);
  letter-spacing:.025em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.account-social-ranks .account-social-rank b{
  overflow:visible;
  color:rgba(241,207,122,.76);
  font:800 8px/1 var(--condensed);
  letter-spacing:.035em;
  white-space:nowrap;
}

@media(min-width:921px) and (max-width:1280px){
  .account-social-row{
    grid-template-columns:58px minmax(155px,1fr) minmax(180px,.72fr) auto;
  }
  .account-social-ranks{gap:10px}
  .account-social-ranks>span.account-social-rank{
    grid-template-columns:36px minmax(0,1fr);
    gap:8px;
  }
  .account-social-rank>img{width:36px;height:36px}
}

@media(max-width:920px){
  .account-social-row{grid-template-columns:58px minmax(0,1fr) auto}
  .account-social-ranks{display:none}
  .account-social-actions{grid-column:3}
}

@media(max-width:600px){
  .account-social-row{grid-template-columns:51px minmax(0,1fr)}
  .account-social-actions{grid-column:1/3}
}

@media(max-width:540px){.account-shop-grid{grid-template-columns:1fr}.account-shop-item{grid-template-rows:162px 1fr auto}.account-shop-section>header{padding:0 2px}.account-shop-section>header>span{display:none}}