.bmm-gh {
    --bmm-gh-bg: #f7f8fb;
    --bmm-gh-panel: #ffffff;
    --bmm-gh-panel-soft: #f8fafc;
    --bmm-gh-field: #ffffff;
    --bmm-gh-cover: #e8edf5;
    --bmm-gh-meter-bg: #edf2f7;
    --bmm-gh-text: #17202a;
    --bmm-gh-muted: #64748b;
    --bmm-gh-border: #dbe3ef;
    --bmm-gh-primary: #1167d8;
    --bmm-gh-primary-dark: #0d4fa7;
    --bmm-gh-danger: #b42318;
    --bmm-gh-danger-border: #fecaca;
    --bmm-gh-success-bg: #e9f8ef;
    --bmm-gh-success-text: #166534;
    --bmm-gh-info-bg: #e8f3ff;
    --bmm-gh-info-text: #0756a5;
    --bmm-gh-error-bg: #fff1f1;
    --bmm-gh-error-text: #991b1b;
    color: var(--bmm-gh-text);
    max-width: 100%;
    width: 100%;
}

html.dark-mode .bmm-gh,
body.dark-mode .bmm-gh,
body.buddyx-dark-theme .bmm-gh,
html[data-bx-mode="dark"] .bmm-gh {
    --bmm-gh-bg: #0f1115;
    --bmm-gh-panel: #15171c;
    --bmm-gh-panel-soft: #1b1e24;
    --bmm-gh-field: #101217;
    --bmm-gh-cover: #20242c;
    --bmm-gh-meter-bg: #252a33;
    --bmm-gh-text: #f3f4f6;
    --bmm-gh-muted: #a7b0bd;
    --bmm-gh-border: #303641;
    --bmm-gh-primary: #4f9cff;
    --bmm-gh-primary-dark: #2776df;
    --bmm-gh-danger: #fca5a5;
    --bmm-gh-danger-border: #7f1d1d;
    --bmm-gh-success-bg: #123322;
    --bmm-gh-success-text: #86efac;
    --bmm-gh-info-bg: #102744;
    --bmm-gh-info-text: #93c5fd;
    --bmm-gh-error-bg: #3b1518;
    --bmm-gh-error-text: #fecaca;
}

html.light-mode .bmm-gh,
body.light-mode .bmm-gh,
html[data-bx-mode="light"] .bmm-gh {
    --bmm-gh-bg: #f7f8fb;
    --bmm-gh-panel: #ffffff;
    --bmm-gh-panel-soft: #f8fafc;
    --bmm-gh-field: #ffffff;
    --bmm-gh-cover: #e8edf5;
    --bmm-gh-meter-bg: #edf2f7;
    --bmm-gh-text: #17202a;
    --bmm-gh-muted: #64748b;
    --bmm-gh-border: #dbe3ef;
    --bmm-gh-primary: #1167d8;
    --bmm-gh-primary-dark: #0d4fa7;
    --bmm-gh-danger: #b42318;
    --bmm-gh-danger-border: #fecaca;
    --bmm-gh-success-bg: #e9f8ef;
    --bmm-gh-success-text: #166534;
    --bmm-gh-info-bg: #e8f3ff;
    --bmm-gh-info-text: #0756a5;
    --bmm-gh-error-bg: #fff1f1;
    --bmm-gh-error-text: #991b1b;
}

.bmm-gh *,
.bmm-gh *::before,
.bmm-gh *::after {
    box-sizing: border-box;
}

.bmm-gh h1,
.bmm-gh h2,
.bmm-gh h3,
.bmm-gh h4,
.bmm-gh h5,
.bmm-gh h6,
.bmm-gh label,
.bmm-gh strong {
    color: var(--bmm-gh-text) !important;
}

.bmm-gh-panel {
    background: var(--bmm-gh-panel);
    border: 1px solid var(--bmm-gh-border);
    border-radius: 8px;
    padding: 20px;
    width: 100%;
}

.bmm-gh-panel h2,
.bmm-gh-panel h3 {
    margin-top: 0;
}

.bmm-gh-muted {
    color: var(--bmm-gh-muted);
    font-size: 14px;
}

.bmm-gh-alert {
    border-radius: 8px;
    margin: 0 0 16px;
    padding: 12px 14px;
}

.bmm-gh-alert-success {
    background: var(--bmm-gh-success-bg);
    color: var(--bmm-gh-success-text);
}

.bmm-gh-alert-error {
    background: var(--bmm-gh-error-bg);
    color: var(--bmm-gh-error-text);
}

.bmm-gh-alert-info {
    background: var(--bmm-gh-info-bg);
    color: var(--bmm-gh-info-text);
}

.bmm-gh-onboarding {
    max-width: none;
    width: 100%;
}

.bmm-gh-onboarding-head {
    align-items: start;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.bmm-gh-onboarding-head h2,
.bmm-gh-onboarding-head p {
    margin-bottom: 0;
}

.bmm-gh-summary {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.bmm-gh-meter-wrap {
    min-width: 260px;
}

.bmm-gh-meter-label {
    font-size: 14px;
    margin-bottom: 8px;
}

.bmm-gh-meter {
    background: var(--bmm-gh-meter-bg);
    border-radius: 999px;
    height: 10px;
    overflow: hidden;
}

.bmm-gh-meter span {
    background: linear-gradient(90deg, #1167d8, #27a376);
    display: block;
    height: 100%;
}

.bmm-gh-dashboard-grid,
.bmm-gh-admin-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(260px, 0.8fr) minmax(320px, 1.4fr);
}

.bmm-gh-owned-games-panel {
    margin-bottom: 20px;
}

.bmm-gh-owned-game-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.bmm-gh-owned-game-card {
    background: var(--bmm-gh-panel-soft);
    border: 1px solid var(--bmm-gh-border);
    border-radius: 8px;
    display: grid;
    gap: 14px;
    padding: 16px;
}

.bmm-gh-owned-game-card h3 {
    margin: 0;
}

.bmm-gh-owned-game-meta {
    color: var(--bmm-gh-muted);
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    font-size: 13px;
}

.bmm-gh-owned-game-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.bmm-gh-game-list {
    display: grid;
    gap: 10px;
}

.bmm-gh-game-row {
    border: 1px solid var(--bmm-gh-border);
    background: var(--bmm-gh-panel);
    border-radius: 8px;
    color: inherit;
    display: grid;
    gap: 4px;
    padding: 12px;
    text-decoration: none;
}

.bmm-gh-game-row:hover,
.bmm-gh-game-row.is-active {
    border-color: var(--bmm-gh-primary);
}

.bmm-gh-game-row span {
    color: var(--bmm-gh-muted);
    font-size: 13px;
}

.bmm-gh-form {
    display: grid;
    gap: 14px;
    max-width: none;
    width: 100%;
}

.bmm-gh-form.is-loading,
.bmm-gh-inline-form.is-loading {
    opacity: 0.72;
    pointer-events: none;
}

.bmm-gh-form label {
    display: grid;
    font-weight: 600;
    gap: 6px;
    max-width: none;
    width: 100%;
}

.bmm-gh-form input[type="text"],
.bmm-gh-form input[type="url"],
.bmm-gh-form input[type="number"],
.bmm-gh-form input[type="file"],
.bmm-gh-form select,
.bmm-gh-form textarea {
    border: 1px solid var(--bmm-gh-border);
    background: var(--bmm-gh-field);
    border-radius: 6px;
    color: var(--bmm-gh-text);
    font: inherit;
    padding: 10px 12px;
    width: 100%;
}

.bmm-gh-form .bmm-gh-button,
.bmm-gh-form button[type="submit"],
.bmm-gh-form input[type="submit"] {
    max-width: none;
    width: 100%;
}

.bmm-gh-form input::placeholder,
.bmm-gh-form textarea::placeholder {
    color: var(--bmm-gh-muted);
}

.bmm-gh-button {
    align-items: center;
    background: var(--bmm-gh-panel);
    border: 1px solid var(--bmm-gh-border);
    border-radius: 6px;
    color: var(--bmm-gh-text);
    cursor: pointer;
    display: inline-flex;
    font-weight: 700;
    justify-content: center;
    line-height: 1.2;
    min-height: 38px;
    padding: 9px 14px;
    text-decoration: none;
}

.bmm-gh-button:hover {
    border-color: var(--bmm-gh-primary);
    color: var(--bmm-gh-primary);
}

.bmm-gh-button-primary {
    background: var(--bmm-gh-primary);
    border-color: var(--bmm-gh-primary);
    color: #ffffff;
}

.bmm-gh-button-primary:hover {
    background: var(--bmm-gh-primary-dark);
    color: #ffffff;
}

.bmm-gh-button-danger {
    border-color: var(--bmm-gh-danger-border);
    color: var(--bmm-gh-danger);
}

.bmm-gh-manager-head {
    align-items: start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.bmm-gh-manager-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.bmm-gh-back-link {
    color: var(--bmm-gh-primary);
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 8px;
    text-decoration: none;
}

.bmm-gh-game-storage {
    margin: 18px 0;
}

.bmm-gh-manager-shell {
    align-items: start;
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
}

.bmm-gh-manager-content {
    min-width: 0;
}

.bmm-gh-dev-tabs {
    background: var(--bmm-gh-panel-soft);
    border: 1px solid var(--bmm-gh-border);
    border-radius: 8px;
    display: grid;
    gap: 4px;
    overflow: hidden;
    padding: 8px;
    position: sticky;
    top: calc(var(--kol-ams-active-header-height, 0px) + 12px);
}

.bmm-gh-dev-tab {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--bmm-gh-muted);
    display: flex;
    font-weight: 700;
    gap: 8px;
    justify-content: flex-start;
    min-height: 42px;
    padding: 10px 12px;
    text-decoration: none;
    width: 100%;
}

.bmm-gh-dev-tab:hover,
.bmm-gh-dev-tab.is-active {
    background: var(--bmm-gh-panel);
    border-color: var(--bmm-gh-border);
    color: var(--bmm-gh-text);
}

.bmm-gh-dev-tab.is-active {
    box-shadow: inset 4px 0 0 var(--bmm-gh-primary);
}

.bmm-gh-manager-tab-panel {
    padding: 0;
}

.bmm-gh-form-wide {
    max-width: 760px;
}

.bmm-gh-tabs {
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr);
}

.bmm-gh-upload-control {
    display: grid;
    gap: 10px;
}

.bmm-gh-upload-drop {
    align-items: center;
    background: var(--bmm-gh-panel-soft);
    border: 2px dashed var(--bmm-gh-border);
    border-radius: 8px;
    cursor: pointer;
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: auto 1fr;
    padding: 16px;
    position: relative;
    transition: border-color 160ms ease, background-color 160ms ease;
}

.bmm-gh-upload-drop:hover,
.bmm-gh-upload-drop.is-dragging,
.bmm-gh-upload-drop.has-file {
    border-color: var(--bmm-gh-primary);
}

.bmm-gh-upload-drop.is-dragging {
    background: var(--bmm-gh-info-bg);
}

.bmm-gh-upload-drop input[type="file"] {
    height: 1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.bmm-gh-upload-icon {
    align-items: center;
    background: var(--bmm-gh-primary);
    border-radius: 8px;
    color: #ffffff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    height: 42px;
    justify-content: center;
    letter-spacing: 0;
    width: 48px;
}

.bmm-gh-upload-copy {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.bmm-gh-upload-copy strong {
    color: var(--bmm-gh-text);
    font-size: 15px;
}

.bmm-gh-upload-copy span {
    color: var(--bmm-gh-muted);
    font-size: 13px;
}

.bmm-gh-upload-file {
    background: var(--bmm-gh-panel);
    border: 1px solid var(--bmm-gh-border);
    border-radius: 6px;
    color: var(--bmm-gh-muted);
    font-size: 12px;
    grid-column: 1 / -1;
    overflow: hidden;
    padding: 8px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bmm-gh-upload-drop.has-file .bmm-gh-upload-file {
    color: var(--bmm-gh-text);
}

.bmm-gh-upload-progress {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr auto;
}

.bmm-gh-upload-progress[aria-hidden="true"] {
    display: none;
}

.bmm-gh-upload-progress-bar {
    background: var(--bmm-gh-meter-bg);
    border-radius: 999px;
    height: 12px;
    overflow: hidden;
}

.bmm-gh-upload-progress-bar span {
    background: linear-gradient(90deg, #1167d8, #27a376);
    display: block;
    height: 100%;
    transition: width 160ms ease;
}

.bmm-gh-upload-progress output {
    color: var(--bmm-gh-muted);
    font-size: 12px;
    min-width: 40px;
    text-align: right;
}

.bmm-gh-upload-status {
    min-height: 18px;
}

.bmm-gh-build-list {
    border-top: 1px solid var(--bmm-gh-border);
    display: grid;
    gap: 0;
    margin-top: 16px;
}

.bmm-gh-build-row {
    align-items: center;
    border-bottom: 1px solid var(--bmm-gh-border);
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr auto auto;
    padding: 12px 0;
}

.bmm-gh-build-row span {
    color: var(--bmm-gh-muted);
    display: block;
    font-size: 13px;
}

.bmm-gh-request-list {
    display: grid;
    gap: 10px;
    margin-top: 10px;
}

.bmm-gh-request-row {
    border: 1px solid var(--bmm-gh-border);
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr auto;
    padding: 12px;
}

.bmm-gh-request-row span {
    color: var(--bmm-gh-muted);
    display: block;
    font-size: 12px;
}

.bmm-gh-request-row p {
    margin: 8px 0 0;
}

.bmm-gh-request-actions {
    align-items: start;
    display: flex;
    gap: 8px;
}

.bmm-gh-badge {
    background: var(--bmm-gh-info-bg);
    border-radius: 999px;
    color: var(--bmm-gh-info-text) !important;
    font-size: 12px !important;
    font-weight: 700;
    padding: 5px 9px;
}

.bmm-gh-inline-form {
    display: inline-flex;
    gap: 8px;
    margin-top: 12px;
}

.bmm-gh-api-doc {
    display: grid;
    gap: 14px;
    margin-top: 20px;
}

.bmm-gh-code {
    background: #0f172a;
    border-radius: 8px;
    color: #e2e8f0;
    overflow: auto;
    padding: 14px;
    white-space: pre-wrap;
}

.bmm-gh-manifest-box {
    border: 1px solid var(--bmm-gh-border);
    border-radius: 8px;
    display: grid;
    gap: 12px;
    padding: 14px;
}

.bmm-gh-manifest-preview {
    background: var(--bmm-gh-panel-soft);
    margin-top: 20px;
}

.bmm-gh-manifest-head {
    align-items: start;
    display: flex;
    gap: 14px;
    justify-content: space-between;
}

.bmm-gh-manifest-head h4,
.bmm-gh-manifest-head p {
    margin: 0;
}

.bmm-gh-instruction-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.bmm-gh-instruction-grid article,
.bmm-gh-callout {
    background: var(--bmm-gh-panel-soft);
    border: 1px solid var(--bmm-gh-border);
    border-radius: 8px;
    padding: 14px;
}

.bmm-gh-instruction-grid h4 {
    margin-top: 0;
}

.bmm-gh-callout p {
    margin-bottom: 0;
}

.bmm-gh-builder-form {
    margin-top: 16px;
}

.bmm-gh-toggle-row {
    align-items: center;
    background: var(--bmm-gh-panel-soft);
    border: 1px solid var(--bmm-gh-border);
    border-radius: 8px;
    display: flex !important;
    font-weight: 700;
    gap: 10px !important;
    padding: 12px;
}

.bmm-gh-toggle-row input {
    height: 18px;
    width: 18px;
}

.bmm-gh-builder-table {
    border: 1px solid var(--bmm-gh-border);
    border-radius: 8px;
    display: grid;
    overflow: hidden;
}

.bmm-gh-builder-head,
.bmm-gh-builder-row {
    display: grid;
    gap: 0;
    grid-template-columns: 1fr 1.3fr 0.8fr 0.8fr;
}

.bmm-gh-builder-head-5,
.bmm-gh-builder-row-5 {
    grid-template-columns: 0.85fr 1fr 1.4fr 92px 110px;
}

.bmm-gh-builder-head span,
.bmm-gh-builder-row > * {
    border-bottom: 1px solid var(--bmm-gh-border);
    border-right: 1px solid var(--bmm-gh-border);
    min-width: 0;
}

.bmm-gh-builder-head span {
    background: var(--bmm-gh-panel-soft);
    color: var(--bmm-gh-muted);
    font-size: 12px;
    font-weight: 800;
    padding: 9px 10px;
    text-transform: uppercase;
}

.bmm-gh-builder-row:last-child > * {
    border-bottom-width: 0;
}

.bmm-gh-builder-head span:last-child,
.bmm-gh-builder-row > *:last-child {
    border-right-width: 0;
}

.bmm-gh-builder-row input,
.bmm-gh-builder-row select {
    border: 0 !important;
    border-radius: 0 !important;
    min-height: 42px;
}

.bmm-gh-compact-check {
    align-items: center;
    display: inline-flex !important;
    gap: 6px !important;
    justify-content: center;
    margin: 0;
    padding: 0 10px;
}

.bmm-gh-permission-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.bmm-gh-permission-card {
    align-items: flex-start;
    background: var(--bmm-gh-panel-soft);
    border: 1px solid var(--bmm-gh-border);
    border-radius: 8px;
    display: flex !important;
    gap: 10px !important;
    padding: 14px;
}

.bmm-gh-permission-card input {
    margin-top: 3px;
}

.bmm-gh-permission-card span {
    display: grid;
    gap: 4px;
}

.bmm-gh-permission-card small {
    color: var(--bmm-gh-muted);
    font-size: 13px;
    line-height: 1.35;
}

.bmm-gh-badge.is-enabled {
    background: var(--bmm-gh-success-bg);
    color: var(--bmm-gh-success-text) !important;
}

.bmm-gh-badge.is-disabled {
    background: var(--bmm-gh-meter-bg);
    color: var(--bmm-gh-muted) !important;
}

.bmm-gh-review-checklist {
    display: grid;
    gap: 10px;
    margin-bottom: 18px;
}

.bmm-gh-review-checklist div {
    align-items: center;
    background: var(--bmm-gh-panel-soft);
    border: 1px solid var(--bmm-gh-border);
    border-radius: 8px;
    display: flex;
    gap: 10px;
    padding: 12px;
}

.bmm-gh-review-checklist .is-ok .dashicons {
    color: var(--bmm-gh-success-text);
}

.bmm-gh-review-checklist .is-missing .dashicons {
    color: var(--bmm-gh-danger);
}

.bmm-gh-library {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}

.bmm-gh-game-card {
    background: var(--bmm-gh-panel);
    border: 1px solid var(--bmm-gh-border);
    border-radius: 8px;
    overflow: hidden;
}

.bmm-gh-game-cover {
    aspect-ratio: 16 / 9;
    background: var(--bmm-gh-cover);
    display: block;
}

.bmm-gh-game-cover img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.bmm-gh-game-cover-empty {
    align-items: center;
    color: var(--bmm-gh-muted);
    display: flex;
    justify-content: center;
    text-decoration: none;
}

.bmm-gh-game-card-body {
    display: grid;
    gap: 10px;
    padding: 14px;
}

.bmm-gh-game-card-body h3,
.bmm-gh-game-card-body p {
    margin: 0;
}

.bmm-gh-play-main {
    margin-top: 18px;
}

.bmm-gh-stat-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
}

.bmm-gh-stat {
    background: var(--bmm-gh-panel-soft);
    border: 1px solid var(--bmm-gh-border);
    border-radius: 8px;
    display: grid;
    gap: 4px;
    padding: 12px;
}

.bmm-gh-stat span {
    color: var(--bmm-gh-muted);
    font-size: 12px;
}

.bmm-gh-stat strong {
    font-size: 20px;
}

body.bmm-gh-play-body,
.bmm-gh-play-body {
    background: #070b12;
    margin: 0;
}

body.bmm-gh-play-page {
    overflow: hidden;
}

body.bmm-gh-play-page .site-content,
body.bmm-gh-play-page #content,
body.bmm-gh-play-page .content-area,
body.bmm-gh-play-page .site-main {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

body.bmm-gh-play-page .kol-blog-floating-btn {
    display: none !important;
}

.bmm-gh-play-shell {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    height: calc(100vh - var(--kol-ams-active-header-height, 0px));
    min-height: 0;
    overflow: hidden;
}

body.kol-bbm-enabled .bmm-gh-play-shell {
    height: calc(100vh - var(--kol-ams-active-header-height, 0px) - var(--bbm-height, 80px));
}

body.kol-bbm-enabled.kol-bbm-minimized .bmm-gh-play-shell {
    height: calc(100vh - var(--kol-ams-active-header-height, 0px));
}

.bmm-gh-play-header {
    align-items: center;
    background: #111827;
    color: #ffffff;
    display: grid;
    gap: 12px;
    grid-template-columns: auto 1fr auto;
    min-height: 64px;
    padding: 10px 16px;
}

.bmm-gh-play-header a {
    color: #c7d2fe;
    text-decoration: none;
}

.bmm-gh-play-title {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.bmm-gh-play-title strong,
.bmm-gh-play-title span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bmm-gh-play-title span {
    color: #9ca3af;
    font-size: 12px;
}

.bmm-gh-play-status {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.bmm-gh-game-tabs {
    align-items: center;
    background: #0f172a;
    border-bottom: 1px solid rgba(148, 163, 184, 0.25);
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding: 9px 12px;
}

.bmm-gh-game-tab {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #cbd5e1;
    cursor: pointer;
    flex: 0 0 auto;
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    min-height: 36px;
    padding: 8px 11px;
}

.bmm-gh-game-tab:hover,
.bmm-gh-game-tab.is-active {
    background: #ffffff;
    border-color: #ffffff;
    color: #0f172a;
}

.bmm-gh-game-panels {
    background: #eef2f7;
    min-height: 0;
    overflow: auto;
}

.bmm-gh-game-panel {
    min-height: 100%;
    padding: 18px;
}

.bmm-gh-game-panel-play {
    background: #030712;
    padding: 0;
    width: 100%;
}

.bmm-gh-game-stage {
    background: #030712;
    min-height: 0;
    overflow: hidden;
}

.bmm-gh-game-stage-player {
    padding: 12px;
}

.bmm-gh-game-play-layout {
    display: block;
    height: 100%;
    min-height: 0;
    width: 100%;
}

.bmm-gh-game-frame-wrap {
    background: #030712;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 8px;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    width: 100%;
}

.bmm-gh-game-frame {
    border: 0;
    display: block;
    height: 100%;
    min-height: 0;
    width: 100%;
}

.bmm-gh-dev-shell {
    background: #030712;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    min-height: 0;
    overflow: hidden;
    transition: grid-template-columns 180ms ease;
}

.bmm-gh-dev-shell.is-open {
    grid-template-columns: minmax(300px, 390px) minmax(0, 1fr);
}

.bmm-gh-dev-dock {
    background: var(--bmm-gh-panel);
    border-right: 1px solid var(--bmm-gh-border);
    color: var(--bmm-gh-text);
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

.bmm-gh-dev-dock-head {
    align-items: center;
    border-bottom: 1px solid var(--bmm-gh-border);
    display: flex;
    gap: 12px;
    justify-content: space-between;
    min-height: 58px;
    padding: 10px 12px;
}

.bmm-gh-dev-dock-title {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.bmm-gh-dev-dock-title span {
    color: var(--bmm-gh-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.bmm-gh-dev-dock-title strong {
    color: var(--bmm-gh-text);
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bmm-gh-dev-dock-toggle {
    align-items: center;
    background: var(--bmm-gh-panel-soft);
    border: 1px solid var(--bmm-gh-border);
    border-radius: 6px;
    color: var(--bmm-gh-text);
    cursor: pointer;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    padding: 0;
    width: 34px;
}

.bmm-gh-dev-dock-tabs {
    border-bottom: 1px solid var(--bmm-gh-border);
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding: 8px;
}

.bmm-gh-dev-dock-tab {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--bmm-gh-muted);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    gap: 6px;
    min-height: 34px;
    padding: 7px 9px;
}

.bmm-gh-dev-dock-tab .dashicons {
    font-size: 16px;
    height: 16px;
    line-height: 1;
    width: 16px;
}

.bmm-gh-dev-dock-tab:hover,
.bmm-gh-dev-dock-tab.is-active {
    background: var(--bmm-gh-info-bg);
    border-color: var(--bmm-gh-border);
    color: var(--bmm-gh-info-text);
}

.bmm-gh-dev-dock-panels {
    min-height: 0;
    overflow: auto;
    padding: 12px;
}

.bmm-gh-dev-dock-panel {
    min-height: 100%;
}

.bmm-gh-dev-dock-panel .bmm-gh-game-grid,
.bmm-gh-dev-dock-panel .bmm-gh-achievement-grid,
.bmm-gh-dev-dock-panel .bmm-gh-player-grid {
    grid-template-columns: 1fr;
}

.bmm-gh-dev-dock-panel .bmm-gh-game-card-panel {
    border-radius: 8px;
    padding: 14px;
}

.bmm-gh-dev-shell:not(.is-open) .bmm-gh-dev-dock {
    grid-template-rows: auto minmax(0, 1fr);
}

.bmm-gh-dev-shell:not(.is-open) .bmm-gh-dev-dock-title,
.bmm-gh-dev-shell:not(.is-open) .bmm-gh-dev-dock-tabs,
.bmm-gh-dev-shell:not(.is-open) .bmm-gh-dev-dock-panels {
    display: none;
}

.bmm-gh-dev-shell:not(.is-open) .bmm-gh-dev-dock-head {
    border-bottom: 0;
    justify-content: center;
    padding: 10px;
}

.bmm-gh-game-side-panel,
.bmm-gh-game-card-panel {
    background: var(--bmm-gh-panel);
    border: 1px solid var(--bmm-gh-border);
    border-radius: 8px;
    color: var(--bmm-gh-text);
    padding: 18px;
}

.bmm-gh-game-side-panel {
    border-radius: 0;
    border-width: 0 0 0 1px;
    overflow: auto;
}

.bmm-gh-game-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
}

.bmm-gh-game-hero-image {
    aspect-ratio: 16 / 9;
    border-radius: 8px;
    display: block;
    margin-bottom: 14px;
    object-fit: cover;
    width: 100%;
}

.bmm-gh-game-meta-list {
    display: grid;
    gap: 0;
    margin: 0 0 16px;
}

.bmm-gh-game-meta-list div {
    border-bottom: 1px solid var(--bmm-gh-border);
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(96px, 0.45fr) 1fr;
    padding: 9px 0;
}

.bmm-gh-game-meta-list dt {
    color: var(--bmm-gh-muted);
    font-size: 12px;
    font-weight: 800;
}

.bmm-gh-game-meta-list dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.bmm-gh-score-list {
    display: grid;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.bmm-gh-score-list li {
    align-items: center;
    background: var(--bmm-gh-panel-soft);
    border: 1px solid var(--bmm-gh-border);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: 10px 12px;
}

.bmm-gh-achievement-grid,
.bmm-gh-player-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.bmm-gh-achievement-card,
.bmm-gh-player-card,
.bmm-gh-notification-list article {
    background: var(--bmm-gh-panel);
    border: 1px solid var(--bmm-gh-border);
    border-radius: 8px;
    color: var(--bmm-gh-text);
    padding: 14px;
}

.bmm-gh-achievement-card {
    display: grid;
    gap: 12px;
    grid-template-columns: auto 1fr;
}

.bmm-gh-achievement-card h3,
.bmm-gh-achievement-card p {
    margin: 0 0 6px;
}

.bmm-gh-achievement-card span,
.bmm-gh-notification-list span,
.bmm-gh-player-card span {
    color: var(--bmm-gh-muted);
    font-size: 12px;
}

.bmm-gh-achievement-icon {
    align-items: center;
    background: var(--bmm-gh-panel-soft);
    border-radius: 8px;
    display: inline-flex;
    font-weight: 900;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.bmm-gh-achievement-card.is-unlocked .bmm-gh-achievement-icon {
    background: var(--bmm-gh-success-bg);
    color: var(--bmm-gh-success-text);
}

.bmm-gh-notification-list {
    display: grid;
    gap: 10px;
}

.bmm-gh-notification-list p {
    margin: 6px 0;
}

.bmm-gh-player-card {
    align-items: center;
    display: flex;
    gap: 12px;
}

.bmm-gh-player-card img {
    border-radius: 50%;
    height: 44px;
    width: 44px;
}

.bmm-gh-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.bmm-gh-chip {
    background: var(--bmm-gh-panel-soft);
    border: 1px solid var(--bmm-gh-border);
    border-radius: 999px;
    color: var(--bmm-gh-muted);
    font-size: 12px;
    font-weight: 800;
    padding: 7px 10px;
}

.bmm-gh-chip.is-on {
    background: var(--bmm-gh-info-bg);
    color: var(--bmm-gh-info-text);
}

.bmm-gh-game-status-floating-btn {
    align-items: center;
    background-color: #9ba09a;
    border: 2px solid #d0d0d0;
    border-radius: 50%;
    bottom: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.22);
    color: #1f2937;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 0;
    position: fixed;
    right: 140px;
    transition: none;
    width: 40px;
    z-index: 99991;
}

html.dark-mode .bmm-gh-game-status-floating-btn,
body.dark-mode .bmm-gh-game-status-floating-btn,
body.buddyx-dark-theme .bmm-gh-game-status-floating-btn,
html[data-bx-mode="dark"] .bmm-gh-game-status-floating-btn {
    border-color: #3a3a3a;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    color: #e0e0e0;
}

html.dark-mode:has(.kol-bbm-futuristic) .bmm-gh-game-status-floating-btn,
body.dark-mode:has(.kol-bbm-futuristic) .bmm-gh-game-status-floating-btn,
body.buddyx-dark-theme:has(.kol-bbm-futuristic) .bmm-gh-game-status-floating-btn,
html[data-bx-mode="dark"]:has(.kol-bbm-futuristic) .bmm-gh-game-status-floating-btn {
    background-color: #0a0a0a;
    border-color: var(--bbm-futuristic-dark-glow, #00ff88);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3), 0 0 12px var(--bbm-futuristic-dark-glow, #00ff88);
    color: var(--bbm-futuristic-dark-glow, #00ff88);
}

html.light-mode:has(.kol-bbm-futuristic) .bmm-gh-game-status-floating-btn,
body.light-mode:has(.kol-bbm-futuristic) .bmm-gh-game-status-floating-btn,
html[data-bx-mode="light"]:has(.kol-bbm-futuristic) .bmm-gh-game-status-floating-btn {
    border-color: transparent;
}

.bmm-gh-game-status-floating-btn .fa,
.bmm-gh-game-status-floating-btn .fas {
    align-items: center;
    display: inline-flex;
    font-size: 20px;
    height: 20px;
    justify-content: center;
    line-height: 1;
    width: 20px;
}

.bmm-gh-game-status-control.is-loading .bmm-gh-game-status-floating-btn {
    opacity: 0.72;
}

.bmm-gh-game-status-sheet {
    --bmm-gh-status-bg: var(--bbm-light-bg, #e4e4e4);
    --bmm-gh-status-border: var(--bbm-light-border, #d1d5db);
    --bmm-gh-status-elevated-bg: var(--bbm-light-hover-bg, #cccccc);
    --bmm-gh-status-muted: rgba(0, 59, 86, 0.72);
    --bmm-gh-status-shadow: rgba(17, 24, 39, 0.18);
    --bmm-gh-status-strong: var(--bbm-light-active, #001e2c);
    --bmm-gh-status-text: var(--bbm-light-text, #003b56);
    background: var(--bmm-gh-status-bg);
    border: 1px solid var(--bmm-gh-status-border);
    border-radius: 12px 12px 0 0;
    bottom: 58px;
    box-shadow: 0 -18px 42px var(--bmm-gh-status-shadow);
    color: var(--bmm-gh-status-text);
    max-height: min(620px, calc(100vh - 120px));
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    right: 20px;
    transform: translateY(calc(100% + 90px));
    transition: opacity 160ms ease, transform 180ms ease;
    width: min(420px, calc(100vw - 40px));
    z-index: 99990;
}

html.light-mode .bmm-gh-game-status-sheet,
body.light-mode .bmm-gh-game-status-sheet,
html[data-bx-mode="light"] .bmm-gh-game-status-sheet {
    --bmm-gh-status-bg: var(--bbm-light-bg, #e4e4e4);
    --bmm-gh-status-border: var(--bbm-light-border, #d1d5db);
    --bmm-gh-status-elevated-bg: var(--bbm-light-hover-bg, #cccccc);
    --bmm-gh-status-muted: rgba(0, 59, 86, 0.72);
    --bmm-gh-status-shadow: rgba(17, 24, 39, 0.18);
    --bmm-gh-status-strong: var(--bbm-light-active, #001e2c);
    --bmm-gh-status-text: var(--bbm-light-text, #003b56);
}

html.dark-mode .bmm-gh-game-status-sheet,
body.dark-mode .bmm-gh-game-status-sheet,
body.buddyx-dark-theme .bmm-gh-game-status-sheet,
html[data-bx-mode="dark"] .bmm-gh-game-status-sheet {
    --bmm-gh-status-bg: var(--bbm-dark-bg, #1a1a1a);
    --bmm-gh-status-border: var(--bbm-dark-border, #333333);
    --bmm-gh-status-elevated-bg: var(--bbm-dark-hover-bg, #2a2a2a);
    --bmm-gh-status-muted: rgba(224, 224, 224, 0.72);
    --bmm-gh-status-shadow: rgba(0, 0, 0, 0.5);
    --bmm-gh-status-strong: var(--bbm-dark-active, #ffffff);
    --bmm-gh-status-text: var(--bbm-dark-text, #e0e0e0);
}

html.light-mode:has(.kol-bbm-futuristic) .bmm-gh-game-status-sheet,
body.light-mode:has(.kol-bbm-futuristic) .bmm-gh-game-status-sheet,
html[data-bx-mode="light"]:has(.kol-bbm-futuristic) .bmm-gh-game-status-sheet {
    --bmm-gh-status-bg: var(--bbm-futuristic-light-bg, var(--bbm-light-bg, #e4e4e4));
    --bmm-gh-status-text: var(--bbm-futuristic-light-text, var(--bbm-light-text, #003b56));
}

html.dark-mode:has(.kol-bbm-futuristic) .bmm-gh-game-status-sheet,
body.dark-mode:has(.kol-bbm-futuristic) .bmm-gh-game-status-sheet,
body.buddyx-dark-theme:has(.kol-bbm-futuristic) .bmm-gh-game-status-sheet,
html[data-bx-mode="dark"]:has(.kol-bbm-futuristic) .bmm-gh-game-status-sheet {
    --bmm-gh-status-bg: var(--bbm-futuristic-dark-bg, var(--bbm-dark-bg, #1a1a1a));
}

body.kol-bbm-enabled .bmm-gh-game-status-sheet {
    bottom: calc(var(--bbm-height, 80px) + 12px);
}

body.kol-bbm-minimized .bmm-gh-game-status-sheet {
    bottom: 48px;
}

.bmm-gh-game-status-control.is-open .bmm-gh-game-status-sheet {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.bmm-gh-game-status-head {
    align-items: center;
    background: var(--bmm-gh-status-elevated-bg);
    border-bottom: 1px solid var(--bmm-gh-status-border);
    color: var(--bmm-gh-status-strong);
    display: flex;
    justify-content: space-between;
    padding: 14px 16px;
}

.bmm-gh-game-status-head h2,
.bmm-gh-game-status-head span {
    margin: 0;
}

.bmm-gh-game-status-sheet h2,
.bmm-gh-game-status-sheet h3,
.bmm-gh-game-status-sheet strong,
.bmm-gh-game-status-head h2 {
    color: var(--bmm-gh-status-strong) !important;
}

.bmm-gh-game-status-head span {
    color: var(--bmm-gh-status-muted);
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.bmm-gh-game-status-head h2 {
    font-size: 18px;
    line-height: 1.2;
}

.bmm-gh-game-status-close {
    align-items: center;
    background: var(--bmm-gh-status-bg);
    border: 1px solid var(--bmm-gh-status-border);
    border-radius: 50%;
    color: var(--bmm-gh-status-strong);
    cursor: pointer;
    display: inline-flex;
    font-size: 22px;
    height: 34px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 34px;
}

.bmm-gh-game-status-content {
    background: var(--bmm-gh-status-bg);
    display: grid;
    gap: 14px;
    max-height: calc(min(620px, calc(100vh - 120px)) - 63px);
    overflow: auto;
    padding: 16px;
}

.bmm-gh-game-status-empty {
    display: grid;
    gap: 12px;
}

.bmm-gh-game-status-player {
    align-items: center;
    display: flex;
    gap: 12px;
}

.bmm-gh-game-status-player img {
    border-radius: 50%;
    height: 44px;
    width: 44px;
}

.bmm-gh-game-status-player strong,
.bmm-gh-game-status-player span {
    display: block;
}

.bmm-gh-game-status-player span {
    color: var(--bmm-gh-status-muted);
    font-size: 12px;
}

.bmm-gh-game-status-stats {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bmm-gh-game-status-stats article {
    background: var(--bmm-gh-status-elevated-bg);
    border: 1px solid var(--bmm-gh-status-border);
    border-radius: 8px;
    display: grid;
    gap: 3px;
    min-width: 0;
    padding: 10px;
}

.bmm-gh-game-status-stats span,
.bmm-gh-game-status-list dt {
    color: var(--bmm-gh-status-muted);
    font-size: 11px;
    font-weight: 800;
}

.bmm-gh-game-status-stats strong {
    color: var(--bmm-gh-status-strong);
    font-size: 17px;
    overflow-wrap: anywhere;
}

.bmm-gh-game-status-section {
    border-top: 1px solid var(--bmm-gh-status-border);
    display: grid;
    gap: 10px;
    padding-top: 12px;
}

.bmm-gh-game-status-section h3 {
    font-size: 14px;
    margin: 0;
}

.bmm-gh-game-status-list {
    display: grid;
    gap: 0;
    margin: 0;
}

.bmm-gh-game-status-list div {
    align-items: start;
    border-bottom: 1px solid var(--bmm-gh-status-border);
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(96px, 0.45fr) 1fr;
    padding: 8px 0;
}

.bmm-gh-game-status-list dd {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.bmm-gh-game-status-details summary {
    cursor: pointer;
    font-weight: 800;
}

.bmm-gh-game-status-details .bmm-gh-code {
    background: var(--bmm-gh-status-elevated-bg);
    border-color: var(--bmm-gh-status-border);
    color: var(--bmm-gh-status-text);
    margin-top: 10px;
    max-height: 180px;
    overflow: auto;
}

.bmm-gh-admin {
    margin-right: 20px;
}

.bmm-gh-admin-context-tabs {
    margin: 14px 20px 8px 0;
}

.bmm-gh-admin-header {
    align-items: start;
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(320px, 1fr) minmax(360px, 0.8fr);
    margin: 18px 0 12px;
}

.bmm-gh-admin-header h1 {
    color: var(--bmm-gh-text);
    font-size: 30px;
    line-height: 1.2;
    margin: 0 0 8px;
}

.bmm-gh-admin-header p {
    color: var(--bmm-gh-muted);
    font-size: 14px;
    margin: 0;
    max-width: 760px;
}

.bmm-gh-admin-header-stats {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bmm-gh-admin-status {
    align-items: center;
    background: var(--bmm-gh-panel);
    border: 1px solid var(--bmm-gh-border);
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin: 0 0 18px;
    padding: 12px 14px;
}

.bmm-gh-admin-status span {
    color: var(--bmm-gh-muted);
    font-size: 13px;
}

.bmm-gh-admin-status strong {
    color: var(--bmm-gh-text);
}

.bmm-gh-admin-tabs {
    align-items: end;
    border-bottom-color: var(--bmm-gh-border);
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 20px;
    padding-top: 4px;
}

.bmm-gh-admin-tabs .nav-tab {
    align-items: center;
    background: var(--bmm-gh-panel-soft);
    border-color: var(--bmm-gh-border);
    border-radius: 6px 6px 0 0;
    color: var(--bmm-gh-text);
    display: inline-flex;
    gap: 8px;
    line-height: 1.2;
    margin-left: 0;
    min-height: 38px;
    padding: 9px 14px;
}

.bmm-gh-admin-tabs .nav-tab:hover,
.bmm-gh-admin-tabs .nav-tab-active {
    background: var(--bmm-gh-panel);
    border-bottom-color: var(--bmm-gh-panel);
    color: var(--bmm-gh-primary);
}

.bmm-gh-admin-tab-count {
    align-items: center;
    background: #d63638;
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    font-size: 11px;
    font-weight: 700;
    justify-content: center;
    min-width: 22px;
    padding: 3px 7px;
}

.bmm-gh-admin-tab-panel {
    display: grid;
    gap: 20px;
}

.bmm-gh-admin-overview {
    display: grid;
    gap: 20px;
}

.bmm-gh-admin-grid-balanced {
    grid-template-columns: repeat(2, minmax(280px, 1fr));
}

.bmm-gh-section-head {
    align-items: start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 16px;
}

.bmm-gh-section-head h2,
.bmm-gh-section-head p {
    margin-bottom: 0;
}

.bmm-gh-admin-definition-list {
    display: grid;
    gap: 0;
    margin: 0 0 16px;
}

.bmm-gh-admin-definition-list div {
    align-items: center;
    border-bottom: 1px solid var(--bmm-gh-border);
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(140px, 0.7fr) minmax(160px, 1fr);
    padding: 10px 0;
}

.bmm-gh-admin-definition-list div:first-child {
    padding-top: 0;
}

.bmm-gh-admin-definition-list dt {
    color: var(--bmm-gh-muted);
    font-size: 13px;
    font-weight: 700;
}

.bmm-gh-admin-definition-list dd {
    color: var(--bmm-gh-text);
    margin: 0;
    overflow-wrap: anywhere;
}

.bmm-gh-admin-code-list {
    display: grid;
    gap: 10px;
    margin: 0 0 20px;
}

.bmm-gh-admin-code-list p {
    background: var(--bmm-gh-panel-soft);
    border: 1px solid var(--bmm-gh-border);
    border-radius: 8px;
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 12px;
}

.bmm-gh-admin-code-list code {
    overflow-wrap: anywhere;
}

.bmm-gh-admin-code-list span {
    color: var(--bmm-gh-muted);
    font-size: 13px;
}

.bmm-gh-admin-settings-panel {
    max-width: 1040px;
}

@media (max-width: 860px) {
    .bmm-gh-summary,
    .bmm-gh-manager-head,
    .bmm-gh-onboarding-head,
    .bmm-gh-manifest-head,
    .bmm-gh-admin-header,
    .bmm-gh-section-head {
        align-items: stretch;
        display: grid;
    }

    .bmm-gh-dashboard-grid,
    .bmm-gh-admin-grid,
    .bmm-gh-admin-grid-balanced,
    .bmm-gh-tabs,
    .bmm-gh-game-grid {
        grid-template-columns: 1fr;
    }

    .bmm-gh-dev-tabs {
        position: static;
    }

    .bmm-gh-manager-shell {
        grid-template-columns: 1fr;
    }

    .bmm-gh-builder-head {
        display: none;
    }

    .bmm-gh-builder-row,
    .bmm-gh-builder-row-4,
    .bmm-gh-builder-row-5 {
        border-bottom: 1px solid var(--bmm-gh-border);
        grid-template-columns: 1fr;
    }

    .bmm-gh-builder-row:last-child {
        border-bottom-width: 0;
    }

    .bmm-gh-builder-row > * {
        border-right-width: 0;
    }

    .bmm-gh-compact-check {
        justify-content: flex-start;
        min-height: 42px;
    }

    .bmm-gh-play-header {
        grid-template-columns: 1fr;
    }

    .bmm-gh-play-status {
        justify-content: flex-start;
    }

    .bmm-gh-game-panel {
        padding: 12px;
    }

    .bmm-gh-game-panel-play {
        padding: 0;
    }

    .bmm-gh-game-side-panel {
        border-left-width: 0;
        border-top: 1px solid var(--bmm-gh-border);
    }

    .bmm-gh-dev-shell.is-open {
        grid-template-columns: minmax(260px, 82vw) minmax(0, 1fr);
    }

    .bmm-gh-dev-dock-tabs {
        display: grid;
        grid-template-columns: 1fr;
        overflow-x: visible;
        overflow-y: auto;
    }

    .bmm-gh-game-frame,
    .bmm-gh-game-frame-wrap {
        height: 100%;
        min-height: 0;
    }

    .bmm-gh-game-status-sheet {
        left: 10px;
        max-height: calc(100vh - 180px);
        right: 10px;
        width: auto;
    }

    .bmm-gh-admin-header-stats {
        grid-template-columns: 1fr;
    }

    .bmm-gh-admin-definition-list div {
        grid-template-columns: 1fr;
    }

    .bmm-gh-meter-wrap {
        min-width: 0;
    }

    .bmm-gh-build-row {
        grid-template-columns: 1fr;
    }

    .bmm-gh-request-row {
        grid-template-columns: 1fr;
    }

    .bmm-gh-stat-grid {
        grid-template-columns: 1fr;
    }

    .bmm-gh-game-status-stats,
    .bmm-gh-game-status-list div {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1200px) {
    .bmm-gh-game-status-floating-btn {
        bottom: 55px;
    }
}

@media (max-width: 768px) {
    .bmm-gh-game-status-floating-btn {
        bottom: 100px;
        right: 51px;
    }

    .bmm-gh-game-status-sheet,
    body.kol-bbm-enabled .bmm-gh-game-status-sheet,
    body.kol-bbm-minimized .bmm-gh-game-status-sheet {
        bottom: 150px;
    }
}