/* Professional in-game header command bar. Loaded after game-top-status.css on purpose. */
.er-site-header--game-pro {
    border-bottom-color: rgba(225, 190, 111, .16);
    background:
        radial-gradient(ellipse at 22% -170%, rgba(207, 163, 71, .2), transparent 43%),
        radial-gradient(ellipse at 72% -210%, rgba(80, 111, 155, .11), transparent 38%),
        linear-gradient(180deg, rgba(10, 13, 17, .992), rgba(5, 7, 10, .992));
    box-shadow: 0 12px 38px rgba(0, 0, 0, .5), inset 0 -1px 0 rgba(255, 255, 255, .02);
}

.er-site-header--game-pro .er-site-header__inner {
    max-width: none;
    padding-inline: clamp(10px, 1.25vw, 22px);
    gap: clamp(8px, 1vw, 16px);
}

.er-site-header--game-pro .er-site-header__brand {
    flex-basis: clamp(180px, 14vw, 232px);
    min-width: 180px;
}

.er-site-header--game-pro .er-site-header__brand img {
    width: min(218px, 100%);
}

.er-site-header--game-pro .er-site-header__actions {
    flex: 1 1 auto;
    min-width: 0;
    gap: 8px;
}

.er-site-header--game-pro .er-game-header-tools {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-end;
    gap: 8px;
}

.er-site-header--game-pro .er-game-audio-toolbar,
.er-site-header--game-pro .er-game-commandbar {
    height: 52px;
    min-height: 52px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .075);
    background: linear-gradient(180deg, rgba(22, 27, 34, .92), rgba(9, 13, 18, .95));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 8px 22px rgba(0, 0, 0, .24);
}

.er-site-header--game-pro .er-game-audio-toolbar {
    flex: 0 1 auto;
    padding: 5px 7px 5px 10px;
}

.er-game-commandbar {
    position: relative;
    z-index: 3;
    display: flex;
    flex: 1 1 510px;
    align-items: center;
    min-width: 300px;
    max-width: 720px;
    padding: 5px 6px 5px 10px;
    overflow: hidden;
}

.er-game-commandbar::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 2px;
    background: linear-gradient(180deg, transparent, rgba(227, 190, 103, .68), transparent);
    opacity: .72;
}

.er-game-commandbar__identity {
    display: grid;
    flex: 0 0 auto;
    gap: 0;
    min-width: 88px;
    padding: 0 10px 0 4px;
    border-right: 1px solid rgba(255, 255, 255, .07);
}

.er-game-commandbar__identity > span {
    color: #d9b867;
    font-size: .56rem;
    font-weight: 950;
    letter-spacing: .16em;
    line-height: 1.2;
}

.er-game-commandbar__identity > strong {
    margin-top: 2px;
    color: #dce2e8;
    font-size: .66rem;
    font-weight: 760;
    line-height: 1.15;
    white-space: nowrap;
}

.er-game-commandbar__actions {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    min-width: 0;
    padding-left: 6px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
}

.er-game-commandbar__actions::-webkit-scrollbar { display: none; }
.er-game-commandbar__survival { display: contents !important; }

.er-game-commandbar__button,
.er-site-header--game-pro .er-game-commandbar .er-btn {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 40px;
    min-height: 40px;
    margin: 0 !important;
    padding: 0 11px;
    border: 1px solid rgba(255, 255, 255, .085);
    border-radius: 9px;
    background: rgba(255, 255, 255, .025);
    color: #d7dde3;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02);
    font-size: .7rem;
    font-weight: 820;
    letter-spacing: .015em;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: transform .14s ease, border-color .14s ease, background .14s ease, color .14s ease, box-shadow .14s ease;
}

.er-game-commandbar__button:hover,
.er-game-commandbar__button:focus-visible {
    z-index: 2;
    border-color: rgba(222, 187, 108, .38);
    background: rgba(207, 163, 71, .08);
    color: #f3dfb1;
    outline: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 5px 15px rgba(0, 0, 0, .2);
    transform: translateY(-1px);
}

.er-game-commandbar__button:disabled { opacity: .46; cursor: default; transform: none; }

.er-game-commandbar__button::before {
    display: inline-grid;
    flex: 0 0 22px;
    place-items: center;
    width: 22px;
    height: 22px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 6px;
    background: rgba(0, 0, 0, .16);
    color: #bfc7d0;
    font-size: .58rem;
    font-weight: 950;
    letter-spacing: .02em;
}

.er-game-commandbar__button[data-game-command="voice"]::before { content: "MIC"; }
.er-game-commandbar__button[data-game-command="ai"]::before { content: "AI"; color: #d5c17f; }
.er-game-commandbar__button[data-game-command="pause"]::before { content: "Ⅱ"; font-size: .7rem; }
.er-game-commandbar__button[data-game-command="comic"]::before { content: "FX"; color: #e3bd67; }
.er-game-commandbar__button[data-game-command="end"]::before { content: "■"; color: #e18a8a; }

.er-game-commandbar__button[data-game-command="comic"] {
    border-color: rgba(207, 163, 71, .23);
    background: rgba(207, 163, 71, .045);
    color: #e8cf96;
}

.er-game-commandbar__button[data-game-command="ai"].er-btn--danger {
    border-color: rgba(204, 111, 80, .42);
    background: rgba(108, 48, 31, .22);
    color: #efb49d;
}

.er-game-commandbar__button[data-game-command="ai"].er-btn--launch {
    border-color: rgba(94, 177, 121, .38);
    background: rgba(33, 92, 52, .2);
    color: #bce5c8;
}

.er-game-commandbar__button[data-game-command="end"] {
    margin-left: 3px !important;
    border-color: rgba(208, 85, 85, .38);
    background: linear-gradient(180deg, rgba(108, 32, 35, .26), rgba(52, 18, 21, .32));
    color: #f0b4b4;
}

.er-game-commandbar__button[data-game-command="end"]:hover,
.er-game-commandbar__button[data-game-command="end"]:focus-visible {
    border-color: rgba(234, 105, 105, .66);
    background: linear-gradient(180deg, rgba(130, 38, 42, .38), rgba(66, 20, 24, .42));
    color: #ffd0d0;
}

.er-game-command-menu--legacy-proxy,
.er-game--commandbar-ready > .er-admin-bar:not(#install-banner) { display: none !important; }
.er-site-header--game-pro .er-game-command-menu { display: none !important; }

.er-site-header--game-pro .er-site-header__account {
    min-width: 138px;
    max-width: 184px;
    background: rgba(255, 255, 255, .02);
}

.er-site-header--game-pro .er-site-header__mobile summary {
    background: linear-gradient(180deg, rgba(36, 30, 18, .82), rgba(9, 11, 14, .98));
}

@media (max-width: 1480px) {
    .er-game-commandbar { flex-basis: 430px; min-width: 250px; }
    .er-game-commandbar__identity { min-width: auto; }
    .er-game-commandbar__identity > strong { display: none; }
    .er-site-header--game-pro .er-game-commandbar__button { padding-inline: 9px; font-size: .66rem; }
}

@media (max-width: 1180px) {
    .er-site-header--game-pro .er-site-header__brand { flex-basis: 170px; min-width: 150px; }
    .er-site-header--game-pro .er-site-header__account { min-width: 48px; width: 48px; padding-inline: 8px; }
    .er-site-header--game-pro .er-site-header__account-name,
    .er-site-header--game-pro .er-site-header__account-chevron { display: none; }
    .er-game-commandbar { flex-basis: 390px; min-width: 220px; }
    .er-game-commandbar__identity { display: none; }
    .er-game-commandbar__actions { padding-left: 0; justify-content: flex-start; }
}

@media (max-width: 900px) {
    .er-site-header--game-pro .er-site-header__brand { display: none; }
    .er-site-header--game-pro .er-site-header__actions { padding-left: 0; }
    .er-site-header--game-pro .er-site-header__actions::before { display: none; }
    .er-site-header--game-pro .er-game-header-tools { justify-content: flex-start; }
    .er-site-header--game-pro .er-game-audio-toolbar { flex: 0 0 auto; }
    .er-game-commandbar { flex: 1 1 auto; min-width: 0; max-width: none; }
    .er-site-header--game-pro .er-site-header__account-menu { margin-left: auto; }
}

@media (max-width: 700px) {
    .er-site-header--game-pro .er-site-header__inner { padding-inline: 7px; gap: 5px; }
    .er-site-header--game-pro .er-game-header-tools { gap: 5px; overflow: hidden; }
    .er-site-header--game-pro .er-game-audio-toolbar,
    .er-site-header--game-pro .er-game-commandbar { height: 48px; min-height: 48px; border-radius: 10px; }
    .er-site-header--game-pro .er-game-audio-toolbar { padding: 3px 4px; }
    .er-game-commandbar { padding: 3px 4px; }
    .er-game-commandbar__button,
    .er-site-header--game-pro .er-game-commandbar .er-btn {
        height: 38px;
        min-height: 38px;
        padding: 0 8px;
        border-radius: 8px;
        font-size: .64rem;
    }
    .er-game-commandbar__button::before { width: 20px; height: 20px; flex-basis: 20px; }
}

@media (max-width: 520px) {
    .er-site-header--game-pro .er-site-header__account-menu { display: none; }
    .er-site-header--game-pro .er-site-header__mobile { display: block; flex: 0 0 auto; }
    .er-site-header--game-pro .er-game-audio-toolbar .er-speech-toggle span,
    .er-site-header--game-pro .er-game-audio-toolbar__identity { display: none; }
    .er-site-header--game-pro .er-game-audio-toolbar .er-speech-toggle {
        min-width: 38px;
        width: 38px;
        padding-inline: 5px;
    }
    .er-game-commandbar__actions { scroll-snap-type: x proximity; }
    .er-game-commandbar__button { scroll-snap-align: start; }
}

@media (prefers-reduced-motion: reduce) {
    .er-game-commandbar__button { transition: none; }
}