/* Merry Outlaws: identical site-owned copies; no runtime sibling dependency. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root {
  color-scheme: light;
  --merry-ground: #f3f5d9; --merry-paper: #fffdeb; --merry-field: #edf0d4;
  --merry-ink: #163f29; --merry-muted: #52634c; --merry-line: #c4ceaa;
  --merry-leaf: #b8e44c; --merry-sun: #f5d45c; --merry-dark-ink: #163f29;
  --merry-positive: #22683d; --merry-negative: #a2392d; --merry-focus: #896211;
  --merry-chart-grid: #c9d2b2; --merry-chart-price: #286846;
  --merry-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --merry-body: 'DM Sans', Arial, sans-serif;
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --merry-ground: #092b20; --merry-paper: #143e2b; --merry-field: #1b4930;
  --merry-ink: #f6f5d9; --merry-muted: #b9ccab; --merry-line: #426446;
  --merry-positive: #b5ddb7; --merry-negative: #f0afa0; --merry-focus: #f5d45c;
  --merry-chart-grid: #355942; --merry-chart-price: #b8e44c;
}
:root, :root[data-theme='light'], :root[data-theme='dark'] {
  --bg: var(--merry-ground); --ground: var(--merry-ground);
  --surface: var(--merry-paper); --panel: var(--merry-paper);
  --field: var(--merry-field); --ink: var(--merry-ink); --text: var(--merry-ink);
  --muted: var(--merry-muted); --line: var(--merry-line);
  --gold: var(--merry-chart-price); --call: var(--merry-positive); --put: var(--merry-negative);
  --serif: var(--merry-display); --sans: var(--merry-body);
  --button: var(--merry-leaf); --button-text: var(--merry-dark-ink);
  --soft: var(--merry-field);
  --font-body: var(--merry-body); --font-display: var(--merry-display); --font-mono: var(--merry-body);
  --bg-primary: var(--merry-ground); --bg-secondary: var(--merry-field);
  --bg-card: var(--merry-paper); --bg-card-hover: var(--merry-field);
  --text-primary: var(--merry-ink); --text-secondary: var(--merry-muted); --text-muted: var(--merry-muted);
  --border: var(--merry-line); --border-light: var(--merry-line);
  --accent: var(--merry-chart-price); --accent-light: var(--merry-leaf); --accent-dark: #194b38;
  --on-accent: var(--merry-paper); --success: var(--merry-positive); --danger: var(--merry-negative);
  --merry-selected: var(--merry-field); --merry-gold: var(--merry-chart-price);
}
html[data-theme='dark'] { color-scheme: dark; }
body.merry-outlaws {
  background: var(--merry-ground); color: var(--merry-ink);
  font-family: var(--merry-body); font-variant-numeric: tabular-nums;
}
body.merry-outlaws :is(h1,h2,h3) {
  font-family: var(--merry-display); font-weight: 700; font-style: normal;
  color: var(--merry-ink);
}
body.merry-outlaws :is(h1,h2,h3) :is(i,em) { font-style: normal; font-weight: inherit; color: inherit; }
body.merry-outlaws :is(button,input,select,textarea) { font-family: var(--merry-body); }
body.merry-outlaws :is(button,a,input,select,summary):focus-visible { outline: 3px solid var(--merry-focus); outline-offset: 4px; }
body.merry-outlaws :is(input,select,textarea) { font-variant-numeric: tabular-nums; }
body.merry-outlaws .merry-header {
  width: min(1320px, calc(100% - 48px)); max-width: none; height: auto; min-height: 92px;
  margin: 0 auto; padding: 18px 0; display: flex; align-items: center; gap: 28px;
  border-bottom: 2px solid var(--merry-ink); background: none; position: relative;
}
body.merry-outlaws .merry-header .merry-brand {
  display: flex; align-items: center; gap: 8px; color: var(--merry-ink);
  font: 800 36px/1 var(--merry-display); text-decoration: none; white-space: nowrap;
}
body.merry-outlaws .merry-header .merry-mark {
  display: block; width: 28px; height: 30px; background: var(--merry-ink);
  mask: url('./mark.svg') center/contain no-repeat; flex-shrink: 0;
}
body.merry-outlaws .merry-header .merry-product {
  font: 600 10px/1.2 var(--merry-body); color: var(--merry-muted);
  align-self: end; margin-bottom: 4px; letter-spacing: .02em;
}
body.merry-outlaws .merry-site-nav {
  display: flex; align-items: center; gap: 5px; height: auto;
  padding: 0; margin: 0; border: 0;
}
body.merry-outlaws .merry-site-nav a {
  display: flex; align-items: center; justify-content: center; min-height: 44px;
  border: 1px solid transparent; border-radius: 7px; padding: 9px 13px;
  color: var(--merry-ink); font: 600 12px/1.2 var(--merry-body); text-decoration: none;
}
body.merry-outlaws .merry-site-nav a[aria-current='page'] {
  background: var(--merry-leaf); color: var(--merry-dark-ink); border-color: var(--merry-dark-ink);
}
body.merry-outlaws .merry-controls { margin-left: auto; display: flex; align-items: center; gap: 10px; min-width: 0; }
body.merry-outlaws .merry-network-label { color: var(--merry-muted); font: 500 10px/1.4 var(--merry-body); white-space: nowrap; }
body.merry-outlaws .merry-header :is(#theme-toggle,.merry-wallet-button) {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  min-height: 44px; border: 1px solid var(--merry-ink); border-radius: 8px;
  padding: 9px 13px; background: var(--merry-paper); color: var(--merry-ink);
  font: 600 12px/1.2 var(--merry-body); white-space: nowrap; box-shadow: none;
}
body.merry-outlaws .merry-header :is(#wallet-connect-btn,#connect-wallet).merry-wallet-button {
  background: var(--merry-leaf); color: var(--merry-dark-ink); border-color: var(--merry-dark-ink);
}
body.merry-outlaws .merry-header .merry-wallet-button span { color: inherit; margin: 0; }
body.merry-outlaws :is(.primary,.btn-primary) {
  min-height: 48px; border: 1.5px solid var(--merry-dark-ink); border-radius: 8px;
  background: var(--merry-leaf); color: var(--merry-dark-ink);
  font-family: var(--merry-body); font-weight: 700; box-shadow: 0 3px 0 #163f29;
}
body.merry-outlaws :is(.primary,.btn-primary):hover:not(:disabled) { background: #c6ef66; }
body.merry-outlaws :is(.primary,.btn-primary):disabled { box-shadow: none; opacity: .55; cursor: not-allowed; }
body.merry-outlaws dialog, body.merry-outlaws .modal-content {
  border: 2px solid var(--merry-ink); border-radius: 16px;
  background: var(--merry-paper); color: var(--merry-ink);
}
body.merry-outlaws dialog::backdrop { background: #092b20b8; backdrop-filter: blur(4px); }
body.merry-outlaws .merry-chapter {
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
}
body.merry-outlaws .merry-chapter-art {
  display: block; width: 160px; height: 108px; object-fit: contain; flex-shrink: 0;
  pointer-events: none; user-select: none;
}
body.merry-outlaws .merry-stamp {
  display: inline-block; padding: 6px 10px; border: 1px solid #163f29; border-radius: 3px;
  background: var(--merry-sun); color: #163f29; font: 700 10px/1.3 var(--merry-body);
  letter-spacing: .07em; transform: rotate(-2deg);
}
body.merry-outlaws .merry-chart-surface {
  background: var(--merry-paper); border: 1px solid var(--merry-line); border-radius: 10px;
  color: var(--merry-muted); font-family: var(--merry-body);
}
@media (max-width: 1120px) {
  body.merry-outlaws .merry-header { gap: 18px; }
  body.merry-outlaws .merry-network-label { display: none; }
}
@media (max-width: 760px) {
  body.merry-outlaws .merry-header { width: calc(100% - 36px); flex-wrap: wrap; gap: 14px 8px; padding: 16px 0 12px; min-height: 0; }
  body.merry-outlaws .merry-header .merry-brand { font-size: 31px; gap: 6px; }
  body.merry-outlaws .merry-header .merry-mark { width: 23px; height: 26px; }
  body.merry-outlaws .merry-header .merry-product { display: none; }
  body.merry-outlaws .merry-controls { gap: 6px; }
  body.merry-outlaws .merry-header :is(#theme-toggle,.merry-wallet-button) { font-size: 11px; padding: 8px 10px; }
  body.merry-outlaws .merry-site-nav { order: 3; flex-basis: 100%; justify-content: space-between; gap: 3px; }
  body.merry-outlaws .merry-site-nav a { flex: 1; padding: 9px 8px; font-size: 12px; }
  body.merry-outlaws .merry-chapter-art { width: 90px; height: 80px; }
}
@media (max-width: 360px) {
  body.merry-outlaws .merry-header .merry-brand { font-size: 28px; }
  body.merry-outlaws .merry-header :is(#theme-toggle,.merry-wallet-button) { font-size: 10px; padding: 8px; }
  body.merry-outlaws .merry-chapter { gap: 10px; }
  body.merry-outlaws .merry-chapter-art { width: 64px; height: 68px; }
}
@media (prefers-reduced-motion: reduce) {
  body.merry-outlaws { scroll-behavior: auto; }
  body.merry-outlaws * { animation-duration: 0s !important; transition-duration: 0s !important; }
}