:root {
  --blue:#284ed8;
  --navy:#111b2e;
  --ink:#17243b;
  --line:#dde4ef;
  --radius:12px;
  --console-bg:#f3f6fb;
  --console-muted:#51617b;
  --console-faint:#64748d;
  --console-soft:#f7f9fd;
  --console-accent:#edf2ff;
  --console-rail:220px;
  --console-bar:64px;
}
body,.workspace {background:var(--console-bg);color:var(--ink)}
body {font-family:"Microsoft YaHei","PingFang SC","Segoe UI",system-ui,sans-serif;font-size:14px}
a,button,input,select,textarea {-webkit-tap-highlight-color:transparent}
:where(a,button,input,select,textarea,[tabindex]):focus-visible {outline:2px solid var(--blue);outline-offset:3px}
:where(.sidebar,.login-intro) :focus-visible {outline-color:#abc0ff}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.sidebar {width:var(--console-rail);padding:24px 14px 0;background:var(--navy);overflow-y:auto;box-shadow:none}
.content-shell {margin-left:var(--console-rail)}
.sidebar .brand {padding:0 7px 23px;border-bottom:1px solid #2b3850;font-size:19px}
.brand-mark,.sidebar .brand-mark,.login-intro .brand-mark {width:36px;height:36px;border-radius:10px;background:#4f70f4;color:#fff;box-shadow:none;font-style:normal;letter-spacing:-.04em}
.brand small {color:#a7b6d3;font-size:9px;letter-spacing:.1em;margin-top:3px}
.nav-group {margin-top:20px}
.sidebar .sidebar-caption {margin:0 0 6px;padding:0 11px;color:#a8b7d0;font-size:11px;font-weight:600;letter-spacing:.06em}
.sidebar .nav-item {position:relative;gap:10px;min-height:41px;margin:2px 0;padding:8px 11px;color:#cbd7ec;font-size:13px;border:1px solid transparent}
.sidebar .nav-item:hover {color:#fff;background:#202f4a}
.sidebar .nav-item.active {color:#fff;background:#243c74;border-color:#405a98;font-weight:700}
.sidebar .nav-item.active::before {display:none}
.sidebar .nav-icon,.sidebar .nav-item.active .nav-icon {color:#a8bdfb}
.sidebar .nav-icon svg {width:17px;height:17px}
.sidebar-status {margin:auto 4px 10px;padding:12px 7px;border:0;color:#d3dff2;font-size:12px}
.nav-group:last-child {padding-bottom:26px}
.sidebar-status small,.sidebar-bottom small {color:#a9bad4;font-size:11px;line-height:1.5}
.sidebar-status .signal-dot {background:#64d8ad;box-shadow:none}
.sync-failed .sidebar-status .signal-dot {background:#f4b96a}
.sidebar-bottom {padding:14px 5px;border-color:#2b3850}
.sidebar-bottom>div:nth-child(2) {min-width:0}
.sidebar-bottom strong,.sidebar-bottom small {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-bottom .avatar {background:#293d64;color:#d5e1ff;border:1px solid #425986;flex:none}
.sidebar-bottom .logout {color:#b1c1dd}
.nav-scrim {display:none}

.topbar {position:sticky;top:0;z-index:12;height:var(--console-bar);padding:0 clamp(18px,3vw,42px);background:#fff;border-color:var(--line);gap:12px}
.breadcrumb {min-width:0;gap:9px;color:var(--console-faint);font-size:12px;white-space:nowrap}
.breadcrumb a {color:var(--console-muted)}
.breadcrumb strong {min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-size:13px}
.topbar-right {gap:11px;flex:none}
.topbar .icon-button {min-width:36px;min-height:36px;color:#354969;border:1px solid var(--line);font-size:19px;border-radius:8px}
.topbar .icon-button:hover {background:var(--console-accent)}
.topbar .button.ghost {padding-inline:6px}
.top-search {display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:var(--console-soft);color:var(--console-muted);font-size:12px}
.top-search:hover {background:var(--console-accent);color:var(--blue)}
.top-search svg {width:16px;height:16px}
.top-search kbd {font:11px system-ui,sans-serif;border:1px solid var(--line);background:#fff;border-radius:4px;padding:1px 4px}
#main-content {max-width:1720px;padding:28px clamp(18px,3vw,42px);min-height:calc(100vh - var(--console-bar) - 52px)}
.page-footer {max-width:1720px;height:auto;min-height:52px;padding:12px clamp(18px,3vw,42px);gap:8px;color:var(--console-faint);font-size:11px}
.connection-error {padding:10px clamp(18px,3vw,42px);background:#fff3de;color:#834e11;font-size:13px}

.button {min-height:36px;border-color:#d0daea;border-radius:8px;color:#314668;font-size:13px;font-weight:600}
.button:hover {background:var(--console-accent);border-color:#aebdef;color:#1d3bb1}
.button.primary,.button.primary:hover {background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:none}
.button.primary:hover {background:#1d3cbb;border-color:#1d3cbb}
.button.ghost {color:#2447c1}
.button.danger {color:#a51d36;background:#fcebf0;border-color:#f1bbca}
.button.danger:hover {color:#90172d;background:#f9dce5}
.button:disabled {cursor:default}
.table-actions {gap:12px;flex-wrap:wrap}
.table-actions button:not(.button) {min-height:28px;color:#2146bc;font-size:12px;font-weight:600}
.table-actions button[data-type="stop"] {color:#a12742}
.table-actions button.button {padding:6px 10px;min-height:34px}
.table-actions button.button.primary {background:var(--blue);color:#fff}
.badge,.wb-stage,.wb-tag {font-size:11px;font-weight:650;border-radius:6px}
.badge {line-height:22px;background:#edf1f7;color:#495b76}
.badge.green {background:#e5f5ed;color:#176447}
.badge.orange {background:#fff2d9;color:#78500f}
.badge.red {background:#fdeaf0;color:#9c2541}
.badge.purple {background:#efeaff;color:#583c9e}
.badge.blue {background:#eaf0ff;color:#294eb8}

.wb-hero,.page-head {display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:23px}
.wb-kicker,.page-head .eyebrow {display:block;color:#344e87;font-size:11px;font-weight:700;letter-spacing:.08em}
.wb-hero h1,.page-head h1 {margin:6px 0 7px;color:var(--ink);font-size:clamp(25px,2.5vw,35px);font-weight:750;line-height:1.2}
.wb-hero p,.page-head p {margin:0;color:var(--console-muted);font-size:13px;line-height:1.65}
.wb-hero-actions {display:flex;align-items:center;gap:8px;flex:none}
.wb-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
.wb-metric {min-width:0;display:flex;justify-content:space-between;gap:6px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.wb-metric div {min-width:0}
.wb-metric div span,.wb-metric small {display:block;color:var(--console-muted);font-size:12px;line-height:1.45}
.wb-metric b {display:block;margin:6px 0;color:var(--ink);font-size:clamp(23px,2.3vw,34px);font-variant-numeric:tabular-nums;line-height:1.08}
.wb-metric small {font-size:11px}
.wb-metric-icon {flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--console-accent);color:var(--blue)}
.wb-metric-icon svg {width:18px;height:18px}
.wb-metric:nth-child(4) .wb-metric-icon {background:#fff1dc;color:#805012}
.wb-overview-grid {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:start}
.wb-overview-games {margin:0;padding:0 16px;list-style:none}
.wb-overview-games li+li {border-top:1px solid #ebeff6}
.wb-overview-games a {display:flex;align-items:center;gap:10px;padding:11px 3px;color:var(--ink);text-decoration:none}
.wb-overview-games a:hover {color:var(--blue)}
.wb-overview-games a>div {min-width:0;flex:1}
.wb-overview-games a strong,.wb-overview-games a small {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-overview-games a small {margin-top:3px;color:var(--console-muted);font-size:11px}
.wb-overview-games a>svg {width:17px;height:17px;flex:none;color:var(--console-faint)}
.wb-overview-empty {min-height:149px;display:grid;justify-items:center;align-content:center;gap:6px;padding:18px;text-align:center;color:var(--console-muted);font-size:12px}
.wb-overview-empty strong {color:var(--ink);font-size:13px}
.wb-overview-empty svg {width:26px;height:26px;color:#4a66b6}

.panel,.wb-panel,.wb-plan {border-radius:var(--radius);border-color:var(--line);background:#fff;min-width:0}
.wb-panel {margin-bottom:16px}
.wb-panel-title,.panel-head {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid #e9eef6}
.wb-panel-title h2,.panel-head h2,.feature-panel h2 {margin:0;color:var(--ink);font-size:16px;font-weight:750}
.wb-panel-title p,.panel-subtitle {margin:3px 0 0;color:var(--console-muted);font-size:12px;line-height:1.5}
.wb-panel-title h2 .badge {margin-left:4px;vertical-align:middle}
.wb-panel-title>.table-actions {justify-content:flex-end}
.wb-catalog-switch {display:flex;gap:18px;padding:0 17px;border-bottom:1px solid #e6ecf6}
.wb-catalog-switch button {min-height:48px;padding:0 3px;border:0;border-bottom:3px solid transparent;background:#fff;color:var(--console-muted);font-size:13px;font-weight:650}
.wb-catalog-switch button[aria-pressed="true"] {color:#2345c2;border-bottom-color:var(--blue)}
.wb-catalog-switch button:hover {color:var(--blue)}
.wb-toolbar {display:flex;align-items:end;flex-wrap:wrap;gap:9px;padding:12px 16px;background:var(--console-soft);border-bottom:1px solid var(--line)}
.wb-search {position:relative;display:block;flex:1 1 210px;min-width:165px;max-width:460px}
.wb-search input,.wb-select select,.wb-select input[type=date] {min-height:37px;padding:7px 9px;background:#fff;border-color:#cfd9eb;color:#203656;font-size:13px}
.wb-search input::placeholder {color:#64748b}
.wb-search-icon {position:absolute;display:grid;place-items:center;inset:0 auto 0 10px;pointer-events:none;color:#536990}
.wb-search-icon svg {width:16px;height:16px}
.wb-search-icon+input {padding-left:32px}
.wb-select {display:flex;flex-direction:column;gap:3px;min-width:70px;color:var(--console-muted);font-size:11px}
.wb-select select {width:auto;max-width:175px}
.wb-reset {padding-inline:4px}
.wb-table {min-width:570px}
.data-table th,.wb-table th {padding:10px 14px;background:#eef3fa;color:#415777;font-size:12px;font-weight:700}
.data-table td,.wb-table td {padding:11px 14px;border-color:#ebeff6;color:#3a4d6b;font-size:13px}
.data-table td small,.wb-table td small {color:var(--console-muted);font-size:11px}
.data-table td strong,.wb-table td strong {color:var(--ink);font-size:13px;font-weight:700}
.data-table tbody tr:hover {background:#f6f8fd}
.wb-table td .wb-number {font-size:16px;font-variant-numeric:tabular-nums}
.wb-table td .wb-number small {display:inline;font-size:12px;font-weight:500}
.wb-identity {display:flex;align-items:center;gap:10px}
.wb-identity>div {min-width:0}
.wb-identity .wb-name,.wb-identity small {display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-name,.wb-text-link {color:#2245bb;text-decoration:none;font-weight:700}
.wb-name {font-size:14px}
.wb-name:hover,.wb-text-link:hover {text-decoration:underline}
.wb-row-actions {display:flex;align-items:center;justify-content:flex-end;gap:8px}
.wb-enter {display:inline-flex;align-items:center;gap:4px;padding:6px 0;color:#2347bd;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
.wb-enter svg {width:15px;height:15px}
.wb-enter:hover {text-decoration:underline}
.wb-pin {display:grid;place-items:center;width:32px;height:32px;border:1px solid transparent;border-radius:8px;background:transparent;color:#596d8c;font-size:20px;line-height:1}
.wb-pin:hover,.wb-pin.is-pinned {color:#83550c;background:#fff5df;border-color:#f0dbad}
.wb-tags {display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.wb-tag,.wb-stage {display:inline-block;padding:3px 7px;line-height:1.35;color:#435877;background:#edf2f8}
.wb-stage {color:#384c9c;background:#eaf0ff}
.stage-live {color:#1b684a;background:#e4f5eb}
.stage-maintenance {color:#80500e;background:#fff2da}
.stage-archived {color:#50617b;background:#edf1f7}
.wb-table .wb-tag {max-width:102px;overflow:hidden;text-overflow:ellipsis}
.wb-game-mark {display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;background:#e1f0ec;color:#205e52;font-size:12px;font-weight:750}
.mark-tiandijue {position:relative;color:transparent}
.mark-tiandijue::after {content:"";position:absolute;inset:0;background:center / contain no-repeat url("/game-tiandijue-44764aaf.gif");border-radius:inherit}
.mark-blue {background:#e4effc;color:#225391}
.mark-amber {background:#fff0d6;color:#79500c}
.mark-violet {background:#eee8ff;color:#574191}
.mark-rose {background:#fae6ed;color:#82394e}
.mark-slate {background:#e8eef5;color:#415979}
.wb-quiet,.results-count {color:var(--console-faint);font-size:12px}
.wb-pager {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;border-top:1px solid var(--line);color:var(--console-muted);font-size:12px}
.wb-pager>div {display:flex;gap:7px}
.wb-pager .button {min-height:32px;padding:4px 9px;font-size:12px}
.wb-loading,.empty-state {padding:29px 14px;text-align:center;color:var(--console-muted);font-size:12px}
.empty-state strong {color:var(--ink);font-weight:700}
.empty-state svg {width:27px;height:27px;color:#6c83bb}

.wb-game-trail {margin-bottom:10px;font-size:12px}
.wb-game-trail a {color:#2d50bd;font-weight:650}
.wb-game-trail span {margin-right:3px}
.wb-game-head {display:flex;align-items:center;gap:13px;padding:15px 17px;margin-bottom:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.wb-game-head .wb-game-mark {width:52px;height:52px;border-radius:12px;font-size:17px}
.wb-game-head .mark-tiandijue {color:transparent}
.wb-game-copy {min-width:0;flex:1}
.wb-game-title {display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px}
.wb-game-title h1 {margin:0;color:var(--ink);font-size:clamp(22px,2vw,29px);font-weight:750;line-height:1.2;overflow-wrap:anywhere}
.wb-game-head p {margin:5px 0 0;color:var(--console-muted);font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.wb-game-layout {display:grid;grid-template-columns:156px minmax(0,1fr);gap:16px;align-items:start}
.wb-tabs {position:sticky;top:calc(var(--console-bar) + 13px);min-width:0;padding:9px 7px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.wb-game-nav-group+.wb-game-nav-group {margin-top:5px;padding-top:5px;border-top:1px solid #e8edf6}
.wb-game-nav-group>span {display:block;margin:4px 8px;color:var(--console-faint);font-size:11px;font-weight:650}
.wb-tabs a {display:flex;align-items:center;gap:7px;min-height:35px;margin:1px 0;padding:6px 8px;border-radius:7px;color:#394d6d;font-size:13px;text-decoration:none;white-space:nowrap}
.wb-tabs a:hover {color:#2344bb;background:#f4f7ff}
.wb-tabs a[aria-current="page"] {color:#2344bb;background:var(--console-accent);font-weight:750}
.wb-tabs svg {width:15px;height:15px;flex:none}
.wb-game-content {min-width:0}
.wb-view-title {margin:0 0 12px;color:var(--ink);font-size:20px;font-weight:750}
.wb-section-label {margin:18px 0 9px;color:#2a4169;font-size:14px;font-weight:750;scroll-margin-top:calc(var(--console-bar) + 12px)}
.wb-plan-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.wb-plan ol {list-style:none;margin:0;padding:0 12px}
.wb-plan li {display:grid;grid-template-columns:max-content minmax(0,1fr) auto;align-items:center;gap:7px;padding:9px 0;border-bottom:1px solid #ebeff6;font-size:12px}
.wb-plan li:last-child {border:0}
.wb-plan time {color:#375ab6;font-variant-numeric:tabular-nums}
.wb-plan strong,.wb-audit-copy {overflow-wrap:anywhere}
.wb-audit-copy {white-space:normal;min-width:220px}
.wb-hotfix-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,255px),1fr));gap:12px;padding:14px 16px}
.wb-hotfix-card {min-width:0;padding:14px;border:1px solid #dee6f4;border-radius:10px;background:var(--console-soft)}
.wb-hotfix-title {display:flex;justify-content:space-between;align-items:flex-start;gap:7px}
.wb-hotfix-title h3 {margin:0;color:var(--ink);font-size:15px}
.wb-hotfix-title p,.wb-hotfix-empty {margin:4px 0 0;color:var(--console-muted);font-size:12px;line-height:1.55}
.wb-panel>p.wb-hotfix-empty {padding:0 16px;margin:8px 0}
.wb-hotfix-card dl {margin:11px 0 0;padding:10px 0 0;border-top:1px solid var(--line)}
.wb-hotfix-field+.wb-hotfix-field {margin-top:9px}
.wb-hotfix-field dt,.wb-hotfix-node {margin-bottom:4px;color:var(--console-muted);font-size:12px;font-weight:700}
.wb-hotfix-field dd {display:flex;justify-content:space-between;align-items:flex-start;gap:6px;margin:0;min-height:23px;font-size:12px}
.wb-hotfix-field code {min-width:0;overflow-wrap:anywhere;user-select:all;color:#2b4577;line-height:1.5}
.wb-hotfix-copy {flex:none;min-height:26px;padding:2px 6px;font-size:11px}
.wb-launch-steps {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr));gap:10px;margin:14px 16px 0;padding:0;list-style:none;counter-reset:launch-step}
.wb-launch-steps li {padding:10px 11px;background:#eef3ff;border-radius:8px;color:#294478;font-size:13px;font-weight:700}
.wb-launch-steps li::before {counter-increment:launch-step;content:counter(launch-step) " · "}
.wb-launch-steps small {display:block;margin-top:4px;color:var(--console-muted);font-weight:400}
.wb-launch-actions {display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.wb-access-games {display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));max-height:240px;overflow:auto;gap:6px 12px}
.wb-panel .feature-toolbar,.feature-toolbar {gap:12px}
.feature-panel {padding:16px}
.feature-panel h2 {margin-bottom:10px}
.feature-panel p,.feature-panel .field-hint {color:var(--console-muted);font-size:12px}
.feature-level {background:var(--console-soft);border-color:var(--line);padding:14px}
.feature-level h3 {margin:0 0 10px;font-size:14px}
.feature-panel label,.form-grid label,.login-card label {color:#3a4f72;font-size:13px;font-weight:650}
.feature-panel input:not([type=checkbox]),.feature-panel select,.form-grid input,.form-grid select,.form-grid textarea {font-size:13px}
.field-hint,.form-grid .field-hint,.modal-head p {color:var(--console-muted);font-size:12px}
.form-warning {background:#fff3dd;color:#805014;font-size:13px;line-height:1.65}
.modal {width:min(730px,calc(100vw - 26px));max-height:calc(100dvh - 32px);border-radius:13px}
.modal-head,.modal-footer {position:sticky;z-index:2;background:#fff}
.modal-head {top:0}
.modal-footer {bottom:0}
.modal-head h2 {font-size:20px;font-weight:750}
.modal-head p {line-height:1.5}
.modal-body {font-size:13px;line-height:1.55}
.toast {font-size:13px}
.info-note {background:#eaf1ff;color:#375485;font-size:12px}

.login-screen {grid-template-columns:minmax(0,1fr) minmax(0,.9fr);background:#f6f8fc}
.login-intro {isolation:isolate;min-height:100dvh;padding:clamp(25px,5vw,68px);background-color:#142647;background-image:linear-gradient(#9fbaff12 1px,transparent 1px),linear-gradient(90deg,#9fbaff12 1px,transparent 1px),radial-gradient(ellipse at 55% 30%,#233d70,#142647 74%);background-size:36px 36px,36px 36px,auto}
.login-intro::after {display:none}
.login-copy {margin:auto 0 0;padding:35px 0 14px}
.login-label {font-size:13px;color:#c3d2f4;font-weight:650;letter-spacing:.08em}
.login-copy h1 {margin:13px 0 12px;font-size:clamp(32px,5vw,61px);line-height:1.17;font-weight:750;letter-spacing:.01em}
.login-copy p {margin:0;color:#c1d0eb;font-size:14px;line-height:1.8}
.login-architecture {width:min(100%,440px);height:auto;margin:12px 0 auto}
.login-foot {margin-top:16px;color:#b7c9ee;font-size:12px;letter-spacing:.02em}
.login-foot span {margin:0 4px}
.login-card {width:min(100%,390px);padding:30px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 40px #182b5c0c}
.login-card h2 {font-size:25px;font-weight:750}
.login-card>p {margin-bottom:23px;color:var(--console-muted);font-size:13px}
.login-card label {margin-bottom:14px}
.login-card input {min-height:42px;font-size:14px}
.login-mobile-brand {display:none}

body[data-ops-role]:not([data-ops-role="admin"]) :is([data-action="wb-new-game"],[data-action="wb-edit-game"],[data-action="add-zone"],[data-action="edit-zone"],[data-action="add-rule"],[data-action="edit-rule"],[data-action="toggle-rule"],[data-action="resolve-job"],[data-action="job-detail"],[data-action="zone-action"][data-type="merge"]),
body[data-ops-role]:not([data-ops-role="admin"]):not([data-ops-role="operator"]) :is([data-action="wb-launch-set"],[data-action="wb-launch-cancel"],[data-action="wb-cleanup-run"],[data-action="wb-cleanup-toggle"],[data-action="zone-action"]),
body[data-ops-role]:not([data-ops-role="admin"]):not([data-ops-role="release"]) [data-action="wb-hotfix-edit"] {display:none}

@media (max-width:1110px) {
  :root {--console-rail:190px}
  .wb-game-layout {grid-template-columns:1fr;gap:13px}
  .wb-tabs {position:static;display:flex;flex-wrap:wrap;gap:4px 9px;padding:5px 7px}
  .wb-game-nav-group,.wb-game-nav-group+.wb-game-nav-group {display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;border:0}
  .wb-game-nav-group>span {display:none}
  .wb-metric {padding:12px}
}
@media (max-width:800px) {
  :root {--console-bar:56px}
  .content-shell {margin-left:0}
  .sidebar {width:220px;transform:translateX(-100%);visibility:hidden;transition:transform .18s,visibility .18s}
  .workspace.menu-open .sidebar {visibility:visible;transform:none;box-shadow:8px 0 28px #111b2e45}
  .workspace.menu-open .nav-scrim {display:block;position:fixed;inset:0;z-index:18;background:#111b2e70;border:0}
  .topbar {justify-content:flex-start}
  .topbar-right {margin-left:auto}
  .topbar .mobile-menu {display:inline-flex;margin:0}
  .login-screen {grid-template-columns:1fr}
  .login-intro {display:none}
  .login-panel {min-height:100dvh;padding:20px}
  .login-mobile-brand {display:flex;align-items:center;gap:8px;margin-bottom:18px;color:#283e72;font-weight:750}
}
@media (max-width:640px) {
  .topbar {padding-inline:12px;gap:7px}
  .topbar-right {gap:6px}
  .top-search {width:36px;justify-content:center;padding:0}
  .top-search span,.top-search kbd,.breadcrumb a,.breadcrumb>span {display:none}
  .topbar .button.ghost {font-size:12px}
  #main-content {padding:16px 12px}
  .wb-hero,.page-head {align-items:flex-start;gap:8px;margin-bottom:13px}
  .wb-hero h1,.page-head h1 {font-size:24px}
  .wb-hero p,.page-head p {font-size:12px}
  .wb-hero-actions .button {padding-inline:8px;font-size:12px}
  .wb-metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
  .wb-overview-grid,.wb-plan-grid {grid-template-columns:1fr;gap:10px}
  .wb-metric-icon {width:28px;height:28px}
  .wb-metric-icon svg {width:15px;height:15px}
  .wb-panel-title,.panel-head,.wb-toolbar {padding:10px 11px}
  .wb-toolbar {gap:6px 8px}
  .wb-search {flex-basis:100%;min-width:0;max-width:none}
  .wb-select {flex:1 1 65px;min-width:0}
  .wb-select select {max-width:none;width:100%;font-size:12px}
  .wb-catalog-switch {padding-inline:11px}
  .wb-directory .table-wrap {overflow:visible}
  .wb-directory .wb-table,.wb-directory tbody {display:block;min-width:0}
  .wb-directory thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .wb-directory tr {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:7px 8px;padding:9px 11px;border-bottom:1px solid #e5ebf4}
  .wb-directory tr:last-child {border-bottom:0}
  .wb-directory td {min-width:0;padding:0;border:0;white-space:normal}
  .wb-directory td:nth-child(1) {grid-column:1/3;grid-row:1}
  .wb-directory td:nth-child(2) {grid-column:1/3;grid-row:2}
  .wb-directory td:nth-child(3) {grid-column:1;grid-row:3}
  .wb-directory td:nth-child(4) {grid-column:2;grid-row:3}
  .wb-directory td:nth-child(5) {grid-column:3;grid-row:3;align-self:end;justify-self:end}
  .wb-directory td:nth-child(6) {grid-column:3;grid-row:1}
  .wb-directory .wb-identity .wb-name,.wb-directory .wb-identity small {max-width:100%}
  .wb-directory .wb-identity>div {min-width:0;max-width:calc(100% - 42px)}
  .wb-directory .wb-game-mark {width:33px;height:33px}
  .wb-directory .wb-row-actions {gap:4px}
  .wb-directory .wb-tag {max-width:77px}
  .wb-game-head {gap:8px;margin-bottom:9px;padding:9px}
  .wb-game-head .wb-game-mark {width:41px;height:41px}
  .wb-game-head .wb-hero-actions {gap:2px}
  .wb-game-head h1 {font-size:21px}
  .wb-tabs {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:4px}
  .wb-game-nav-group,.wb-game-nav-group+.wb-game-nav-group {display:contents}
  .wb-tabs a {justify-content:center;min-height:34px;gap:4px;padding-inline:2px;font-size:11px}
  .wb-tabs svg {width:13px;height:13px}
  .wb-view-title {font-size:18px}
  .wb-pager {padding-inline:11px}
  .wb-pager-span {display:none}
  .modal-head,.modal-body,.modal-footer {padding-inline:14px}
  .page-footer {padding-inline:12px}
}
@media (max-width:420px) {
  .wb-directory .wb-select {flex-basis:calc(50% - 8px)}
}
@media (max-width:360px) {
  .wb-tabs {grid-template-columns:repeat(3,minmax(0,1fr))}
  .wb-directory .wb-tag {max-width:63px}
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after {scroll-behavior:auto!important;transition:none!important}
}