@charset "utf-8";
/* Dinosaurs: ferns and footprints, speckled egg dice, a T-rex stomping past a volcano. */
:root[data-theme="dinosaurs"] {
  --bg: #dcecbb; --panel: #fffcef; --ink: #2e3a1a; --muted: #6c7a4c; --line: #cfe0a6;
  --accent: #e8711a; --accent-ink: #ffffff; --mover: #f1f8dc; --die: #f6ecd0; --die-edge: #b39457;
  --pip: #5a3d12; --held: #e8711a; --field: #fffcef; --good: #2e7d32; --bad: #c0392b;
  --title: #e8711a; --title-font: "Luckiest Guy", "Arial Black", sans-serif; --name-font: "Luckiest Guy", "Arial Black", sans-serif;
  --radius: 16px; --mark: "🦖";
  --pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='170'%3E%3Ctext x='10' y='40' font-size='26' opacity='.22'%3E🌿%3C/text%3E%3Ctext x='120' y='120' font-size='18' opacity='.18'%3E🐾%3C/text%3E%3Ctext x='60' y='150' font-size='14' opacity='.16'%3E🦴%3C/text%3E%3C/svg%3E");
  --pattern-size: 200px 170px;
}
[data-theme="dinosaurs"] h1 { font-size: 44px; letter-spacing: 1px; text-shadow: 3px 3px 0 #2e3a1a; }
[data-theme="dinosaurs"] .tray-head .name { font-size: 18px; letter-spacing: .5px; }
[data-theme="dinosaurs"] .tray-head .total { font-size: 26px; color: #e8711a; }
[data-theme="dinosaurs"] .card { border-width: 2px; box-shadow: 0 4px 0 #c3d79a; }
[data-theme="dinosaurs"] .die:not(.blank) {
  border-radius: 46% 46% 40% 40% / 56% 56% 42% 42%;
  background:
    radial-gradient(circle at 24% 28%, #c9b07a 0 2px, transparent 3px),
    radial-gradient(circle at 74% 66%, #c9b07a 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 62% 16%, #c9b07a 0 1px, transparent 2px),
    radial-gradient(circle at 30% 80%, #c9b07a 0 1.5px, transparent 2.5px), var(--die);
}
[data-theme="dinosaurs"] .die.held { box-shadow: 0 0 0 3px var(--held); animation: egg-wobble 1.2s ease-in-out infinite; }
@keyframes egg-wobble { 25% { transform: translateY(-4px) rotate(-6deg); } 75% { transform: translateY(-4px) rotate(6deg); } }
[data-theme="dinosaurs"] body::after {
  content: ""; position: fixed; left: 0; right: 0; bottom: 0; height: 70px; z-index: 0; pointer-events: none;
  background: radial-gradient(ellipse 60% 100% at 30% 100%, #a9c977, transparent 70%), radial-gradient(ellipse 50% 90% at 85% 100%, #9cc06a, transparent 70%);
}
[data-theme="dinosaurs"] .ambient .a1 { display: block; bottom: 10px; left: -90px; font-size: 48px; animation: stomp-across 20s linear infinite 3s; }
[data-theme="dinosaurs"] .ambient .a1::before { content: "🦖"; display: inline-block; animation: stomp .6s ease-in-out infinite; }
@keyframes stomp-across { 0% { transform: translateX(0); } 30%, 100% { transform: translateX(calc(100vw + 180px)); } }
@keyframes stomp { 50% { transform: translateY(-5px) rotate(-4deg); } }
[data-theme="dinosaurs"] .ambient .a2 { display: block; left: 2%; bottom: 0; font-size: 70px; opacity: .7; }
[data-theme="dinosaurs"] .ambient .a2::before { content: "🌋"; }
[data-theme="dinosaurs"] .ambient .a3 { display: block; left: calc(2% + 22px); bottom: 64px; font-size: 26px; animation: smoke 5s ease-out infinite; }
[data-theme="dinosaurs"] .ambient .a3::before { content: "💨"; display: inline-block; transform: rotate(-90deg); }
@keyframes smoke { 0% { transform: translateY(0) scale(.6); opacity: 0; } 20% { opacity: .7; } 100% { transform: translateY(-80px) scale(1.4); opacity: 0; } }