/* BrowseRP shared foundations. Load after legacy CSS, before composition CSS.
   No routing, layout ordering, permissions or control semantics live here. */
:root {
  color-scheme: dark;
  --bg: #101a28; --bg-soft: #162334; --panel: #1a2a3c; --panel-2: #24374c;
  --text: #f7f9f8; --copy: #d6dfdf; --muted: #aabdc5;
  --line: #415266; --line-soft: #304257; --line-strong: #627489;
  --pink: #f28db5; --pink-strong: #ffbad1; --cyan: #78d9d3; --violet: #bea8e9;
  --info: #78d9d3; --success: #83d6ac; --warning: #f1c883; --danger: #ff9aaa;
  --control-bg: #162334; --control-border: #72849a;
  --surface-hover: #2b4055; --selection-surface: #344254; --interactive-edge: #78d9d3;
  --surface-raised: #22354a; --surface-inset: #132031;
  --edge-highlight: rgb(255 255 255 / .055);
  --shadow-sm: 0 2px 6px rgb(0 0 0 / .12);
  --shadow-md: 0 4px 12px rgb(0 0 0 / .2), 0 20px 50px rgb(0 0 0 / .28);
  --shadow-lg: 0 8px 24px rgb(0 0 0 / .24), 0 32px 80px rgb(0 0 0 / .4);
  --overlay-scrim: rgb(0 0 0 / .72);
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --control-height: 48px; --control-radius: 8px; --card-radius: 12px; --panel-radius: 16px;
  --radius-xs: 8px; --radius-sm: var(--control-radius); --radius-md: var(--card-radius); --radius-lg: var(--panel-radius);
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px;
  --motion-fast: 160ms; --motion-enter: 180ms; --motion-ease: cubic-bezier(.2,.72,.2,1);
  --brand-action-gradient: linear-gradient(112deg, #a92b67 0%, #8e367b 56%, #58469d 100%);
  --button-primary-shadow: 0 4px 12px rgb(0 0 0 / .18), 0 2px 8px color-mix(in srgb, var(--pink) 20%, transparent);
  --button-primary-shadow-hover: 0 10px 24px color-mix(in srgb, var(--pink) 28%, transparent), 0 3px 10px rgb(0 0 0 / .16);
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f6f2ec; --bg-soft: #eee7dd; --panel: #fffdf9; --panel-2: #f2ede5;
  --text: #223344; --copy: #44566a; --muted: #526275;
  --line: #d8d1c7; --line-soft: #e8e1d7; --line-strong: #9c9b9a;
  --pink: #a52b65; --pink-strong: #8b2353; --cyan: #0a6872; --violet: #61419d;
  --info: #0a6872; --success: #236d50; --warning: #835619; --danger: #aa3150;
  --control-bg: #fffdf9; --control-border: #7c8690;
  --surface-hover: #eee8df; --selection-surface: #f1e4e7; --interactive-edge: #a52b65;
  --surface-raised: #fffdf9; --surface-inset: #f2ede5;
  --edge-highlight: rgb(255 255 255 / .55);
  --shadow-sm: 0 2px 6px rgb(0 0 0 / .06);
  --shadow-md: 0 4px 10px rgb(0 0 0 / .06), 0 20px 50px rgb(0 0 0 / .12);
  --shadow-lg: 0 8px 24px rgb(0 0 0 / .09), 0 32px 80px rgb(0 0 0 / .17);
  --overlay-scrim: rgb(0 0 0 / .46);
  --brand-action-gradient: linear-gradient(112deg, #a52b65 0%, #813477 56%, #58438f 100%);
  --button-primary-shadow: 0 4px 12px rgb(79 39 64 / .13), 0 2px 8px rgb(0 0 0 / .07);
  --button-primary-shadow-hover: 0 10px 24px rgb(109 38 87 / .18), 0 3px 10px rgb(0 0 0 / .09);
}
/* Existing and new controls share these semantic aliases in both themes. */
:root {
  --ink: var(--text); --quiet: var(--muted); --canvas: var(--bg);
  --surface: var(--panel); --surface-2: var(--panel-2); --surface-soft: var(--bg-soft);
  --surface-tint: var(--selection-surface); --accent: var(--pink); --accent-strong: var(--pink-strong);
  --accent-ink: #ffffff; --focus: var(--violet); --focus-ring: 2px solid var(--focus);
  --primary: var(--cyan); --primary-dark: var(--cyan); --primary-pale: var(--selection-surface);
  --green: var(--success); --red: var(--danger); --orange: var(--warning);
  --green-pale: color-mix(in srgb,var(--success) 12%,var(--panel));
  --shadow: var(--shadow-md);
  --brand-gradient: linear-gradient(110deg,var(--pink),var(--violet) 50%,var(--cyan));
  --chart-grid: var(--line); --chart-axis: var(--muted); --chart-series: var(--cyan);
}
body { font-family: var(--font-body); color: var(--text); background-color: var(--bg); line-height: 1.5; }
body:is(.staff-v3,[data-staff-page]), .ds-density-compact { --control-height: 44px; }
:root :focus-visible { outline: var(--focus-ring); outline-offset: 3px; }
:root ::selection { color: var(--text); background: var(--selection-surface); }
.ds-title { margin: 0; color: var(--text); font-size: clamp(28px,3vw,42px); line-height: 1.12; letter-spacing: -.045em; }
.ds-subtitle { margin: 8px 0 0; color: var(--copy); max-width: 68ch; }
.ds-eyebrow { color: var(--pink); font-size: 12px; line-height: 1.4; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
/* Balance introductory lines without adding editorial breaks or moving sections. */
:root body:not(.staff-v3) :is(.home-hero-intro,.directory-intro-v3,.game-page-hero-v4,.journal-hero-v6) h1 {
  font-size: clamp(38px, 4.7vw, 64px); line-height: 1.08; text-wrap: balance;
}

/* Decorative headline accents only; keep plain text as the clipping fallback. */
:root body:not(.staff-v3):not([data-staff-page]) :is(h1,h2,h3,h4,h5,h6) .gradient-text-v3,
:root body:not(.staff-v3):not([data-staff-page]) .journal-hero-v6 h1 > span {
  color: var(--pink); background: none; -webkit-text-fill-color: currentColor;
}
@supports (background-clip: text) or (-webkit-background-clip: text) {
  :root body:not(.staff-v3):not([data-staff-page]) :is(h1,h2,h3,h4,h5,h6) .gradient-text-v3,
  :root body:not(.staff-v3):not([data-staff-page]) .journal-hero-v6 h1 > span {
    background-image: var(--brand-gradient); background-repeat: no-repeat;
    background-clip: text; -webkit-background-clip: text;
    color: transparent; -webkit-text-fill-color: transparent;
  }
  @media screen and (prefers-reduced-motion: no-preference) and (forced-colors: none) {
    :root body:not(.staff-v3):not([data-staff-page]) :is(h1,h2,h3,h4,h5,h6) .gradient-text-v3,
    :root body:not(.staff-v3):not([data-staff-page]) .journal-hero-v6 h1 > span {
      background-size: 160% 100%;
      animation: headline-gradient-v3 12s ease-in-out infinite alternate;
    }
  }
}
@keyframes headline-gradient-v3 {
  from { background-position: 0% 50%; }
  to { background-position: 100% 50%; }
}
@media (forced-colors: active), print {
  :root body:not(.staff-v3):not([data-staff-page]) :is(h1,h2,h3,h4,h5,h6) .gradient-text-v3,
  :root body:not(.staff-v3):not([data-staff-page]) .journal-hero-v6 h1 > span {
    color: CanvasText; background: none; -webkit-text-fill-color: currentColor;
  }
}

/* Clear action hierarchy: a strong primary, framed secondary and quiet tertiary.
   Only the interacted control moves; there is no always-running button animation. */
/* One button recipe, retaining the existing public and portal class names. */
:root body :is(.button-v3,.button,.small-button,.ds-button,.ds-menu-button) {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: var(--control-height); padding: 10px 18px;
  border: 1px solid transparent; border-radius: var(--control-radius);
  color: var(--text); background: var(--panel-2); box-shadow: none;
  font-family: var(--font-body); font-size: 14px; line-height: 1.4; font-weight: 650;
  text-decoration: none; cursor: pointer; touch-action: manipulation;
  transition: color var(--motion-fast), background-color var(--motion-fast),
    border-color var(--motion-fast), transform 220ms var(--motion-ease),
    box-shadow 220ms var(--motion-ease);
}
:root body:not(.staff-v3):not([data-staff-page]) :is(.button-v3,.button,.small-button,.ds-button,.ds-menu-button) {
  border-color: var(--line-strong); border-radius: 11px;
  box-shadow: 0 1px 0 var(--edge-highlight);
  font-weight: 750; letter-spacing: .005em;
}
:root body :is(.button-v3,.button,.small-button,.ds-button,.ds-menu-button):hover:not(:disabled):not([aria-disabled="true"]) {
  color: var(--text); background: var(--surface-hover); border-color: var(--interactive-edge);
  filter: none; box-shadow: none;
}
:root body:not(.staff-v3):not([data-staff-page]) :is(.button-v3,.button,.small-button,.ds-button,.ds-menu-button):hover:not(:disabled):not([aria-disabled="true"]) {
  box-shadow: 0 4px 12px rgb(0 0 0 / .12);
}
:root body :is(.button-primary-v3,.button-primary,.small-button-primary,.ds-button-primary),
:root body :is(.button-primary-v3,.button-primary,.small-button-primary,.ds-button-primary):hover:not(:disabled):not([aria-disabled="true"]) {
  color: #fff; background: var(--brand-action-gradient); border-color: transparent;
  background-origin: border-box; background-repeat: no-repeat;
  background-size: 100% 100%; animation: none; filter: none;
  box-shadow: var(--button-primary-shadow);
}
:root body:not(.staff-v3):not([data-staff-page]) :is(.button-primary-v3,.button-primary,.small-button-primary,.ds-button-primary) {
  border-color: transparent; box-shadow: var(--button-primary-shadow);
}
:root body :is(.button-primary-v3,.button-primary,.small-button-primary,.ds-button-primary)::after { content: none; display: none; animation: none !important; }
:root body :is(.button-primary-v3,.button-primary,.small-button-primary,.ds-button-primary):is(:hover,:focus-visible):not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {
  box-shadow: var(--button-primary-shadow-hover);
}
:root body:not(.staff-v3):not([data-staff-page]) :is(.button-primary-v3,.button-primary,.small-button-primary,.ds-button-primary):is(:hover,:focus-visible):not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {
  color: #fff; background: var(--brand-action-gradient); border-color: transparent;
  box-shadow: var(--button-primary-shadow-hover);
}
:root body :is(.button-secondary-v3,.button-secondary,.small-button-secondary,.ds-button-secondary) {
  color: var(--text); background: var(--panel); border-color: var(--line-strong);
  box-shadow: 0 1px 0 var(--edge-highlight);
}
:root body:not(.staff-v3):not([data-staff-page]) main :is(.button-secondary-v3,.button-secondary,.small-button-secondary,.ds-button-secondary):hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--surface-hover); border-color: var(--pink);
  box-shadow: 0 6px 18px rgb(0 0 0 / .12);
}
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  :root body:not(.staff-v3):not([data-staff-page]) :is(.button-v3,.button,.small-button,.ds-button,.ds-menu-button):hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {
    transform: translateY(-2px);
  }
}
:root body :is(.small-button-success,.ds-button-success) { color: var(--success); border-color: var(--success); }
:root body :is(.button-quiet-v3,.button-ghost,.small-button-quiet,.ds-button-quiet) {
  color: var(--copy); background: transparent; border-color: var(--line-soft); box-shadow: none;
}
:root body:not(.staff-v3):not([data-staff-page]) :is(.button-quiet-v3,.button-ghost,.small-button-quiet,.ds-button-quiet) { border-color: var(--line-soft); box-shadow: none; }
:root body :is(.button-quiet-v3,.button-ghost,.small-button-quiet,.ds-button-quiet):hover:not(:disabled):not([aria-disabled="true"]) {
  color: var(--text); background: color-mix(in srgb, var(--pink) 7%, var(--panel));
  border-color: var(--line-strong);
}
:root body:not(.staff-v3):not([data-staff-page]) :is(.button-quiet-v3,.button-ghost,.small-button-quiet,.ds-button-quiet):hover:not(:disabled):not([aria-disabled="true"]) {
  color: var(--text); background: color-mix(in srgb, var(--pink) 7%, var(--panel)); border-color: var(--line-strong);
}
:root body :is(.button-danger-v3,.button-danger,.small-button-danger,.ds-button-danger) {
  color: var(--danger); border-color: color-mix(in srgb,var(--danger) 65%,var(--panel));
  background: color-mix(in srgb,var(--danger) 9%,var(--panel));
}
:root body:not(.staff-v3):not([data-staff-page]) :is(.button-danger-v3,.button-danger,.small-button-danger,.ds-button-danger) {
  border-color: color-mix(in srgb,var(--danger) 65%,var(--panel)); box-shadow: none;
}
:root body :is(.button-danger-v3,.button-danger,.small-button-danger,.ds-button-danger):hover:not(:disabled):not([aria-disabled="true"]) {
  color: var(--danger); border-color: var(--danger); background: color-mix(in srgb,var(--danger) 16%,var(--panel));
}
:root body:not(.staff-v3):not([data-staff-page]) :is(.button-danger-v3,.button-danger,.small-button-danger,.ds-button-danger):hover:not(:disabled):not([aria-disabled="true"]) {
  color: var(--danger); border-color: var(--danger); background: color-mix(in srgb,var(--danger) 16%,var(--panel));
}
:root body :is(.button-v3,.button,.small-button,.ds-button,.ds-menu-button):is(:disabled,[aria-disabled="true"]) {
  opacity: .5; cursor: not-allowed; box-shadow: none;
}
:root body:not(.staff-v3):not([data-staff-page]) :is(.button-v3,.button,.small-button,.ds-button,.ds-menu-button):is(:disabled,[aria-disabled="true"]) { box-shadow: none; transform: none; }
:root body :is(.button-v3,.button,.small-button,.ds-button,.ds-menu-button)[aria-busy="true"] { cursor: progress; }
:root body :is(.button-v3,.button,.small-button,.ds-button)[aria-pressed="true"],
:root body :is(.button-v3,.button,.small-button,.ds-button)[aria-pressed="true"]:hover:not(:disabled):not([aria-disabled="true"]) { color: var(--violet); background: var(--selection-surface); border-color: transparent; box-shadow: inset 0 -2px var(--violet); }
:root body:not(.staff-v3):not([data-staff-page]) :is(.button-v3,.button,.small-button,.ds-button)[aria-pressed="true"],
:root body:not(.staff-v3):not([data-staff-page]) :is(.button-v3,.button,.small-button,.ds-button)[aria-pressed="true"]:hover:not(:disabled):not([aria-disabled="true"]) { color: var(--violet); background: var(--selection-surface); border-color: transparent; box-shadow: inset 0 -2px var(--violet); }
:root body :is(.button-v3,.button,.small-button,.ds-button,.ds-menu-button):active:not(:disabled):not([aria-disabled="true"]) { border-color: var(--focus); box-shadow: inset 0 2px 5px rgb(0 0 0 / .15); }
:root body:not(.staff-v3):not([data-staff-page]) :is(.button-v3,.button,.small-button,.ds-button,.ds-menu-button):active:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) { transform: translateY(0) scale(.985); }
:root body:not(.staff-v3):not([data-staff-page]) :is(.button-primary-v3,.button-primary,.small-button-primary,.ds-button-primary):active:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) { border-color: transparent; box-shadow: 0 2px 5px rgb(0 0 0 / .2); }
:root body .navigation-search-v6 input:focus-visible { outline: none; }
:root body .ds-menu-button { gap: 10px; min-width: 100px; padding-inline: 14px; }
.ds-menu-button svg { width: 20px; height: 20px; flex: none; }

/* Shared fields: native checkboxes, radios, file inputs and hidden backing
   selects keep their semantics and specialist geometry. */
.ds-field { display: grid; align-content: start; }
.ds-choice { display: flex; align-items: center; }
:root body :is(.field-v3,.portal-field,.ds-field) { gap: 8px; }
:root body :is(.field-v3,.portal-field,.ds-field) > :is(label,span) { color: var(--copy); font-size: 13px; font-weight: 600; line-height: 1.5; }
:root body :is(.field-v3,.portal-field,.ds-field) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]),select,textarea),
:root body .control-v3 {
  min-width: 0; min-height: var(--control-height); padding: 11px 14px;
  border: 1px solid var(--control-border); border-radius: var(--control-radius);
  background-color: var(--control-bg); color: var(--text); font: inherit; font-size: 16px;
  box-shadow: none; transition: border-color var(--motion-fast);
}
:root body :is(.field-v3,.portal-field,.ds-field) select:not([multiple]) { padding-right: 42px; }
:root body :is(.field-v3,.portal-field,.ds-field) textarea { min-height: 132px; resize: vertical; line-height: 1.6; }
:root body :is(input,textarea)::placeholder { color: var(--muted); opacity: 1; }
:root body :is(.field-v3,.portal-field,.ds-field) :is(input,select,textarea):focus-visible { border-color: var(--focus); box-shadow: none; }
:root body :is(.field-v3,.portal-field,.ds-field) [aria-invalid="true"] { border-color: var(--danger); }
:root body :is(.field-v3,.portal-field,.ds-field) :is(input,select,textarea):disabled { opacity: .55; cursor: not-allowed; }
:root body :is(.field-v3,.portal-field,.ds-field) :is(small,.field-help-v3) { color: var(--muted); font-size: 13px; line-height: 1.5; }
:root body :is(input[type="checkbox"],input[type="radio"]) { accent-color: var(--cyan); }
:root body :is(.check-v3,.permission-item-v3,.ds-choice) { gap: 10px; }
:root body :is(.check-v3,.permission-item-v3,.ds-choice) :is(input[type="checkbox"],input[type="radio"]) { width: 19px; height: 19px; min-height: 19px; flex: none; }
:root body input[type="file"]::file-selector-button {
  min-height: 44px; margin-right: 12px; padding: 9px 14px;
  border: 1px solid var(--control-border); border-radius: 10px;
  color: var(--text); background: var(--panel-2); font: inherit; font-weight: 600; cursor: pointer;
}

/* Reusable section and chart frames. Composition owners choose placement. */
:root body :is(.ds-panel,.panel-v3,.portal-panel-v2,.staff-section-v3) {
  color: var(--text); background: var(--panel); border-color: var(--line);
  border-radius: var(--panel-radius); box-shadow: none;
}
.ds-panel { border: 1px solid var(--line); padding: 24px; }
.ds-panel-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; gap: 16px; padding-bottom: 20px; border-bottom: 1px solid var(--line-soft); }
.ds-panel-heading h2 { margin: 0; font-size: 22px; line-height: 1.2; letter-spacing: -.025em; }
.ds-chart-frame { background: var(--surface-inset); color: var(--copy); border: 1px solid var(--line-soft); border-radius: var(--card-radius); padding: 20px; }
.ds-chart-frame svg { max-width: 100%; }
.ds-chart-frame [data-chart-part="grid"] { stroke: var(--chart-grid); }
.ds-chart-frame [data-chart-part="axis"] { fill: var(--chart-axis); }
.ds-chart-frame [data-chart-part="series"] { stroke: var(--chart-series); }

/* Tabs retain their own scroll/wrap and keyboard behaviour. */
:root body :is(.portal-nav a,.ds-tabs > button,.ds-tabs > a,[role="tab"]) {
  min-height: 44px; padding: 10px 16px; border: 1px solid transparent;
  border-radius: 10px; color: var(--copy); background: transparent; font-weight: 600; font-size: 14px;
}
:root body :is(.portal-nav a,.ds-tabs > button,.ds-tabs > a,[role="tab"]):hover { color: var(--text); background: var(--surface-hover); }
:root body :is(.portal-nav a,.ds-tabs > button,.ds-tabs > a,[role="tab"]):is([aria-current="page"],[aria-selected="true"],[aria-pressed="true"]) {
  color: var(--violet); border-color: transparent; background: var(--selection-surface); box-shadow: inset 0 -2px var(--violet);
}
.ds-tabs { display: flex; flex-wrap: wrap; gap: 4px; padding: 4px; border-radius: 14px; background: var(--surface-inset); }
:root body .navigation-extra-v6 .discovery-link-v9 { color: var(--cyan); }

/* Modal geometry, hidden/inert state and focus handling stay with controllers. */
:root body :is(dialog,.review-dialog-shell,.staff-dialog-card-v3,.account-popover-v3,.ds-popover) {
  color: var(--text); background-color: var(--surface-raised); border-color: var(--line-strong);
  border-radius: var(--panel-radius); box-shadow: var(--shadow-lg);
}
:root body dialog::backdrop { background: var(--overlay-scrim); backdrop-filter: none; }
:root body :is(.account-popover-v3,.ds-popover) { padding: 8px; border-radius: 16px; }
:root body .account-popover-v3 :is(a,button) { min-height: 44px; padding: 11px 12px; border-radius: 8px; color: var(--copy); }
:root body .account-popover-v3 :is(a,button):hover { color: var(--text); background: var(--selection-surface); }
:root body :is(.cookie-prompt-v3,.toast,.ds-feedback) { color: var(--text); background: var(--surface-raised); border-color: var(--line-strong); box-shadow: var(--shadow-md); }
:root body :is(.toast.error,.ds-feedback[data-tone="danger"]) { color: var(--danger); border-color: var(--danger); }
.ds-feedback { border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; font-size: 14px; line-height: 1.5; }
:root body :is(.status-chip,.ds-status) { font-size: 12px; line-height: 1.4; font-weight: 650; padding: 5px 9px; border-radius: 7px; background: var(--panel-2); color: var(--copy); }
:root body :is(.status-chip,.ds-status):is(.success,[data-tone="success"]) { color: var(--success); background: color-mix(in srgb,var(--success) 10%,var(--panel)); }
:root body :is(.status-chip,.ds-status):is(.warning,[data-tone="warning"]) { color: var(--warning); background: color-mix(in srgb,var(--warning) 10%,var(--panel)); }
:root body :is(.status-chip,.ds-status):is(.danger,[data-tone="danger"]) { color: var(--danger); background: color-mix(in srgb,var(--danger) 10%,var(--panel)); }
:root body :is(.status-chip,.ds-status):is(.info,[data-tone="info"]) { color: var(--info); background: color-mix(in srgb,var(--info) 10%,var(--panel)); }

/* Detail headers use a themed card rather than white text over an image. */
#server-detail-v3.server-page-v7 .detail-title-v3 h1 { color: var(--text); }
#server-detail-v3.server-page-v7 .detail-title-v3 .detail-meta-v3 { color: var(--copy); }
#server-detail-v3.server-page-v7 .server-checked-v3 { color: var(--muted); }

/* A staff page may not load public theme.css: guarantee the same light rule. */
:root[data-theme="light"] .home-hero-pattern,
:root[data-theme="light"] [data-wordmark-surface]::after { display: none; }
:root[data-theme="light"] .logo-lockup-v3,
:root[data-theme="light"] .public-nav-v6 > .navigation-brand-v6 img { animation-play-state: paused; transform: none !important; filter: none !important; opacity: 1 !important; }
:root[data-theme="light"] .public-nav-v6 > .navigation-brand-v6::before,
:root[data-theme="light"] .public-nav-v6 > .navigation-brand-v6::after { visibility: hidden; animation-play-state: paused; }
@media (max-width: 600px) { .ds-panel { padding: 16px; } .ds-chart-frame { padding: 16px; } }
@media (prefers-reduced-motion: reduce) {
  :root body :is(.button-v3,.button,.small-button,.ds-button,.ds-menu-button,.control-v3) { transition: none; }
  :root body :is(.button-primary-v3,.button-primary,.small-button-primary,.ds-button-primary) { animation: none; transform: none; }
  :root body:not(.staff-v3):not([data-staff-page]) :is(.button-v3,.button,.small-button,.ds-button,.ds-menu-button):active:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) { transform: none; }
}
@media (forced-colors: active) {
  :root :focus-visible { outline-color: Highlight; }
  :root body :is(.button-v3,.button,.small-button,.ds-button,.ds-menu-button,.ds-status) { border: 1px solid ButtonText; box-shadow: none; }
  :root body :is(.button-primary-v3,.button-primary,.small-button-primary,.ds-button-primary),
  :root body :is(.button-primary-v3,.button-primary,.small-button-primary,.ds-button-primary):is(:hover,:focus-visible):not(:disabled):not([aria-disabled="true"]) {
    color: ButtonText; background: ButtonFace; animation: none; transform: none; filter: none; transition: none;
  }
}