.site-maintenance{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.9fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);min-height:clamp(22rem,52vh,31rem);margin:clamp(1rem,3vw,2.25rem) 0;padding:clamp(1.45rem,4vw,3.25rem);overflow:hidden;border:1px solid var(--line,#2b2d2e);border-radius:1rem;background:linear-gradient(118deg,#151614 0%,#101111 58%,#171714 100%)}
.site-maintenance__copy{max-width:35rem}.site-maintenance__eyebrow{margin:0 0:.75rem;color:#e3a55e;font-size:.78rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.site-maintenance h2{margin:0;color:#f3f2ee;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.045em;line-height:1.02}.site-maintenance__copy>p:not(.site-maintenance__eyebrow){max-width:31rem;margin:1rem 0 1.5rem;color:#aeb0ae;font-size:1rem;line-height:1.65}.site-maintenance__status{display:inline-flex;align-items:center;gap:.55rem;color:#d6d8d5;font-size:.88rem;font-weight:650}.site-maintenance__status i{width:.5rem;height:.5rem;border-radius:50%;background:#e3a55e;box-shadow:0 0 0 .24rem rgba(227,165,94,.11)}.site-maintenance__art{display:block;width:min(100%,31rem);justify-self:end;height:auto;filter:drop-shadow(0 1.4rem 2rem rgba(0,0,0,.32))}.site-maintenance--inline{min-height:0;margin:1.25rem 0 1.75rem;padding:clamp(1.25rem,3vw,2rem);grid-template-columns:minmax(0,1fr) minmax(12rem,.38fr)}.site-maintenance--inline h2{font-size:clamp(1.5rem,3vw,2.25rem)}.site-maintenance--inline .site-maintenance__art{width:min(100%,15rem)}@media(max-width:760px){.site-maintenance{grid-template-columns:1fr;gap:.9rem;min-height:0}.site-maintenance__art{width:min(100%,24rem);justify-self:center;order:-1}.site-maintenance h2{font-size:2rem}.site-maintenance--inline .site-maintenance__art{width:min(100%,13rem)}}@media(max-width:440px){.site-maintenance{margin:1rem 0;padding:1.25rem;border-radius:.7rem}.site-maintenance__copy>p:not(.site-maintenance__eyebrow){font-size:.94rem}}
.main__inner--maintenance{flex:1;gap:0;padding-bottom:var(--sp-5)}.site-maintenance--inline{flex:1;min-height:0;margin-bottom:var(--sp-5)}

/* A site-wide pause is a controlled shutdown, not a modal. Individual areas
   collapse in the same order players see them, then rebuild in reverse once
   service is available again. */
[data-maintenance-stage="1"]{--maintenance-shutdown-delay:0ms;--maintenance-restore-delay:1840ms}
[data-maintenance-stage="2"]{--maintenance-shutdown-delay:115ms;--maintenance-restore-delay:1725ms}
[data-maintenance-stage="3"]{--maintenance-shutdown-delay:230ms;--maintenance-restore-delay:1610ms}
[data-maintenance-stage="4"]{--maintenance-shutdown-delay:345ms;--maintenance-restore-delay:1495ms}
[data-maintenance-stage="5"]{--maintenance-shutdown-delay:470ms;--maintenance-restore-delay:1370ms}
[data-maintenance-stage="6"]{--maintenance-shutdown-delay:565ms;--maintenance-restore-delay:1275ms}
[data-maintenance-stage="7"]{--maintenance-shutdown-delay:660ms;--maintenance-restore-delay:1180ms}
[data-maintenance-stage="8"]{--maintenance-shutdown-delay:755ms;--maintenance-restore-delay:1085ms}
[data-maintenance-stage="9"]{--maintenance-shutdown-delay:850ms;--maintenance-restore-delay:990ms}
[data-maintenance-stage="10"]{--maintenance-shutdown-delay:990ms;--maintenance-restore-delay:850ms}
[data-maintenance-stage="11"]{--maintenance-shutdown-delay:1105ms;--maintenance-restore-delay:735ms}
[data-maintenance-stage="13"]{--maintenance-shutdown-delay:1335ms;--maintenance-restore-delay:505ms}
[data-maintenance-stage="14"]{--maintenance-shutdown-delay:1450ms;--maintenance-restore-delay:390ms}
[data-maintenance-stage="15"]{--maintenance-shutdown-delay:1565ms;--maintenance-restore-delay:275ms}

html[data-maintenance-transition="out"]{overflow:hidden}
html[data-maintenance-transition="out"] body{pointer-events:none}
html[data-maintenance-transition="out"] [data-maintenance-stage]{
  transform-origin:50% 50%;
  will-change:clip-path,filter,opacity,transform;
  animation:maintenance-fracture-out 560ms cubic-bezier(.55,0,.2,1) both;
  animation-delay:var(--maintenance-shutdown-delay,0ms);
}
html[data-maintenance-transition="in"] [data-maintenance-stage]{
  transform-origin:50% 50%;
  will-change:clip-path,filter,opacity,transform;
  animation:maintenance-repair-in 620ms cubic-bezier(.16,1,.3,1) both;
  animation-delay:var(--maintenance-restore-delay,0ms);
}

@keyframes maintenance-fracture-out{
  0%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:grayscale(0) blur(0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
  22%{opacity:1;transform:translate3d(-.18rem,.06rem,0) skewX(.8deg);filter:contrast(1.12) saturate(.72)}
  48%{opacity:.8;transform:translate3d(.26rem,-.04rem,0) skewX(-1.5deg);clip-path:polygon(0 8%,100% 0,96% 91%,4% 100%)}
  100%{opacity:0;transform:translate3d(0,-.48rem,0) rotate(-1deg) scale(.84,.14);filter:grayscale(1) blur(2px);clip-path:polygon(0 46%,100% 4%,100% 54%,0 96%)}
}

@keyframes maintenance-repair-in{
  0%{opacity:0;transform:translate3d(0,-.48rem,0) rotate(-1deg) scale(.84,.14);filter:grayscale(1) blur(2px);clip-path:polygon(0 46%,100% 4%,100% 54%,0 96%)}
  54%{opacity:.88;transform:translate3d(.16rem,.02rem,0) skewX(-.8deg);filter:contrast(1.08) saturate(.78);clip-path:polygon(0 7%,100% 0,97% 94%,3% 100%)}
  78%{opacity:1;transform:translate3d(-.1rem,0,0) skewX(.35deg);filter:grayscale(0) blur(0)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:none;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
}

@media(prefers-reduced-motion:reduce){
  html[data-maintenance-transition] [data-maintenance-stage]{animation:none;clip-path:none;filter:none}
}

/* The profile chip survives the shutdown and becomes the maintenance label in
   place, so the top-right corner never makes a hard visual jump. */
[data-maintenance-profile] .userchip__avatar,
[data-maintenance-profile] .userchip__tier,
[data-maintenance-profile] .tierbadge,
[data-maintenance-profile] .navbtn__chev{
  transition:opacity 180ms ease,transform 240ms cubic-bezier(.16,1,.3,1),max-inline-size 240ms cubic-bezier(.16,1,.3,1),margin 240ms cubic-bezier(.16,1,.3,1);
}
[data-maintenance-profile] [data-maintenance-profile-name]{display:inline-block;transition:color 180ms ease}
[data-maintenance-profile][data-maintenance-profile-state="leaving"] [data-maintenance-profile-name],
[data-maintenance-profile][data-maintenance-profile-state="leaving"][data-maintenance-profile-name]{animation:maintenance-label-out 150ms ease both}
[data-maintenance-profile][data-maintenance-profile-state="active"] [data-maintenance-profile-name],
[data-maintenance-profile][data-maintenance-profile-state="active"][data-maintenance-profile-name]{color:#e3a55e;animation:maintenance-label-in 340ms cubic-bezier(.16,1,.3,1) both}
[data-maintenance-profile][data-maintenance-profile-state="active"] .userchip__avatar{opacity:.58;transform:scale(.9);filter:sepia(.65) saturate(1.4)}
[data-maintenance-profile][data-maintenance-profile-state="active"] .userchip__tier,
[data-maintenance-profile][data-maintenance-profile-state="active"] .tierbadge{max-inline-size:0;margin:0;opacity:0;transform:scale(.7)}

/* Maintenance preserves the familiar navigation shell but makes unavailable
   destinations visibly inert. The account menu keeps its one safe action:
   logging out. */
html[data-site-maintenance="true"] .navbtn--disabled,
html[data-site-maintenance="true"] .dropdown__item--disabled{color:var(--c-ink-faint);opacity:.48;cursor:not-allowed;pointer-events:none}
html[data-site-maintenance="true"] .navbtn--disabled{border-color:transparent;background:transparent}
html[data-site-maintenance="true"] .dropdown__item--disabled:hover{color:var(--c-ink-faint);background:transparent}
html[data-site-maintenance="true"] .moneybtn:disabled,
html[data-site-maintenance="true"] .balancebar__add:disabled{opacity:.44;cursor:not-allowed;filter:saturate(.35)}
html[data-site-maintenance="true"] details[data-maintenance-disabled]>summary{color:var(--c-ink-faint);cursor:not-allowed;pointer-events:none}
html[data-site-maintenance="true"] .chat-toggle:disabled,
html[data-site-maintenance="true"] .pcard--offline:disabled,
html[data-site-maintenance="true"] .gamecard--offline:disabled{cursor:not-allowed}
html[data-site-maintenance="true"] .pcard--offline:disabled{opacity:.62;filter:grayscale(.5);transform:none}
html[data-site-maintenance="true"] .pcard--offline:disabled .pcard__art{transform:none}
html[data-site-maintenance="true"] .gamecard--offline:disabled{opacity:.72}
html[data-site-maintenance="true"] .sitefoot__link{color:var(--c-ink-faint);cursor:not-allowed;pointer-events:none}

/* The maintenance view arrives as the last part of the same sequence instead
   of appearing abruptly after the cards have finished collapsing. */
html[data-site-maintenance="true"] [data-maintenance-intro]{animation:maintenance-panel-in 680ms cubic-bezier(.16,1,.3,1) both}
html[data-site-maintenance="true"] [data-maintenance-intro] .site-maintenance__eyebrow{animation:maintenance-copy-in 420ms cubic-bezier(.16,1,.3,1) 120ms both}
html[data-site-maintenance="true"] [data-maintenance-intro] h2{animation:maintenance-copy-in 500ms cubic-bezier(.16,1,.3,1) 210ms both}
html[data-site-maintenance="true"] [data-maintenance-intro] .site-maintenance__copy>p:not(.site-maintenance__eyebrow){animation:maintenance-copy-in 480ms cubic-bezier(.16,1,.3,1) 310ms both}
html[data-site-maintenance="true"] [data-maintenance-intro] .site-maintenance__status{animation:maintenance-copy-in 440ms cubic-bezier(.16,1,.3,1) 390ms both}
html[data-site-maintenance="true"] [data-maintenance-intro] .site-maintenance__art{animation:maintenance-art-in 700ms cubic-bezier(.16,1,.3,1) 150ms both}
html[data-site-maintenance="true"] .chatbox__notice--info{animation:maintenance-copy-in 420ms cubic-bezier(.16,1,.3,1) 240ms both}

@keyframes maintenance-label-out{to{opacity:0;transform:translateY(-.24rem) scale(.92);filter:blur(2px)}}
@keyframes maintenance-label-in{from{opacity:0;transform:translateY(.3rem) scale(.94);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes maintenance-panel-in{from{opacity:0;transform:translateY(.8rem) scale(.985);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes maintenance-copy-in{from{opacity:0;transform:translateY(.55rem);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes maintenance-art-in{from{opacity:0;transform:translateX(1.2rem) rotate(1.5deg) scale(.94);filter:blur(5px)}to{opacity:1;transform:none;filter:drop-shadow(0 1.4rem 2rem rgba(0,0,0,.32))}}

@media(prefers-reduced-motion:reduce){
  [data-maintenance-profile] .userchip__avatar,[data-maintenance-profile] .userchip__tier,[data-maintenance-profile] .tierbadge,[data-maintenance-profile] .navbtn__chev{transition:none}
  html[data-site-maintenance="true"] [data-maintenance-intro],html[data-site-maintenance="true"] [data-maintenance-intro] *,html[data-site-maintenance="true"] .chatbox__notice--info{animation:none}
}

/* Scheduled windows are visible where players are already communicating, while
   the first site-wide warning uses the familiar maintenance artwork. */
.maintenance-live{display:flex;align-items:flex-start;gap:.58rem;margin:0 0 var(--sp-2);padding:.56rem .62rem;border:1px solid rgba(227,165,94,.35);border-radius:var(--r-sm);background:linear-gradient(110deg,rgba(227,165,94,.13),rgba(227,165,94,.045));color:var(--c-ink);font-size:var(--fs-100);line-height:1.35}.maintenance-live[hidden]{display:none}.maintenance-live__dot{width:.5rem;height:.5rem;flex:none;margin-top:.28rem;border-radius:50%;background:#e3a55e;box-shadow:0 0 0 .22rem rgba(227,165,94,.12)}.maintenance-live strong,.maintenance-live small{display:block}.maintenance-live strong{font-size:.78rem;letter-spacing:.01em}.maintenance-live small{margin-top:.08rem;color:var(--c-ink-dim);font-size:.74rem}.maintenance-warning{width:min(92vw,43rem);margin:auto;padding:0;border:1px solid rgba(227,165,94,.58);border-radius:1rem;color:var(--c-ink);background:transparent;box-shadow:0 2rem 7rem rgba(0,0,0,.68)}.maintenance-warning::backdrop{background:rgba(3,5,5,.78);backdrop-filter:blur(.35rem)}.maintenance-warning__surface{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,1fr);align-items:center;gap:1.2rem;overflow:hidden;padding:clamp(1.25rem,4vw,2.1rem);background:radial-gradient(21rem 14rem at 95% 0,rgba(227,165,94,.15),transparent 72%),#151614}.maintenance-warning__art{width:min(100%,22rem);height:auto;justify-self:center;align-self:center;filter:drop-shadow(0 1rem 1.4rem rgba(0,0,0,.34))}.maintenance-warning__eyebrow{margin:0 0:.55rem;color:#e3a55e;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.maintenance-warning h2{margin:0;font-size:clamp(1.35rem,3.5vw,2rem);letter-spacing:-.04em;line-height:1.06}.maintenance-warning__copy>p:not(.maintenance-warning__eyebrow){margin:.75rem 0 0;color:var(--c-ink-dim);line-height:1.55}.maintenance-warning .btn{margin-top:1.25rem}@media(max-width:620px){.maintenance-warning__surface{grid-template-columns:1fr;gap:.2rem}.maintenance-warning__art{width:min(14rem,58vw);justify-self:center;order:-1}.maintenance-warning .btn{margin-top:1rem}}