/* Bare terminal visual mode --------------------------------------------- */

/* The switch intentionally looks like a forgotten footer command. */
.site-footer-mode {
  align-items: center;
  display: flex;
  inline-size: 100%;
  justify-content: flex-end;
}

.terminal-secret-toggle {
  appearance: none;
  background: transparent;
  border: 0;
  color: var(--color-text-muted);
  cursor: pointer;
  font: 600 0.72rem/1 "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
  letter-spacing: 0.12em;
  min-block-size: 2.75rem;
  min-inline-size: 2.75rem;
  opacity: 1;
  padding: 0.35rem 0;
}

.terminal-secret-toggle:hover,
.terminal-secret-toggle:focus-visible,
.terminal-secret-toggle[aria-pressed="true"] {
  color: var(--color-brand-strong);
  opacity: 1;
}

.terminal-secret-toggle:focus-visible {
  outline: 1px dotted currentColor;
  outline-offset: 0.35rem;
}

:root[data-visual-mode="minimal"] {
  color-scheme: dark;
  --color-canvas: #030504;
  --color-canvas-raised: #030504;
  --color-surface: transparent;
  --color-surface-raised: #071009;
  --color-surface-strong: #09130b;
  --color-surface-hover: rgba(128, 222, 138, 0.035);
  --color-text: #b8c5b5;
  --color-text-secondary: #889685;
  --color-text-muted: #6f7d6d;
  --color-text-subtle: #788776;
  --color-border: #1d281f;
  --color-border-strong: #526356;
  --color-brand: #7ccc83;
  --color-brand-strong: #9be7a1;
  --color-brand-soft: rgba(128, 222, 138, 0.045);
  --color-brand-border: rgba(128, 222, 138, 0.28);
  --color-brass-deep: #405143;
  --color-patina: #92aa95;
  --color-success: #9be7a1;
  --color-warning: #d2bd79;
  --color-danger: #dc8279;
  --color-info: #9cae9e;
  --font-sans: "Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --font-display: var(--font-sans);
  --font-mono: var(--font-sans);
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-popover: none;
  --shadow: none;
  --motion-fast: 0ms;
  --motion-normal: 0ms;
}

:root[data-visual-mode="minimal"] body {
  background: #030504;
  color: var(--color-text);
  font-family: var(--font-mono);
  font-size: 0.84rem;
  font-variant-numeric: tabular-nums slashed-zero;
  line-height: 1.48;
}

:root[data-visual-mode="minimal"] ::selection {
  background: var(--color-brand-strong);
  color: var(--color-canvas);
}

:root[data-visual-mode="minimal"] :where(a, button, input, select, textarea, summary) {
  font-family: var(--font-mono);
}

:root[data-visual-mode="minimal"] :where(a) {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.22em;
}

:root[data-visual-mode="minimal"] body::before,
:root[data-visual-mode="minimal"] body::after,
:root[data-visual-mode="minimal"] .catalog-landing-backdrop,
:root[data-visual-mode="minimal"] .report-map-wash,
:root[data-visual-mode="minimal"] .overview-match-header::before,
:root[data-visual-mode="minimal"] .overview-match-header::after,
:root[data-visual-mode="minimal"] .meta-analysis-header-art,
:root[data-visual-mode="minimal"] .meta-analysis-hero::before,
:root[data-visual-mode="minimal"] .meta-analysis-hero::after,
:root[data-visual-mode="minimal"] .app-topbar::after,
:root[data-visual-mode="minimal"] .topbar::after,
:root[data-visual-mode="minimal"] .archive-section-divider::before,
:root[data-visual-mode="minimal"] .archive-section-divider::after,
:root[data-visual-mode="minimal"] .catalog-tournament-phase::after {
  display: none !important;
}

:root[data-visual-mode="minimal"] .app-shell,
:root[data-visual-mode="minimal"] .report-shell,
:root[data-visual-mode="minimal"] .shell {
  inline-size: min(calc(100% - 2rem), 76rem);
  margin-inline: auto;
  max-inline-size: 76rem;
  padding-block: 0.65rem 2rem;
}

/* Typography reads as commands and log sections, not marketing chrome. */
:root[data-visual-mode="minimal"] :where(h1, h2, h3, h4, .brand, .section-title) {
  font-family: var(--font-mono);
  font-weight: 600;
  letter-spacing: 0;
  text-shadow: none !important;
}

:root[data-visual-mode="minimal"] h1 {
  font-size: clamp(1.08rem, 2.2vw, 1.36rem) !important;
  line-height: 1.35;
}

:root[data-visual-mode="minimal"] h2 {
  font-size: clamp(0.92rem, 1.7vw, 1.05rem) !important;
  line-height: 1.4;
}

:root[data-visual-mode="minimal"] h3,
:root[data-visual-mode="minimal"] h4 {
  font-size: 0.82rem !important;
  line-height: 1.45;
}

:root[data-visual-mode="minimal"] h1:not(.sr-only)::before {
  color: var(--color-brand-strong);
  content: "$ ";
}

:root[data-visual-mode="minimal"] h2:not(.sr-only)::before {
  color: var(--color-text-subtle);
  content: "## ";
}

:root[data-visual-mode="minimal"] h3:not(.sr-only)::before {
  color: var(--color-text-subtle);
  content: "> ";
}

:root[data-visual-mode="minimal"] :where(.report-matchup-guild-name h2, .overview-player-name h3)::before {
  content: "";
}

:root[data-visual-mode="minimal"] :where(.section-kicker, .report-match-fact em, th, caption) {
  font-family: var(--font-mono);
  font-size: 0.64rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

:root[data-visual-mode="minimal"] .section-kicker::before {
  color: var(--color-brand-strong);
  content: "// ";
}

/* The global header is a prompt followed by a terse path list. */
:root[data-visual-mode="minimal"] .app-topbar,
:root[data-visual-mode="minimal"] .topbar {
  align-items: baseline;
  background: transparent !important;
  border: 0;
  border-block-end: 1px dotted var(--color-border-strong);
  display: grid;
  gap: 0.35rem 1.5rem;
  grid-template-columns: max-content minmax(0, 1fr);
  justify-content: start;
  margin-block-end: 0.9rem;
  min-block-size: 0;
  padding-block: 0.35rem 0.6rem;
}

:root[data-visual-mode="minimal"] .site-brand {
  align-items: baseline;
  block-size: auto;
  display: inline-flex;
  inline-size: auto;
  line-height: 1;
  overflow: visible;
  text-decoration: none;
}

:root[data-visual-mode="minimal"] .site-brand-logo {
  display: none;
}

:root[data-visual-mode="minimal"] .site-brand::before {
  color: var(--color-brand-strong);
  content: "guest@gvg.report:~$";
  font: 700 0.8rem/1 var(--font-mono);
  white-space: nowrap;
}

:root[data-visual-mode="minimal"] .topbar-actions,
:root[data-visual-mode="minimal"] .app-nav,
:root[data-visual-mode="minimal"] .global-nav {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.15rem;
  justify-content: flex-start;
}

:root[data-visual-mode="minimal"] .nav-link,
:root[data-visual-mode="minimal"] .global-nav-discord,
:root[data-visual-mode="minimal"] .topbar-share {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--color-text-secondary);
  font-size: 0.72rem;
  font-weight: 500;
  min-block-size: 1.5rem;
  padding: 0.2rem 0.32rem;
  text-decoration: none;
}

:root[data-visual-mode="minimal"] .nav-link > span:first-child::before {
  color: var(--color-text-subtle);
  content: "./";
}

:root[data-visual-mode="minimal"] .global-nav-discord > span:first-child::before {
  content: "ssh://";
}

:root[data-visual-mode="minimal"] .nav-link:hover,
:root[data-visual-mode="minimal"] .nav-link:focus-visible,
:root[data-visual-mode="minimal"] .nav-link.active,
:root[data-visual-mode="minimal"] .nav-link[aria-current="page"] {
  color: var(--color-brand-strong);
  text-decoration: underline;
}

:root[data-visual-mode="minimal"] .global-nav-caret,
:root[data-visual-mode="minimal"] .topbar-share-icon {
  display: none;
}

:root[data-visual-mode="minimal"] .topbar-share::before {
  color: var(--color-text-subtle);
  content: "[copy]";
}

:root[data-visual-mode="minimal"] .topbar-share > span {
  display: none;
}

:root[data-visual-mode="minimal"] :where(.global-nav-popover, .report-destination-popover, .report-cascade-popover) {
  background: #030504;
  border: 1px dotted var(--color-border-strong);
  border-radius: 0;
  box-shadow: none;
  padding: 0.35rem;
}

/* Surfaces collapse into a single scrolling text document. */
:root[data-visual-mode="minimal"] :where(
  .panel,
  .metric,
  .report-detail-card,
  .trend-award-card,
  .trend-card,
  .catalog-filter-drawer,
  .catalog-recent-tournament-group,
  .guild-directory-row,
  .guild-profile-hero,
  .guild-profile-card,
  .overview-match-header,
  .overview-team-ledger,
  .overview-player,
  .meta-analysis-hero,
  .meta-analysis-panel,
  .monthly-panel,
  .monthly-award-card,
  .tournament-live-panel,
  .tournament-live-archive,
  .not-found-panel
) {
  background: transparent !important;
  border: 0 !important;
  border-block-start: 1px dashed var(--color-border-strong) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

:root[data-visual-mode="minimal"] :where(
  .panel,
  .report-detail-card,
  .trend-award-card,
  .trend-card,
  .guild-profile-card,
  .meta-analysis-panel,
  .monthly-panel,
  .monthly-award-card,
  .not-found-panel
) {
  padding: 0.75rem 0 !important;
}

:root[data-visual-mode="minimal"] :where(.catalog-hero, .guild-directory-hero, .monthly-hero, .meta-analysis-header) {
  background: transparent !important;
  border: 0 !important;
  border-block-end: 1px dashed var(--color-border-strong) !important;
  box-shadow: none !important;
  margin-block: 0 0.9rem;
  padding: 0.35rem 0 0.75rem !important;
}

:root[data-visual-mode="minimal"] :where(.catalog-hero p, .monthly-hero p, .meta-analysis-header p) {
  max-inline-size: 68ch;
}

:root[data-visual-mode="minimal"] :where(.catalog-hero-stat strong, .monthly-stat strong, .metric strong) {
  font-family: var(--font-mono);
  font-size: 1rem !important;
  font-weight: 600;
}

:root[data-visual-mode="minimal"] .catalog-now-strip {
  background: transparent;
  border: 0;
  border-block-end: 1px dotted var(--color-border);
  font-size: 0.68rem;
  min-block-size: 0;
  padding: 0.3rem 0;
}

:root[data-visual-mode="minimal"] .catalog-recent-tournaments {
  border-block-end: 1px dotted var(--color-border);
  margin-block: 0;
  padding-block: 0.5rem;
}

:root[data-visual-mode="minimal"] .catalog-recent-tournament-grid {
  gap: 0.25rem 1.2rem;
}

:root[data-visual-mode="minimal"] .catalog-recent-tournament-link,
:root[data-visual-mode="minimal"] .tournament-occasion-badge,
:root[data-visual-mode="minimal"] :where(.quality, .status-pill, .guild-rating) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--color-brand-strong);
  padding: 0 !important;
}

/* Forms are command arguments: one underline, no pill or filled button. */
:root[data-visual-mode="minimal"] :where(input, select, textarea) {
  background: transparent !important;
  border: 0 !important;
  border-block-end: 1px solid var(--color-border-strong) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--color-text);
  min-block-size: 2rem;
  padding-inline: 0.2rem;
}

:root[data-visual-mode="minimal"] :where(button, .button-link):not(.skill-token):not(.condition-token):not(.terminal-secret-toggle) {
  background: transparent !important;
  background-image: none !important;
  border: 1px dotted var(--color-border-strong) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--color-text-secondary);
  min-block-size: 1.5rem;
}

:root[data-visual-mode="minimal"] :where(button, .button-link):not(.skill-token):not(.condition-token):not(.terminal-secret-toggle):hover,
:root[data-visual-mode="minimal"] :where(button, .button-link):not(.skill-token):not(.condition-token):not(.terminal-secret-toggle):focus-visible {
  border-color: var(--color-brand-border) !important;
  color: var(--color-brand-strong);
}

/* Report navigation becomes a tiny directory listing. */
:root[data-visual-mode="minimal"] .report-primary-nav {
  background: transparent;
  border: 0;
  border-block-end: 1px dotted var(--color-border-strong);
  border-radius: 0;
  box-shadow: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.15rem 0.7rem;
  padding: 0.25rem 0 0.55rem;
}

:root[data-visual-mode="minimal"] .report-primary-nav :where(button, a) {
  background: transparent !important;
  border: 0 !important;
  color: var(--color-text-secondary);
  font-size: 0.72rem;
  min-block-size: 1.5rem;
  padding: 0.15rem 0;
}

:root[data-visual-mode="minimal"] .report-primary-nav > .report-destination-menu > .report-destination::before {
  color: var(--color-text-subtle);
  content: "[";
}

:root[data-visual-mode="minimal"] .report-primary-nav > .report-destination-menu > .report-destination::after {
  color: var(--color-text-subtle);
  content: "]";
}

:root[data-visual-mode="minimal"] .report-primary-nav :where(button, a).active,
:root[data-visual-mode="minimal"] .report-primary-nav :where(button, a)[aria-current="page"] {
  color: var(--color-brand-strong);
  text-decoration: underline;
}

:root[data-visual-mode="minimal"] .report-secondary-nav {
  background: transparent;
  border: 0;
  border-block-end: 1px dashed var(--color-border);
  gap: 0 0.75rem;
  padding: 0.35rem 0;
}

:root[data-visual-mode="minimal"] .report-secondary-nav :where(button, a) {
  border: 0 !important;
  padding-inline: 0;
}

:root[data-visual-mode="minimal"] .report-secondary-nav :where(button, a)::before {
  color: var(--color-text-subtle);
  content: "./";
}

/* Match identity loses the cape poster and becomes two terse records. */
:root[data-visual-mode="minimal"] .overview-match-header {
  margin-block: 0;
  padding: 0.65rem 0 !important;
}

:root[data-visual-mode="minimal"] .report-matchup-cape,
:root[data-visual-mode="minimal"] :where(.guild-cape--profile, .guild-cape--directory, .guild-cape--match, .guild-cape--ladder),
:root[data-visual-mode="minimal"] .map-seal img {
  display: none !important;
}

:root[data-visual-mode="minimal"] .report-matchup-guild {
  gap: 0.15rem;
  grid-template-columns: minmax(0, 1fr);
}

:root[data-visual-mode="minimal"] .report-matchup-guild.team-red {
  direction: ltr;
  text-align: end;
}

:root[data-visual-mode="minimal"] .report-matchup-side {
  align-self: auto;
  font-size: 0.58rem;
  inset: auto !important;
  letter-spacing: 0.08em;
  position: static;
}

:root[data-visual-mode="minimal"] .report-matchup-side::before {
  background: transparent;
  block-size: auto;
  content: "[";
  inline-size: auto;
}

:root[data-visual-mode="minimal"] .report-matchup-side::after {
  content: "]";
}

:root[data-visual-mode="minimal"] .report-matchup-guild-name h2 {
  font-size: clamp(0.88rem, 2vw, 1.08rem) !important;
  text-shadow: none;
}

:root[data-visual-mode="minimal"] .report-matchup-guild-meta,
:root[data-visual-mode="minimal"] .report-matchup-guild.team-red .report-matchup-guild-meta {
  flex-direction: row;
  gap: 0.35rem;
  justify-content: inherit;
}

:root[data-visual-mode="minimal"] .report-matchup-versus {
  font-size: 0;
}

:root[data-visual-mode="minimal"] .report-matchup-versus::before {
  color: var(--color-text-subtle);
  content: "<->";
  font-size: 0.66rem;
}

:root[data-visual-mode="minimal"] .report-match-facts {
  border-block: 1px dotted var(--color-border);
}

:root[data-visual-mode="minimal"] .report-match-fact {
  background: transparent !important;
  border: 0 !important;
  padding-block: 0.4rem !important;
}

:root[data-visual-mode="minimal"] .report-victory-seal {
  filter: none;
}

:root[data-visual-mode="minimal"] .report-victory-seal-mark,
:root[data-visual-mode="minimal"] .report-victory-seal--flawless::before {
  display: none;
}

:root[data-visual-mode="minimal"] .report-victory-seal-ribbon,
:root[data-visual-mode="minimal"] .report-victory-seal--flawless .report-victory-seal-ribbon {
  background: transparent;
  box-shadow: none;
  clip-path: none;
  color: var(--color-brand-strong);
  font: 600 0.58rem/1 var(--font-mono);
  letter-spacing: 0.04em;
  margin: 0;
  min-inline-size: 0;
  padding: 0;
  text-shadow: none;
}

:root[data-visual-mode="minimal"] .report-victory-seal-ribbon::before {
  content: "[";
}

:root[data-visual-mode="minimal"] .report-victory-seal-ribbon::after {
  content: "]";
}

/* Dense data stays semantic, but its grid is reduced to log rows. */
:root[data-visual-mode="minimal"] :where(table, .combat-lines-table) {
  border-collapse: collapse;
  font-variant-numeric: tabular-nums slashed-zero;
}

:root[data-visual-mode="minimal"] :where(th, td) {
  border-color: var(--color-border) !important;
  padding-block: 0.32rem !important;
}

:root[data-visual-mode="minimal"] :where(thead th, .catalog-table-head, .guild-directory-table-head) {
  background: transparent !important;
  border-block: 0 1px solid var(--color-border-strong) !important;
  color: var(--color-text-subtle);
}

:root[data-visual-mode="minimal"] .catalog-card {
  background: transparent !important;
  border: 0 !important;
  border-block-end: 1px dotted var(--color-border) !important;
  border-radius: 0;
  box-shadow: none;
  position: relative;
}

:root[data-visual-mode="minimal"] .catalog-card::before {
  color: var(--color-text-subtle);
  content: ">";
  inset-block-start: 50%;
  inset-inline-start: -0.8rem;
  position: absolute;
  transform: translateY(-50%);
}

:root[data-visual-mode="minimal"] .catalog-card:hover::before {
  color: var(--color-brand-strong);
}

:root[data-visual-mode="minimal"] .catalog-card-link {
  min-block-size: 2.2rem;
  padding-block: 0.28rem;
}

:root[data-visual-mode="minimal"] :where(tbody tr:hover, .catalog-card-link:hover, .catalog-card-link:focus-visible) {
  background: var(--color-brand-soft) !important;
  box-shadow: none !important;
}

:root[data-visual-mode="minimal"] :where(.num, td.num, th.num, .catalog-match-time, .story-time) {
  font-variant-numeric: tabular-nums slashed-zero;
  text-align: end;
}

:root[data-visual-mode="minimal"] .archive-section-divider,
:root[data-visual-mode="minimal"] .overview-build-divider,
:root[data-visual-mode="minimal"] .catalog-tournament-phase {
  background: transparent;
  border: 0;
  border-block-start: 1px dashed var(--color-border-strong);
}

:root[data-visual-mode="minimal"] :where(.skill-token, .condition-token, .profession-icon) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none !important;
}

:root[data-visual-mode="minimal"] :where(
  .skill-token img,
  .skillbar-slot img,
  .profession-icon,
  .catalog-profession-icon,
  .monthly-profession-icon
) {
  filter: grayscale(1) sepia(0.28) hue-rotate(62deg) brightness(0.82) contrast(1.16);
  opacity: 0.78;
}

:root[data-visual-mode="minimal"] :where(.skill-token, .skillbar-slot) {
  block-size: 1.45rem;
  inline-size: 1.45rem;
  min-block-size: 0;
  min-inline-size: 0;
  padding: 0;
}

:root[data-visual-mode="minimal"] .skillbar-slot-empty {
  display: none;
}

:root[data-visual-mode="minimal"] .overview-player {
  border: 0 !important;
  border-block-end: 1px dotted var(--color-border) !important;
  padding-block: 0.35rem !important;
}

:root[data-visual-mode="minimal"] .overview-team-ledger {
  padding-inline: 0;
}

/* Advanced handoffs are plain stderr-like messages. */
:root[data-visual-mode="minimal"] .minimal-mode-advanced-gate,
:root[data-visual-mode="minimal"] .minimal-mode-omission {
  border: 0 !important;
  border-inline-start: 2px solid var(--color-brand-border) !important;
  margin-block: 1.25rem;
  max-inline-size: 68ch;
  padding: 0.35rem 0 0.35rem 0.8rem !important;
}

:root[data-visual-mode="minimal"] .minimal-mode-advanced-gate h2,
:root[data-visual-mode="minimal"] .minimal-mode-omission h2 {
  color: var(--color-brand-strong);
  margin-block: 0.2rem;
}

:root[data-visual-mode="minimal"] .minimal-mode-standard-button {
  border: 0 !important;
  color: var(--color-brand-strong) !important;
  margin-block-start: 0.3rem;
  padding-inline: 0 !important;
  text-decoration: underline;
}

/* The legal footer shrinks to one terse prompt; ??? remains the only switch. */
:root[data-visual-mode="minimal"] .site-footer {
  background: transparent;
  border-block-start: 1px dotted var(--color-border-strong);
  color: var(--color-text-subtle);
  font-family: var(--font-mono);
  margin-block-start: 0;
  padding: 0.65rem max(1rem, calc((100% - 76rem) / 2));
}

:root[data-visual-mode="minimal"] .site-footer-inner {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1rem;
  inline-size: 100%;
  max-inline-size: 76rem;
}

:root[data-visual-mode="minimal"] .site-footer-identity span,
:root[data-visual-mode="minimal"] .site-footer-rights {
  display: none;
}

:root[data-visual-mode="minimal"] .site-footer-identity strong,
:root[data-visual-mode="minimal"] .site-footer a {
  color: var(--color-text-subtle);
  font-size: 0.62rem;
  font-weight: 500;
}

:root[data-visual-mode="minimal"] .site-footer-identity strong::before {
  content: "EOF · ";
}

:root[data-visual-mode="minimal"] .site-footer-mode {
  inline-size: auto;
  margin-inline-start: auto;
}

:root[data-visual-mode="minimal"] .terminal-secret-toggle {
  color: var(--color-text-muted);
  font-size: 0.62rem;
  opacity: 1;
  padding: 0.35rem;
}

:root[data-visual-mode="minimal"] .not-found-page {
  align-items: start;
  gap: 1rem;
  inline-size: min(calc(100% - 2rem), 68ch);
  max-inline-size: 68ch;
  padding-block: clamp(2rem, 8vw, 5rem);
}

:root[data-visual-mode="minimal"] .not-found-brand {
  inline-size: auto;
  text-decoration: none;
}

:root[data-visual-mode="minimal"] .not-found-brand img {
  display: none;
}

:root[data-visual-mode="minimal"] .not-found-brand::before {
  color: var(--color-brand-strong);
  content: "guest@gvg.report:~$";
  font: 700 0.8rem/1 var(--font-mono);
}

:root[data-visual-mode="minimal"] :focus-visible {
  border-radius: 0;
  outline: 1px dotted var(--color-brand-strong);
  outline-offset: 3px;
}

@media (max-width: 42rem) {
  :root[data-visual-mode="minimal"] body {
    font-size: 0.78rem;
  }

  :root[data-visual-mode="minimal"] .app-shell,
  :root[data-visual-mode="minimal"] .report-shell,
  :root[data-visual-mode="minimal"] .shell {
    inline-size: min(calc(100% - 1.25rem), 76rem);
  }

  :root[data-visual-mode="minimal"] .app-topbar,
  :root[data-visual-mode="minimal"] .topbar {
    gap: 0.4rem;
    grid-template-columns: 1fr;
  }

  :root[data-visual-mode="minimal"] .topbar-actions,
  :root[data-visual-mode="minimal"] .app-nav,
  :root[data-visual-mode="minimal"] .global-nav,
  :root[data-visual-mode="minimal"] .report-shell .topbar-actions {
    display: flex;
    gap: 0 0.2rem;
    grid-template-columns: none;
  }

  :root[data-visual-mode="minimal"] .nav-link,
  :root[data-visual-mode="minimal"] .global-nav-discord,
  :root[data-visual-mode="minimal"] .topbar-share {
    font-size: 0.66rem;
    padding: 0.14rem 0.22rem;
  }

  :root[data-visual-mode="minimal"] .report-primary-nav {
    display: flex;
    gap: 0.1rem 0.5rem;
    margin-inline: 0;
    overflow: visible;
  }

  :root[data-visual-mode="minimal"] .report-primary-nav :where(button, a) {
    font-size: 0.64rem;
    min-inline-size: 0;
    overflow-wrap: anywhere;
    padding-inline: 0;
  }

  :root[data-visual-mode="minimal"] .report-matchup-guilds {
    gap: 0.4rem;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  }

  :root[data-visual-mode="minimal"] .report-matchup-guild-name h2 {
    white-space: normal;
  }

  :root[data-visual-mode="minimal"] :where(.table-wrap, .combat-table-wrap, .catalog-grid) {
    max-inline-size: 100%;
    overflow-x: auto;
  }

  :root[data-visual-mode="minimal"] .site-footer {
    padding-inline: 0.625rem;
  }
}

@media (pointer: coarse) {
  :root[data-visual-mode="minimal"] :where(input, select, textarea),
  :root[data-visual-mode="minimal"] :where(button, .button-link),
  :root[data-visual-mode="minimal"] :where(.nav-link, .topbar-share, .report-cascade-subview) {
    min-block-size: 2.75rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root[data-visual-mode="minimal"] *,
  :root[data-visual-mode="minimal"] *::before,
  :root[data-visual-mode="minimal"] *::after {
    animation: none !important;
    scroll-behavior: auto !important;
    transition: none !important;
  }
}