.dashboard {
  color: #f6f8fa;
  background:
    radial-gradient(ellipse at 50% 0%, #263948 0, #10171d 28rem, transparent 58rem),
    #0b0e11;
}

.dashboard .header {
  border-bottom-color: #c7d9e51c;
  background: #0a1015ed;
}

.dashboard .welcome .eyebrow,
.dashboard .connection-panel .eyebrow {
  color: #ffd778;
}

.dashboard .welcome h1 {
  max-width: 920px;
  color: #fbfcfd;
  text-shadow: 0 4px 28px #9bd5f022;
}

.dashboard .welcome > p {
  max-width: 760px;
  color: #c5d0d8;
  font-size: 16px;
}

.dashboard .stat-tiles article,
.dashboard .profile-panel {
  border-color: #52616d80;
  background: linear-gradient(145deg, #1a242c, #11171c);
  box-shadow: 0 12px 36px #00000024;
}

.dashboard .stat-tiles article > span,
.dashboard .stat-tiles small,
.dashboard .profile-stats div div > span,
.dashboard .profile-caption {
  color: #bdc9d1;
}

.dashboard .faction-showcase {
  border-color: color-mix(in srgb, var(--faction-accent) 42%, #53616d);
  background:
    radial-gradient(ellipse at 50% 38%, color-mix(in srgb, var(--faction-accent) 18%, transparent), transparent 53%),
    linear-gradient(145deg, #182129, #0e1318);
  box-shadow: 0 18px 48px #00000035;
}

.dashboard .faction-intro p,
.dashboard .faction-preview-note,
.dashboard .featured-stats,
.dashboard .all-factions-link {
  color: #c3ced6;
}

.dashboard .faction-spotlight {
  position: relative;
}

.dashboard .featured-faction img {
  object-position: center;
  margin: -8px 0 8px;
  filter: brightness(.88) saturate(1.18) drop-shadow(0 12px 24px #0008);
  animation: armband-float-higher 5s ease-in-out infinite;
}

.dashboard .armband-halo {
  top: 2px;
  opacity: .25;
  filter: blur(30px);
}

.dashboard .spotlight-label {
  color: #ffe08c;
}

.dashboard .connection-panel {
  border-color: #e9b84c78;
  background:
    radial-gradient(ellipse at 14% 50%, #f3bd4c1d, transparent 60%),
    linear-gradient(120deg, #1b2329, #11171c);
  box-shadow: 0 18px 50px #00000045, inset 0 1px #ffffff0c;
}

.dashboard .connection-panel h2 {
  color: #fff8e8;
  font-size: clamp(1.45rem, 2.3vw, 1.9rem);
}

.dashboard .connection-panel p {
  color: #d1dbe1;
  font-size: 15px;
  line-height: 1.75;
}

.dashboard .connection-actions .button-primary {
  border-color: #ffd36c;
  color: #211804;
  background: linear-gradient(135deg, #ffe18f, #f4b83e);
  box-shadow: 0 8px 24px #f4b83e35;
}

.dashboard .connection-actions .button-primary:hover {
  background: linear-gradient(135deg, #ffebb3, #ffd064);
}

.dashboard .connection-actions .button:not(.button-primary) {
  border-color: #b5c4cf80;
  color: #eef4f7;
  background: #ffffff08;
}

.dashboard .connection-actions .button:not(.button-primary):hover {
  background: #ffffff16;
}

.dashboard .hub-footer {
  color: #aab8c2;
}

.dashboard .hub-footer a,
.dashboard .hub-footer strong {
  color: #ffda7d;
}

@keyframes armband-float-higher {
  0%, 100% { transform: translateY(-8px) rotate(-5deg); }
  50% { transform: translateY(-16px) rotate(2deg); }
}

@media (prefers-reduced-motion: reduce) {
  .dashboard .featured-faction img {
    animation: none;
    transform: translateY(-8px);
  }
}

/* Quiet, near-black stats; keep the three values still and visually consistent. */
.dashboard .welcome .stat-tiles article{
  border:1px solid #292b2d;
  border-radius:9px;
  background:#090a0b;
  box-shadow:none;
  animation:none!important;
  transform:none!important;
  transition:none!important;
}
.dashboard .welcome .stat-tiles article::before,
.dashboard .welcome .stat-tiles article::after{
  content:none!important;
  display:none!important;
  animation:none!important;
  transition:none!important;
}
.dashboard .welcome .stat-tiles article:hover{border-color:#353739;background:#090a0b;box-shadow:none;transform:none}

/* Three original No Mercy panels: field brief, crew roster, and activity ledger. */
.dashboard .hub-primary .vip-banner{
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px 24px;
  padding:19px 22px;
  border:1px solid #292b2d;
  border-left:2px solid #b89a54;
  border-radius:9px;
  background:#090a0b;
}
.dashboard .vip-banner h2{font-size:24px;letter-spacing:-.5px;margin:7px 0}
.dashboard .vip-banner .eyebrow{color:#c4a454}
.dashboard .vip-banner-copy p{max-width:470px;color:#a1a3a4}
.dashboard .vip-emblem{display:none}
.dashboard .vip-banner .vip-banner-action{
  grid-column:auto;
  grid-template-columns:auto;
  justify-items:end;
  gap:8px;
  border:0;
  border-left:1px solid #292b2d;
  padding:2px 0 2px 22px;
}
.dashboard .vip-banner-action>div{gap:3px}
.dashboard .vip-banner-action>div>span{color:#888b8d}
.dashboard .vip-banner-action strong{font-size:13px;color:#d5d5d2}
.dashboard .vip-banner-action .vip-button{border:1px solid #5b513a;background:#17150f;color:#e3cf9a;box-shadow:none}
.dashboard .vip-banner-action .vip-button:hover{background:#211d14;border-color:#9d8550}
.dashboard .vip-banner-action small{grid-column:auto;color:#777}
.dashboard .hub-primary .faction-showcase{
  grid-template-columns:minmax(200px,.85fr) minmax(0,1.15fr);
  gap:12px 28px;
  min-height:0;
  padding:22px 24px;
  border:1px solid #292b2d;
  border-radius:9px;
  background:#090a0b;
  box-shadow:none;
}
.dashboard .hub-primary .faction-showcase::before{display:none}
.dashboard .faction-intro{grid-column:1;grid-row:1/3;align-self:center}
.dashboard .faction-intro h2{font-size:25px!important;letter-spacing:-.5px!important}
.dashboard .faction-intro h2 span{color:#c4a454}
.dashboard .faction-badge{color:#b99e62}
.dashboard .faction-intro p{color:#a1a3a4}
.dashboard .war-button{border:1px solid #4a4435;border-radius:7px;background:#12120f;color:#e0d6c0;box-shadow:none}
.dashboard .war-button:hover{border-color:#89764c;background:#19170f}
.dashboard .faction-preview-note{color:#777}
.dashboard .faction-spotlight{
  grid-column:2;
  grid-row:1;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  gap:14px;
  padding:10px 12px;
  border:1px solid #202224;
  border-radius:8px;
  background:#0d0e0f;
}
.dashboard .faction-spotlight .spotlight-label{align-self:flex-start;color:#929496;font-size:9px;white-space:nowrap}
.dashboard .featured-faction{display:grid;grid-template-columns:38px auto;grid-template-rows:auto auto;align-items:center;gap:2px 10px;text-align:left}
.dashboard .featured-faction img{grid-column:1;grid-row:1/3;width:36px;height:36px;margin:0;animation:none;transform:none;filter:drop-shadow(0 3px 5px #0008)}
.dashboard .featured-faction strong{grid-column:2;font-size:13px}
.dashboard .featured-faction .platform-badge,.dashboard .featured-faction .featured-stats{grid-column:2;justify-self:start;margin:0;font-size:10px}
.dashboard .armband-halo{display:none}
.dashboard .hub-primary .faction-topfive{grid-column:2;grid-row:2;border:0;border-top:1px solid #202224;padding:9px 0 0}
.dashboard .faction-topfive ol{margin:5px 0}
.dashboard .topfive-row{min-height:29px;padding:4px 6px}
.dashboard .topfive-row.is-active,.dashboard .topfive-row:hover{background:#151515;border-color:#4a4435}
.dashboard .hub-primary .killfeed-panel{
  overflow:hidden;
  border:1px solid #292b2d;
  border-radius:9px;
  background:#090a0b;
  box-shadow:none;
}
.dashboard .killfeed-header{padding:14px 17px;border-bottom:1px solid #202224}
.dashboard .killfeed-header h2{font-size:11px;letter-spacing:1.5px}
.dashboard .killfeed-header h2 span{color:#f6d56a}
.dashboard .killfeed-header>span{color:#85888a}
.dashboard .killfeed-empty{min-height:0;padding:19px 16px;color:#b0b2b3}
.dashboard .killfeed-empty span{margin-top:4px;color:#777b7d}
.dashboard .killfeed-panel footer{border-top:1px solid #202224;color:#777b7d}
.dashboard .killfeed-row{border-bottom-color:#1c1e20}
@media(max-width:900px){
  .dashboard .hub-primary .faction-showcase{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .dashboard .faction-intro{grid-column:1;grid-row:1/3}
  .dashboard .faction-spotlight{grid-column:2;grid-row:1}
  .dashboard .hub-primary .faction-topfive{grid-column:2;grid-row:2;border-top:1px solid #202224;padding-top:9px}
}
@media(max-width:600px){
  .dashboard .hub-primary .vip-banner{grid-template-columns:1fr;padding:17px}
  .dashboard .hub-primary .vip-banner .vip-banner-action{grid-column:1;justify-items:start;border-left:0;border-top:1px solid #292b2d;padding:12px 0 0}
  .dashboard .hub-primary .faction-showcase{grid-template-columns:1fr;padding:18px}
  .dashboard .faction-intro{grid-column:1;grid-row:auto}
  .dashboard .faction-spotlight,.dashboard .hub-primary .faction-topfive{grid-column:1;grid-row:auto}
}

/* Faction console: muted metal, restrained faction color, and a three-place board. */
.dashboard .hub-primary .faction-showcase{
  border-color:#34312b;
  background:radial-gradient(ellipse at 94% 8%,color-mix(in srgb,var(--faction-accent) 10%,transparent),transparent 44%),linear-gradient(135deg,#0e1012,#08090a 66%);
}
.dashboard .faction-badge{border:1px solid color-mix(in srgb,var(--faction-accent) 36%,#242424);border-radius:999px;background:color-mix(in srgb,var(--faction-accent) 8%,#0a0b0c);color:color-mix(in srgb,var(--faction-accent) 68%,#bca96f);padding:4px 10px;font-size:9px;letter-spacing:1.35px}
.dashboard .faction-intro h2{margin:11px 0 8px!important;font-size:27px!important;letter-spacing:-.7px!important}
.dashboard .faction-intro p{max-width:300px;font-size:13px;line-height:1.6;color:#a0a1a2}
.dashboard .war-button{border-color:#4d4431;background:#17150f;color:#d9c99d}
.dashboard .war-button:hover{border-color:#897447;background:#211c12}
.dashboard .faction-spotlight{position:relative;border-color:color-mix(in srgb,var(--faction-accent) 24%,#252525);background:linear-gradient(110deg,color-mix(in srgb,var(--faction-accent) 8%,#0b0c0d),#0c0d0e 65%)}
.dashboard .faction-spotlight::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:2px;background:var(--faction-accent);opacity:.7}
.dashboard .faction-spotlight .spotlight-label{color:#a69a79;letter-spacing:1.4px}
.dashboard .featured-faction strong{color:#e4e0d4}
.dashboard .featured-faction .platform-badge{border-color:#393a37;background:#121313;color:#aaa99f}
.dashboard .featured-faction .featured-stats{color:#8c8d8e}
.dashboard .hub-primary .faction-topfive{border-top-color:#252525}
.dashboard .topfive-heading{color:#b4aa91;font-size:10px;letter-spacing:1.35px}
.dashboard .topfive-heading small{color:#737475}
.dashboard .faction-topfive ol{display:grid;gap:4px;margin:8px 0}
.dashboard .topfive-row{min-height:32px;padding:5px 8px;border-color:#ffffff08;border-radius:7px;background:#ffffff02}
.dashboard .topfive-row:hover,.dashboard .topfive-row.is-active{border-color:color-mix(in srgb,var(--row-color) 38%,#272727);background:color-mix(in srgb,var(--row-color) 7%,#0d0e0f)}
.dashboard .topfive-row .rank{width:18px;color:#747576;font-variant-numeric:tabular-nums}
.dashboard .topfive-row:first-child .rank{color:#c5a65f;font-weight:800}
.dashboard .topfive-row strong{color:#c5c3bd;font-size:11px}
.dashboard .topfive-row .kills{color:#8b8b87;font-variant-numeric:tabular-nums}
.dashboard .all-factions-link{color:#c8b274;font-size:11px}
.dashboard .all-factions-link:hover{color:#ecd28d}
.dashboard .faction-topfive>.rotation-control{margin-top:3px;color:#707172;font-size:10px}
@media(max-width:600px){.dashboard .faction-intro p{margin-inline:auto}.dashboard .faction-spotlight{min-height:72px}}

/* Clear profile metrics: only today's kills and playtime remain. */
.dashboard .profile-panel .profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}
.dashboard .profile-panel .metric-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid currentColor;border-radius:11px;background:#ffffff04}
.dashboard .profile-panel .metric-icon svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dashboard .profile-panel .red-text{color:#e26c70}
.dashboard .profile-panel .blue-text{color:#72b9d0}
.dashboard .profile-panel .profile-stats strong{font-size:18px;font-variant-numeric:tabular-nums}
.dashboard .profile-panel .profile-stats>div>div>span{font-size:11px;letter-spacing:.2px}
@media(max-width:600px){.dashboard .profile-panel .profile-stats{grid-template-columns:1fr 1fr;gap:10px}}

/* Offer tiles stay text-first; decorative thumbnails are removed. */
.dashboard .shop-sidebar .shop-card .service-icon{display:none!important}
.dashboard .shop-sidebar .shop-card{padding-top:16px}
.dashboard .shop-sidebar .shop-card strong{margin-top:0}

/* Premium Faction board: three stacked places with a restrained medal treatment. */
.dashboard .hub-primary .faction-showcase{
  grid-template-columns:minmax(210px,.82fr) minmax(260px,1.1fr) minmax(190px,.72fr);
  gap:16px 30px;
  padding:25px;
  border:1px solid #51442c;
  border-radius:13px;
  background:radial-gradient(ellipse at 92% 2%,#c29c4b12,transparent 42%),linear-gradient(145deg,#11100e,#090a0b 70%);
  box-shadow:inset 0 1px #ffffff08,0 16px 36px #0005;
}
.dashboard .faction-intro{padding:0 0 0 3px}
.dashboard .faction-badge{border-color:#8b6d324d;background:#aa81200c;color:#d7bd78}
.dashboard .faction-intro h2{font-size:30px!important;letter-spacing:-.9px!important}
.dashboard .faction-intro h2 span{color:#d1ad60}
.dashboard .faction-intro p{max-width:310px;color:#b0aca3}
.dashboard .faction-preview-note{color:#7f7b72}
.dashboard .war-button{border-color:#76603b;background:linear-gradient(135deg,#292216,#17140f);color:#ead9af;box-shadow:0 5px 16px #0005}
.dashboard .war-button:hover{border-color:#b39350;background:linear-gradient(135deg,#352a18,#1c1810);transform:translateY(-1px)}
.dashboard .faction-spotlight{grid-column:3;grid-row:1;align-self:stretch;justify-content:center;padding:16px 15px;border-color:#403824;background:linear-gradient(110deg,#18150f,#0d0e0f 72%)}
.dashboard .faction-spotlight::before{top:12px;bottom:12px;background:#d1ad60;opacity:.9}
.dashboard .faction-spotlight .spotlight-label{color:#bda76f}
.dashboard .featured-faction{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.dashboard .featured-faction img{width:88px;height:94px;margin:7px 0 5px;filter:brightness(.76) saturate(.84);}
.dashboard .featured-faction strong{color:#f0e7d2;font-size:14px}
.dashboard .featured-faction .platform-badge{color:#aeb8bd;border-color:#3d4446;background:#111516}
.dashboard .featured-faction .featured-stats{color:#a29a87}
.dashboard .hub-primary .faction-topfive{grid-column:2;grid-row:1;border:0;border-right:1px solid #393326;padding:2px 18px 2px 0;align-self:center}
.dashboard .topfive-heading{color:#d2bd83;font-size:10px;letter-spacing:1.5px}
.dashboard .topfive-heading small{color:#8a8270}
.dashboard .faction-topfive ol{grid-template-columns:1fr!important;gap:7px;margin:10px 0 8px}
.dashboard .topfive-row{display:grid;grid-template-columns:22px 24px minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;min-height:43px;padding:7px 8px;border:1px solid #ffffff0b;border-radius:8px;background:#ffffff02}
.dashboard .topfive-row .rank{grid-column:1;grid-row:1}
.dashboard .topfive-row .board-armband{grid-column:2;grid-row:1;width:20px;height:24px;object-fit:contain}
.dashboard .topfive-row strong{grid-column:3;grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.dashboard .topfive-row .kills{grid-column:4;grid-row:1;font-size:10px}
.dashboard .topfive-row:first-child{border-color:#8e743d66;background:linear-gradient(90deg,#8c6c2515,#ffffff02 70%)}
.dashboard .topfive-row .rank{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#ffffff08;color:#b5ad99;font-size:11px}
.dashboard .topfive-row:first-child .rank{background:#b7943a20;color:#e0c474}
.dashboard .topfive-row:nth-child(2) .rank{color:#c1c6c5}
.dashboard .topfive-row:nth-child(3) .rank{color:#c6976f}
.dashboard .topfive-row strong{color:#e0ded8;font-size:12px}
.dashboard .topfive-row .kills{color:#a29a87}
.dashboard .all-factions-link{color:#d0b36b;font-size:11px}
.dashboard .faction-topfive>.rotation-control{position:static;transform:none;margin:0 0 0 12px;color:#77736a}
@media(max-width:900px){
 .dashboard .hub-primary .faction-showcase{grid-template-columns:minmax(0,1.15fr) minmax(180px,.85fr)}
 .dashboard .faction-intro{grid-column:1/-1;grid-row:1}
 .dashboard .faction-spotlight{grid-column:2;grid-row:2}
 .dashboard .hub-primary .faction-topfive{grid-column:1;grid-row:2;border-right:1px solid #393326;border-top:0;padding:2px 14px 2px 0}
}
@media(max-width:600px){
 .dashboard .hub-primary .faction-showcase{grid-template-columns:1fr;padding:19px;gap:12px}
 .dashboard .faction-intro,.dashboard .faction-spotlight,.dashboard .hub-primary .faction-topfive{grid-column:1;grid-row:auto}
 .dashboard .faction-intro{text-align:left}
 .dashboard .faction-intro p{margin-inline:0}
  .dashboard .hub-primary .faction-topfive{border-right:0;border-top:1px solid #393326;padding:11px 0 0}
}

/* Unified black profile strip: five clear values, no level bar or old hover sweep. */
.dashboard .profile-panel{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  overflow:hidden;
  padding:15px 18px;
  border:1px solid #292b2d;
  border-radius:10px;
  background:#090a0b;
  box-shadow:none;
  animation:profile-threat-pulse 5.4s ease-in-out infinite;
}
.dashboard .profile-panel::after{content:none!important;display:none!important;animation:none!important;transition:none!important}
.dashboard .profile-panel:hover{border-color:#292b2d;box-shadow:none}
.dashboard .profile-panel-heading{display:flex;align-items:baseline;gap:10px}
.dashboard .profile-panel-heading .eyebrow{color:#c4a454;font-size:9px;letter-spacing:1.4px}
.dashboard .profile-panel-heading>strong{color:#dedede;font-size:13px;font-weight:650}
.dashboard .profile-panel .profile-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:2px 0}
.dashboard .profile-panel .profile-stats>div{min-width:0;gap:9px;padding:9px 10px;border:1px solid #1f2123;border-radius:8px;background:#0c0d0e}
.dashboard .profile-panel .metric-icon{width:34px;height:34px;flex-basis:34px;border-radius:9px;background:#ffffff03}
.dashboard .profile-panel .metric-icon svg{width:19px;height:19px}
.dashboard .profile-panel .profile-stats strong{font-size:15px}
.dashboard .profile-panel .profile-stats>div>div>span{font-size:9px;white-space:nowrap}
.dashboard .profile-panel .profile-caption{grid-column:1;margin:0;padding:0;border:0;text-align:left;font-size:10px;color:#747679}
@keyframes profile-threat-pulse{
  0%,100%{border-color:#292b2d;box-shadow:0 0 0 0 #b6323a00}
  48%{border-color:#492b2e;box-shadow:0 0 13px 1px #b6323a12}
  54%{border-color:#74343a;box-shadow:0 0 18px 1px #b6323a24}
  60%{border-color:#492b2e;box-shadow:0 0 13px 1px #b6323a12}
}
@media(max-width:900px){.dashboard .profile-panel .profile-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){
 .dashboard .profile-panel{padding:13px}
 .dashboard .profile-panel .profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .dashboard .profile-panel .profile-stats>div{padding:8px;gap:7px}
 .dashboard .profile-panel .profile-stats>div>div>span{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.dashboard .profile-panel{animation:none}}
.dashboard .profile-panel-heading{align-items:center;gap:7px}
.dashboard .profile-panel-avatar{width:27px;height:27px;flex:0 0 27px;overflow:hidden;border-color:#51442c;background:#12110e;color:#d7bd78;font-size:12px}
.dashboard .account-toggle .discord-avatar-image,.dashboard .profile-panel-avatar .discord-avatar-image,.dashboard .profile-avatar .discord-avatar-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.dashboard .profile-panel .profile-stats>div{gap:6px;min-height:34px;padding:5px 7px;border-radius:7px}
.dashboard .profile-panel .metric-icon{width:22px;height:22px;flex-basis:22px;border-radius:6px}
.dashboard .profile-panel .metric-icon svg{width:15px;height:15px;stroke-width:2}
.dashboard .profile-panel .profile-stats strong{font-size:13px;line-height:1.15}
.dashboard .profile-panel .profile-stats>div>div>span{font-size:8px;letter-spacing:0}
.dashboard .profile-panel .danger-text{color:#d45f69}
.dashboard .profile-panel .today-text{color:#de9950}
@media(max-width:600px){.dashboard .profile-panel .profile-stats>div{min-height:32px;padding:5px}.dashboard .profile-panel .profile-stats>div>div>span{font-size:8px}}

/* Roomier profile header, compact open stats (no dividers or mini-cards). */
.dashboard .profile-panel{gap:14px;padding:19px 22px}
.dashboard .profile-panel-heading{gap:9px}
.dashboard .profile-panel-avatar{width:36px;height:36px;flex:0 0 36px;font-size:14px}
.dashboard .profile-panel .profile-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 18px;padding:0}
.dashboard .profile-panel .profile-stats>div{min-height:30px;gap:6px;padding:3px 5px;border:0;border-radius:0;background:transparent;box-shadow:none}
.dashboard .profile-panel .metric-icon{width:19px;height:19px;flex:0 0 19px;border:0;border-radius:0;background:transparent}
.dashboard .profile-panel .metric-icon svg{width:16px;height:16px}
.dashboard .profile-panel .profile-stats strong{font-size:12px;line-height:1.1}
.dashboard .profile-panel .profile-stats>div>div>span{font-size:8px}
@media(max-width:900px){.dashboard .profile-panel .profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 16px}}
@media(max-width:600px){.dashboard .profile-panel{gap:12px;padding:16px}.dashboard .profile-panel-avatar{width:34px;height:34px;flex-basis:34px}.dashboard .profile-panel .profile-stats{gap:6px 10px}.dashboard .profile-panel .profile-stats>div{min-height:28px;padding:2px 3px}.dashboard .profile-panel .profile-stats>div>div>span{font-size:8px}}

/* Translucent command surfaces and a polished language picker. */
.dashboard .header{background:rgba(4,5,6,.76);border-bottom-color:#ffffff13;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
.dashboard .command-nav{background:rgba(4,5,6,.56);border-bottom:1px solid #ffffff0d;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}
.dashboard .command-nav>a{transition:color .25s ease,border-color .25s ease,background-color .25s ease,box-shadow .25s ease}
.dashboard .command-nav>a:hover,.dashboard .command-nav>a[aria-current]{border-color:#c6a75b48;background:linear-gradient(135deg,#b99b4d19,#ffffff04);box-shadow:inset 0 1px #ffffff08,0 5px 18px #0005;color:#f1e4bd}
.language-control{--button-glow:#c7a556}
.language-trigger{height:38px;gap:9px;padding:0 12px;border-color:#d6bd7b38;border-radius:11px;background:linear-gradient(145deg,#151719d9,#08090bdc);box-shadow:inset 0 1px #ffffff0c,0 8px 24px #0005;color:#e3dfd4;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.language-trigger svg{color:#d1b56e}
.language-code{font-size:11px;letter-spacing:1.2px;color:#f0d68c}
.language-chevron{font-size:12px;color:#8e8b80}
.language-trigger:hover,.language-trigger[aria-expanded=true]{border-color:#d1ad607a;background:linear-gradient(145deg,#242016eb,#0d0e10eb);box-shadow:inset 0 1px #ffffff12,0 0 18px #c7a5561c}
.language-menu{border-color:#c7a55644;background:rgba(9,10,11,.94);box-shadow:0 18px 48px #000b,inset 0 1px #ffffff0a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.language-menu-title{color:#b09a61;letter-spacing:1.35px}
.language-menu button{border-radius:8px;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.language-menu button:hover{background:#ffffff09}
.language-menu button[aria-checked=true]{border-color:#c7a55630;background:linear-gradient(90deg,#c7a55617,#ffffff03);color:#f0d68c}
.language-badge{border-color:#c7a55630;border-radius:7px;background:#c7a5560a;color:#d7c38a}

/* Keep the existing faction composition: the #1 display remains on the right,
   while only places 1–3 receive a refined medal treatment on the left. */
.dashboard .faction-spotlight{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:12px 8px!important}
.dashboard .faction-spotlight::before{content:none!important;display:none!important}
.dashboard .featured-faction img{filter:drop-shadow(0 12px 20px #000b) drop-shadow(0 0 12px color-mix(in srgb,var(--faction-accent) 18%,transparent));}
.dashboard .faction-topfive ol{gap:8px!important}
.dashboard .topfive-row{position:relative;isolation:isolate;overflow:hidden;min-height:45px!important;padding:7px 10px!important;border:1px solid #ffffff10!important;border-radius:9px!important;background:linear-gradient(110deg,#111214,#0a0b0c 72%)!important;box-shadow:inset 0 1px #ffffff08,0 5px 14px #0003;transition:transform .35s cubic-bezier(.22,.61,.36,1),border-color .35s ease,box-shadow .35s ease,background .35s ease}
.dashboard .topfive-row::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.32;background:linear-gradient(105deg,transparent 25%,color-mix(in srgb,var(--row-color) 11%,transparent) 50%,transparent 75%);background-size:220% 100%;background-position:130% 0;transition:background-position .65s cubic-bezier(.22,.61,.36,1),opacity .35s ease}
.dashboard .topfive-row:hover,.dashboard .topfive-row.is-active{transform:translateX(3px);border-color:color-mix(in srgb,var(--row-color) 44%,#292929)!important;background:linear-gradient(110deg,color-mix(in srgb,var(--row-color) 9%,#111214),#0a0b0c 74%)!important;box-shadow:inset 0 1px #ffffff0d,0 0 18px color-mix(in srgb,var(--row-color) 10%,transparent)}
.dashboard .topfive-row:hover::before,.dashboard .topfive-row.is-active::before{background-position:-30% 0;opacity:.75}
.dashboard .topfive-row .rank{width:24px!important;height:24px!important;border:1px solid #ffffff10;border-radius:8px!important;background:#ffffff05!important;color:#a5a6a6!important;font-weight:800;font-variant-numeric:tabular-nums}
.dashboard .topfive-row:first-child .rank{border-color:#d3b65c47;background:linear-gradient(145deg,#bd9a3c35,#5d48201c)!important;color:#efd47a!important;box-shadow:0 0 13px #c7a55616}
.dashboard .topfive-row:nth-child(2) .rank{border-color:#b9c2cc34;background:linear-gradient(145deg,#b7c0cb20,#ffffff04)!important;color:#d2d8dc!important}
.dashboard .topfive-row:nth-child(3) .rank{border-color:#b27b5635;background:linear-gradient(145deg,#a66e4524,#ffffff04)!important;color:#d49a72!important}
.dashboard .topfive-row strong{color:#e2e0da!important;font-size:12px!important;letter-spacing:.05px}
.dashboard .topfive-row .kills{color:#9a9993!important;font-variant-numeric:tabular-nums}
.dashboard .topfive-row:focus-visible{outline:1px solid var(--row-color);outline-offset:3px}

/* A slow ambient light drifts behind the open stat layout; no inner dividers. */
.dashboard .profile-panel{isolation:isolate;animation:profile-threat-pulse 7.5s ease-in-out infinite}
.dashboard .profile-panel::before{content:"";position:absolute;inset:-45%;z-index:-1;pointer-events:none;opacity:.48;background:radial-gradient(ellipse at 18% 48%,#bb3f4716 0,transparent 39%),radial-gradient(ellipse at 77% 40%,#c6a55612 0,transparent 36%);background-size:140% 150%;background-position:0% 45%;animation:profile-stat-glide 15s ease-in-out infinite alternate}
@keyframes profile-stat-glide{0%{transform:translate3d(-5%,2%,0);background-position:0% 35%;opacity:.3}50%{opacity:.62}100%{transform:translate3d(5%,-2%,0);background-position:100% 65%;opacity:.36}}
@media(prefers-reduced-motion:reduce){.dashboard .profile-panel{animation:none}.dashboard .profile-panel::before{animation:none}.dashboard .topfive-row,.dashboard .topfive-row::before,.dashboard .command-nav>a,.language-menu button{transition:none}}

/* Let the background particles remain visible through the very top bar. */
.dashboard .header{background:rgba(4,5,6,.16)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* Leave a clear visual break between delivery status and the offer cards. */
.dashboard .orders-panel{margin-bottom:20px}
@media(max-width:600px){.dashboard .orders-panel{margin-bottom:15px}}

/* Smaller-screen dashboard layout (header controls use the base header styles). */
@media(max-width:760px){
 .dashboard .command-nav{width:calc(100% - 16px);max-width:none;margin:7px 8px 0;padding:3px;gap:3px;border-radius:9px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}
 .dashboard .command-nav::-webkit-scrollbar{display:none}
 .dashboard .command-nav>a{min-height:40px;padding:8px 10px;scroll-snap-align:start;font-size:12px}
 .dashboard .container.dashboard-main{width:calc(100% - 24px);max-width:none;margin:0 12px;padding-top:18px}
 .dashboard .welcome{gap:7px;margin-bottom:16px}
 .dashboard .welcome h1{font-size:clamp(25px,6.5vw,32px);line-height:1.15;letter-spacing:-.7px}
 .dashboard .welcome>p{font-size:13px;line-height:1.5}
 .dashboard .profile-panel{gap:11px;padding:14px;margin-bottom:16px}
 .dashboard .profile-panel-heading{gap:7px;flex-wrap:wrap}
 .dashboard .profile-panel-heading>strong{font-size:12px}
 .dashboard .profile-panel-avatar{width:32px;height:32px;flex-basis:32px}
 .dashboard .profile-panel .profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}
 .dashboard .profile-panel .profile-stats>div{min-width:0;gap:5px;padding:2px}
 .dashboard .profile-panel .profile-stats>div>div{min-width:0}
 .dashboard .profile-panel .profile-stats strong{font-size:12px}
 .dashboard .profile-panel .profile-stats>div>div>span{font-size:8px;white-space:normal}
 .dashboard .profile-panel .profile-caption{font-size:9px;line-height:1.4}
 .dashboard .hub-columns{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:12px}
 .dashboard .hub-columns>.hub-primary,.dashboard .hub-columns>.shop-sidebar{min-width:0;width:100%;order:initial}
 .dashboard .shop-sidebar{margin:0}
 .dashboard .purchase-entry{flex-direction:column;align-items:stretch;gap:12px;padding:16px;margin:12px 0 14px}
 .dashboard .purchase-entry h3{font-size:17px}
 .dashboard .purchase-entry p{font-size:12px;line-height:1.5}
 .dashboard .purchase-entry-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .dashboard .purchase-entry button{min-width:0;min-height:44px;padding:9px 7px;font-size:12px}
 .dashboard .orders-panel{margin:0 0 18px}
 .dashboard .orders-tab{gap:8px;padding:11px 12px}
 .dashboard .orders-tab-copy strong{font-size:14px}
 .dashboard .orders-tab-copy small{font-size:10px}
 .dashboard .orders-content{padding:10px}
 .dashboard .orders-content-heading{gap:8px}
 .dashboard .orders-message{font-size:11px}
 .dashboard .order-card{grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;padding:9px}
 .dashboard .order-summary>strong{font-size:12px}
 .dashboard .order-summary p,.dashboard .order-detail{font-size:10px;overflow-wrap:anywhere}
 .dashboard .order-status{max-width:135px;padding:4px 7px;font-size:10px}
 .dashboard .offers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .dashboard .offers-grid .shop-card{min-width:0;min-height:122px;padding:12px}
 .dashboard .offers-grid .shop-card>strong{font-size:12px;overflow-wrap:anywhere}
 .dashboard .offers-grid .shop-card .service-description{font-size:10px;line-height:1.45}
 .dashboard .service-price{top:9px;right:8px;padding:2px 5px;font-size:9px}
 .dashboard .offer-category{font-size:8px}
 .dashboard .hub-primary{gap:12px}
 .dashboard .hub-primary .vip-banner{grid-template-columns:minmax(0,1fr) 72px;gap:10px;padding:14px}
 .dashboard .vip-emblem,.dashboard .vip-emblem img{width:72px;height:82px}
 .dashboard .vip-banner h2,.dashboard .hub-primary .faction-intro h2{font-size:23px;line-height:1.15}
 .dashboard .vip-banner p,.dashboard .faction-intro p{font-size:12px;line-height:1.5}
 .dashboard .killfeed-panel{margin-top:12px}
 .dashboard .killfeed-header{padding:11px 12px}
 .dashboard .killfeed-empty{padding:18px 12px;font-size:12px}
 .dashboard .killfeed-empty span{font-size:10px}
 .dashboard .hub-footer{gap:7px;margin-top:18px;font-size:10px}
 .dashboard .account-profile{gap:14px}
 .dashboard dialog{width:calc(100% - 16px);max-width:none;max-height:calc(100dvh - 20px);padding:15px}
 .dashboard .purchase-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 20px);padding:15px}
 .dashboard .purchase-list{grid-template-columns:minmax(0,1fr)}
 .dashboard .purchase-dialog .purchase-option{min-height:52px;padding:10px}
 .dashboard .purchase-dialog .purchase-option strong{font-size:13px}
 .dashboard .purchase-coordinates{gap:9px}
 .dashboard .language-menu{backdrop-filter:none;-webkit-backdrop-filter:none}
 .dashboard .profile-panel,.dashboard .profile-panel::before{animation:none!important}
 .dashboard .profile-panel::before{display:none}
 .dashboard .faction-showcase{box-shadow:none}
 .dashboard .faction-spotlight{will-change:auto}
 .dashboard .featured-faction img{filter:drop-shadow(0 5px 8px #0008)}
 .dashboard .topfive-row{box-shadow:none!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease!important}
 .dashboard .topfive-row::before{display:none}
 .dashboard .topfive-row:hover,.dashboard .topfive-row:focus-visible{transform:none;box-shadow:none}
 .dashboard .shop-card,.dashboard .vip-button,.dashboard .war-button{transition:transform .2s ease,border-color .2s ease,background-color .2s ease}
 .dashboard .route-reveal{animation:mobile-view-enter .22s ease-out both}
 .dashboard .route-reveal .shop-card{animation:none!important;filter:none!important}
}
@media(max-width:600px){
 .dashboard .hub-primary .faction-showcase{grid-template-columns:minmax(0,1.2fr) minmax(90px,.8fr);gap:11px;padding:15px}
 .dashboard .faction-intro{grid-column:1/-1;grid-row:1}
 .dashboard .faction-intro h2{font-size:22px!important;margin:8px 0 5px!important}
 .dashboard .faction-intro p{max-width:100%;margin:5px 0;font-size:11px}
 .dashboard .war-button{min-height:40px;padding:8px 10px;font-size:11px}
 .dashboard .faction-preview-note{font-size:9px}
 .dashboard .hub-primary .faction-topfive{grid-column:1;grid-row:2;align-self:center;border:0!important;padding:0!important}
 .dashboard .topfive-heading{font-size:9px}
 .dashboard .topfive-heading small{display:none}
 .dashboard .faction-topfive ol{gap:4px!important;margin:6px 0!important}
 .dashboard .topfive-row{grid-template-columns:20px 18px minmax(0,1fr) auto;gap:5px;min-height:38px!important;padding:5px 4px!important}
 .dashboard .topfive-row .rank{width:20px!important;height:20px!important;border-radius:7px!important;font-size:10px}
 .dashboard .topfive-row .board-armband{width:16px;height:19px}
 .dashboard .topfive-row strong{font-size:9px!important;white-space:normal;line-height:1.2}
 .dashboard .topfive-row .kills{font-size:8px}
 .dashboard .faction-spotlight{grid-column:2;grid-row:2;align-self:center;min-height:0!important;padding:0!important}
 .dashboard .faction-spotlight .spotlight-label{font-size:8px}
 .dashboard .featured-faction{gap:2px}
 .dashboard .featured-faction img{width:66px;height:68px;margin:3px 0}
 .dashboard .featured-faction strong{font-size:10px;line-height:1.25;text-align:center}
 .dashboard .featured-faction .platform-badge{font-size:8px;padding:2px 4px}
 .dashboard .featured-faction .featured-stats{font-size:8px;text-align:center}
 .dashboard .faction-topfive>.rotation-control{min-height:32px;font-size:9px}
 .dashboard .offers-grid{grid-template-columns:minmax(0,1fr)}
 .dashboard .offers-grid .shop-card{min-height:98px;padding:12px}
 .dashboard .offers-grid .shop-card .service-description{font-size:11px}
 .dashboard .orders-panel{margin-bottom:16px}
}
@media(max-width:380px){
 .dashboard .command-nav>a{padding-inline:8px;font-size:11px}
 .dashboard .offers-grid{grid-template-columns:minmax(0,1fr)}
 .dashboard .purchase-entry-actions{grid-template-columns:1fr}
 .dashboard .profile-panel .profile-stats{gap:7px 5px}
 .dashboard .profile-panel .profile-stats>div{gap:3px}
 .dashboard .profile-panel .metric-icon{width:17px;height:17px;flex-basis:17px}
 .dashboard .profile-panel .metric-icon svg{width:14px;height:14px}
 .dashboard .hub-primary .faction-showcase{grid-template-columns:minmax(0,1.1fr) minmax(78px,.8fr);padding:12px;gap:8px}
 .dashboard .topfive-row{grid-template-columns:18px 15px minmax(0,1fr) auto;gap:3px;padding-inline:2px!important}
 .dashboard .topfive-row .rank{width:18px!important;height:18px!important}
 .dashboard .topfive-row .board-armband{width:14px;height:17px}
 .dashboard .topfive-row strong{font-size:8px!important}
 .dashboard .featured-faction img{width:58px;height:62px}
}
@keyframes mobile-view-enter{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(hover:none){.dashboard .shop-card:hover,.dashboard .topfive-row:hover,.dashboard .vip-button:hover,.dashboard .war-button:hover{transform:none;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.dashboard .route-reveal,.dashboard .route-reveal .shop-card{animation:none!important}}

/* Profile: a distinct dashboard layout with quiet, low-cost motion. */
.dashboard .account-profile{
 width:calc(100% - 40px);max-width:1180px;margin:24px auto 48px;display:grid;gap:18px;color:#e8ecef
}
.dashboard .account-profile[hidden]{display:none}
.dashboard .account-profile:focus{outline:none!important}
.dashboard .account-profile-top{
 min-height:42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;
 border-bottom:1px solid #ffffff12;padding:0 2px 12px;color:#87939a;font-size:11px;letter-spacing:.08em
}
.dashboard .account-profile-top>a{justify-self:start;color:#aab4b9;text-decoration:none;transition:color .2s ease}
.dashboard .account-profile-top>a:hover{color:#efd184}
.dashboard .account-profile-top>strong{color:#eef0ed;font-size:13px;letter-spacing:.04em}
.dashboard .account-profile-top>span{justify-self:end;color:#91a7a4;font-size:9px;font-weight:700;letter-spacing:.16em}
.dashboard .profile-identity{
 position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:94px minmax(0,1fr);align-items:center;gap:20px;
 min-height:164px;margin:0;padding:26px 30px;border:1px solid #24332f;border-radius:16px;
 background:radial-gradient(ellipse at 93% 5%,#17332d55,transparent 36%),linear-gradient(125deg,#111516,#090b0c 68%,#101513);
 box-shadow:inset 0 1px #ffffff08,0 14px 34px #0005
}
.dashboard .profile-identity::after{
 content:"";position:absolute;z-index:-1;inset:-60% auto -60% -25%;width:36%;pointer-events:none;
 background:linear-gradient(90deg,transparent,#d7ba6b0b,transparent);transform:translateX(-150%) rotate(18deg);
 animation:profile-light-sweep 9s ease-in-out infinite
}
.dashboard .profile-avatar{
 width:82px;height:82px;display:grid;place-items:center;overflow:hidden;border:1px solid #82704488;border-radius:18px;
 background:linear-gradient(145deg,#1c211e,#0d1010);color:#e5cb7f;font-size:28px;font-weight:800;
 box-shadow:0 0 0 5px #d6b85c0a,0 8px 24px #0008
}
.dashboard .profile-identity-main{min-width:0}
.dashboard .profile-identity-main h2{margin:0 0 7px;color:#f2f1e9;font-size:clamp(21px,2.4vw,28px);letter-spacing:-.035em}
.dashboard .profile-identity-main>p{margin:0;color:#98a3a5;font-size:12px;line-height:1.65}
.dashboard .profile-identity-main>.credit-chip{display:inline-flex;margin-top:13px;padding:6px 10px;border:1px solid #d6b85c2c;border-radius:999px;background:#d6b85c0b;color:#e5d08b;font-size:11px}
.dashboard .profile-content{
 display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(270px,.9fr);grid-template-areas:"stats activity" "services linked";
 gap:14px;align-items:stretch
}
.dashboard .profile-content>.profile-stats-section{grid-area:stats}
.dashboard .profile-content>.profile-activity-section{grid-area:activity}
.dashboard .profile-content>.profile-services-section{grid-area:services}
.dashboard .profile-content>.profile-linked-section{grid-area:linked}
.dashboard .profile-content>section,.dashboard .profile-content>aside{
 position:relative;min-width:0;overflow:hidden;padding:18px;border:1px solid #ffffff12;border-radius:13px;
 background:linear-gradient(145deg,#101314,#090b0c 78%);box-shadow:inset 0 1px #ffffff06;
 animation:profile-section-enter .48s cubic-bezier(.2,.7,.25,1) both
}
.dashboard .profile-content>.profile-activity-section{animation-delay:55ms}
.dashboard .profile-content>.profile-services-section{animation-delay:110ms}
.dashboard .profile-content>.profile-linked-section{animation-delay:165ms}
.dashboard .profile-content>section>h3,.dashboard .profile-content>aside>h3{
 display:flex;align-items:center;gap:9px;margin:0 0 15px;color:#c6aa61;font-size:10px;font-weight:800;letter-spacing:.15em
}
.dashboard .profile-content>section>h3::before,.dashboard .profile-content>aside>h3::before{
 content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#c6aa61;box-shadow:0 0 10px #c6aa6155
}
.dashboard .profile-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.dashboard .profile-stat-grid>article{
 position:relative;display:grid;grid-template-columns:25px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:3px 8px;
 min-height:78px;padding:11px 10px;border:1px solid #ffffff0e;border-radius:10px;background:#070909;
 transition:transform .22s ease,border-color .22s ease,background-color .22s ease
}
.dashboard .profile-stat-grid>article:hover{transform:translateY(-2px);border-color:#c6aa6150;background:#0d100f}
.dashboard .profile-stat-icon{grid-row:1/3;align-self:center;display:grid;place-items:center;width:25px;height:25px;color:#d1b966}
.dashboard .profile-stat-icon svg{width:18px;height:18px}
.dashboard .profile-stat-grid>article>strong{color:#f3f3ec;font-size:19px;line-height:1.1;font-variant-numeric:tabular-nums}
.dashboard .profile-stat-grid>article>span{color:#899391;font-size:9px;text-transform:uppercase;letter-spacing:.07em}
.dashboard .profile-empty-box{
 min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:15px;
 border:1px dashed #ffffff18;border-radius:10px;background:#080a0a80;color:#929b9b;text-align:center;font-size:11px;line-height:1.55
}
.dashboard .profile-activity-empty{min-height:94px}
.dashboard .profile-linked-empty .profile-linked-icon{display:grid;place-items:center;color:#8bb9ae}
.dashboard .profile-linked-empty .profile-linked-icon svg{width:20px;height:20px}
.dashboard .profile-linked-empty small{color:#6f7a79;font-size:10px}
.dashboard .profile-danger{
 position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 18px;
 padding:15px 18px;border:1px solid #6a37302b;border-radius:12px;background:linear-gradient(100deg,#120d0d,#0a0b0b 70%);border-left:2px solid #a8544766
}
.dashboard .profile-danger h3{margin:0;color:#d6a39a;font-size:12px;letter-spacing:.04em}
.dashboard .profile-danger p{grid-column:1;margin:0;color:#89908f;font-size:10px;line-height:1.5}
.dashboard .profile-danger button{grid-column:2;grid-row:1/3;min-height:36px;padding:7px 12px;border:1px solid #81453b55;border-radius:8px;background:#1a1110;color:#c99085;font-size:10px}
.dashboard.profile-open .profile-identity{animation:profile-section-enter .5s cubic-bezier(.2,.7,.25,1) both}
.dashboard.profile-open .profile-stat-grid>article{animation:none}
.dashboard.profile-open .profile-danger{animation:profile-section-enter .48s 210ms cubic-bezier(.2,.7,.25,1) both}
@keyframes profile-section-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes profile-light-sweep{0%,18%{transform:translateX(-150%) rotate(18deg);opacity:0}27%{opacity:1}45%,100%{transform:translateX(420%) rotate(18deg);opacity:0}}
@media(max-width:780px){
 .dashboard .account-profile{width:calc(100% - 24px);max-width:620px;margin:16px auto 32px;gap:12px}
 .dashboard .profile-identity{grid-template-columns:72px minmax(0,1fr);gap:14px;min-height:132px;padding:18px}
 .dashboard .profile-avatar{width:66px;height:66px;border-radius:15px}
 .dashboard .profile-content{grid-template-columns:minmax(0,1fr);grid-template-areas:"stats" "activity" "services" "linked";gap:10px}
 .dashboard .profile-content>section,.dashboard .profile-content>aside{padding:15px}
 .dashboard .profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dashboard .profile-stat-grid>article{min-height:70px}
 .dashboard .profile-danger{grid-template-columns:minmax(0,1fr);gap:8px}
 .dashboard .profile-danger p,.dashboard .profile-danger button{grid-column:1;grid-row:auto}
 .dashboard .profile-danger button{justify-self:start;min-height:42px}
}
@media(max-width:420px){
 .dashboard .account-profile-top{grid-template-columns:1fr auto;gap:8px}
 .dashboard .account-profile-top>strong{justify-self:end}.dashboard .account-profile-top>span{display:none}
 .dashboard .profile-identity{grid-template-columns:56px minmax(0,1fr);gap:11px;padding:14px}
 .dashboard .profile-avatar{width:54px;height:54px;border-radius:13px}
 .dashboard .profile-identity-main h2{font-size:19px}.dashboard .profile-identity-main>p{font-size:10px}
 .dashboard .profile-content>section,.dashboard .profile-content>aside{padding:13px}
}
@media(prefers-reduced-motion:reduce){
 .dashboard .profile-identity::after{animation:none}
 .dashboard .account-profile .profile-identity,.dashboard .account-profile .profile-content>section,.dashboard .account-profile .profile-content>aside,.dashboard .account-profile .profile-danger{animation:none!important}
 .dashboard .profile-stat-grid>article{transition:none}
}

/* Faction room: a cinematic but original standings board. */
.dashboard .faction-room{
 width:calc(100% - 48px);max-width:1280px;margin:0 auto;padding:20px 0 72px
}
.dashboard .faction-room:focus{outline:none!important}
.dashboard .faction-room .room-back{margin:0 0 28px;color:#9ba5a2;font-size:11px;text-decoration:none;transition:color .2s ease}
.dashboard .faction-room .room-back:hover{color:#e5c76e}
.dashboard .room-heading{
 position:relative;overflow:hidden;padding:25px 28px 22px;border:1px solid #c3a95729;border-left:2px solid #c9ad5d;
 border-radius:13px;background:radial-gradient(ellipse at 88% 0%,#876b2422,transparent 43%),linear-gradient(112deg,#111313,#090a0b 72%);
 box-shadow:inset 0 1px #ffffff09,0 14px 35px #0005
}
.dashboard .room-heading::after{content:"";position:absolute;right:-30px;top:-95px;width:240px;height:240px;border:1px solid #d5b8580d;border-radius:50%;box-shadow:0 0 0 28px #d5b85805,0 0 0 58px #d5b85804;pointer-events:none}
.dashboard .room-heading .eyebrow{color:#d6bb68;font-size:9px;font-weight:800;letter-spacing:.2em}
.dashboard .room-heading h2{margin:9px 0 7px;color:#f2f0e8;font-size:clamp(32px,4.6vw,54px);font-weight:900;letter-spacing:-.055em;line-height:1.05}
.dashboard .room-heading p{margin:0;color:#909997;font-size:11px;letter-spacing:.15em}
.dashboard .room-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:15px 0 16px}
.dashboard .room-totals>div{position:relative;min-height:78px;display:flex;align-items:center;gap:13px;padding:13px 17px;overflow:hidden;border:1px solid #ffffff12;border-radius:11px;background:linear-gradient(130deg,#111314,#090a0b 75%)}
.dashboard .room-totals>div::after{content:"";position:absolute;right:-20px;bottom:-30px;width:82px;height:82px;border:1px solid #d3b65b0d;border-radius:50%;box-shadow:0 0 0 13px #d3b65b05}
.dashboard .room-totals strong{color:#eee9d8;font-size:27px;font-weight:850;font-variant-numeric:tabular-nums;line-height:1}
.dashboard .room-totals span{color:#909896;font-size:10px;letter-spacing:.06em}
.dashboard .room-toolbar{min-height:52px;margin:0 0 12px;padding:8px 0;border-bottom-color:#ffffff13}
.dashboard .room-tab{border-color:#51472b;background:#17150f;color:#e0c976;font-size:11px;font-weight:700;letter-spacing:.06em}
.dashboard .room-toolbar .platform-badge{border-color:#4b596145;background:#10161a;color:#90b9d0}
.dashboard .faction-search{display:block;margin:0 0 9px;color:#c8c6bb;font-size:11px;font-weight:650}
.dashboard .faction-search input{height:44px;margin-top:8px;padding:0 14px;border-color:#ffffff18;border-radius:9px;background:#0c0e0f;color:#f1f1eb;font-size:12px;transition:border-color .2s ease,box-shadow .2s ease}
.dashboard .faction-search input:focus{outline:none;border-color:#c7a94a9c;box-shadow:0 0 0 3px #c7a94a12}
.dashboard .room-notice{margin:0 0 13px;color:#77817f;font-size:10px}
.dashboard .faction-table-wrap{overflow:hidden;border:1px solid #ffffff15;border-radius:13px;background:linear-gradient(145deg,#0b0d0e,#080909);box-shadow:0 18px 50px #0005}
.dashboard .faction-table{display:block;width:100%;border-collapse:separate;border-spacing:0;white-space:normal;text-align:left}
.dashboard .faction-table thead,.dashboard .faction-table tbody{display:block}
.dashboard .faction-table thead{padding:0 9px;border-bottom:1px solid #ffffff12;background:#ffffff04}
.dashboard .faction-table thead tr,.dashboard .faction-table tbody tr{display:grid;grid-template-columns:52px minmax(220px,2.4fr) minmax(130px,1.1fr) minmax(105px,.8fr) minmax(105px,.8fr);align-items:center;gap:0}
.dashboard .faction-table th{padding:13px 12px;color:#7f8987;font-size:9px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.dashboard .faction-table tbody{display:grid;gap:7px;padding:9px}
.dashboard .faction-table tbody tr{
 position:relative;min-height:68px;overflow:hidden;border:1px solid #ffffff10;border-radius:10px;
 background:linear-gradient(105deg,#111415,#0b0d0e 60%,#0b0c0c);box-shadow:inset 0 1px #ffffff06;
 transition:background-color .2s ease,border-color .2s ease,transform .2s ease
}
.dashboard .faction-table tbody tr::before{content:"";position:absolute;inset:12px auto 12px 0;width:2px;border-radius:2px;background:var(--row-color);opacity:.55;box-shadow:0 0 13px color-mix(in srgb,var(--row-color) 50%,transparent);transition:opacity .2s ease,width .2s ease}
.dashboard .faction-table tbody tr:hover{transform:translateX(3px);border-color:color-mix(in srgb,var(--row-color) 38%,#242627);background:linear-gradient(105deg,color-mix(in srgb,var(--row-color) 8%,#111415),#0b0d0e 64%)}
.dashboard .faction-table tbody tr:hover::before{width:3px;opacity:1}
.dashboard .faction-table td{min-width:0;padding:11px 12px;border:0;color:#aeb5b2;font-size:11px}
.dashboard .faction-table td:first-child{color:#d3ba72;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.dashboard .table-faction-button{max-width:100%;gap:11px;padding:0;color:#ecece5;text-align:left;transition:color .2s ease}
.dashboard .table-faction-button:hover{color:#fff}
.dashboard .table-faction-button img{flex:0 0 30px;width:30px;height:36px;object-fit:contain;filter:drop-shadow(0 4px 8px #0009)}
.dashboard .table-faction-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}
.dashboard .faction-table td:nth-child(3){color:#8eafbf;font-size:10px}
.dashboard .faction-table td:nth-child(4),.dashboard .faction-table td:nth-child(5){text-align:right;color:#e2dfd4;font-size:13px;font-weight:750;font-variant-numeric:tabular-nums}
.dashboard .faction-table td:nth-child(4)::after{content:"MITGLIEDER";display:block;margin-top:3px;color:#707977;font-size:8px;font-weight:650;letter-spacing:.09em}
.dashboard .faction-table td:nth-child(5)::after{content:"KILLS";display:block;margin-top:3px;color:#707977;font-size:8px;font-weight:650;letter-spacing:.09em}
.dashboard #faction-empty{padding:28px 15px;color:#aab0ad;font-size:11px}
.faction-row-from-left{animation:faction-slide-from-left .62s cubic-bezier(.2,.75,.25,1) both}
.faction-row-from-right{animation:faction-slide-from-right .62s cubic-bezier(.2,.75,.25,1) both}
@keyframes faction-slide-from-left{from{opacity:0;transform:translateX(-46px) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes faction-slide-from-right{from{opacity:0;transform:translateX(46px) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}
@media(max-width:700px){
  html,body{max-width:100%;overflow-x:hidden!important}
  .dashboard,.dashboard-main,.dashboard-home,.server-overview{max-width:100%;overflow-x:hidden!important}
  .dashboard .server-activity-grid{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .dashboard .server-activity-feed,.dashboard .server-leaderboard{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .dashboard .server-activity-feed{height:270px!important;min-height:0!important}
  .dashboard .server-leaderboard{height:190px!important;min-height:0!important}
  .dashboard.factions-open .faction-flow-background{opacity:.28!important;filter:blur(1px)!important}
  .dashboard.factions-open .faction-room,.dashboard.factions-open .faction-table-wrap{max-width:100%!important;overflow-x:hidden!important}
  .dashboard.factions-open .faction-vip-card .vip-icon,.dashboard.factions-open .faction-vip-card .faction-vip-icon{display:none!important}
}

/* Ensure the service dialog scrolls smoothly without moving the page behind it. */
.purchase-dialog{overscroll-behavior:contain;scroll-behavior:smooth}
@media(max-width:700px){.purchase-dialog{max-height:calc(100dvh - 20px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.purchase-list{contain:content}}
 .dashboard .faction-room{width:calc(100% - 26px);padding:13px 0 48px}
 .dashboard .room-back{margin-bottom:18px}
 .dashboard .room-heading{padding:20px 17px 18px}
 .dashboard .room-heading h2{font-size:36px}
 .dashboard .room-heading p{font-size:9px;letter-spacing:.1em}
 .dashboard .room-totals{gap:7px;padding:10px 0}
 .dashboard .room-totals>div{min-height:62px;gap:7px;padding:9px}
 .dashboard .room-totals strong{font-size:21px}
 .dashboard .room-totals span{font-size:8px}
 .dashboard .room-toolbar{min-height:44px;margin-bottom:10px}
 .dashboard .faction-table thead{display:none}
 .dashboard .faction-table tbody tr{grid-template-columns:32px minmax(0,1fr) 68px 68px;min-height:64px}
 .dashboard .faction-table td{padding:9px 7px}
 .dashboard .faction-table td:nth-child(3){display:none}
 .dashboard .faction-table td:nth-child(4),.dashboard .faction-table td:nth-child(5){font-size:11px}
 .dashboard .table-faction-button{gap:7px}
 .dashboard .table-faction-button img{flex-basis:23px;width:23px;height:28px}
 .dashboard .table-faction-button span{font-size:10px}
}

/* Mobile navigation lives in the header, beside the credits pill. */
@media(max-width:700px){
  .mobile-route-menu{left:auto!important;right:12px!important;top:14px!important;transform:none!important;z-index:60!important}
  .mobile-route-toggle{position:relative!important;width:32px!important;height:32px!important;border:1px solid #caa64f99!important;border-radius:8px!important;background:#171208!important;color:transparent!important;font-size:0!important;box-shadow:0 0 14px #caa64f20!important}
  .mobile-route-toggle::before,.mobile-route-toggle::after{content:"";position:absolute;left:8px;right:8px;height:2px;border-radius:2px;background:#e4c66e;box-shadow:0 7px 0 #e4c66e}
  .mobile-route-toggle::before{top:9px}
  .mobile-route-toggle::after{top:16px;box-shadow:none}
  .mobile-route-menu nav{left:auto!important;right:0!important;top:40px!important;transform:none!important;width:160px!important;padding:8px!important;border:1px solid #caa64f66!important;border-radius:10px!important;background:#090909f5!important;box-shadow:0 14px 32px #000c!important}
  .mobile-route-menu nav a{min-height:34px!important;padding:7px 10px!important;font-size:12px!important}
}

/* Shop cards: keep names readable instead of forcing one character per line. */
.dashboard .shop-sidebar .shop-card>strong{padding-inline:0!important;max-width:100%;overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important;text-align:left!important}
.dashboard .shop-sidebar .shop-card{background:linear-gradient(145deg,#11161a,#0a0b0d)!important;border-color:#293238!important;box-shadow:inset 0 1px #ffffff09,0 10px 24px #0004!important}
@media(max-width:700px){.dashboard .shop-sidebar .shop-card>strong{font-size:13px!important;line-height:1.3!important}.dashboard .shop-sidebar .shop-card{min-height:150px!important}}

/* Final dashboard/mobile polish. */
.dashboard .profile-panel-heading>strong{display:none!important}
.dashboard .welcome{display:none!important}
.dashboard .dashboard-tabs{position:sticky!important;top:0!important;z-index:25!important;background:#090b0cf2!important;backdrop-filter:blur(14px)}
.dashboard .dashboard-tabs{background:transparent!important;border-color:transparent!important;backdrop-filter:none!important;box-shadow:none!important}
.dashboard .header .account-summary>.credit-chip{display:inline-flex!important;align-items:center;gap:7px;min-height:38px;padding:7px 13px!important;border:1px solid #ffffff16!important;border-radius:999px!important;background:#090b0ccf!important;color:#eee!important;box-shadow:inset 0 1px #ffffff08,0 8px 20px #0005!important;font-size:13px!important;font-weight:700!important}
.dashboard .header .account-summary>.credit-chip .credits-icon{width:18px;height:18px;color:#e7b83f;flex:0 0 auto}
.dashboard .server-activity-grid{grid-template-columns:1fr!important}
.dashboard .server-activity-feed{min-height:0!important;height:300px!important}
.dashboard .server-leaderboard{min-height:0!important;height:210px!important}
.dashboard .server-leaderboard .server-data-tag{position:static!important;transform:none!important;white-space:nowrap}
.dashboard .server-leaderboard .server-empty-state{min-height:130px!important;padding:18px!important}
@media(max-width:700px){
  .dashboard .dashboard-tabs{top:0!important;margin:0 -15px!important;padding:0 15px!important}
  .dashboard .dashboard-tabs-inner{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important}
  .dashboard .dashboard-tabs a{min-height:48px!important;font-size:10px!important}
  .dashboard .header .account-summary>.credit-chip{min-height:34px;padding:6px 10px!important;font-size:12px!important}
  .dashboard .server-activity-feed{height:270px!important}
  .dashboard .server-leaderboard{height:190px!important}
  .dashboard .server-leaderboard .server-empty-state{min-height:110px!important}
  .dashboard .loading-spinner,.dashboard .loading-indicator{margin-inline:auto!important;left:auto!important;right:auto!important}
}

/* The profile no longer exposes local account deletion in the preview. */
.dashboard .profile-danger{display:none!important}
.dashboard .profile-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important}
.dashboard .profile-stat-grid>article{min-width:0;padding:16px 12px!important}
.dashboard .profile-stat-grid>article>span{font-size:9px!important;white-space:nowrap}
@media(max-width:700px){
  .dashboard .profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:390px){
 .dashboard .faction-room{width:calc(100% - 20px)}
 .dashboard .room-totals>div{flex-direction:column;align-items:flex-start;justify-content:center}
 .dashboard .faction-table tbody tr{grid-template-columns:25px minmax(0,1fr) 55px 55px}
 .dashboard .faction-table td{padding-inline:5px}
}
@media(prefers-reduced-motion:reduce){
 .faction-row-from-left,.faction-row-from-right{animation:none!important}
 .dashboard .faction-table tbody tr,.dashboard .faction-table tbody tr::before,.dashboard .table-faction-button{transition:none}
}

/* Compact the faction board and let each row travel in from beyond the viewport. */
.dashboard .faction-room{max-width:780px;padding-top:12px}
.dashboard .faction-room .room-back{margin-bottom:18px;font-size:10px}
.dashboard .room-heading{padding:18px 21px 16px;border-radius:11px}
.dashboard .room-heading h2{font-size:clamp(29px,3.3vw,39px);margin:7px 0 5px}
.dashboard .room-heading p{font-size:9px}
.dashboard .room-totals{gap:7px;padding:10px 0}
.dashboard .room-totals>div{min-height:58px;gap:9px;padding:9px 12px;border-radius:9px}
.dashboard .room-totals strong{font-size:22px}
.dashboard .room-totals span{font-size:9px}
.dashboard .room-toolbar{min-height:42px;margin-bottom:8px;padding:5px 0}
.dashboard .room-tab{padding:6px 11px;font-size:10px}
.dashboard .faction-search{font-size:10px}
.dashboard .faction-search input{height:38px;margin-top:6px;padding-inline:11px;font-size:11px}
.dashboard .room-notice{margin-bottom:9px;font-size:9px}
.dashboard .faction-table thead tr,.dashboard .faction-table tbody tr{grid-template-columns:38px minmax(150px,2fr) minmax(95px,1fr) minmax(72px,.72fr) minmax(72px,.72fr)}
.dashboard .faction-table thead{padding-inline:6px}
.dashboard .faction-table th{padding:10px 8px;font-size:8px}
.dashboard .faction-table tbody{gap:5px;padding:6px}
.dashboard .faction-table tbody tr{min-height:54px;border-radius:8px}
.dashboard .faction-table td{padding:8px;font-size:10px}
.dashboard .table-faction-button{gap:8px}
.dashboard .table-faction-button img{flex-basis:24px;width:24px;height:29px}
.dashboard .table-faction-button span{font-size:10px}
.dashboard .faction-table td:nth-child(3){font-size:9px}
.dashboard .faction-table td:nth-child(4),.dashboard .faction-table td:nth-child(5){font-size:11px}
.dashboard .faction-table td:nth-child(4)::after,.dashboard .faction-table td:nth-child(5)::after{font-size:7px}
.faction-row-from-left{animation-duration:2.48s!important}
.faction-row-from-right{animation-duration:2.48s!important}
.dashboard .faction-table tbody tr.faction-row-from-left{animation-name:faction-slide-from-left!important;animation-timing-function:cubic-bezier(.2,.75,.25,1);animation-fill-mode:both}
.dashboard .faction-table tbody tr.faction-row-from-right{animation-name:faction-slide-from-right!important;animation-timing-function:cubic-bezier(.2,.75,.25,1);animation-fill-mode:both}
@keyframes faction-slide-from-left{from{opacity:0;transform:translateX(calc(-100vw - 100%)) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes faction-slide-from-right{from{opacity:0;transform:translateX(calc(100vw + 100%)) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}
@media(max-width:700px){
 .dashboard .faction-room{max-width:780px}
 .dashboard .room-heading h2{font-size:31px}
 .dashboard .room-totals>div{min-height:52px;padding:7px}
 .dashboard .room-totals strong{font-size:19px}
 .dashboard .faction-table tbody tr{min-height:50px}
 .dashboard .faction-table tbody tr{grid-template-columns:28px minmax(0,1fr) 58px 58px}
}

/* Neutral faction list: stats are read-only and the names stay visually calm. */
.dashboard .room-totals>div{min-height:63px;justify-content:flex-start;gap:12px;padding:10px 13px;border-color:#ffffff13;background:linear-gradient(130deg,#121414,#0a0b0c 76%);box-shadow:inset 0 1px #ffffff07}
.dashboard .room-totals>div::after{right:12px;bottom:-43px;width:76px;height:76px;border-color:#ffffff08;box-shadow:0 0 0 13px #ffffff03}
.dashboard .room-totals .total-index{align-self:flex-start;color:#746f5e;font-size:8px;font-weight:750;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.dashboard .room-totals .total-card>div{display:grid;gap:4px}
.dashboard .room-totals .total-card strong{color:#efeee8;font-size:22px;line-height:1}
.dashboard .room-totals .total-card span:not(.total-index){color:#939a97;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.dashboard .room-totals .total-card>i{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#8b8777;font-size:17px;font-style:normal;opacity:.6}
.dashboard .faction-table tbody tr::before{display:none}
.dashboard .faction-table tbody tr:hover{transform:none;border-color:#ffffff10;background:linear-gradient(105deg,#111415,#0b0d0e 60%,#0b0c0c)}
.dashboard .table-faction-button{cursor:pointer;color:#e5e6e1}
.dashboard .table-faction-button:hover{color:#e5e6e1}
.dashboard .table-faction-button:focus-visible{outline:1px solid #9b9275;outline-offset:4px;border-radius:3px}
.dashboard .table-faction-button .faction-list-sigil{flex:0 0 23px;display:grid;place-items:center;width:23px;height:23px;border:1px solid #ffffff18;border-radius:7px;background:#ffffff05;color:#9d9d96;font-size:12px;line-height:1}
.dashboard .faction-table-wrap{border-color:#171717;background:#030303;box-shadow:0 18px 45px #0008}
.dashboard .faction-table thead{border-bottom-color:#171717;background:#050505}
.dashboard .faction-table tbody{background:#030303}
.dashboard .faction-table tbody tr{border-color:#171717;background:#080808;box-shadow:none}
.dashboard .faction-table tbody tr:hover{border-color:#242424;background:#0a0a0a}
.dashboard .faction-table td:first-child{color:#a9a9a3}
.dashboard .faction-table td:nth-child(3){color:#969b99}
.dashboard .table-faction-button .faction-list-sigil{border-color:#242424;background:#0b0b0b;color:#999}
/* Compact black leaderboard rows, instead of separate faction cards. */
.dashboard .faction-table-wrap{overflow:hidden;border:1px solid #171717;border-radius:10px;background:#050505;box-shadow:none}
.dashboard .faction-table thead{padding:0 8px;border-bottom:1px solid #1a1a1a;background:#070707}
.dashboard .faction-table tbody{display:block;padding:0;background:#050505}
.dashboard .faction-table tbody tr{min-height:46px;overflow:visible;border:0;border-bottom:1px solid #171717;border-radius:0;background:#050505;box-shadow:none}
.dashboard .faction-table tbody tr:last-child{border-bottom:0}
.dashboard .faction-table tbody tr:hover{transform:none;border-color:#171717;background:#050505}
.dashboard .faction-table td{padding:9px 10px}
.dashboard .faction-table td:nth-child(4)::after,.dashboard .faction-table td:nth-child(5)::after{content:none}
.dashboard .table-faction-button .faction-list-sigil{width:20px;height:20px;flex-basis:20px;border-radius:5px;background:#090909}
@media(max-width:700px){
 .dashboard .faction-table tbody tr{min-height:48px;border-bottom:1px solid #171717;border-radius:0;background:#050505}
 .dashboard .faction-table tbody tr:hover{background:#050505}
 .dashboard .faction-table td:nth-child(3)::after,.dashboard .faction-table td:nth-child(4)::after{display:block;margin-top:2px;color:#777;font-size:7px;font-weight:650;letter-spacing:.06em}
 .dashboard .faction-table td:nth-child(3)::after{content:"MITGLIEDER"}
 .dashboard .faction-table td:nth-child(4)::after{content:"KILLS"}
}

/* Final faction-list details: tiny armbands, no platform column, randomized side entrances. */
.dashboard .room-heading .eyebrow{letter-spacing:.2em}
.dashboard .faction-table thead tr,.dashboard .faction-table tbody tr{grid-template-columns:36px minmax(0,1fr) 42px 78px 68px}
.dashboard .faction-table th:nth-child(3),.dashboard .faction-table td:nth-child(3){text-align:center}
.dashboard .faction-table th:nth-child(4),.dashboard .faction-table th:nth-child(5),.dashboard .faction-table td:nth-child(4),.dashboard .faction-table td:nth-child(5){text-align:right}
.dashboard .table-faction-button{gap:8px}
.dashboard .table-faction-button img{flex:0 0 17px;width:17px;height:22px;margin:0;filter:none;object-fit:contain}
.dashboard .table-faction-button .faction-list-sigil{display:none}
.dashboard .faction-table tbody tr:hover{transform:none!important;background:#050505!important;border-color:#171717!important}
.dashboard .faction-table .table-faction-button:hover{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#e5e6e1!important}
.faction-row-entering{animation:faction-entry-variant 2s cubic-bezier(.2,.75,.25,1) both}
@keyframes faction-entry-variant{
 from{opacity:0;transform:translateX(var(--entry-x)) translateY(var(--entry-y)) rotate(var(--entry-turn)) scale(var(--entry-scale))}
 to{opacity:1;transform:translateX(0) translateY(0) rotate(0) scale(1)}
}
@media(max-width:700px){
 .dashboard .faction-table thead tr,.dashboard .faction-table tbody tr{grid-template-columns:28px minmax(0,1fr) 34px 62px 58px}
 .dashboard .faction-table td:nth-child(3){display:block;text-align:center}
 .dashboard .faction-table td:nth-child(4),.dashboard .faction-table td:nth-child(5){text-align:right}
 .dashboard .faction-table td:nth-child(3)::after{content:none}
 .dashboard .faction-table td:nth-child(4)::after{content:"MITGLIEDER"}
 .dashboard .faction-table td:nth-child(5)::after{content:"KILLS";display:block;margin-top:2px;color:#777;font-size:7px;font-weight:650;letter-spacing:.06em}
 .dashboard .table-faction-button img{flex-basis:16px;width:16px;height:21px}
 .dashboard .faction-platform-mark svg{width:12px;height:12px}
}
@media(max-width:390px){.dashboard .faction-table thead tr,.dashboard .faction-table tbody tr{grid-template-columns:25px minmax(0,1fr) 30px 55px 52px}}
@media(prefers-reduced-motion:reduce){.faction-row-entering{animation:none!important}}
.dashboard .faction-platform-cell{display:flex;align-items:center;justify-content:center;padding-inline:0!important}
.dashboard .faction-platform-mark{display:grid;place-items:center;width:100%;height:100%;color:#4b91dd;transform:translateX(-24px)}
.dashboard .faction-platform-mark svg{display:block;width:18px;height:18px;overflow:visible}
@media(max-width:700px){.dashboard .faction-platform-mark svg{width:17px;height:17px}}
@media(max-width:390px){.dashboard .faction-platform-mark svg{width:16px;height:16px}}
.dashboard .faction-table td:nth-child(4){color:#777d7d;font-weight:600;font-variant-numeric:tabular-nums}
.dashboard .faction-table td:nth-child(5){color:#e4e5e3;font-weight:750;font-variant-numeric:tabular-nums}

/* Unboxed faction ranking rows: the interactive surface appears only on hover/focus. */
.dashboard .topfive-row,.dashboard .topfive-row.is-active:not(:hover):not(:focus-visible){border-color:transparent!important;background:transparent!important;box-shadow:none!important;transform:none}
.dashboard .topfive-row::before{opacity:0}
.dashboard .topfive-row:hover,.dashboard .topfive-row:focus-visible,.dashboard .topfive-row.is-active:hover{border-color:color-mix(in srgb,var(--row-color) 48%,#282828)!important;background:linear-gradient(100deg,color-mix(in srgb,var(--row-color) 10%,#111214),#0a0b0c 78%)!important;box-shadow:inset 0 1px #ffffff0b,0 0 16px color-mix(in srgb,var(--row-color) 9%,transparent)!important}
.dashboard .topfive-row:hover::before,.dashboard .topfive-row:focus-visible::before{opacity:.72}
@media(hover:none){.dashboard .topfive-row:hover:not(:focus-visible){border-color:transparent!important;background:transparent!important;box-shadow:none!important}.dashboard .topfive-row:hover:not(:focus-visible)::before{opacity:0}}

/* Quiet deep-space backdrop: two softly drifting worlds behind the dashboard. */
.dashboard .ambient-particles,.dashboard.profile-open .ambient-particles{display:block!important;visibility:visible!important;overflow:hidden;opacity:1!important;background-image:radial-gradient(ellipse at 14% 22%,#416b4c20,transparent 28%),radial-gradient(ellipse at 91% 68%,#267f4820,transparent 24%),radial-gradient(circle,#70d787b8 1px,transparent 1.8px),radial-gradient(circle,#a4dc76a8 1px,transparent 1.8px);background-size:auto,auto,167px 193px,263px 281px;background-position:0 0,0 0,20px 30px,90px 110px}
.dashboard .space-galaxy{position:fixed;z-index:0;left:50%;top:58vh;width:min(70vw,820px);height:min(43vw,500px);border-radius:50%;pointer-events:none;opacity:.48;transform:translate(-50%,-50%) rotate(-16deg);background:radial-gradient(ellipse at 50% 50%,#e8e59cdd 0,#c3dc84a6 3%,#88c76b78 10%,#3d985e55 27%,transparent 70%);filter:blur(2px);animation:galaxy-breathe 13s ease-in-out infinite alternate}
.dashboard .space-galaxy::before{content:"";position:absolute;inset:3%;border-radius:50%;background:conic-gradient(from 10deg at 50% 50%,transparent 0deg,#b7d47768 24deg,transparent 73deg,#558e6470 122deg,transparent 178deg,#d1da8160 232deg,transparent 286deg,#7bb87668 332deg,transparent 360deg);mask-image:radial-gradient(ellipse at center,#000 0 8%,#000b 30%,transparent 70%);animation:galaxy-spin 115s linear infinite}
.dashboard .space-galaxy::after{content:"";position:absolute;left:calc(50% - 34px);top:calc(50% - 34px);width:68px;height:68px;border:1px solid #c4e88b;border-radius:50%;background:radial-gradient(circle,#000 0 31%,#010301 35% 43%,#a6db62 48%,#689846 54%,transparent 73%);filter:blur(.25px);box-shadow:0 0 27px 10px #a4dc567e,0 0 72px 25px #70b83b40}
.dashboard .space-saturn,.dashboard .space-crescent{position:fixed;z-index:0;pointer-events:none;border-radius:50%;will-change:transform}
.dashboard .space-saturn{top:clamp(76px,15vh,170px);left:clamp(18px,5vw,92px);width:clamp(74px,8vw,128px);aspect-ratio:1;opacity:.43;background:radial-gradient(ellipse at 34% 26%,#f2dfb6 0,#c7a875 18%,#a87f54 37%,#76553a 62%,#32291f 83%);box-shadow:inset -17px -9px 24px #090908cc,0 0 42px #c09a5b24;animation:space-drift-one 21s ease-in-out infinite alternate}
.dashboard .space-saturn::before{content:"";position:absolute;left:-32%;top:30%;width:164%;height:42%;border:5px solid #c9b08067;border-left-color:#ead39a8a;border-right-color:#8c754d78;border-radius:50%;transform:rotate(-18deg) rotateX(68deg);box-shadow:0 0 13px #dfc48a21;animation:saturn-ring-drift 75s linear infinite}
.dashboard .space-saturn::after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(176deg,transparent 0 10px,#f1d7a41c 11px 13px,transparent 15px 23px);opacity:.38;mask-image:radial-gradient(ellipse at 40% 45%,#000 28%,transparent 74%)}
.dashboard .space-crescent{top:clamp(255px,39vh,440px);right:clamp(18px,7vw,130px);width:clamp(102px,13vw,198px);aspect-ratio:1.08;opacity:.34;background:radial-gradient(ellipse at 30% 37%,#87d5bc72 0,#347f7460 25%,#123e3b 48%,#07100f 71%);box-shadow:inset 14px 4px 30px #86e8c632,inset -24px -7px 40px #020706,0 0 65px #34c3a323;animation:space-drift-two 27s ease-in-out infinite alternate}
.dashboard .space-crescent::after{content:"";position:absolute;inset:-7%;border-radius:50%;background:radial-gradient(ellipse at 27% 50%,transparent 0 52%,#9ae8d323 60%,transparent 72%);filter:blur(5px)}
@keyframes space-drift-one{from{transform:translate3d(0,0,0)}to{transform:translate3d(8px,-13px,0)}}
@keyframes space-drift-two{from{transform:translate3d(0,0,0) rotate(-5deg)}to{transform:translate3d(-11px,12px,0) rotate(3deg)}}
@keyframes saturn-ring-drift{from{rotate:0deg}to{rotate:360deg}}
@keyframes galaxy-spin{from{rotate:0deg}to{rotate:360deg}}
@keyframes galaxy-breathe{from{opacity:.34}to{opacity:.52}}
@media(max-width:700px){.dashboard .space-galaxy{top:58vh;width:110vw;height:68vw;opacity:.38}.dashboard .space-galaxy::after{left:calc(50% - 25px);top:calc(50% - 25px);width:50px;height:50px}.dashboard .space-saturn{top:100px;left:8px;width:64px;opacity:.26}.dashboard .space-saturn::before{border-width:3px}.dashboard .space-crescent{top:auto;right:-24px;bottom:13vh;width:104px;opacity:.22}.dashboard .faction-platform-mark{transform:translateX(-16px)}}
@media(prefers-reduced-motion:reduce){.dashboard .space-galaxy,.dashboard .space-galaxy::before,.dashboard .space-saturn,.dashboard .space-saturn::before,.dashboard .space-crescent{animation:none!important}}
.dashboard:not(.factions-open) .ambient-particles{display:none!important}
.dashboard.factions-open .ambient-particles{display:none!important}
.dashboard.factions-open .space-galaxy{display:none!important;opacity:0!important}
.dashboard.factions-open{background-color:#050505!important;background-image:radial-gradient(ellipse at 48% 12%,rgba(125,0,8,.34),transparent 36%),radial-gradient(ellipse at 56% 28%,rgba(72,0,4,.28),transparent 48%),radial-gradient(circle at 18% 34%,rgba(145,8,15,.20) 0 2px,transparent 3px),radial-gradient(circle at 73% 42%,rgba(180,12,18,.18) 0 1.5px,transparent 3px),radial-gradient(circle at 38% 58%,rgba(125,0,8,.20) 0 2px,transparent 4px),linear-gradient(165deg,transparent 0 34%,rgba(104,0,6,.16) 42%,transparent 52%),linear-gradient(180deg,#050505 0%,#0a0506 46%,#030303 100%)!important;background-size:140% 120%,130% 130%,100% 100%,100% 100%,100% 100%,180% 180%,100% 100%!important;background-position:50% 0,50% 0,0 0,0 0,0 0,0 0,0 0!important;animation:faction-blood-drift 18s ease-in-out infinite alternate}
body.dashboard.factions-open{isolation:isolate;overflow-x:hidden}
body.dashboard.factions-open::before,body.dashboard.factions-open::after{content:"";position:fixed;inset:-18%;z-index:-1;pointer-events:none;background-repeat:no-repeat;mix-blend-mode:screen}
body.dashboard.factions-open::before{background-image:radial-gradient(ellipse 22% 9% at 22% 27%,rgba(138,0,9,.46),transparent 68%),radial-gradient(ellipse 15% 28% at 76% 34%,rgba(96,0,7,.42),transparent 67%),radial-gradient(ellipse 30% 7% at 57% 74%,rgba(157,0,10,.30),transparent 70%),linear-gradient(108deg,transparent 47%,rgba(139,0,8,.28) 49%,transparent 52%);filter:blur(16px);animation:faction-blood-clouds 22s ease-in-out infinite alternate}
body.dashboard.factions-open::after{background-image:radial-gradient(circle at 16% 43%,rgba(211,20,27,.45) 0 2px,transparent 3px),radial-gradient(circle at 19% 45%,rgba(126,0,7,.5) 0 4px,transparent 6px),radial-gradient(circle at 82% 61%,rgba(185,10,17,.42) 0 2px,transparent 4px),linear-gradient(76deg,transparent 38%,rgba(152,0,8,.38) 38.2%,transparent 39%),linear-gradient(104deg,transparent 62%,rgba(118,0,6,.34) 62.2%,transparent 63%);filter:blur(1px);opacity:.72;animation:faction-blood-streaks 15s ease-in-out infinite alternate}
@keyframes faction-blood-drift{0%{background-position:48% 0,52% 4%,0 0,0 0,0 0,0 0,0 0}100%{background-position:55% 8%,45% -4%,0 0,0 0,0 0,8% 4%,0 0}}
@keyframes faction-blood-clouds{0%{transform:translate3d(-3%,-2%,0) scale(1)}50%{transform:translate3d(4%,3%,0) scale(1.08)}100%{transform:translate3d(-1%,6%,0) scale(.96)}}
@keyframes faction-blood-streaks{0%{transform:translate3d(3%,-2%,0) rotate(-1deg);opacity:.35}50%{transform:translate3d(-4%,3%,0) rotate(1deg);opacity:.78}100%{transform:translate3d(2%,6%,0) rotate(-.5deg);opacity:.48}}
/* Faction blood-wall background */
body.dashboard.factions-open{background:#050303!important;background-image:radial-gradient(ellipse 55% 28% at 50% 22%,#650009 0%,#350005 43%,transparent 78%),radial-gradient(ellipse 36% 72% at 50% 58%,#3f0006 0%,#180204 52%,transparent 82%),linear-gradient(90deg,#030303 0%,#110103 18%,#350005 46%,#210204 75%,#030303 100%)!important;background-size:100% 100%,100% 100%,100% 100%!important;animation:blood-wall-pulse 12s ease-in-out infinite alternate}
body.dashboard.factions-open::before{inset:-4%;background-image:radial-gradient(ellipse 30% 12% at 50% 25%,rgba(130,0,8,.42),transparent 70%),radial-gradient(circle at 37% 32%,#a5000c 0 3px,transparent 4px),radial-gradient(circle at 42% 29%,#760008 0 2px,transparent 3px),radial-gradient(circle at 61% 31%,#97000b 0 2px,transparent 3px),linear-gradient(90deg,transparent 34%,rgba(111,0,7,.72) 36% 37%,transparent 39%),linear-gradient(90deg,transparent 62%,rgba(95,0,7,.6) 64% 65%,transparent 67%),linear-gradient(90deg,transparent 48%,rgba(144,0,10,.68) 49% 50%,transparent 52%),linear-gradient(180deg,transparent 27%,rgba(104,0,7,.44) 28% 30%,transparent 33%);background-size:100% 100%;filter:blur(3px);opacity:.9;animation:blood-drips 16s ease-in-out infinite alternate}
body.dashboard.factions-open::after{inset:0;background-image:radial-gradient(circle at 12% 40%,rgba(154,0,10,.45) 0 2px,transparent 4px),radial-gradient(circle at 18% 43%,rgba(116,0,7,.5) 0 4px,transparent 7px),radial-gradient(circle at 82% 48%,rgba(132,0,8,.42) 0 2px,transparent 5px),radial-gradient(circle at 76% 74%,rgba(116,0,7,.4) 0 3px,transparent 6px),linear-gradient(165deg,transparent 0 46%,rgba(120,0,8,.2) 47%,transparent 49%);filter:none;opacity:.7;animation:blood-splatter 9s ease-in-out infinite alternate}
@keyframes blood-wall-pulse{0%{background-position:50% 0,50% 0,0 0}100%{background-position:49% 2%,51% -2%,0 0}}
@keyframes blood-drips{0%{transform:translateX(-1%) scaleY(.98);opacity:.62}100%{transform:translateX(1%) scaleY(1.04);opacity:.9}}
@keyframes blood-splatter{0%{transform:translate(0,0);opacity:.35}50%{transform:translate(1%,1%);opacity:.8}100%{transform:translate(-1%,2%);opacity:.52}}
/* Reference texture: use the supplied blood/grunge image as the actual faction background. */
body.dashboard.factions-open{background-color:#050505!important;background-image:linear-gradient(rgba(0,0,0,.24),rgba(0,0,0,.24)),url('./assets/faction-neon-bg.png')!important;background-repeat:no-repeat!important;background-size:118% 118%!important;background-position:42% 46%!important;animation:faction-reference-pan 12s ease-in-out infinite alternate!important}
body.dashboard.factions-open::before,body.dashboard.factions-open::after{background-image:none!important;filter:none!important;mix-blend-mode:normal!important}
@keyframes faction-reference-pan{0%{background-position:38% 44%}50%{background-position:62% 56%}100%{background-position:42% 48%}}
body.dashboard.factions-open::before{content:"";display:block;position:fixed;inset:-7%;z-index:0;pointer-events:none;background:url('./assets/faction-neon-bg.png') center/cover no-repeat;opacity:.22;filter:blur(5px);mix-blend-mode:screen;animation:faction-neon-float 5.6s ease-in-out infinite alternate}
body.dashboard.factions-open>header,body.dashboard.factions-open>main,body.dashboard.factions-open>footer{position:relative;z-index:1}
@keyframes faction-neon-float{0%{transform:translate3d(-6%,-3%,0) scale(1.02) rotate(-1deg);opacity:.12}50%{transform:translate3d(6%,4%,0) scale(1.1) rotate(1deg);opacity:.34}100%{transform:translate3d(-3%,6%,0) scale(1.04) rotate(-.5deg);opacity:.2}}
/* Faction fallback: plain black with white particles only */
body.dashboard.factions-open{background:#050505!important;background-image:none!important;animation:none!important}
body.dashboard.factions-open::before,body.dashboard.factions-open::after{display:none!important;background:none!important;animation:none!important}
body.dashboard.factions-open .ambient-particles{display:block!important;visibility:visible!important;opacity:.52!important;background-image:radial-gradient(circle,#ff3440 1px,transparent 1.8px),radial-gradient(circle,#b90016 1px,transparent 1.8px)!important;background-size:167px 193px,263px 281px!important;background-position:20px 30px,90px 110px!important;animation:particles-drift 28s ease-in-out infinite alternate!important}
body.dashboard.factions-open .faction-red-particles{display:none!important}

/* Last cascade layer: these rules intentionally come after the legacy mobile
   overrides above, which otherwise restore the two-column layout and the old
   left-side drawer. */
@media(max-width:700px){
  html,body{overflow-x:hidden!important;max-width:100%!important}
  .dashboard .server-activity-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important}
  .dashboard .server-activity-feed,.dashboard .server-leaderboard{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .dashboard .server-activity-feed{height:270px!important;min-height:0!important}
  .dashboard .server-leaderboard{height:230px!important;min-height:0!important}
  .mobile-route-menu{left:auto!important;right:12px!important;top:14px!important;transform:none!important;z-index:80!important}
  .mobile-route-toggle{border-left:1px solid #caa64f99!important;border-radius:10px!important;width:48px!important;height:48px!important}
  .mobile-route-menu nav{left:auto!important;right:52px!important;top:0!important;transform:none!important;width:165px!important;border:1px solid #caa64f66!important;border-radius:10px!important}
  body.dashboard.factions-open .faction-flow-background{display:none!important;opacity:0!important}
  body.dashboard.factions-open{background:#050505!important}
}
body.dashboard.factions-open .white-particles{display:block!important;position:fixed;inset:0;z-index:0;pointer-events:none;width:100%;height:100%}

@media(max-width:700px){
  .mobile-route-toggle{position:relative;font-size:0!important}
  .mobile-route-toggle::before,.mobile-route-toggle::after{content:"";position:absolute;left:12px;width:24px;height:3px;border-radius:3px;background:#e7c96d;box-shadow:0 8px #e7c96d}
  .mobile-route-toggle::before{top:16px}
  .mobile-route-toggle::after{top:24px;box-shadow:none}
  .dashboard .server-activity-feed{height:210px!important}
  .dashboard .server-leaderboard{height:175px!important}
  body.dashboard.factions-open .faction-flow-background{display:none!important}
  body.dashboard.factions-open .faction-red-particles i:nth-child(n+4){display:none!important}
  body.dashboard.factions-open .faction-red-particles i{opacity:.55!important;box-shadow:0 0 4px #f22!important}
}

/* Final mobile layout fixes: keep the page inside the viewport and place the
   compact navigation to the left of its fixed trigger. */
@media(max-width:700px){
  html,body{max-width:100%;overflow-x:hidden!important}
  .dashboard,.dashboard-main,.dashboard-home,.server-overview{max-width:100%;overflow-x:hidden!important}
  .dashboard .server-activity-grid{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .dashboard .server-activity-feed,.dashboard .server-leaderboard{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .dashboard .server-activity-feed{height:270px!important;min-height:0!important}
  .dashboard .server-leaderboard{height:190px!important;min-height:0!important}
  .dashboard.factions-open .faction-flow-background{opacity:.28!important;filter:blur(1px)!important}
  .dashboard.factions-open .faction-room,.dashboard.factions-open .faction-table-wrap{max-width:100%!important;overflow-x:hidden!important}
  .dashboard.factions-open .faction-vip-card .vip-icon,.dashboard.factions-open .faction-vip-card .faction-vip-icon{display:none!important}
  .mobile-route-menu nav{left:auto!important;right:40px!important;top:0!important;transform:none!important}
}
.purchase-dialog{overscroll-behavior:contain;scroll-behavior:smooth}
@media(max-width:700px){.purchase-dialog{max-height:calc(100dvh - 20px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.purchase-list{contain:content}}

/* Final mobile layout: dashboard sections stack, while offer cards stay two-up. */
@media(max-width:700px){
  .dashboard .server-metrics{grid-template-columns:1fr!important;gap:10px!important}
  .dashboard .server-metrics article:last-child{grid-column:auto}
  .dashboard .server-activity-grid{grid-template-columns:1fr!important;gap:14px!important}
  .dashboard .server-activity-feed{min-height:360px!important}
  .dashboard .server-leaderboard{min-height:300px!important}
  .dashboard.factions-open .faction-flow-background{display:none!important}
  body.dashboard.factions-open{background:#050505!important;background-image:none!important}
  .mobile-route-menu nav{left:30px!important;right:auto!important}
  .mobile-route-menu.is-open .mobile-route-toggle{position:relative;z-index:2}
}

/* Mobile: keep shop cards compact and consistently in two columns. */
@media(max-width:700px){
  .dashboard .offers-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .dashboard .offers-grid .shop-card{min-width:0!important;min-height:128px!important;padding:12px!important}
  .dashboard .offers-grid .shop-card>strong{font-size:12px!important;line-height:1.25;overflow-wrap:anywhere}
  .dashboard .offers-grid .service-description{font-size:10px!important;line-height:1.35}
  .dashboard .offers-grid .service-price{font-size:9px!important}
}
@media(max-width:360px){
  .dashboard .offers-grid{gap:7px!important}
  .dashboard .offers-grid .shop-card{padding:9px!important}
  .dashboard .offers-grid .shop-card>strong{font-size:11px!important}
  .dashboard .offers-grid .service-description{font-size:9px!important}
}

/* Mobile dashboard: paired cards instead of a long single-column stack. */
@media(max-width:700px){
  .dashboard .server-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .dashboard .server-metrics article{min-width:0!important;padding:13px 11px!important}
  .dashboard .server-metrics article:last-child{grid-column:1/-1}
  .dashboard .server-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .dashboard .server-activity-feed,.dashboard .server-leaderboard{min-width:0!important}
  .dashboard .profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .dashboard .profile-stats>div{min-width:0!important}
}
body.dashboard.factions-open .white-particles,body.dashboard.factions-open .faction-red-particles,body.dashboard.factions-open .faction-video-background{display:none!important}
body.dashboard.factions-open{background:#050505!important;background-image:none!important}
body.dashboard .profile-activity-section{display:none!important}
body.dashboard .profile-content .profile-linked-section{grid-column:2;grid-row:1}
@media(max-width:800px){body.dashboard .profile-content .profile-linked-section{grid-column:auto;grid-row:auto}}
.dashboard:not(.dashboard-route-ready) .dashboard-main{visibility:hidden}
.mobile-route-menu{display:none}
@media(max-width:700px){.mobile-route-menu{display:block;position:fixed;left:0;top:50%;z-index:30;transform:translateY(-50%);font-size:12px}.mobile-route-toggle{display:grid;place-items:center;width:25px;height:58px;border:1px solid #caa64f99;border-left:0;border-radius:0 10px 10px 0;background:#171208;color:#e4c66e;font-size:25px;line-height:1;box-shadow:0 0 18px #caa64f25;cursor:pointer}.mobile-route-menu nav{display:none;position:absolute;left:0;top:50%;transform:translateY(-50%);width:145px;padding:10px 8px;border:1px solid #caa64f55;border-left:0;border-radius:0 12px 12px 0;background:#090909f2;backdrop-filter:blur(12px);box-shadow:0 12px 35px #000b}.mobile-route-menu.is-open nav{display:grid;gap:4px}.mobile-route-menu nav a{padding:9px 10px;border-radius:6px;color:#d9d9d9;text-decoration:none;font-size:12px}.mobile-route-menu nav a:hover,.mobile-route-menu nav a[aria-current=page]{background:#caa64f1f;color:#f0cf76}}
body.dashboard.factions-open .faction-flow-background{display:block!important;position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;image-rendering:auto}
body.dashboard .faction-flow-background{display:none}
body.dashboard.factions-open .faction-flow-background{display:block!important}
body.dashboard.factions-open .white-particles,body.dashboard.factions-open .faction-red-particles,body.dashboard.factions-open .faction-video-background{display:none!important}
body.dashboard.factions-open .white-particles,body.dashboard.factions-open .faction-red-particles,body.dashboard.factions-open .faction-video-background{display:none!important}
body.dashboard.factions-open{background:#050505!important;background-image:none!important}
body.dashboard.factions-open .white-particles,body.dashboard.factions-open .faction-red-particles{display:none!important}
body.dashboard.factions-open .faction-video-background{display:block!important;position:fixed;inset:0;width:100%;height:100%;z-index:0;object-fit:cover;pointer-events:none;opacity:.72;filter:brightness(.42) saturate(1.2)}
body.dashboard.factions-open>header,body.dashboard.factions-open>main,body.dashboard.factions-open>footer{position:relative;z-index:1}
body.dashboard.factions-open .ambient-particles,body.dashboard.factions-open .faction-red-particles{display:none!important}
body.dashboard.factions-open .white-particles{display:block!important;position:fixed;inset:0;z-index:0;pointer-events:none;width:100%;height:100%;filter:none}
body.dashboard.factions-open .faction-red-particles{display:none!important}
body.dashboard.factions-open .ambient-particles{display:none!important}
body.dashboard.factions-open .faction-red-particles{display:block!important;position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
body.dashboard.factions-open .faction-red-particles i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#e11;box-shadow:0 0 7px #f22;animation:faction-particle-float var(--d) ease-in-out var(--delay) infinite alternate}
@keyframes faction-particle-float{0%{transform:translate3d(0,0,0);opacity:.2}25%{transform:translate3d(var(--a),var(--b),0);opacity:.85}50%{transform:translate3d(var(--c),var(--dxy),0);opacity:.45}75%{transform:translate3d(var(--e),var(--f),0);opacity:.9}100%{transform:translate3d(0,0,0);opacity:.2}}
body.dashboard.factions-open .white-particles{display:none!important}
body.dashboard.factions-open .white-particles{display:block!important;position:fixed;inset:0;z-index:0;pointer-events:none;width:100%;height:100%}
body.dashboard.factions-open .faction-red-particles{display:none!important}
body.dashboard.factions-open .ambient-particles{display:none!important}
body.dashboard.factions-open .faction-red-particles{display:block!important;position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
body.dashboard.factions-open .faction-red-particles i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#e11;box-shadow:0 0 7px #f22;animation:faction-particle-float var(--d) ease-in-out var(--delay) infinite alternate}
body.dashboard.factions-open>header,body.dashboard.factions-open>main,body.dashboard.factions-open>footer{position:relative;z-index:1}
@keyframes faction-particle-float{0%{transform:translate3d(-8px,12px,0);opacity:.15}50%{opacity:.9}100%{transform:translate3d(12px,-18px,0);opacity:.35}}
body.dashboard.factions-open .ambient-particles{display:block!important;visibility:visible!important;opacity:.52!important;background-image:radial-gradient(circle,#ff3440 1px,transparent 1.8px),radial-gradient(circle,#b90016 1px,transparent 1.8px)!important}
.dashboard.factions-open .faction-table-wrap{background:rgba(4,5,5,.55)!important}
.dashboard.factions-open .faction-table thead{background:rgba(5,5,5,.65)!important}
.dashboard.factions-open .faction-table tbody{background:transparent!important}
.dashboard.factions-open .faction-table tbody tr{background:rgba(5,5,5,.52)!important}
.dashboard.factions-open .faction-table tbody tr:hover{background:rgba(7,8,8,.64)!important}

/* Faction creator: lift in, slide each step across the wizard, and softly light selectable colors. */
.dashboard .faction-wizard[open]{animation:faction-wizard-rise .52s cubic-bezier(.16,1,.3,1) both;transform-origin:center center}
.dashboard .faction-wizard[open]::backdrop{animation:faction-wizard-dim .38s ease-out both}
.dashboard .faction-wizard .wizard-body{overflow:hidden}
.dashboard .wizard-color-tile{transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.dashboard .wizard-color-option input:not(:disabled):hover+.wizard-color-tile,.dashboard .wizard-color-option input:not(:disabled):focus-visible+.wizard-color-tile{transform:translateY(-2px);border-color:#b989e5;background:#a675dc1d;box-shadow:0 0 17px #a675dc45,inset 0 0 12px #a675dc12}
@keyframes faction-wizard-rise{from{opacity:0;transform:translate3d(0,42px,0) scale(.98)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes faction-wizard-dim{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.dashboard .faction-wizard[open],.dashboard .faction-wizard[open]::backdrop{animation:none!important}.dashboard .wizard-color-tile{transition:none!important}}

/* Faction directory: blackened panels with ember-red and muted gold details. */
.dashboard .faction-room .room-heading{border-color:#6b272533}
.dashboard .faction-room .room-heading .eyebrow{color:#d28c50}
.dashboard .faction-room .room-heading h2 span{color:#e04b4b}
.dashboard .faction-room .room-heading p{color:#9a9692}
.dashboard .faction-room .room-totals>div{border-color:#a442382b;background:linear-gradient(125deg,#171010,#0c0a0a 74%)}
.dashboard .faction-room .room-totals>div::after{border-color:#d9a44c17;box-shadow:0 0 0 12px #d9a44c08}
.dashboard .faction-room .room-totals .total-index{color:#a67948}
.dashboard .faction-room .room-totals strong{color:#f0e9e0}
.dashboard .faction-room .room-totals span:not(.total-index){color:#a29a93}
.dashboard .faction-room .room-totals i{color:#ce9d50}
.dashboard .faction-room .room-tab{color:#e5b65d}
.dashboard .faction-room .room-tab i{background:#e4534c;box-shadow:0 0 10px #e4534c99}
.dashboard .faction-room .faction-table-wrap{border-color:#87332d55;background:linear-gradient(145deg,#100b0b,#080808);box-shadow:0 18px 50px #0008,0 0 28px #a51e1710}
.dashboard .faction-room .faction-table thead{border-color:#ffffff13;background:#ffffff03}
.dashboard .faction-room .faction-table th{color:#a8937f}
.dashboard .faction-room .faction-table tbody tr{border-color:#ffffff12;background:linear-gradient(105deg,#120d0d,#090909 68%)!important}
.dashboard .faction-room .faction-table tbody tr:hover{border-color:color-mix(in srgb,var(--row-color) 38%,#a8443b)!important;background:linear-gradient(105deg,color-mix(in srgb,var(--row-color) 7%,#170d0d),#090909 68%)!important}
.dashboard .faction-room .faction-table tbody tr::before{box-shadow:0 0 12px color-mix(in srgb,var(--row-color) 55%,#ec514a)}
.dashboard .faction-room .room-notice{color:#938980}

/* Factions no longer fly in from the screen edges: they flicker through a brief fracture reveal. */
.dashboard .faction-table tbody tr.faction-row-arriving{animation:faction-rift-entry var(--rift-duration,760ms) steps(1,end) var(--rift-delay,0ms) both;}
.dashboard .faction-table tbody tr.faction-row-arriving::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;background:linear-gradient(118deg,transparent 0 47.9%,#ff4e48 48.02% 48.16%,#ffe0ad 48.2% 48.25%,transparent 48.34%),linear-gradient(57deg,transparent 0 61.1%,#de3734 61.2% 61.33%,transparent 61.44%),linear-gradient(137deg,transparent 0 35.1%,#bb2f2a 35.2% 35.3%,transparent 35.42%);filter:drop-shadow(0 0 5px #f0443e);animation:faction-fracture-flash var(--rift-duration,760ms) steps(1,end) var(--rift-delay,0ms) both;}
.dashboard .faction-table tbody tr.faction-row-arriving[data-rift="1"]::after{clip-path:polygon(0 19%,29% 37%,44% 18%,45% 19%,31% 40%,65% 61%,80% 30%,81% 31%,67% 64%,100% 82%,100% 84%,65% 65%,29% 43%,43% 21%,28% 39%,0 21%)}
.dashboard .faction-table tbody tr.faction-row-arriving[data-rift="2"]::after{clip-path:polygon(0 76%,24% 58%,42% 78%,59% 35%,73% 48%,100% 17%,100% 19%,72% 51%,58% 38%,43% 81%,23% 61%,0 78%)}
.dashboard .faction-table tbody tr.faction-row-arriving[data-rift="3"]::after{clip-path:polygon(0 41%,34% 57%,49% 22%,50% 23%,36% 60%,70% 42%,84% 74%,100% 55%,100% 57%,83% 77%,69% 45%,34% 62%,0 43%)}
.dashboard .faction-table tbody tr.faction-row-arriving[data-rift="4"]::after{clip-path:polygon(0 62%,20% 31%,38% 49%,54% 26%,55% 27%,39% 52%,20% 34%,0 64%,32% 83%,48% 65%,49% 67%,32% 86%,0 64%)}
@keyframes faction-rift-entry{0%{opacity:0;filter:brightness(2.7) saturate(1.7);transform:translate3d(var(--rift-x),var(--rift-y),0) scale(.985);clip-path:inset(0 100% 0 0)}8%{opacity:.1;filter:brightness(2.7) saturate(1.7);transform:translate3d(var(--rift-x),var(--rift-y),0) scale(.985);clip-path:inset(0 88% 0 0)}19%{opacity:.92;filter:brightness(1.8);clip-path:inset(0 42% 0 0)}27%{opacity:.2;clip-path:inset(0 42% 0 0)}39%{opacity:1;filter:brightness(1.55);clip-path:inset(0 0 0 34%)}48%{opacity:.28;clip-path:inset(0 0 0 34%)}61%{opacity:1;filter:brightness(1.3);clip-path:inset(0)}72%{opacity:.42;filter:brightness(2.1)}84%{opacity:1;filter:brightness(1.15)}100%{opacity:1;filter:none;transform:translate3d(0,0,0) scale(1);clip-path:inset(0)} }
@keyframes faction-fracture-flash{0%,100%{opacity:0}8%,17%,26%,38%,47%,60%,71%,83%{opacity:.92}12%,22%,32%,43%,54%,66%,77%{opacity:.12}}
@media(prefers-reduced-motion:reduce){.dashboard .faction-table tbody tr.faction-row-arriving,.dashboard .faction-table tbody tr.faction-row-arriving::after{animation:none!important}}
.dashboard .faction-table tbody tr .faction-screen-cracks{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle at var(--impact-x,50%) var(--impact-y,50%),#fff5df 0 1px,#ff6057 1.5px 2.4px,transparent 3.8px),radial-gradient(circle at var(--impact-x,50%) var(--impact-y,50%),transparent 0 5px,#ff6e625c 5.5px 6px,transparent 6.8px),conic-gradient(from 0deg at var(--impact-x,50%) var(--impact-y,50%),transparent 0deg 14deg,#ffd8c4 14.1deg 14.23deg,#ff554d 14.3deg 14.55deg,transparent 14.7deg 47deg,#ffbdac 47.1deg 47.22deg,#e5423b 47.3deg 47.55deg,transparent 47.7deg 91deg,#ff665e 91.1deg 91.35deg,transparent 91.5deg 137deg,#ffd4bf 137.1deg 137.23deg,#eb4941 137.3deg 137.55deg,transparent 137.7deg 190deg,#ff665e 190.1deg 190.35deg,transparent 190.5deg 246deg,#ffcfb7 246.1deg 246.22deg,#e5423b 246.3deg 246.55deg,transparent 246.7deg 303deg,#ff665e 303.1deg 303.35deg,transparent 303.5deg 360deg),linear-gradient(27deg,transparent 49.75%,#ff766b 49.86% 49.98%,transparent 50.08%),linear-gradient(154deg,transparent 49.76%,#f45a52 49.86% 49.96%,transparent 50.08%);filter:drop-shadow(0 0 4px #ff3d36)}
.dashboard .faction-platform-mark{font-family:Arial,sans-serif;font-size:10px;font-weight:900;letter-spacing:-.8px;line-height:1}
.dashboard .faction-table tbody tr.faction-row-arriving .faction-screen-cracks{animation:faction-screen-shatter var(--rift-duration,760ms) steps(1,end) var(--rift-delay,0ms) both}
@keyframes faction-screen-shatter{0%,100%{opacity:0}8%,18%,28%,39%,49%,61%,73%,85%{opacity:.96}13%,23%,34%,45%,56%,67%,79%{opacity:.18}}
@media(prefers-reduced-motion:reduce){.dashboard .faction-table tbody tr .faction-screen-cracks{animation:none!important}}

/* A new, unbranded crew-creation experience; scope all visual changes to its dialog. */
.dashboard dialog.faction-wizard{width:min(760px,calc(100% - 28px));max-width:760px;border-color:#77352e;background:radial-gradient(ellipse at 92% 0%,#8e211c20,transparent 42%),repeating-linear-gradient(135deg,#ffffff04 0 1px,transparent 1px 13px),#0b0b0c;box-shadow:0 35px 110px #000e,0 0 55px #a1251b14}
.dashboard dialog.faction-wizard::backdrop{background:#030303e8;backdrop-filter:blur(9px)}
.dashboard .faction-wizard .wizard-header{gap:15px;padding:23px 26px;border-color:#ffffff12;background:#0c0b0cf2}
.dashboard .faction-wizard .wizard-symbol{width:42px;height:42px;border:1px solid #e0564b75;border-radius:11px;background:linear-gradient(145deg,#c4373026,#d3a44c12);color:#e9ad64;font-size:24px}
.dashboard .faction-wizard .wizard-title-row h2{color:#f2eee8;font-size:20px;font-weight:850;letter-spacing:-.7px}
.dashboard .faction-wizard .wizard-title-row>span{color:#d5a75b;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.dashboard .faction-wizard .wizard-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}
.dashboard .faction-wizard .wizard-progress span{height:3px;border-radius:3px;background:#292122}
.dashboard .faction-wizard .wizard-progress span.is-filled{background:linear-gradient(90deg,#a92c2d,#dbad5c);box-shadow:0 0 10px #c13b3340}
.dashboard .faction-wizard .wizard-close{border:1px solid #ffffff18;border-radius:8px;background:#171516;color:#bcb4ab}
.dashboard .faction-wizard .wizard-close:hover{border-color:#a8463d;color:#fff}
.dashboard .faction-wizard .wizard-body{min-height:240px;padding:25px 26px}
.dashboard .faction-wizard .wizard-body>p{max-width:580px;color:#aaa19a;font-size:13px}
.dashboard .faction-wizard .wizard-details{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.dashboard .faction-wizard .wizard-details .input-group{margin:0;padding:16px;border:1px solid #ffffff14;border-radius:10px;background:linear-gradient(145deg,#121112,#0c0b0c)}
.dashboard .faction-wizard .wizard-details label,.dashboard .faction-wizard .wizard-summary-extra>label{color:#d3a45b;font-size:9px;font-weight:850;letter-spacing:1.15px}
.dashboard .faction-wizard .wizard-details input,.dashboard .faction-wizard .wizard-summary-extra textarea{border-color:#ffffff1a;border-radius:7px;background:#080809;color:#f2eee8}
.dashboard .faction-wizard .wizard-details input:focus,.dashboard .faction-wizard .wizard-summary-extra textarea:focus{outline:1px solid #e0564b;border-color:#e0564b}
.dashboard .faction-wizard .field-meta{color:#8d8179}
.dashboard .faction-wizard .wizard-colors legend{color:#e0b86f;font-size:9px;letter-spacing:1.1px}
.dashboard .faction-wizard .wizard-color-grid{gap:9px}
.dashboard .faction-wizard .wizard-color-tile{min-height:112px;border-color:#ffffff16;border-radius:8px;background:linear-gradient(145deg,#151314,#0d0c0d)}
.dashboard .faction-wizard .wizard-color-tile>span{color:#d6cec6}
.dashboard .faction-wizard .wizard-color-option input:checked+.wizard-color-tile{border-color:#df574e;background:linear-gradient(145deg,#78252235,#d3a24712);box-shadow:inset 0 0 0 1px #df574e38,0 0 17px #d63f3722}
.dashboard .faction-wizard .wizard-color-option input:focus-visible+.wizard-color-tile{outline:2px solid #dfb663;outline-offset:3px}
.dashboard .faction-wizard .wizard-preview-label{color:#a6917e!important}
.dashboard .faction-wizard .wizard-final-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px;align-items:stretch}
.dashboard .faction-wizard .wizard-review{min-width:0;margin:0;padding:18px;border-color:#873b334d;border-radius:10px;background:radial-gradient(ellipse at 20% 50%,#a9322b1e,transparent 60%),#111011}
.dashboard .faction-wizard .wizard-review img{flex:0 0 62px;width:62px;height:82px}
.dashboard .faction-wizard .review-kicker{color:#d3a45b;font-size:8px;font-weight:850;letter-spacing:1.2px}
.dashboard .faction-wizard .wizard-review h3{margin:6px 0;color:#f3eee7;font-size:20px}
.dashboard .faction-wizard .wizard-review #review-tag,.dashboard .faction-wizard .wizard-review #review-color{color:#e18b70;font-size:11px}
.dashboard .faction-wizard .wizard-review .review-server-label{display:inline-block;margin-top:8px;color:#91867d;font-size:8px;font-weight:750;letter-spacing:.9px}
.dashboard .faction-wizard .wizard-summary-extra{display:flex;flex-direction:column;min-width:0;padding:15px;border:1px solid #ffffff14;border-radius:10px;background:#0e0d0e}
.dashboard .faction-wizard .wizard-summary-extra textarea{min-height:95px;margin-top:9px;resize:vertical}
.dashboard .faction-wizard .review-description{margin-top:10px;color:#b6aaa0;font-size:11px;line-height:1.5}
.dashboard .faction-wizard .wizard-footer{gap:10px;padding:18px 26px;border-color:#ffffff12}
.dashboard .faction-wizard .wizard-footer button{border-radius:7px;font-size:12px}
.dashboard .faction-wizard .wizard-back{border-color:#ffffff20;background:#141213;color:#c9bdb1}
.dashboard .faction-wizard .wizard-next{border-color:#a83d3577;background:linear-gradient(110deg,#6f211f,#9a642a);color:#fff1d8;font-weight:800}
.dashboard .faction-wizard .wizard-next:hover{background:linear-gradient(110deg,#922b27,#bb8337)}
.dashboard .faction-wizard .wizard-error{color:#ff8c81}
.dashboard .faction-wizard .wizard-success .success-mark{color:#e26452}
.dashboard .faction-wizard .wizard-success h3{color:#f0c06b}
.dashboard .draft-message{color:#d4a75d}
@media(max-width:600px){.dashboard .faction-wizard .wizard-header,.dashboard .faction-wizard .wizard-body,.dashboard .faction-wizard .wizard-footer{padding:18px}.dashboard .faction-wizard .wizard-details,.dashboard .faction-wizard .wizard-final-grid{grid-template-columns:1fr}.dashboard .faction-wizard .wizard-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard .faction-wizard .wizard-title-row>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.dashboard .faction-wizard .wizard-color-tile{transition:none!important}}

/* Polished purchase entry, consistent choice buttons, and clearer offer cards. */
.dashboard .purchase-entry{position:relative;isolation:isolate;overflow:hidden;align-items:center;min-height:132px;padding:25px 27px;border:1px solid #6f393455;border-radius:13px;background:radial-gradient(ellipse at 0 0,#d6aa5714,transparent 38%),radial-gradient(ellipse at 100% 100%,#a72f2a16,transparent 46%),linear-gradient(125deg,#111010,#090909 70%);box-shadow:0 18px 42px #0005,inset 0 1px #ffffff08}
.dashboard .purchase-entry::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 28px,#ffffff04 28px 29px);opacity:.55}
.dashboard .purchase-entry>div:first-child{position:relative;z-index:1;max-width:550px}
.dashboard .purchase-entry .purchase-kicker{color:#d7a955;font-size:9px;font-weight:850;letter-spacing:1.7px}
.dashboard .purchase-entry h3{margin:9px 0 6px;color:#f1eee9;font-size:22px;font-weight:850;letter-spacing:-.65px}
.dashboard .purchase-entry p{max-width:510px;color:#aaa29c;font-size:12px;line-height:1.65}
.dashboard .purchase-entry-actions{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(128px,1fr));gap:9px;flex:0 1 auto}
.dashboard .purchase-entry .purchase-entry-actions button,.dashboard .purchase-entry .purchase-entry-actions button[data-kind=vehicles]{min-width:0;min-height:46px;padding:11px 15px;border:1px solid #795043!important;border-radius:8px;background:linear-gradient(135deg,#171313,#111010)!important;color:#ead3a0!important;font-size:12px;font-weight:750;white-space:nowrap;box-shadow:inset 0 1px #ffffff09;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.dashboard .purchase-entry .purchase-entry-actions button:hover,.dashboard .purchase-entry .purchase-entry-actions button[data-kind=vehicles]:hover{transform:translateY(-2px);border-color:#d29f56!important;background:linear-gradient(125deg,#281717,#19130f)!important;color:#fff0d0!important;box-shadow:0 8px 22px #0006,0 0 18px #c84b3220}
.dashboard .purchase-entry .purchase-entry-actions button:focus-visible{outline:2px solid #d3aa61;outline-offset:3px}
.dashboard .purchase-dialog{border-color:#754039;background:radial-gradient(ellipse at 100% 0,#8d282017,transparent 38%),#0a0a0a;box-shadow:0 28px 100px #000c,0 0 36px #b2372510}
.dashboard .purchase-dialog .purchase-kicker{color:#d2a451;font-weight:800;letter-spacing:1.5px}
.dashboard .purchase-dialog h2,.dashboard .purchase-dialog h3{color:#f2eee9;letter-spacing:-.45px}
.dashboard .purchase-dialog .purchase-steps{border-color:#ffffff12}
.dashboard .purchase-dialog .purchase-steps [aria-current]{color:#e4b760}
.dashboard .purchase-dialog .purchase-search{color:#c6b9a7;font-size:11px;font-weight:700;letter-spacing:.35px}
.dashboard .purchase-dialog .purchase-search input{border-color:#ffffff1a;border-radius:8px;background:#111010}
.dashboard .purchase-dialog .purchase-search input:focus{outline:1px solid #c45449;outline-offset:1px;border-color:#c45449}
.dashboard .purchase-list{gap:9px}
.dashboard .purchase-dialog .purchase-option{position:relative;min-height:78px;overflow:hidden;padding:14px 13px 14px 17px;border:1px solid #ffffff13;border-radius:9px;background:linear-gradient(120deg,#131111,#0b0b0b 75%);box-shadow:inset 0 1px #ffffff05;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}
.dashboard .purchase-dialog .purchase-option::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:2px;background:linear-gradient(180deg,#dbad5d,#c33b37);opacity:.8}
.dashboard .purchase-dialog .purchase-option:hover{transform:translateY(-1px);border-color:#ad51465c;background:linear-gradient(120deg,#201414,#0d0b0b 75%);box-shadow:0 7px 20px #0005}
.dashboard .purchase-dialog .purchase-option strong{color:#eee9e2;font-size:12px;font-weight:780}
.dashboard .purchase-dialog .purchase-option small{color:#8e837b;font-size:9px}
.dashboard .purchase-dialog .purchase-price{flex-basis:104px;color:#e5b75f;font-size:10px;font-weight:750}
.dashboard .purchase-dialog .purchase-option:focus-visible{outline:2px solid #d4a955;outline-offset:2px}
.dashboard .purchase-dialog .purchase-option:focus-visible::before{background:#f0c879}
@media(max-width:820px){.dashboard .purchase-entry{align-items:flex-start;flex-direction:column;gap:18px}.dashboard .purchase-entry-actions{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.dashboard .purchase-entry{padding:20px 17px}.dashboard .purchase-entry .purchase-entry-actions{grid-template-columns:1fr}.dashboard .purchase-entry .purchase-entry-actions button{width:100%}.dashboard .purchase-dialog .purchase-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.dashboard .purchase-entry .purchase-entry-actions button,.dashboard .purchase-dialog .purchase-option{transition:none!important}.dashboard .purchase-entry .purchase-entry-actions button:hover,.dashboard .purchase-dialog .purchase-option:hover{transform:none}}
body.dashboard.factions-open .ambient-particles,body.dashboard.factions-open .space-galaxy,body.dashboard.factions-open .space-saturn,body.dashboard.factions-open .space-crescent{display:none!important;visibility:hidden!important;opacity:0!important}
body.dashboard.factions-open .faction-red-particles{display:block!important;position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
body.dashboard.factions-open .faction-red-particles i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#e11;box-shadow:0 0 7px #f22;animation:faction-particle-float var(--d) ease-in-out var(--delay) infinite alternate}
@keyframes faction-particle-float{0%{transform:translate3d(-8px,12px,0);opacity:.15}50%{opacity:.9}100%{transform:translate3d(12px,-18px,0);opacity:.35}}
body.dashboard.factions-open .ambient-particles{display:block!important;visibility:visible!important;opacity:.52!important;background-image:radial-gradient(circle,#ff3440 1px,transparent 1.8px),radial-gradient(circle,#b90016 1px,transparent 1.8px)!important;background-size:167px 193px,263px 281px!important;background-position:20px 30px,90px 110px!important;animation:particles-drift 28s ease-in-out infinite alternate!important}
body.dashboard.factions-open .faction-red-particles{display:none!important}
body.dashboard.factions-open .white-particles{display:block!important;position:fixed;inset:0;z-index:0;pointer-events:none;width:100%;height:100%}

/* definitive mobile overrides */
@media(max-width:700px){
  html,body{overflow-x:hidden!important;max-width:100%!important}
  .dashboard .server-activity-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important}
  .dashboard .server-activity-feed,.dashboard .server-leaderboard{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .dashboard .server-activity-feed{height:270px!important;min-height:0!important}
  .dashboard .server-leaderboard{height:230px!important;min-height:0!important}
  .mobile-route-menu{left:auto!important;right:12px!important;top:14px!important;transform:none!important;z-index:80!important}
  .mobile-route-toggle{width:48px!important;height:48px!important;border-left:1px solid #caa64f99!important;border-radius:10px!important}
  .mobile-route-menu nav{left:auto!important;right:52px!important;top:0!important;transform:none!important;width:165px!important;border:1px solid #caa64f66!important;border-radius:10px!important}
  body.dashboard.factions-open .faction-flow-background{display:none!important;opacity:0!important}
  body.dashboard.factions-open{background:#050505!important}
}

/* final icon and compact card sizing */
@media(max-width:700px){
  .mobile-route-toggle{font-size:0!important;position:relative!important}
  .mobile-route-toggle::before,.mobile-route-toggle::after{content:"";position:absolute;left:12px;width:24px;height:3px;border-radius:3px;background:#e7c96d}
  .mobile-route-toggle::before{top:16px;box-shadow:0 8px #e7c96d}
  .mobile-route-toggle::after{top:24px;display:none}
  .dashboard .server-activity-feed{height:210px!important}
  .dashboard .server-leaderboard{height:175px!important}
  body.dashboard.factions-open .faction-flow-background{display:none!important}
  body.dashboard.factions-open .faction-red-particles i:nth-child(n+4){display:none!important}
}

/* final mobile polish */
@media(max-width:700px){
  .mobile-route-toggle{width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0!important;border-radius:10px!important;box-sizing:border-box!important}
  .mobile-route-toggle::before{left:12px!important;width:24px!important;top:16px!important}
  .mobile-route-menu nav a{display:flex!important;align-items:center!important;gap:9px!important;font-size:12px!important}
  .mobile-route-menu nav a span{display:inline-flex!important;width:18px!important;justify-content:center!important;color:#d8b45d!important;font-size:15px!important}
  .dashboard .server-leaderboard .server-empty-state p{display:none!important}
  body.dashboard.factions-open .white-particles,body.dashboard.factions-open .ambient-particles,body.dashboard.factions-open .faction-red-particles{display:none!important}
  .dashboard .shop-page .shop-vip-promo{background-image:linear-gradient(135deg,#090909 0%,#100e0a 58%,#1a1408 100%)!important}
  body.dashboard.factions-open{position:relative;background:#050505!important}
  body.dashboard.factions-open::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.2;background:radial-gradient(ellipse 180px 28px at 18% 28%,transparent 45%,#8d2024 48%,transparent 53%),radial-gradient(ellipse 210px 30px at 78% 53%,transparent 45%,#8d2024 48%,transparent 53%),radial-gradient(ellipse 150px 24px at 42% 78%,transparent 45%,#8d2024 48%,transparent 53%);transform:rotate(-12deg)}
}
/* Final override: clean Factions page uses the regular overview background. */
body.dashboard.factions-open{background:#000!important;background-image:radial-gradient(ellipse 75% 42% at 50% 0%,#304963dd 0%,#1b2c4055 52%,transparent 86%),radial-gradient(ellipse 52% 36% at 8% 28%,#273d55aa 0%,transparent 76%),radial-gradient(ellipse 52% 36% at 92% 30%,#273d55aa 0%,transparent 76%)!important;animation:none!important;}
body.dashboard.factions-open::before,body.dashboard.factions-open::after{display:none!important;background:none!important;animation:none!important;}
body.dashboard.factions-open .ambient-particles,body.dashboard.factions-open .faction-flow-background,body.dashboard.factions-open .faction-red-particles,body.dashboard.factions-open .faction-video-background,body.dashboard.factions-open .white-particles{display:none!important;visibility:hidden!important;opacity:0!important;background:none!important;animation:none!important;}