:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:#05070b;color:#f4f7fb}
.my-shell{width:min(760px,calc(100% - 24px));margin:0 auto;padding:28px 0 64px}
.my-hero{text-align:center;margin:12px 0 22px}
.my-eyebrow{margin:0 0 7px;color:#78d7ff;font-size:.74rem;font-weight:800;letter-spacing:.16em}
.my-hero h1{margin:0;font-size:clamp(1.8rem,8vw,2.65rem)}
.my-hero p:last-child{margin:9px 0 0;color:#95a2b5}
.state-panel,.member-card,.accordion-item{border:1px solid #202a38;background:linear-gradient(180deg,#111722,#0b1018);box-shadow:0 16px 42px rgba(0,0,0,.25)}
.state-panel{padding:32px 20px;text-align:center;border-radius:18px}
.spinner{width:30px;height:30px;margin:0 auto 14px;border:3px solid #273142;border-top-color:#78d7ff;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.primary-link,.form-submit{display:flex;align-items:center;justify-content:center;min-height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,#57c8ff,#7f7bff);color:#07101a;font-weight:900;text-decoration:none;cursor:pointer}
.primary-link{width:min(260px,100%);margin:18px auto 0}
.member-card{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:18px;border-radius:18px;margin-bottom:14px}
.member-avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#182234;font-size:1.55rem}
.member-main{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px}
.member-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.12rem}
.role-badge{width:max-content;max-width:100%;padding:4px 9px;border:1px solid #344158;border-radius:999px;color:#c7d2e3;font-size:.72rem;font-weight:800}
.role-badge.admin{border-color:#9a7832;color:#ffd976;background:rgba(191,145,45,.1)}
.member-stats{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.member-stats div{padding:12px;border-radius:12px;background:#0a0f17;border:1px solid #1c2533}
.member-stats dt{color:#8391a5;font-size:.72rem}
.member-stats dd{margin:4px 0 0;font-weight:900}
.accordion-list{display:grid;gap:10px}
.accordion-item{border-radius:16px;overflow:hidden}
.accordion-trigger{width:100%;min-height:58px;padding:0 16px;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:space-between;font:inherit;font-weight:900;cursor:pointer;text-align:start}
.accordion-trigger>span:first-child{display:flex;align-items:center;gap:10px}
.chevron{font-size:1.2rem;color:#7fd8ff}
.accordion-panel{padding:0 14px 16px;border-top:1px solid #1d2734}
.form-stack{display:grid;gap:14px;padding-top:16px}
.form-stack label{display:grid;gap:7px;color:#c5cfdd;font-size:.82rem;font-weight:800}
.form-stack input,.form-stack select{width:100%;min-height:48px;padding:0 13px;border:1px solid #2b3647;border-radius:12px;background:#080d14;color:#fff;font:inherit}
.form-stack input:focus,.form-stack select:focus{outline:2px solid rgba(87,200,255,.35);border-color:#57c8ff}
.form-stack input:disabled,.form-stack select:disabled,.form-submit:disabled{opacity:.48;cursor:not-allowed}
.form-submit{width:100%;font:inherit;padding:0 18px}
fieldset{min-width:0;margin:0;padding:14px;border:1px solid #253043;border-radius:14px}
legend{padding:0 7px;color:#7ed8ff;font-weight:900}
.two-field{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:10px;margin-top:12px}
.current-value,.nickname-status{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid #242f3f;border-radius:12px;background:#080d14}
.current-value span,.nickname-status span{color:#8997aa;font-size:.78rem}
.current-value strong{overflow-wrap:anywhere;text-align:end}
.status-badge{display:inline-flex;align-items:center;min-height:32px;padding:5px 10px;border-radius:999px;font-size:.78rem}
.status-badge.available{background:rgba(34,197,94,.12);color:#72f49c;border:1px solid rgba(34,197,94,.34)}
.status-badge.waiting{background:rgba(239,68,68,.12);color:#ff8f8f;border:1px solid rgba(239,68,68,.35)}
.form-note{margin:0;color:#8997aa;font-size:.78rem;line-height:1.55}
.toast{position:fixed;left:50%;bottom:24px;z-index:9999;transform:translateX(-50%);width:min(420px,calc(100% - 28px));padding:13px 16px;border-radius:12px;background:#141d29;border:1px solid #334158;color:#fff;text-align:center;font-weight:800;box-shadow:0 16px 44px rgba(0,0,0,.45)}
.toast.success{border-color:rgba(34,197,94,.5)}
.toast.error{border-color:rgba(239,68,68,.55)}
html[dir="rtl"] .accordion-trigger,html[dir="rtl"] .form-stack label{text-align:right}
@media(min-width:760px){
  .my-shell{padding-top:42px}
  .member-card{grid-template-columns:auto minmax(0,1fr) minmax(300px,.8fr);align-items:center;padding:22px}
  .member-stats{grid-column:auto;grid-template-columns:1fr 1fr}
  .accordion-trigger{min-height:64px;padding-inline:20px}
  .accordion-panel{padding:0 22px 22px}
  .form-stack{grid-template-columns:1fr 1fr;gap:16px}
  .form-stack>label,.form-stack>fieldset,.form-stack>.current-value,.form-stack>.nickname-status,.form-stack>.form-note,.form-stack>.form-submit{grid-column:1/-1}
  #specsForm fieldset{grid-column:auto}
  /* v209: desktop detailed-spec availability fields use one full-width row each. */
  #specsForm .season-war-field,
  #specsForm .bgb-time-field{grid-column:1/-1}
  #specsForm .season-war-field{align-self:start}
  #specsForm .season-war-field select{height:48px;min-height:48px}
  /* v210: on desktop, vehicle power and unit controls share equal width. */
  #specsForm fieldset .two-field{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  #specsForm fieldset .two-field>label{min-width:0;width:100%}
  #specsForm fieldset .two-field input,
  #specsForm fieldset .two-field select{width:100%;min-width:0;box-sizing:border-box}
  #passwordForm label{grid-column:1/-1}
  .form-submit{width:min(320px,100%);justify-self:end}
}

.primary-link{border:0;font:inherit;cursor:pointer}

/* v187: reliable accordion visibility and touch behavior */
.accordion-panel[hidden]{display:none!important}
.accordion-trigger{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.accordion-trigger:focus-visible{outline:2px solid rgba(87,200,255,.55);outline-offset:-2px}

.bgb-time-field .field-help{display:block;margin-top:-2px;color:#8190a3;font-size:.74rem;font-weight:600}
.server-time-live{margin:3px 0 7px;color:#9eabbb;font-size:.74rem;font-weight:600}
.server-time-live strong{color:#72d6ff}
html[dir="rtl"] .server-time-live{text-align:right}
.my-request-list{display:grid;gap:10px;margin-bottom:14px}.my-request-item{padding:13px;border:1px solid #ffffff17;border-radius:12px;background:#080d14}.my-request-item strong{display:block;margin-bottom:5px}.my-request-item span{font-size:12px;color:#8e9bad}.my-request-item .answered{color:#70ee9d}.my-request-board-link{text-decoration:none;text-align:center;display:block}


/* v205: my page action button alignment and typography */
.my-shell button,
.my-shell .primary-link,
.my-shell .form-submit,
.my-shell .my-request-board-link{
  font-weight:700!important;
}
.my-shell .my-request-board-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.2!important;
}


/* v222: alliance rank titles and rank-colored member icons */
.rank-member-icon{
  display:block;
  width:1.45em;
  height:1.45em;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-5.33 0-8 2.67-8 5v2h16v-2c0-2.33-2.67-5-8-5Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-5.33 0-8 2.67-8 5v2h16v-2c0-2.33-2.67-5-8-5Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.accordion-member-icon{display:inline-grid;place-items:center;width:1.3rem;height:1.3rem;font-size:1rem;flex:0 0 auto}
.member-avatar.rank-r1,.accordion-member-icon.rank-r1{color:#9aa6b5}
.member-avatar.rank-r2,.accordion-member-icon.rank-r2{color:#55d68b}
.member-avatar.rank-r3,.accordion-member-icon.rank-r3{color:#5da9ff}
.member-avatar.rank-r4,.accordion-member-icon.rank-r4{color:#b983ff}
.member-avatar.rank-r5,.accordion-member-icon.rank-r5{color:#ffd45c}


/* v224: detailed-spec save/reset actions and confirmation dialog */
.spec-action-row{display:grid;grid-template-columns:1fr;gap:11px;grid-column:1/-1}
.spec-action-row .form-submit{width:100%;justify-self:stretch}
.secondary-action{background:#fff;color:#171000;border:1px solid #fff}
.nickname-change-note{grid-column:1/-1}
.confirm-dialog{width:min(430px,calc(100% - 28px));padding:0;border:1px solid #2a3546;border-radius:18px;background:#0d141e;color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.65)}
.confirm-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}
.confirm-dialog-card{padding:22px;margin:0}
.confirm-dialog-card p{margin:0 0 20px;text-align:center;font-weight:800;line-height:1.55}
.confirm-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dialog-button{min-height:48px;border-radius:12px;font:inherit;font-weight:900;cursor:pointer}
.dialog-cancel{border:1px solid #fff;background:#fff;color:#171000}
.dialog-danger{border:1px solid #ef4444;background:#ef4444;color:#fff}
@media(min-width:760px){
  .spec-action-row{grid-template-columns:1fr 1fr;gap:14px}
  .spec-action-row .form-submit{width:100%;justify-self:stretch}
}
@media(max-width:759px){
  .confirm-dialog-actions{grid-template-columns:1fr 1fr;gap:11px}
}

/* v291: final grouped My Page navigation, shared typography and unified SVG icons */
body{font-family:inherit}
.my-shell,
.my-shell button,
.my-shell input,
.my-shell select,
.my-shell textarea{font-family:inherit}

#memberContent,
.member-card,
.accordion-list,
.my-menu-group,
.my-menu-group-card{width:100%}

.accordion-list{gap:18px}
.my-menu-group{display:grid;gap:8px}
.my-menu-group-title{margin:0;padding:0 4px;color:#aab5c4;font-size:.78rem;font-weight:800;letter-spacing:.08em}
.my-menu-group-card{overflow:hidden;border:1px solid #202a38;border-radius:16px;background:linear-gradient(180deg,#111722,#0b1018);box-shadow:0 16px 42px rgba(0,0,0,.25)}
.my-menu-group-card .accordion-item{border:0;border-radius:0;background:transparent;box-shadow:none}
.my-menu-group-card .accordion-item+.accordion-item{border-top:1px solid #202a38}

.accordion-item.is-open{background:linear-gradient(180deg,rgba(245,197,71,.13),rgba(245,197,71,.045))}
.accordion-item.is-open .accordion-trigger{color:#f5c547;box-shadow:inset 4px 0 0 #f5c547}
.accordion-item.is-open .accordion-panel{border-top-color:rgba(245,197,71,.28);background:rgba(5,7,11,.24)}
.accordion-item.is-open .chevron{color:#f5c547}
.accordion-trigger:hover{background:rgba(255,255,255,.025)}

.menu-svg-icon{display:inline-block;width:1.25rem;height:1.25rem;flex:0 0 auto;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}
.icon-user{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-5.33 0-8 2.67-8 5v2h16v-2c0-2.33-2.67-5-8-5Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-5.33 0-8 2.67-8 5v2h16v-2c0-2.33-2.67-5-8-5Z'/%3E%3C/svg%3E")}
.icon-sliders{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 7h10v2H4V7Zm0 8h6v2H4v-2Zm14-9h2v4h-2V6Zm-2 1h6v2h-6V7Zm-4 7h2v4h-2v-4Zm-2 1h6v2h-6v-2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 7h10v2H4V7Zm0 8h6v2H4v-2Zm14-9h2v4h-2V6Zm-2 1h6v2h-6V7Zm-4 7h2v4h-2v-4Zm-2 1h6v2h-6v-2Z'/%3E%3C/svg%3E")}
.icon-document{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 2h8l4 4v16H6V2Zm7 1.5V7h3.5L13 3.5ZM9 11v2h6v-2H9Zm0 4v2h6v-2H9Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 2h8l4 4v16H6V2Zm7 1.5V7h3.5L13 3.5ZM9 11v2h6v-2H9Zm0 4v2h6v-2H9Z'/%3E%3C/svg%3E")}
.icon-edit{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m4 16.5 9.9-9.9 3.5 3.5-9.9 9.9H4v-3.5ZM15.3 5.2l1.4-1.4a1.5 1.5 0 0 1 2.1 0l1.4 1.4a1.5 1.5 0 0 1 0 2.1l-1.4 1.4-3.5-3.5Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m4 16.5 9.9-9.9 3.5 3.5-9.9 9.9H4v-3.5ZM15.3 5.2l1.4-1.4a1.5 1.5 0 0 1 2.1 0l1.4 1.4a1.5 1.5 0 0 1 0 2.1l-1.4 1.4-3.5-3.5Z'/%3E%3C/svg%3E")}
.icon-lock{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 10V7a5 5 0 0 1 10 0v3h2v12H5V10h2Zm2 0h6V7a3 3 0 0 0-6 0v3Zm3 3a2 2 0 0 0-1 3.73V19h2v-2.27A2 2 0 0 0 12 13Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 10V7a5 5 0 0 1 10 0v3h2v12H5V10h2Zm2 0h6V7a3 3 0 0 0-6 0v3Zm3 3a2 2 0 0 0-1 3.73V19h2v-2.27A2 2 0 0 0 12 13Z'/%3E%3C/svg%3E")}

html[dir="rtl"] .accordion-item.is-open .accordion-trigger{box-shadow:inset -4px 0 0 #f5c547}
@media(max-width:759px){.accordion-list{gap:16px}.my-menu-group-title{padding-inline:3px}.accordion-item.is-open .accordion-trigger{box-shadow:inset 3px 0 0 #f5c547}}


/* v292: My Page is based on shared portal UI components from ../style.css */
.my-shell{width:min(900px,calc(100% - 24px));margin:0 auto;padding:42px 0 72px}
.my-hero{margin:0 0 24px;padding:0}
.my-eyebrow{color:#f5c547}
.state-panel,.member-card,.my-menu-group-card{background:#111823;border-color:#ffffff18;box-shadow:0 16px 42px rgba(0,0,0,.24)}
.member-card,.my-menu-group-card{width:100%}
.accordion-item{border:0;background:transparent;box-shadow:none;border-radius:0}
.my-menu-group-card{overflow:hidden}
.my-menu-group-card .accordion-item+ .accordion-item{border-top:1px solid #ffffff14}
.form-stack input,.form-stack select{border-radius:10px;border-color:#ffffff22;background:#080d14}
.form-stack input:focus,.form-stack select:focus{outline:2px solid rgba(245,197,71,.24);border-color:#f5c547}
.primary-link,.form-submit{border-radius:10px;background:#f5c547;color:#171000;font-weight:800!important}
.secondary-action{border-color:#ffffff30;background:#ffffff0b;color:#fff}
.accordion-trigger:focus-visible{outline:2px solid rgba(245,197,71,.52)}
.chevron{color:#f5c547}
.spinner{border-top-color:#f5c547}
.server-time-live strong{color:#f5c547}
legend{color:#f5c547}
@media(max-width:620px){.my-shell{width:min(100% - 16px,900px);padding:28px 0 56px}}


/* v293: finalized equal-width My Page card stack and Detailed Specs default state */
.my-content-stack{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:18px;
  width:100%;
  min-width:0;
}
.my-content-stack[hidden]{display:none!important}
.my-content-stack>.member-card,
.my-content-stack>.accordion-list,
.accordion-list>.my-menu-group,
.my-menu-group>.my-menu-group-card{
  width:100%;
  min-width:0;
  max-width:none;
  margin-inline:0;
  box-sizing:border-box;
}
.my-content-stack>.member-card{margin-bottom:0}
.accordion-list{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:18px;
}
@media(min-width:760px){
  .my-content-stack>.member-card,
  .my-menu-group>.my-menu-group-card{
    border-radius:16px;
  }
}

/* v294: prevent global section padding from narrowing nested My Page cards */
.my-content-stack > .member-card,
.my-content-stack > .accordion-list,
.accordion-list > .my-menu-group{
  padding:0;
}
.promotion-card{padding:22px;display:grid;gap:16px}.promotion-card[hidden]{display:none}.promotion-card-head{display:flex;justify-content:space-between;align-items:center}.promotion-card-head span{color:#d8b65c;font-weight:800}.promotion-card-head h2{margin:4px 0 0}.promotion-card-head>strong{font-size:1.3rem}.promotion-progress{height:8px;background:#1f2937;border-radius:999px;overflow:hidden}.promotion-progress span{display:block;height:100%;background:#d8b65c;border-radius:inherit}.promotion-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.promotion-checks>div{display:flex;justify-content:space-between;padding:12px;border:1px solid #334155;border-radius:12px}.promotion-checks .passed{color:#68d391}.promotion-checks .failed{color:#f6ad55}.promotion-congrats{padding:15px;border:1px solid #d8b65c;border-radius:12px;background:rgba(216,182,92,.08)}.promotion-congrats p{white-space:pre-line}.promotion-congrats a{display:inline-flex;margin-top:8px}
.promotion-activity-section{border-top:1px solid #334155;padding-top:14px}.promotion-section-head{display:flex;justify-content:space-between;gap:12px}.promotion-activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.promotion-activity-grid>div{display:flex;justify-content:space-between;gap:8px;padding:10px;border-bottom:1px solid #263244}.promotion-activity-grid .passed{color:#68d391}.promotion-activity-grid .failed{color:#aeb9c8}.spec-last-updated{display:flex;justify-content:space-between;gap:12px;grid-column:1/-1;padding:12px 0;border-top:1px solid #334155}.spec-last-updated span{color:#aeb9c8}@media(max-width:600px){.promotion-activity-grid{grid-template-columns:1fr}}
.promotion-checks>.promotion-condition{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.promotion-condition-name{white-space:nowrap}.promotion-condition-values{display:flex;justify-content:flex-end;gap:16px;min-width:0}.promotion-condition-values>span{display:inline-flex;align-items:baseline;gap:5px;min-width:0}.promotion-condition-values small{color:#8e9aae;font-weight:700;white-space:nowrap}.promotion-condition-values strong{white-space:nowrap;color:#f4f7fb}@media(max-width:600px){.promotion-card{padding:18px;gap:14px}.promotion-card-head{align-items:flex-start}.promotion-card-head>strong{padding-top:4px}.promotion-checks{grid-template-columns:1fr;gap:10px}.promotion-checks>.promotion-condition{grid-template-columns:1fr;gap:10px;padding:14px 16px}.promotion-condition-values{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.promotion-condition-values>span{display:grid;gap:4px}.promotion-condition-values>span:last-child{text-align:end}.promotion-condition-values small{font-size:.72rem}.promotion-condition-values strong{font-size:1rem}.promotion-activity-grid>div{align-items:start}.promotion-activity-grid>div>span{min-width:0}.promotion-activity-grid>div>strong{text-align:end}}
.promotion-activity-grid>.promotion-activity-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.promotion-activity-values{display:flex;justify-content:flex-end;gap:12px;min-width:0}.promotion-activity-values>span{display:inline-flex;align-items:baseline;gap:4px}.promotion-activity-values small{color:#8e9aae;font-weight:700;white-space:nowrap}.promotion-activity-values strong{white-space:nowrap}.promotion-activity-values .required-value{color:#aeb9c8}@media(max-width:620px){.promotion-card{width:100%;max-width:100%;min-width:0;overflow:hidden;padding:18px;gap:14px}.promotion-card *{min-width:0;max-width:100%}.promotion-card-head{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:10px}.promotion-card-head>div{width:100%}.promotion-card-head h2{font-size:1.55rem;line-height:1.25;overflow-wrap:anywhere;word-break:normal}.promotion-card-head>strong{justify-self:start;padding:6px 10px;border:1px solid #334155;border-radius:9px;font-size:1rem}.promotion-progress{width:100%;max-width:100%;overflow:hidden}.promotion-checks{grid-template-columns:minmax(0,1fr)}.promotion-checks>.promotion-condition{grid-template-columns:minmax(0,1fr);width:100%;padding:14px;overflow:hidden}.promotion-condition-name{white-space:normal;overflow-wrap:anywhere}.promotion-condition-values{grid-template-columns:minmax(0,1fr);gap:0}.promotion-condition-values>span{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:10px 0;text-align:start!important;border-top:1px solid #263244}.promotion-condition-values small{white-space:normal;overflow-wrap:anywhere}.promotion-condition-values strong{white-space:nowrap}.promotion-section-head{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.promotion-section-head>strong{overflow-wrap:anywhere;word-break:normal}.promotion-section-head>span{justify-self:start;padding:5px 9px;border:1px solid #334155;border-radius:8px}.promotion-activity-grid{grid-template-columns:minmax(0,1fr);width:100%}.promotion-activity-grid>.promotion-activity-item{grid-template-columns:minmax(0,1fr);width:100%;gap:8px;padding:14px 0;overflow:hidden}.promotion-activity-item>span{overflow-wrap:anywhere;word-break:normal}.promotion-activity-values{display:grid;grid-template-columns:minmax(0,1fr);gap:0;justify-content:stretch}.promotion-activity-values>span{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;padding:8px 0;border-top:1px solid #263244}.promotion-activity-values small{white-space:normal;overflow-wrap:anywhere}.promotion-activity-values strong{white-space:normal;overflow-wrap:anywhere;text-align:start!important}.promotion-activity-confirmation{padding-top:4px}.promotion-activity-confirmation>strong{padding:8px 0}.promotion-activity-section>p{overflow-wrap:anywhere;word-break:normal}}
.maintenance-card{margin-top:16px}.maintenance-card>p{margin:0;color:#aeb9c8}.maintenance-card .promotion-activity-grid>div{display:grid;grid-template-columns:1fr auto;align-items:center}.maintenance-card .promotion-activity-grid small{grid-column:1/-1;color:#7f8da1}.maintenance-message{padding-top:14px;border-top:1px solid #334155;font-weight:800}.maintenance-message.passed{color:#68d391}.maintenance-message.failed{color:#f6ad55}
.maintenance-protection{padding:0;overflow:hidden}.maintenance-protection-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:15px;border:0;color:inherit;background:transparent;text-align:start;cursor:pointer}.maintenance-protection-toggle:focus-visible{outline:2px solid #d8b65c;outline-offset:-3px}.maintenance-protection-chevron{flex:0 0 auto;color:#d8b65c;font-size:1.25rem}.maintenance-protection-details{padding:0 15px 15px}.maintenance-protection-details[hidden]{display:none}.maintenance-protection-details p{margin:0;color:#d8dee9}
.rank-change-notice{display:grid;gap:6px;margin-top:16px;border-color:#d8b65c;background:rgba(216,182,92,.08)}.rank-change-notice[hidden]{display:none}.rank-change-notice p{margin:0}.rank-change-notice small{color:#aeb9c8}
.rank-change-dismiss{justify-self:start;margin-top:10px;min-height:40px;border-color:#d8b65c;color:#f1d57c;background:rgba(216,182,92,.08)}.rank-change-dismiss:hover{background:rgba(216,182,92,.16)}
@media(max-width:620px){.my-content-stack>*{min-width:0;max-width:100%;overflow-wrap:anywhere}.maintenance-card .promotion-activity-grid>div{grid-template-columns:minmax(0,1fr);gap:4px}.maintenance-card .promotion-activity-grid>div>strong{text-align:start}.maintenance-card .promotion-activity-grid small{overflow-wrap:anywhere}.rank-change-notice{overflow:hidden}.rank-change-notice p,.rank-change-notice strong,.rank-change-notice small{overflow-wrap:anywhere;word-break:normal}}
