@charset "utf-8";
/* Wild West: a desert at sundown, wanted-poster cards, tumbleweed rolling, a vulture circling. */
:root[data-theme="wildwest"] {
  --bg: #e8a05c; --panel: #f6e3c0; --ink: #3b2414; --muted: #7d5a3c; --line: #d9b98a;
  --accent: #8b3a1a; --accent-ink: #fff3dc; --mover: #fbeacc; --die: #fbf2df; --die-edge: #6b4426;
  --pip: #3b2414; --held: #d4a017; --field: #fff7e6; --good: #2f6b2f; --bad: #a02c1a;
  --title: #4a2410; --title-font: "Rye", Georgia, serif; --name-font: "Rye", Georgia, serif;
  --radius: 4px; --mark: "🤠";
  --pattern: linear-gradient(#f6c278, #e8a05c 45%, #c97b45);
}
[data-theme="wildwest"] h1 { font-size: 40px; text-shadow: 2px 2px 0 #f6e3c0; }
[data-theme="wildwest"] .card { box-shadow: inset 0 0 26px rgba(120, 70, 30, .3), 0 4px 10px rgba(60, 30, 10, .3); border: 2px solid #8b5a2b; }
[data-theme="wildwest"] .tray-head .name { font-size: 15px; }
[data-theme="wildwest"] .tray-head .total { font-size: 22px; color: #8b3a1a; }
[data-theme="wildwest"] .sheet thead th { font-size: 12px; }
[data-theme="wildwest"] .die:not(.blank) { border-width: 3px; border-radius: 10px; }
[data-theme="wildwest"] .die.held { box-shadow: 0 0 0 3px var(--held), 0 0 10px rgba(212, 160, 23, .7); }
/* Mesas and cacti on the horizon. */
[data-theme="wildwest"] body::after {
  content: "🌵        🌵   🌵         🌵"; position: fixed; left: 0; right: 0; bottom: 0; height: 70px; z-index: 0; pointer-events: none;
  font-size: 44px; white-space: pre; text-align: center; line-height: 60px;
  background: linear-gradient(transparent 55%, #b56a37 55%);
}
[data-theme="wildwest"] .ambient .a1 { display: block; bottom: 20px; left: -60px; font-size: 34px; animation: tumble-across 14s linear infinite 2s; }
[data-theme="wildwest"] .ambient .a1::before { content: "🌾"; display: inline-block; animation: tumbleweed 1s linear infinite; }
@keyframes tumble-across { 0% { transform: translateX(0); } 45%, 100% { transform: translateX(calc(100vw + 120px)); } }
@keyframes tumbleweed { 0% { transform: rotate(0) translateY(0); } 50% { transform: rotate(180deg) translateY(-14px); } 100% { transform: rotate(360deg) translateY(0); } }
[data-theme="wildwest"] .ambient .a2 { display: block; top: 12%; right: 15%; width: 140px; height: 50px; animation: circle 9s linear infinite; }
[data-theme="wildwest"] .ambient .a2::before { content: "🦅"; font-size: 24px; display: inline-block; }
@keyframes circle { from { transform: rotate(0) translateX(50px) rotate(0); } to { transform: rotate(360deg) translateX(50px) rotate(-360deg); } }
[data-theme="wildwest"] .ambient .a3 { display: block; top: 5%; left: 6%; font-size: 64px; opacity: .8; }
[data-theme="wildwest"] .ambient .a3::before { content: "☀️"; }