/* Shared palette from the in-game menus. Keep tier and status colors semantic. */
:root{--bg:#232323;--rail:#292929;--navy:#303030;--surface:#353535;--surface2:#303030;--line:#626262;--line2:#727272;--text:#f1f1f1;--muted:#c7c7c7;--quiet:#b2b2b2;--gold:#89c9fb;--gold-light:#b0ddff;--radius:0px}
html body{background:#232323!important;color:var(--text)}
.network-wordmark{display:block;width:clamp(126px,18vw,206px);height:auto}
.auth-logo,.header-brand,body>header .brand{min-width:0}
.auth-main{display:grid;grid-template-columns:minmax(0,460px) minmax(0,430px);align-items:center;justify-content:center;gap:24px;padding:32px 20px}
.auth-card,.network-modes,.join-card,.credit-card,.rank-grid .card,.drop-grid article,.command-card,dialog,.portal-account-menu{background:#353535!important;border:2px solid #626262!important;border-radius:0!important;box-shadow:none!important}
.network-modes{padding:24px}
.network-modes h2{margin:0 0 14px;font-size:22px}
.network-modes ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;list-style:none;margin:0}
.network-modes li{background:#292929;border:1px solid #626262;display:flex;align-items:center;gap:8px;padding:8px;min-height:50px;font-weight:650}
.network-modes img{image-rendering:pixelated;flex:none}
.network-modes p{margin:16px 0 0;color:var(--muted);overflow-wrap:anywhere}
.portal-header,.auth-top,body>header,body>footer{background:#303030!important;border-color:#626262!important}
.hero{background:none;min-height:390px;gap:40px}
.hero h1 span,.eyebrow,.auth-eyebrow,.header-subtitle,.header-links .nav-link.is-active,.auth-footer a,.drop-grid strong,.command-card strong{color:#89c9fb!important}
.button,.auth-discord,.store-link{border-radius:0!important}
.button:not(.secondary),.auth-discord,.store-link{background:#2f6798!important;border:1px solid #89c9fb!important;color:#fff!important}
.button:not(.secondary):hover,.auth-discord:hover,.store-link:hover{background:#24527b!important}
.header-links .nav-link.is-active,.header-links .nav-link:hover{background:#424242!important;border-radius:0}
.account-note{background:#353535}
:is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #9bd2ff!important;outline-offset:3px}
@media(max-width:850px){.auth-main{grid-template-columns:minmax(0,480px);align-content:center}.auth-card,.network-modes{width:100%;min-width:0}}
@media(max-width:760px){.hero{min-height:auto;gap:20px}.network-modes{padding:16px}}
@media(max-width:350px){.network-modes ul{grid-template-columns:1fr}}

/* Signed-in screens use the same framed surfaces as the game menus. */
body .center-welcome,
body .network-quickbar,
body .minecraft-profile,
body .profile-info-grid .surface,
body .session-management,
body .profile-session-card {
  background: #303030 !important;
  border: 2px solid #626262;
  border-radius: 0;
  box-shadow: none;
}
body .center-welcome,
body .minecraft-profile {
  border-top-color: #6ba9d6;
}
body .minecraft-profile::before { display: none; }
body :is(.minecraft-profile-footer,.profile-card-heading,.profile-stat-grid,.profile-sync-note,.profile-facts div,.network-quickbar-status) {
  border-color: #626262;
}
body :is(.center-profile,.header-user,.network-copy-button,.minecraft-profile-action) {
  background: #353535;
  border: 1px solid #727272;
  border-radius: 0;
}
body :is(.account-center-page,.profile-page) :is(.overline,.network-server-host,.network-mini-stats strong,.profile-stat-grid strong,.network-quickbar-label button),
body .content-wrap .overline, body .profile-stat-grid strong { color: #89c9fb; }
.header-brand {
  display: grid;
  justify-items: start;
  gap: 1px;
}
.header-subtitle { margin: 0; }
body .header-actions .store-link { padding: 7px 12px; line-height: 1.2; }
body .account-center-grid { max-width: none; width: 100%; }
body .account-center-main .center-section-head { text-align: left; }
body .account-center-grid .portal-tile {
  display: grid;
  grid-template-columns: 40px minmax(0,1fr);
  grid-template-rows: auto auto;
  align-content: center;
  align-items: center;
  column-gap: 12px;
  min-height: 94px;
  padding: 14px;
  text-align: left;
  background: #353535 !important;
  border: 2px solid #626262;
  border-radius: 0;
  color: #f1f1f1;
}
body .account-center-grid .portal-tile:hover {
  background: #414141 !important;
  border-color: #89c9fb;
}
body .account-center-grid .portal-tile-icon { grid-row: span 2; margin: 0; color: inherit; }
.portal-tile-icon img { display: block; image-rendering: pixelated; }
body .account-center-grid .portal-tile strong { margin: 0; color: inherit; font-size: 15px; }
body .account-center-grid .portal-tile small { margin: 3px 0 0; max-width: none; color: #d0d0d0; font-size: 12px; }
body .discord-avatar-mark { background: #303e49; border-color: #6c8496; border-radius: 0; }
.discord-avatar-mark img { visibility: hidden; }
.discord-avatar-mark img.avatar-loaded { visibility: visible; }
@media (max-width: 560px) {
  body .account-center-grid { grid-template-columns: 1fr; }
  body .account-center-grid .portal-tile { min-height: 70px; }
}


.account-center-page { max-width: 1132px; margin-inline: auto; }
.portal-store-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(24px, 5vw, 68px);
  padding: 34px 0 52px;
  border-bottom: 1px solid #626262;
}
.portal-store-intro h1 {
  margin: 16px 0;
  font: 800 clamp(36px, 5vw, 68px)/1.08 Arial, sans-serif;
  letter-spacing: -.045em;
  overflow-wrap: anywhere;
}
.portal-store-intro h1 span { color: #89c9fb; }
.portal-store-intro p { color: var(--muted); font-size: 16px; margin-bottom: 24px; }
.portal-store-intro .center-profile { max-width: 100%; }
body .portal-store-hero .network-quickbar { display: block; margin: 0; }
body .portal-store-hero .network-quickbar-server {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 16px;
  padding: 24px;
}
body .portal-store-hero .network-copy-button {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 42px;
  margin: 0;
  background: #203b4b;
}
body .portal-store-hero .network-quickbar-status {
  border-left: 0;
  border-top: 1px solid #626262;
  padding: 20px 24px;
}
@media (max-width: 760px) {
  .portal-store-hero { grid-template-columns: 1fr; padding: 12px 0 30px; }
}

/* Match the store's typography, header and open page grid. */
body:has(.app-shell) { font-family: Arial, Helvetica, sans-serif; }
body .portal-header { position: relative; }
body .portal-header .header-inner { min-height: 96px; max-width: 1228px; margin: auto; padding: 16px 24px; }
body .portal-header .header-links .nav-link { text-transform: none; letter-spacing: 0; font: 700 14px Arial, sans-serif; }
body .portal-store-hero { min-height: 460px; padding-block: 52px; }
body .portal-store-intro > .overline, body .network-quickbar-server .overline { color: #89c9fb; }
body .portal-store-hero .network-quickbar-server { display: block; padding: 32px; }
body .portal-store-hero .network-quickbar-server h3 { font-size: 26px; margin-block: 8px 20px; }
body .portal-store-hero .network-copy-button { margin-top: 20px; justify-content: center; font-size: 14px; }
body .account-center-main { max-width: none; margin: 36px 0; }
body .account-center-grid .portal-tile { grid-template-columns: minmax(0,1fr); }
body .account-center-grid .portal-tile-icon { display: none; }
@media (max-width: 760px) {
  body .portal-header .header-inner { min-height: 72px; padding: 12px 16px; }
  body .portal-store-hero { min-height: 0; padding-block: 24px; }
}
.network-wordmark { font: 800 30px/1.1 Arial, sans-serif; letter-spacing: -.045em; color: #f1f1f1; width: auto; } .network-wordmark b { color: #89c9fb; } .auth-screen { background: #232323 !important; }

/* Player services share the store palette, including empty states and dialogs. */
body .app-shell :is(.action-button:not(.outline), .consumer-no-records .action-button:not(.outline)),
body .portal-dialog .action-button:not(.outline) {
  background: #2f6798;
  border: 1px solid #89c9fb;
  border-radius: 0;
  color: #fff;
}
body .app-shell .action-button:not(.outline):hover,
body .portal-dialog .action-button:not(.outline):hover {
  background: #24527b;
  color: #fff;
}
body .app-shell :is(.consumer-no-records, .consumer-record, .empty-state) {
  background: #353535;
  border: 1px solid #626262;
  border-radius: 0;
}
body .app-shell :is(.consumer-no-records, .empty-state) p { color: #c7c7c7; }
body .app-shell .record-tabs { border-color: #626262; }
body .app-shell .record-tabs button[aria-selected="true"] {
  color: #89c9fb;
  border-bottom-color: #89c9fb;
}