@charset "utf-8";
/* Autumn: warm oranges and browns, leaves drifting down, a hedgehog and a mushroom. */
:root[data-theme="autumn"] {
  --bg: #f3d9b1; --panel: #fffaf2; --ink: #3d2614; --muted: #7c5d43; --line: #ecd8bc;
  --accent: #c0561b; --accent-ink: #ffffff; --mover: #fff1de; --die: #fffaf2; --die-edge: #a0602c;
  --pip: #6b3410; --held: #e3a21a; --field: #ffffff; --good: #4a7c2b; --bad: #b3361f;
  --title: #a8431a; --title-font: "Caveat", "Segoe Print", cursive; --name-font: "Caveat", "Segoe Print", cursive;
  --radius: 14px; --mark: "🍂";
  --pattern: radial-gradient(ellipse 60% 40% at 80% 0%, #f7c98a, transparent 70%), linear-gradient(#f6dfba, #eac796);
}
[data-theme="autumn"] h1 { font-size: 54px; font-weight: 700; }
[data-theme="autumn"] .tray-head .name { font-size: 24px; font-weight: 700; }
[data-theme="autumn"] .tray-head .total { font-size: 30px; color: #c0561b; }
[data-theme="autumn"] .sheet thead th { font-size: 18px; }
[data-theme="autumn"] .sheet tr.total th, [data-theme="autumn"] .sheet tr.total td { font-size: 21px; }
[data-theme="autumn"] .card { box-shadow: 0 4px 12px rgba(120, 70, 30, .2); }
[data-theme="autumn"] .die.held { box-shadow: 0 0 0 3px var(--held), 0 0 12px rgba(227, 162, 26, .7); }
/* Leaves falling, all the time. */
[data-theme="autumn"] body::before {
  content: "🍂      🍁        🍂     🍁       🍂"; position: fixed; left: 0; right: 0; top: -40px; z-index: 0; pointer-events: none;
  font-size: 24px; white-space: pre; text-align: center; opacity: .8; animation: leaves 12s linear infinite;
}
@keyframes leaves { 0% { transform: translate(0, 0) rotate(0); } 100% { transform: translate(40px, 110vh) rotate(25deg); } }
[data-theme="autumn"] .ambient .a1 { display: block; bottom: 10px; left: -50px; font-size: 32px; animation: hedgehog 26s linear infinite 3s; }
[data-theme="autumn"] .ambient .a1::before { content: "🦔"; display: inline-block; transform: scaleX(-1); animation: trot .5s ease-in-out infinite; }
@keyframes hedgehog { 0% { transform: translateX(0); } 45%, 100% { transform: translateX(calc(100vw + 100px)); } }
@keyframes trot { 50% { transform: scaleX(-1) translateY(-3px); } }
[data-theme="autumn"] .ambient .a2 { display: block; bottom: 6px; right: 4%; font-size: 40px; }
[data-theme="autumn"] .ambient .a2::before { content: "🍄"; }
[data-theme="autumn"] .ambient .a3 { display: block; top: 16%; left: 4%; font-size: 30px; animation: squirrel 8s ease-in-out infinite; }
[data-theme="autumn"] .ambient .a3::before { content: "🐿️"; }
@keyframes squirrel { 0%, 60%, 100% { transform: translateY(0); } 70% { transform: translateY(-24px) rotate(-10deg); } 80% { transform: translateY(0); } }