/*
 * Yelan CPA UI v4 - 晴空中继站
 * Bright pixel-art visual override. Behavior remains owned by decoy.html and
 * cpa-ui-v3.js. Remove this link and the ui-v4 body class to restore v3.
 */

body.ui-v4 {
  --pf-ink: #173b46;
  --pf-ink-2: #214f5a;
  --pf-rail: #bdeafa;
  --pf-rail-soft: #dff7fb;
  --pf-paper: #fff9e8;
  --pf-canvas: #f4f8e8;
  --pf-surface: #fffef7;
  --pf-surface-soft: #f3f8df;
  --pf-line: #73949a;
  --pf-line-strong: #173b46;
  --pf-muted: #527078;
  --pf-teal: #29a998;
  --pf-teal-dark: #176b70;
  --pf-mint: #57d2c0;
  --pf-mint-soft: #d8f7e9;
  --pf-coral: #ff6b5d;
  --pf-coral-soft: #ffe1d7;
  --pf-yellow: #d6eb63;
  --pf-yellow-soft: #f6f7b7;
  --pf-blue: #275ea8;
  --pf-blue-soft: #dcecff;
  --pf-green: #21865f;
  --pf-red: #b53b3f;
  --pf-lavender: #d9c6ff;
  --pf-sky: #bdeafa;
  --pf-shadow: 8px 8px 0 rgba(23, 59, 70, .2);
  color: var(--pf-ink);
  background: #d6f3f6;
}

body.ui-v4 *,
body.ui-v4 *::before,
body.ui-v4 *::after {
  border-radius: 0 !important;
}

body.ui-v4::before {
  opacity: .08;
  background-size: 20px 20px;
}

body.ui-v4 :is(
  h1,
  .console-gate-kicker,
  .console-brand strong,
  .console-brand span,
  .panel-head,
  .packet-route-kicker,
  .packet-route-state,
  .packet-route-track,
  .packet-scene-meta,
  .console-nav-icon,
  .console-page-eyebrow,
  .newapi-card-title,
  .newspaper-title
) {
  letter-spacing: .035em !important;
}

body.ui-v4 .scene {
  background: #bdeafa;
}

body.ui-v4 .scene-image {
  filter: saturate(1.15) contrast(1.03) brightness(1.04);
  transform: scale(1.018);
}

body.ui-v4[data-ui-parallax="active"] .scene-image {
  transform: translate3d(var(--ui-scene-x), var(--ui-scene-y), 0) scale(1.022);
}

body.ui-v4.packet-static .scene-image,
body.ui-v4.packet-static[data-ui-parallax="active"] .scene-image {
  transform: scale(1.018);
  transition: none;
}

body.ui-v4 .scene-overlay {
  background: rgba(255, 249, 232, .04);
}

body.ui-v4 .app {
  inset: 10px;
  grid-template-rows: 68px minmax(0, 1fr);
  border: 3px solid var(--pf-ink);
  border-radius: 0;
  background: var(--pf-paper);
  box-shadow: 8px 8px 0 rgba(23, 59, 70, .22);
}

/* Bright station HUD */
body.ui-v4 .topbar,
body.ui-v4[data-active-view="leaderboard"] .topbar,
body.ui-v4[data-active-view="frontier-news"] .topbar,
body.ui-v4[data-active-view="new-api"] .topbar {
  grid-template-columns: minmax(510px, .9fr) minmax(470px, 1.1fr);
  min-height: 68px;
  border-bottom: 3px solid var(--pf-ink);
  background: #fff9e8;
}

body.ui-v4 .title-copy,
body.ui-v4[data-active-view="leaderboard"] .title-copy,
body.ui-v4[data-active-view="frontier-news"] .title-copy,
body.ui-v4[data-active-view="new-api"] .title-copy {
  gap: 22px;
  min-height: 65px;
  padding: 0 18px;
  background: #fff9e8;
}

body.ui-v4 h1,
body.ui-v4[data-active-view="leaderboard"] h1 {
  gap: 14px;
  color: var(--pf-ink);
  font-size: 19px;
  font-weight: 950;
}

body.ui-v4 h1::before {
  width: 9px;
  height: 28px;
  background: var(--pf-coral);
  box-shadow:
    5px 5px 0 var(--pf-blue),
    10px 10px 0 var(--pf-yellow);
}

body.ui-v4 .view-switch,
body.ui-v4[data-active-view="leaderboard"] .view-switch,
body.ui-v4[data-active-view="frontier-news"] .view-switch,
body.ui-v4[data-active-view="new-api"] .view-switch {
  width: min(276px, 100%);
  min-width: 234px;
  padding: 4px;
  border: 2px solid var(--pf-ink);
  background: var(--pf-sky);
  box-shadow: 4px 4px 0 rgba(23, 59, 70, .16);
}

body.ui-v4 .view-tab,
body.ui-v4[data-active-view="leaderboard"] .view-tab,
body.ui-v4[data-active-view="frontier-news"] .view-tab,
body.ui-v4[data-active-view="new-api"] .view-tab {
  min-height: 36px;
  color: var(--pf-ink);
  background: #fffef7;
  font-size: 12px;
  font-weight: 900;
  transition: transform 90ms steps(2, end), background-color 90ms linear, color 90ms linear;
}

body.ui-v4 .view-tab + .view-tab {
  border-left: 2px solid var(--pf-ink);
}

body.ui-v4 .view-tab:hover {
  color: var(--pf-ink);
  background: var(--pf-yellow-soft);
  transform: translate(-1px, -1px);
}

body.ui-v4 .view-tab.active,
body.ui-v4 .view-tab[aria-selected="true"] {
  color: #fff;
  background: var(--pf-blue);
  box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .16);
}

body.ui-v4 .stats,
body.ui-v4[data-active-view="leaderboard"] .stats,
body.ui-v4[data-active-view="frontier-news"] .stats,
body.ui-v4[data-active-view="new-api"] .stats {
  min-height: 65px;
  border-left: 3px solid var(--pf-ink);
  background: #fffef7;
}

body.ui-v4 .metric,
body.ui-v4[data-active-view="leaderboard"] .metric {
  min-height: 65px;
  padding: 9px 15px;
  border-right: 2px solid var(--pf-ink);
  background: var(--pf-mint-soft);
}

body.ui-v4 .metric:nth-child(2) { background: var(--pf-blue-soft); }
body.ui-v4 .metric:nth-child(3) { background: var(--pf-yellow-soft); }

body.ui-v4 .metric::before {
  height: 5px;
  background: var(--pf-teal);
  transform: scaleX(.34);
}

body.ui-v4 .metric:nth-child(2)::before { background: var(--pf-coral); }
body.ui-v4 .metric:nth-child(3)::before { background: var(--pf-blue); }

body.ui-v4 .metric .label,
body.ui-v4[data-active-view="leaderboard"] .metric .label {
  color: #45656d;
  font-size: 9px;
  font-weight: 900;
}

body.ui-v4 .metric .value,
body.ui-v4[data-active-view="leaderboard"] .metric .value {
  color: var(--pf-ink);
  font-size: 17px;
  font-weight: 950;
}

body.ui-v4 .panel,
body.ui-v4 .console-shell-panel,
body.ui-v4 .frontier-news-panel {
  background: #eef8e8;
}

body.ui-v4 .panel-head,
body.ui-v4[data-active-view="leaderboard"] .console-shell-panel > .panel-head {
  min-height: 38px;
  padding: 7px 14px;
  border-bottom: 3px solid var(--pf-ink);
  color: var(--pf-ink);
  background: var(--pf-sky);
  font-size: 10px;
  font-weight: 950;
}

body.ui-v4 .panel-head > span:first-child::before {
  width: 13px;
  height: 4px;
  background: var(--pf-blue);
  box-shadow: 5px 4px 0 var(--pf-coral);
}

body.ui-v4 .panel-head span:last-child,
body.ui-v4[data-active-view="leaderboard"] .console-shell-panel > .panel-head span:last-child {
  min-height: 24px;
  padding: 3px 9px;
  border: 2px solid var(--pf-ink);
  color: var(--pf-ink);
  background: var(--pf-yellow-soft);
  box-shadow: 3px 3px 0 rgba(23, 59, 70, .14);
}

/* The valley is the UI, not wallpaper behind a white wall. */
body.ui-v4 .console-gate {
  background-color: var(--pf-sky);
  background-position: center;
}

body.ui-v4 .console-gate::before {
  background: rgba(255, 249, 232, .03);
}

body.ui-v4 .console-gate::after {
  display: none;
}

body.ui-v4 .packet-frontier-canvas {
  filter: saturate(1.5) contrast(1.22) brightness(.94);
}

body.ui-v4 .console-gate-card .newapi-card-body {
  grid-template-columns: minmax(0, 1fr) 430px;
  grid-template-areas:
    "copy ."
    "copy form"
    "copy status"
    "copy .";
  grid-template-rows: minmax(24px, 1fr) auto auto minmax(24px, 1fr);
}

body.ui-v4 .console-gate-copy {
  align-content: center;
  gap: 17px;
  padding: 60px 62px 152px 72px;
  color: var(--pf-ink);
  text-shadow: none;
  animation: v4-copy-in 420ms steps(5, end) both;
}

body.ui-v4 .console-gate-kicker {
  min-height: 30px;
  padding: 5px 10px;
  border: 3px solid var(--pf-ink);
  color: var(--pf-ink);
  background: var(--pf-yellow);
  box-shadow: 4px 4px 0 var(--pf-blue);
  font-size: 10px;
}

body.ui-v4 .console-gate-kicker::before {
  width: 7px;
  height: 7px;
  background: var(--pf-coral);
  box-shadow: 4px 4px 0 var(--pf-mint);
}

body.ui-v4 .console-gate-copy h2 {
  max-width: 720px;
  color: var(--pf-ink);
  font-size: 50px;
  line-height: 1.06;
  text-shadow:
    3px 3px 0 #fff9e8,
    6px 6px 0 rgba(39, 94, 168, .16);
}

body.ui-v4 .console-gate-copy p {
  max-width: 610px;
  color: #244f59;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.7;
  text-shadow: 1px 1px 0 rgba(255, 249, 232, .9);
}

body.ui-v4 .console-gate-points {
  border: 2px solid var(--pf-ink);
  background: #fff9e8;
  box-shadow: 5px 5px 0 rgba(39, 94, 168, .2);
}

body.ui-v4 .console-gate-points span {
  min-height: 34px;
  padding: 7px 11px;
  border-right: 2px solid var(--pf-ink);
  color: var(--pf-ink);
  font-weight: 900;
}

body.ui-v4 .console-gate-points span::before { width: 7px; height: 7px; background: var(--pf-mint); }
body.ui-v4 .console-gate-points span:nth-child(2)::before { background: var(--pf-coral); }
body.ui-v4 .console-gate-points span:nth-child(3)::before { background: var(--pf-yellow); }

body.ui-v4 .console-gate-form {
  align-self: stretch;
  align-content: center;
  gap: 16px;
  margin: 0 28px;
  padding: 70px 24px 18px;
  border: 3px solid var(--pf-ink);
  border-bottom: 0;
  background: #fff9e8;
  box-shadow:
    8px 8px 0 var(--pf-blue),
    inset 0 8px 0 var(--pf-sky),
    inset 0 13px 0 var(--pf-yellow);
  animation: v4-terminal-in 360ms 70ms steps(4, end) both;
}

body.ui-v4 .console-gate-form::before {
  top: 29px;
  right: 24px;
  left: 24px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--pf-ink);
  color: var(--pf-blue);
  font-size: 10px;
}

body.ui-v4 .console-gate-form::after {
  top: 29px;
  right: 24px;
  color: var(--pf-muted);
}

body.ui-v4 .console-gate-label-row {
  color: var(--pf-ink);
  font-size: 10px;
  font-weight: 950;
}

body.ui-v4 .console-key-input-wrap .newapi-input {
  height: 56px;
  border: 3px solid var(--pf-ink);
  color: var(--pf-ink);
  background: #fffef7;
  box-shadow: 4px 4px 0 var(--pf-lavender);
}

body.ui-v4 .console-key-input-wrap .newapi-input:focus {
  border-color: var(--pf-blue);
  box-shadow: 4px 4px 0 var(--pf-yellow);
}

body.ui-v4 .console-key-visibility {
  min-width: 58px;
  min-height: 40px;
  border: 2px solid var(--pf-ink);
  color: var(--pf-ink);
  background: var(--pf-mint-soft);
  box-shadow: 2px 2px 0 var(--pf-teal);
}

body.ui-v4 .console-gate-form > .newapi-button {
  min-height: 54px;
  border-width: 3px;
  background: var(--pf-blue);
  box-shadow: 5px 5px 0 var(--pf-ink);
}

body.ui-v4 .console-gate-form > .newapi-button:hover:not(:disabled) {
  color: #fff;
  background: #3473c8;
  box-shadow: 3px 3px 0 var(--pf-ink);
  transform: translate(2px, 2px);
}

body.ui-v4 .console-gate-status {
  min-height: 72px;
  margin: 0 28px;
  padding: 12px 24px 22px;
  border: 3px solid var(--pf-ink);
  border-top: 0;
  color: var(--pf-ink);
  background: #fff9e8;
  box-shadow: 8px 8px 0 var(--pf-blue);
}

body.ui-v4 .console-gate-status::before {
  width: 9px;
  height: 9px;
  background: var(--pf-yellow);
  box-shadow: 2px 2px 0 var(--pf-ink);
}

body.ui-v4 .console-gate-status.good::before { background: var(--pf-mint); }
body.ui-v4 .console-gate-status.bad::before { background: var(--pf-coral); }

body.ui-v4 .packet-scene-meta {
  bottom: 24px;
  left: 30px;
  border: 3px solid var(--pf-ink);
  color: var(--pf-ink);
  background: #fff9e8;
  box-shadow: 6px 6px 0 rgba(39, 94, 168, .26);
}

body.ui-v4 .packet-scene-node {
  min-height: 42px;
  padding: 7px 13px;
  border-right: 2px solid var(--pf-ink);
  font-weight: 950;
}

body.ui-v4 .packet-scene-node::before {
  width: 9px;
  height: 9px;
  background: var(--pf-mint);
  box-shadow: 2px 2px 0 var(--pf-ink);
}

body.ui-v4 .packet-scene-node:nth-child(2)::before { background: var(--pf-coral); }
body.ui-v4 .packet-scene-node:nth-child(3)::before { background: var(--pf-yellow); }

body.ui-v4 .packet-motion-toggle {
  right: 462px;
  bottom: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 68px;
  height: 44px;
  border: 3px solid var(--pf-ink);
  color: var(--pf-ink);
  background: var(--pf-yellow);
  box-shadow: 5px 5px 0 var(--pf-blue);
  white-space: nowrap;
}

body.ui-v4 .packet-motion-toggle::after {
  content: "动效";
  font-size: 9px;
  font-weight: 950;
}

body.ui-v4 .packet-motion-toggle[hidden] {
  display: none !important;
}

body.ui-v4 .packet-motion-toggle:hover {
  background: var(--pf-mint);
  transform: translate(2px, 2px);
}

body.ui-v4 .packet-frontier-canvas[data-motion-state="moving"] ~ .packet-scene-meta .packet-scene-node:nth-child(2) {
  animation: v4-relay-signal 520ms steps(2, end) infinite alternate;
}

body.ui-v4 .packet-frontier-canvas[data-motion-state="complete"] + .console-gate-card .console-gate-status {
  animation: v4-terminal-arrival 260ms steps(2, end) both;
}

/* Authenticated station console */
body.ui-v4 .console-shell {
  grid-template-columns: 202px minmax(0, 1fr);
  background: #edf7e9;
}

body.ui-v4 .console-sidebar {
  padding: 12px 10px;
  border-right: 3px solid var(--pf-ink);
  color: var(--pf-ink);
  background: var(--pf-sky);
}

body.ui-v4 .console-sidebar::after {
  right: -3px;
  width: 5px;
  height: 70px;
  background: var(--pf-coral);
  box-shadow: 0 70px 0 var(--pf-yellow), 0 140px 0 var(--pf-blue), 0 210px 0 var(--pf-mint);
}

body.ui-v4 .console-brand {
  min-height: 62px;
  padding: 8px 8px 13px 43px;
  border-bottom: 2px solid var(--pf-ink);
}

body.ui-v4 .console-brand::before {
  width: 22px;
  height: 22px;
  border: 3px solid var(--pf-ink);
  background: var(--pf-yellow);
  box-shadow: 5px 5px 0 var(--pf-coral);
}

body.ui-v4 .console-brand strong {
  color: var(--pf-ink);
  font-size: 15px;
}

body.ui-v4 .console-brand span {
  color: #41646c;
  font-size: 8px;
}

body.ui-v4 .console-nav-list {
  gap: 6px;
  padding: 4px 1px;
}

body.ui-v4 .console-nav {
  min-height: 43px;
  padding: 7px 9px;
  border: 2px solid transparent;
  color: #31565e;
  background: transparent;
  font-size: 11px;
}

body.ui-v4 .console-nav:hover {
  border-color: var(--pf-ink);
  color: var(--pf-ink);
  background: #fff9e8;
  box-shadow: 3px 3px 0 rgba(23, 59, 70, .18);
}

body.ui-v4 .console-nav.active,
body.ui-v4 .console-nav[aria-selected="true"] {
  border-color: var(--pf-ink);
  color: var(--pf-ink);
  background: var(--pf-yellow-soft);
  box-shadow: 4px 4px 0 var(--pf-coral);
}

body.ui-v4 .console-nav-icon {
  width: 25px;
  height: 25px;
  border: 2px solid var(--pf-ink);
  color: var(--pf-ink);
  background: #fffef7;
  font-size: 9px;
}

body.ui-v4 .console-nav.active .console-nav-icon {
  color: #fff;
  background: var(--pf-blue);
}

body.ui-v4 .packet-nav-marker {
  width: 4px;
  background: var(--pf-coral);
  box-shadow: 3px 3px 0 rgba(39, 94, 168, .3);
}

body.ui-v4 .console-sidebar-foot {
  padding: 9px;
  border: 2px solid var(--pf-ink);
  color: var(--pf-ink);
  background: #fff9e8;
  box-shadow: 4px 4px 0 rgba(23, 59, 70, .16);
}

body.ui-v4 .console-sidebar-foot .newapi-button.danger {
  border-color: var(--pf-ink);
  color: var(--pf-red);
  background: var(--pf-coral-soft);
}

body.ui-v4 .console-content {
  background: #edf7e9;
}

body.ui-v4 .packet-route-ribbon {
  min-height: 40px;
  border: 2px solid var(--pf-ink);
  color: var(--pf-ink);
  background: var(--pf-yellow-soft);
  box-shadow: 3px 3px 0 rgba(39, 94, 168, .16);
}

body.ui-v4 .packet-route-kicker,
body.ui-v4 .packet-route-state {
  color: var(--pf-blue);
  font-weight: 950;
}

body.ui-v4 .packet-route-state { color: var(--pf-ink); }
body.ui-v4 .packet-route-state::before { width: 9px; height: 9px; background: var(--pf-mint); box-shadow: 2px 2px 0 var(--pf-ink); }
body.ui-v4 .packet-route-track > span { color: var(--pf-ink); font-weight: 900; }
body.ui-v4 .packet-route-track > i { height: 2px; background: var(--pf-ink); }
body.ui-v4 .packet-route-track > i::after { top: -3px; width: 9px; height: 8px; background: var(--pf-coral); }

body.ui-v4 .packet-route-ribbon.is-routing {
  animation: v4-route-stamp 620ms steps(3, end) both;
}

/* Pixel workstation surfaces */
body.ui-v4 .newapi-card,
body.ui-v4 .mini-leaderboard-panel,
body.ui-v4 .usage-log-panel,
body.ui-v4 .dashboard-hourly-card,
body.ui-v4 .admin-account-detail-page,
body.ui-v4 .admin-account-tool-card,
body.ui-v4 .news-intel-panel,
body.ui-v4 .news-group-card {
  border: 2px solid var(--pf-ink);
  background: #fffef7;
  box-shadow: 4px 4px 0 rgba(39, 94, 168, .12);
}

body.ui-v4 .newapi-card.console-gate-card {
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.ui-v4 .newapi-card-head,
body.ui-v4 .dashboard-overview .newapi-card-head {
  min-height: 48px;
  border-bottom: 2px solid var(--pf-ink);
  background: var(--pf-sky);
}

body.ui-v4 :is(.newapi-metric, .usage-query-card, .admin-summary-card, .admin-account-stat) {
  border: 2px solid var(--pf-ink);
  background: var(--pf-mint-soft);
}

body.ui-v4 :is(.newapi-metric, .usage-query-card, .admin-summary-card, .admin-account-stat):nth-child(2) { background: var(--pf-coral-soft); }
body.ui-v4 :is(.newapi-metric, .usage-query-card, .admin-summary-card, .admin-account-stat):nth-child(3) { background: var(--pf-blue-soft); }
body.ui-v4 :is(.newapi-metric, .usage-query-card, .admin-summary-card, .admin-account-stat):nth-child(4) { background: var(--pf-yellow-soft); }

body.ui-v4 :is(.newapi-metric, .usage-query-card, .admin-summary-card, .admin-account-stat)::before {
  width: 4px;
  background: var(--pf-teal);
}

body.ui-v4 :is(.newapi-metric, .usage-query-card, .admin-summary-card, .admin-account-stat) strong {
  color: var(--pf-ink);
}

body.ui-v4 .newapi-button {
  border: 2px solid var(--pf-ink);
  color: var(--pf-ink);
  background: #fffef7;
  box-shadow: 3px 3px 0 rgba(23, 59, 70, .2);
  transition: transform 90ms steps(2, end), box-shadow 90ms linear, background-color 90ms linear;
}

body.ui-v4 .newapi-button:hover:not(:disabled) {
  border-color: var(--pf-ink);
  color: var(--pf-ink);
  background: var(--pf-yellow-soft);
  box-shadow: 1px 1px 0 rgba(23, 59, 70, .25);
  transform: translate(2px, 2px);
}

body.ui-v4 .newapi-button.primary {
  border-color: var(--pf-ink);
  color: #fff;
  background: var(--pf-blue);
  box-shadow: 4px 4px 0 var(--pf-ink);
}

body.ui-v4 .newapi-button.primary:hover:not(:disabled) {
  border-color: var(--pf-ink);
  color: #fff;
  background: #3473c8;
}

body.ui-v4 .newapi-button.danger {
  border-color: var(--pf-ink);
  color: var(--pf-red);
  background: var(--pf-coral-soft);
}

body.ui-v4 :is(.newapi-input, .newapi-select, .newapi-textarea, .search-input) {
  border: 2px solid var(--pf-ink);
  color: var(--pf-ink);
  background: #fffef7;
  box-shadow: 2px 2px 0 rgba(39, 94, 168, .12);
}

body.ui-v4 :is(.newapi-input, .newapi-select, .newapi-textarea, .search-input):focus {
  border-color: var(--pf-blue);
  box-shadow: 3px 3px 0 var(--pf-yellow);
}

body.ui-v4 :is(
  .view-tab, .newapi-button, .console-nav, .console-key-visibility,
  .admin-workspace-tab, .usage-log-page-button, .recharge-plan-card,
  .recharge-method-card, .news-filter-button, .agent-suggestion-chip,
  .refresh-button, .search-button, .packet-motion-toggle
):focus-visible {
  outline: 3px solid var(--pf-blue);
  outline-offset: 3px;
}

body.ui-v4 :is(.console-nav, .console-sidebar .newapi-button, .packet-motion-toggle):focus-visible {
  outline-color: var(--pf-blue);
}

body.ui-v4 .dashboard-hourly-card {
  border: 2px solid var(--pf-ink);
  background: var(--pf-yellow-soft);
}

body.ui-v4 .hourly-chart {
  border: 2px solid #73949a;
  background: #e7f6ff;
}

body.ui-v4 .mini-leaderboard-panel .panel-head { background: var(--pf-yellow-soft); }
body.ui-v4 .mini-leaderboard-panel .row { border: 2px solid #73949a; background: #fffef7; }
body.ui-v4 .mini-leaderboard-panel .row:hover { border-color: var(--pf-ink); background: var(--pf-mint-soft); }

/* Usage timetable */
body.ui-v4 .usage-log-panel { border: 2px solid var(--pf-ink); background: #fffef7; }
body.ui-v4 .usage-log-admin-filters { border: 2px solid var(--pf-ink); background: var(--pf-blue-soft); }
body.ui-v4 .usage-log-table-wrap,
body.ui-v4 .admin-recent-table-wrap { border: 2px solid var(--pf-ink); background: #fffef7; }
body.ui-v4 .usage-log-table th {
  color: var(--pf-ink);
  background: var(--pf-yellow-soft);
  border-color: var(--pf-ink);
}
body.ui-v4 .usage-log-table th,
body.ui-v4 .usage-log-table td { border-color: #9db4b5; }
body.ui-v4 .usage-log-table tbody tr:hover { background: var(--pf-mint-soft); }
body.ui-v4 .usage-log-status,
body.ui-v4 .usage-log-discount,
body.ui-v4 .topup-status-pill,
body.ui-v4 .call-status-pill { border: 2px solid currentColor; }
body.ui-v4 .usage-log-page-button { border: 2px solid var(--pf-ink); box-shadow: 2px 2px 0 rgba(23,59,70,.18); }
body.ui-v4 .usage-log-page-button.current { color: #fff; background: var(--pf-blue); }

/* Recharge depot and dispatch room */
body.ui-v4 .recharge-page-hero,
body.ui-v4 .admin-page-hero,
body.ui-v4 .console-page-title {
  border: 2px solid var(--pf-ink);
  background: var(--pf-sky);
  box-shadow: 4px 4px 0 rgba(39, 94, 168, .14);
}

body.ui-v4 .recharge-page-hero::before,
body.ui-v4 .admin-page-hero::before {
  width: 7px;
  background: var(--pf-coral);
  box-shadow: 0 24px 0 var(--pf-blue), 0 48px 0 var(--pf-yellow);
}

body.ui-v4 .recharge-flow,
body.ui-v4 .recharge-balance-panel,
body.ui-v4 .recharge-summary-card,
body.ui-v4 .recharge-jump-grid > div,
body.ui-v4 .recharge-setting-card,
body.ui-v4 .recharge-plan-card,
body.ui-v4 .recharge-method-card,
body.ui-v4 .topup-order-row,
body.ui-v4 .call-recent-row,
body.ui-v4 .model-breakdown-row,
body.ui-v4 .own-model-table-row {
  border: 2px solid var(--pf-ink);
  background: #fffef7;
  box-shadow: 3px 3px 0 rgba(39, 94, 168, .11);
}

body.ui-v4 .recharge-flow { background: var(--pf-yellow-soft); }
body.ui-v4 .recharge-plan-card:hover,
body.ui-v4 .recharge-plan-card.active,
body.ui-v4 .recharge-method-card.active {
  border-color: var(--pf-ink);
  background: var(--pf-mint-soft);
  box-shadow: 4px 4px 0 var(--pf-blue);
}

body.ui-v4 .admin-workspace-tabs {
  padding: 4px;
  border: 2px solid var(--pf-ink);
  background: var(--pf-yellow-soft);
  box-shadow: 3px 3px 0 rgba(23, 59, 70, .14);
}

body.ui-v4 .admin-workspace-tab {
  color: var(--pf-ink);
  background: #fffef7;
}

body.ui-v4 .admin-workspace-tab + .admin-workspace-tab { border-left: 1px solid #9db4b5; }
body.ui-v4 .admin-workspace-tab.active { border-color: var(--pf-ink); color: #fff; background: var(--pf-blue); }

body.ui-v4 .console-page[data-console-page="admin"] .admin-account-row,
body.ui-v4 .admin-pricing-row,
body.ui-v4 .admin-announcement-form,
body.ui-v4 .admin-announcement-list,
body.ui-v4 .admin-announcement-item {
  border: 2px solid var(--pf-ink);
  background: #fffef7;
  box-shadow: 3px 3px 0 rgba(39, 94, 168, .1);
}

body.ui-v4 .console-page[data-console-page="admin"] .admin-account-row.clickable:hover {
  border-color: var(--pf-ink);
  background: var(--pf-mint-soft);
  box-shadow: 4px 4px 0 var(--pf-coral);
}

/* Bright station bulletin */
body.ui-v4 .frontier-news-panel { background: #eef8e8; }
body.ui-v4 .newspaper-header { border-bottom: 2px solid var(--pf-ink); background: var(--pf-yellow-soft); }
body.ui-v4 .newspaper-title { color: var(--pf-ink); font-weight: 950; }
body.ui-v4 .news-intel-panel { border-color: var(--pf-ink); background: var(--pf-sky); box-shadow: none; }
body.ui-v4 .news-intel-panel .search-input.agent-input { border: 2px solid var(--pf-ink); background: #fffef7; }
body.ui-v4 .news-intel-panel .search-button.agent-run-button { border: 2px solid var(--pf-ink); background: var(--pf-blue); box-shadow: 4px 4px 0 var(--pf-ink); }
body.ui-v4 .news-intel-panel .refresh-button.agent-brief-button { border: 2px solid var(--pf-ink); color: var(--pf-ink); background: var(--pf-mint-soft); box-shadow: 3px 3px 0 var(--pf-teal); }
body.ui-v4 .agent-model-pill,
body.ui-v4 .agent-suggestion-chip,
body.ui-v4 .agent-follow-chip { border: 2px solid var(--pf-ink); color: var(--pf-ink); background: #fffef7; }
body.ui-v4 .agent-suggestion-chip:hover,
body.ui-v4 .agent-follow-chip:hover { border-color: var(--pf-ink); color: var(--pf-ink); background: var(--pf-yellow-soft); box-shadow: 2px 2px 0 var(--pf-blue); }
body.ui-v4 .newspaper-content { background: #eef8e8; }
body.ui-v4 .news-filter-bar { border: 2px solid var(--pf-ink); background: #fffef7; box-shadow: 3px 3px 0 rgba(39,94,168,.12); }
body.ui-v4 .news-filter-button { border: 2px solid var(--pf-ink); color: var(--pf-ink); background: #fffef7; }
body.ui-v4 .news-filter-button.active,
body.ui-v4 .news-filter-button:hover { border-color: var(--pf-ink); color: var(--pf-ink); background: var(--pf-mint-soft); box-shadow: 3px 3px 0 var(--pf-blue); }
body.ui-v4 .news-feed-row { border: 2px solid #73949a; background: #fffef7; box-shadow: 3px 3px 0 rgba(39,94,168,.08); }
body.ui-v4 .news-feed-row:hover { border-color: var(--pf-ink); background: var(--pf-yellow-soft); box-shadow: 4px 4px 0 var(--pf-coral); }
body.ui-v4 .news-feed-rank { border: 2px solid var(--pf-ink); color: #fff; background: var(--pf-blue); }
body.ui-v4 .newspaper-footer { border-top: 2px solid var(--pf-ink); background: var(--pf-yellow-soft); }

body.ui-v4 .announcement-toast {
  border: 3px solid var(--pf-ink);
  background: #fff9e8;
  box-shadow: 7px 7px 0 var(--pf-blue);
}

body.ui-v4 .announcement-toast-accent { height: 6px; background: var(--pf-coral); }

@keyframes v4-relay-signal {
  from { background: #fff9e8; box-shadow: inset 0 -4px 0 var(--pf-coral); }
  to { background: var(--pf-yellow-soft); box-shadow: inset 0 -4px 0 var(--pf-blue); }
}

@keyframes v4-copy-in {
  from { opacity: 1; transform: translate3d(-8px, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes v4-terminal-in {
  from { opacity: 1; transform: translate3d(8px, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes v4-terminal-arrival {
  0%, 100% {
    transform: translate(0, 0);
    background: #fff9e8;
    box-shadow: 8px 8px 0 var(--pf-blue);
  }
  50% {
    transform: translate(-3px, -3px);
    background: var(--pf-yellow-soft);
    box-shadow: 11px 11px 0 var(--pf-coral);
  }
}

@keyframes v4-route-stamp {
  0% { transform: translateX(0); background: var(--pf-yellow-soft); }
  45% { transform: translateX(3px); background: var(--pf-mint-soft); }
  100% { transform: translateX(0); background: var(--pf-yellow-soft); }
}

@media (max-width: 1240px) {
  body.ui-v4 .console-gate-card .newapi-card-body { grid-template-columns: minmax(0, 1fr) 400px; }
  body.ui-v4 .console-gate-copy { padding-inline: 48px; }
  body.ui-v4 .console-gate-copy h2 { font-size: 44px; }
  body.ui-v4 .console-gate-form,
  body.ui-v4 .console-gate-status { margin-inline: 22px; }
  body.ui-v4 .packet-motion-toggle { right: 426px; }
}

@media (min-width: 981px) and (max-width: 1180px) {
  body.ui-v4 .console-content {
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  body.ui-v4 .console-page.active {
    height: auto;
    overflow: visible;
  }

  body.ui-v4 .dashboard-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(580px, auto) 280px;
    grid-template-areas:
      "overview"
      "board";
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  body.ui-v4 .dashboard-usage-metrics,
  body.ui-v4 .dashboard-state-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body.ui-v4 .dashboard-overview {
    align-content: start;
    grid-template-rows: auto auto;
  }

  body.ui-v4 .hourly-chart { min-height: 150px; }
  body.ui-v4 .hourly-svg { height: 150px; }

  body.ui-v4 .dashboard-leaderboard {
    width: 100%;
    min-height: 280px;
    height: 280px;
    max-height: 280px;
  }
}

@media (min-width: 981px) and (max-width: 1100px) {
  body.ui-v4 .topbar,
  body.ui-v4[data-active-view="leaderboard"] .topbar,
  body.ui-v4[data-active-view="frontier-news"] .topbar,
  body.ui-v4[data-active-view="new-api"] .topbar {
    grid-template-columns: minmax(480px, .92fr) minmax(390px, 1.08fr);
  }

  body.ui-v4 .title-copy,
  body.ui-v4[data-active-view="leaderboard"] .title-copy,
  body.ui-v4[data-active-view="frontier-news"] .title-copy,
  body.ui-v4[data-active-view="new-api"] .title-copy {
    gap: 12px;
    padding-inline: 12px;
  }

  body.ui-v4 h1,
  body.ui-v4[data-active-view="leaderboard"] h1 { font-size: 17px; }

  body.ui-v4 .view-switch,
  body.ui-v4[data-active-view="leaderboard"] .view-switch,
  body.ui-v4[data-active-view="frontier-news"] .view-switch,
  body.ui-v4[data-active-view="new-api"] .view-switch {
    width: min(250px, 100%);
    min-width: 220px;
  }

  body.ui-v4 .stats,
  body.ui-v4[data-active-view="leaderboard"] .stats,
  body.ui-v4[data-active-view="frontier-news"] .stats,
  body.ui-v4[data-active-view="new-api"] .stats {
    grid-template-columns: minmax(90px, .55fr) minmax(130px, .78fr) minmax(170px, 1.2fr);
  }

  body.ui-v4 .metric,
  body.ui-v4[data-active-view="leaderboard"] .metric { padding-inline: 10px; }
}

@media (max-width: 980px) {
  body.ui-v4 {
    min-height: 100svh;
    overflow: auto;
  }

  body.ui-v4 .app {
    position: relative;
    inset: auto;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 100svh;
    border-width: 0;
    overflow: visible;
    box-shadow: none;
  }

  body.ui-v4 .topbar,
  body.ui-v4[data-active-view="leaderboard"] .topbar,
  body.ui-v4[data-active-view="frontier-news"] .topbar {
    grid-template-columns: minmax(0, 1fr);
    min-height: 120px;
  }

  body.ui-v4 .stats,
  body.ui-v4[data-active-view="leaderboard"] .stats,
  body.ui-v4[data-active-view="frontier-news"] .stats {
    border-top: 3px solid var(--pf-ink);
    border-left: 0;
  }

  body.ui-v4 .console-sidebar {
    border-right: 0;
    border-bottom: 3px solid var(--pf-ink);
    background: var(--pf-sky);
  }

  body.ui-v4 .console-sidebar::after { display: none; }
  body.ui-v4 .console-brand {
    border-right: 2px solid var(--pf-ink);
    border-bottom: 0;
  }
  body.ui-v4 .console-shell {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    height: auto;
  }
  body.ui-v4.packet-authenticated .topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-height: 62px;
  }
  body.ui-v4.packet-authenticated :is(.stats, .title-copy h1) { display: none; }
  body.ui-v4.packet-authenticated .title-copy {
    display: flex;
    justify-content: center;
    min-height: 62px;
    padding: 7px 10px;
  }
  body.ui-v4.packet-authenticated .view-switch {
    width: min(720px, 100%);
    max-width: none;
  }
  body.ui-v4 .console-nav { min-height: 38px; }
  body.ui-v4 .packet-nav-scroll-hint { border-left: 2px solid var(--pf-ink); color: var(--pf-ink); background: var(--pf-yellow); }
  body.ui-v4 .packet-nav-marker { height: 4px; }
}

@media (min-width: 561px) and (max-width: 980px) {
  body.ui-v4 .dashboard-usage-metrics,
  body.ui-v4 .dashboard-state-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  body.ui-v4 .console-gate { background-position: center top; }

  body.ui-v4 .console-gate-card .newapi-card-body {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "copy" "form" "status";
    grid-template-rows: 292px auto auto;
  }

  body.ui-v4 .console-gate-copy {
    align-content: start;
    padding: 28px 24px 82px;
  }

  body.ui-v4 .console-gate-copy h2 { font-size: 36px; }
  body.ui-v4 .console-gate-copy p { max-width: 570px; font-size: 12px; line-height: 1.55; }
  body.ui-v4 .console-gate-points { display: none; }

  body.ui-v4 .console-gate-form {
    position: relative;
    z-index: 4;
    margin: -18px 14px 0;
    padding: 68px 18px 15px;
    border: 3px solid var(--pf-ink);
    border-bottom: 0;
    box-shadow: 7px 7px 0 var(--pf-blue), inset 0 8px 0 var(--pf-sky), inset 0 13px 0 var(--pf-yellow);
  }

  body.ui-v4 .console-gate-status {
    position: relative;
    z-index: 4;
    margin: 0 14px 28px;
    border: 3px solid var(--pf-ink);
    border-top: 0;
    box-shadow: 7px 7px 0 var(--pf-blue);
  }

  body.ui-v4 .packet-scene-meta { top: 232px; bottom: auto; left: 18px; max-width: calc(100% - 76px); }
  body.ui-v4 .packet-scene-node { min-height: 38px; padding: 6px 9px; }
  body.ui-v4 .packet-motion-toggle { top: 232px; right: 14px; bottom: auto; width: 64px; height: 40px; }
}

@media (max-width: 560px) {
  body.ui-v4 .topbar,
  body.ui-v4[data-active-view="leaderboard"] .topbar,
  body.ui-v4[data-active-view="frontier-news"] .topbar { min-height: 156px; }

  body.ui-v4 .title-copy,
  body.ui-v4[data-active-view="leaderboard"] .title-copy,
  body.ui-v4[data-active-view="frontier-news"] .title-copy { min-height: 96px; }

  body.ui-v4 .view-tab,
  body.ui-v4[data-active-view="leaderboard"] .view-tab,
  body.ui-v4[data-active-view="frontier-news"] .view-tab { min-height: 42px; }

  body.ui-v4 .stats,
  body.ui-v4[data-active-view="leaderboard"] .stats,
  body.ui-v4[data-active-view="frontier-news"] .stats { min-height: 60px; }

  body.ui-v4 .metric,
  body.ui-v4[data-active-view="leaderboard"] .metric { min-height: 58px; }

  body.ui-v4.packet-authenticated .topbar { min-height: 62px; }
  body.ui-v4.packet-authenticated .title-copy { min-height: 62px; }

  body.ui-v4[data-active-view="frontier-news"] .topbar,
  body.ui-v4[data-active-view="new-api"] .topbar { min-height: 62px; }

  body.ui-v4[data-active-view="frontier-news"] :is(.stats, .title-copy h1),
  body.ui-v4[data-active-view="new-api"] :is(.stats, .title-copy h1) {
    display: none;
  }

  body.ui-v4[data-active-view="frontier-news"] .title-copy,
  body.ui-v4[data-active-view="new-api"] .title-copy {
    display: flex;
    justify-content: center;
    min-height: 62px;
    padding: 7px 10px;
  }

  body.ui-v4[data-active-view="frontier-news"] .view-switch,
  body.ui-v4[data-active-view="new-api"] .view-switch {
    width: 100%;
    max-width: none;
  }

  body.ui-v4 .console-gate-card .newapi-card-body { grid-template-rows: 282px auto auto; }
  body.ui-v4 .console-gate-copy { padding: 24px 18px 72px; }
  body.ui-v4 .console-gate-copy h2 { font-size: 31px; }
  body.ui-v4 .console-gate-copy p { font-size: 11px; }
  body.ui-v4 .console-gate-form { margin: -16px 10px 0; padding: 64px 16px 13px; }
  body.ui-v4 .console-gate-status { margin: 0 10px 22px; padding-inline: 16px; }
  body.ui-v4 .packet-scene-meta { top: 225px; left: 12px; max-width: calc(100% - 66px); }
  body.ui-v4 .packet-scene-node { gap: 5px; padding-inline: 6px; font-size: 8px; }
  body.ui-v4 .packet-motion-toggle { top: 225px; right: 10px; width: 44px; }
  body.ui-v4 .packet-motion-toggle::after { display: none; }

  body.ui-v4.packet-authenticated .console-sidebar {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto;
    grid-template-areas: "nav foot";
    gap: 6px;
    padding: 6px;
  }

  body.ui-v4.packet-authenticated .console-brand { display: none; }
  body.ui-v4.packet-authenticated .console-nav-list {
    grid-area: nav;
    padding-bottom: 2px;
  }
  body.ui-v4.packet-authenticated .console-nav {
    min-width: 112px;
    min-height: 44px;
  }
  body.ui-v4.packet-authenticated .console-sidebar-foot {
    grid-area: foot;
    display: flex;
    align-items: center;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  body.ui-v4.packet-authenticated .console-sidebar-identity { display: none; }
  body.ui-v4.packet-authenticated .console-sidebar-foot .newapi-button.danger {
    width: auto;
    min-width: 70px;
    min-height: 44px;
    padding: 7px 9px;
  }

  body.ui-v4 .usage-log-table {
    min-width: 0;
  }
  body.ui-v4 .usage-log-table tbody {
    display: grid;
    gap: 10px;
  }
  body.ui-v4 .usage-log-table tr:not(.usage-log-empty) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-areas:
      "time time status cost"
      "model model user user"
      "token token group group"
      "discount latency input output";
    gap: 3px;
    padding: 8px;
    border: 2px solid var(--pf-ink);
    background: #fffef7;
    box-shadow: 3px 3px 0 rgba(39, 94, 168, .14);
  }
  body.ui-v4 .usage-log-table tr:not(.usage-log-empty) td {
    display: grid;
    align-content: center;
    justify-items: start;
    gap: 2px;
    min-width: 0;
    min-height: 42px;
    padding: 5px 7px;
    border: 0;
    background: var(--pf-rail-soft);
    text-align: left !important;
    white-space: normal;
    overflow: hidden;
    overflow-wrap: anywhere;
  }
  body.ui-v4 .usage-log-table tr:not(.usage-log-empty) td::before {
    color: var(--pf-muted);
    font-size: 8px;
  }
  body.ui-v4 .usage-log-table td:nth-child(1) { grid-area: time; }
  body.ui-v4 .usage-log-table td:nth-child(2) { grid-area: user; }
  body.ui-v4 .usage-log-table td:nth-child(3) { grid-area: token; }
  body.ui-v4 .usage-log-table td:nth-child(4) { grid-area: group; }
  body.ui-v4 .usage-log-table td:nth-child(5) { grid-area: status; }
  body.ui-v4 .usage-log-table td:nth-child(6) { grid-area: model; }
  body.ui-v4 .usage-log-table td:nth-child(7) { grid-area: discount; }
  body.ui-v4 .usage-log-table td:nth-child(8) { grid-area: latency; }
  body.ui-v4 .usage-log-table td:nth-child(9) { grid-area: input; }
  body.ui-v4 .usage-log-table td:nth-child(10) { grid-area: output; }
  body.ui-v4 .usage-log-table td:nth-child(11) { grid-area: cost; }
  body.ui-v4 .usage-log-page-buttons { flex-wrap: wrap; }

  body.ui-v4 .recharge-page-hero {
    align-items: center;
    flex-direction: row;
    padding: 9px 11px;
  }
  body.ui-v4 .recharge-page-hero > div > span { display: none; }
  body.ui-v4 .recharge-page-hero .newapi-button {
    width: auto;
    min-width: 78px;
    min-height: 42px;
  }

  body.ui-v4 .admin-page-hero {
    align-items: center;
    flex-direction: row;
    padding: 9px 11px;
  }
  body.ui-v4 .admin-page-hero > div > span { display: none; }
  body.ui-v4 .admin-page-hero .newapi-button {
    width: auto;
    min-width: 78px;
    min-height: 42px;
  }
  body.ui-v4 .console-page[data-console-page="recharge"] .recharge-balance-panel,
  body.ui-v4 .console-page[data-console-page="recharge"] .recharge-plan-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
  }
  body.ui-v4 .console-page[data-console-page="recharge"] .recharge-plan-card {
    min-height: 88px;
    padding: 8px;
  }
  body.ui-v4 .console-page[data-console-page="recharge"] .recharge-plan-card strong { font-size: 18px; }
  body.ui-v4 .console-page[data-console-page="recharge"] .recharge-plan-card span,
  body.ui-v4 .console-page[data-console-page="recharge"] .recharge-plan-card em { font-size: 9px; }

  body.ui-v4 .console-page[data-console-page="admin"] .admin-account-row {
    gap: 7px;
    padding: 8px;
  }
  body.ui-v4 .console-page[data-console-page="admin"] .admin-account-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.ui-v4 .console-page[data-console-page="admin"] .admin-account-stat { min-height: 46px; }
  body.ui-v4 .console-page[data-console-page="admin"] .admin-account-row-actions {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  body.ui-v4 .console-page[data-console-page="admin"] .admin-detail-toggle {
    width: auto;
    min-width: 88px;
  }

  body.ui-v4 .news-intel-panel {
    gap: 7px;
    padding: 8px;
  }
  body.ui-v4 .news-intel-panel .newspaper-search { padding: 10px; }
  body.ui-v4 .news-intel-panel .agent-console-subtitle { display: none; }
  body.ui-v4 .news-intel-panel .search-input.agent-input {
    min-height: 68px;
    height: 68px;
  }
  body.ui-v4 .news-intel-panel .agent-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.ui-v4 .news-intel-panel .agent-actions :is(.search-button, .refresh-button) {
    min-height: 42px;
  }

  body.ui-v4 .newapi-card,
  body.ui-v4 .mini-leaderboard-panel,
  body.ui-v4 .usage-log-panel,
  body.ui-v4 .dashboard-hourly-card,
  body.ui-v4 .admin-account-detail-page,
  body.ui-v4 .admin-account-tool-card,
  body.ui-v4 .news-group-card { box-shadow: 3px 3px 0 rgba(39,94,168,.12); }
}

@media (max-width: 380px) {
  body.ui-v4 .console-gate-copy h2 { font-size: 28px; }
  body.ui-v4 .packet-scene-node { gap: 3px; padding-inline: 4px; font-size: 7px; }
}

@media (max-height: 700px) and (min-width: 981px) {
  body.ui-v4 .app { grid-template-rows: 58px minmax(0, 1fr); }
  body.ui-v4 .topbar,
  body.ui-v4[data-active-view="leaderboard"] .topbar,
  body.ui-v4[data-active-view="frontier-news"] .topbar,
  body.ui-v4 .title-copy,
  body.ui-v4[data-active-view="leaderboard"] .title-copy,
  body.ui-v4[data-active-view="frontier-news"] .title-copy,
  body.ui-v4 .stats,
  body.ui-v4 .metric { min-height: 56px; }
  body.ui-v4 .console-gate-copy { padding-top: 28px; padding-bottom: 118px; }
  body.ui-v4 .console-gate-copy h2 { font-size: 40px; }
  body.ui-v4 .console-gate-form { padding-top: 62px; }
  body.ui-v4 .packet-scene-meta,
  body.ui-v4 .packet-motion-toggle { bottom: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  body.ui-v4 .console-gate-copy,
  body.ui-v4 .console-gate-form,
  body.ui-v4 .view-tab,
  body.ui-v4 .newapi-button,
  body.ui-v4 .packet-route-ribbon.is-routing,
  body.ui-v4 .packet-scene-node {
    animation: none !important;
    transition: none !important;
  }
}