.game-status-bar { --game-status-detail-gap: 7px; row-gap: 0; }
.game-status-bar__details { grid-column: 1 / -1; display: flex; justify-content: center; flex-wrap: wrap; gap: 3px 16px; margin-top: var(--game-status-detail-gap); color: #9eabb9; font-size: 10px; line-height: 1.6; letter-spacing: normal; }
.game-status-bar__details[hidden] { display: none !important; }
.game-status-bar__details.is-sliding { overflow: hidden; min-height: 0; }
.game-status-bar__toggle { display: inline-flex; align-items: center; gap: 6px; padding: 1px 4px; border: 1px solid transparent; border-radius: 4px; background: transparent; color: inherit; font: inherit; line-height: inherit; cursor: pointer; }
.game-status-bar__toggle:hover { border-color: rgba(137,160,183,.35); background: rgba(137,160,183,.08); }
.game-status-bar__toggle:focus-visible { outline: 2px solid #afd5e7; outline-offset: 2px; }
.game-status-bar__chevron { flex: none; transition: transform .26s cubic-bezier(.22,1,.36,1); }
.game-status-bar__toggle[aria-expanded="true"] .game-status-bar__chevron { transform: rotate(180deg); }
@media (prefers-reduced-motion: reduce) { .game-status-bar__chevron { transition: none; } }
.game-status-bar__details a { color: #afd5e7; text-decoration: underline; text-underline-offset: 2px; }
.game-status-bar__details ul { flex-basis: 100%; list-style: none; max-width: 100%; margin: 0; padding: 0; }
.game-status-bar__details li { padding: 6px 12px; border-top: 1px solid #303a46; text-align: center; overflow-wrap: anywhere; }
.game-status-bar__details strong { color: #dfc991; font-size: inherit; }
.game-status-bar__details .game-status-bar__regions { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 16px; }
.game-status-bar__details .game-status-bar__regions li { padding: 2px 0; border: 0; color: #aebbc7; }
.game-status-bar__regions li[data-state="online"] b { color: #8fdab1; }
.game-status-bar__regions li[data-state="maintenance"] b { color: #dec383; }
.game-status-bar__regions li[data-state="unavailable"] b { color: #edaaa5; }
.game-status-bar__regions li[data-state="unknown"] b { color: #9eabb9; }
.game-status-bar__details a:focus-visible { outline: 2px solid #afd5e7; outline-offset: 3px; }
@media (max-width: 600px) { .game-status-bar__details { gap: 2px 10px; } .game-status-bar__details li { text-align: left; padding: 6px 0; } }