@charset "utf-8";
/* Ancient Egypt: pyramids in the sand, a blazing sun, a camel walking by, hieroglyph cards. */
:root[data-theme="egypt"] {
  --bg: #f2d48c; --panel: #fbf3dc; --ink: #3a2a12; --muted: #7a6234; --line: #e3cc95;
  --accent: #1f6f8b; --accent-ink: #ffffff; --mover: #fff4d4; --die: #fffaf0; --die-edge: #b8892b;
  --pip: #1f6f8b; --held: #d4a017; --field: #fffaf0; --good: #2f6b2f; --bad: #a3361f;
  --title: #6b4a12; --title-font: "Cinzel Decorative", Georgia, serif; --name-font: "Cinzel Decorative", Georgia, serif;
  --radius: 6px; --mark: "𓂀";
  --pattern: linear-gradient(#f9e3a6, #f2d48c 50%, #e6bd6a);
}
[data-theme="egypt"] h1 { font-size: 38px; text-shadow: 2px 2px 0 #fbf3dc; }
[data-theme="egypt"] .card { border: 2px solid #b8892b; box-shadow: 0 4px 0 #c99a3b; }
[data-theme="egypt"] .tray-head .name { font-size: 14px; }
[data-theme="egypt"] .tray-head .total { color: #1f6f8b; }
[data-theme="egypt"] .sheet thead th { font-size: 11px; }
[data-theme="egypt"] .die:not(.blank) { border-width: 3px; background: linear-gradient(135deg, #fffaf0, #f6e7c2); }
[data-theme="egypt"] .die.held { box-shadow: 0 0 0 3px var(--held), 0 0 12px rgba(212, 160, 23, .8); }
/* Three pyramids in the sand. */
[data-theme="egypt"] body::after {
  content: ""; position: fixed; left: 0; right: 0; bottom: 0; height: 150px; z-index: 0; pointer-events: none;
  background:
    linear-gradient(to top right, #c9973f 50%, transparent 50.5%) 8% 100% / 120px 100px no-repeat,
    linear-gradient(to top left, #b07f2c 50%, transparent 50.5%) calc(8% + 120px) 100% / 120px 100px no-repeat,
    linear-gradient(to top right, #c9973f 50%, transparent 50.5%) 78% 100% / 90px 74px no-repeat,
    linear-gradient(to top left, #b07f2c 50%, transparent 50.5%) calc(78% + 90px) 100% / 90px 74px no-repeat,
    linear-gradient(transparent 80%, #e0b462 80%);
}
[data-theme="egypt"] .ambient .a1 { display: block; bottom: 14px; right: -70px; font-size: 40px; animation: camel 30s linear infinite 4s; }
[data-theme="egypt"] .ambient .a1::before { content: "🐪"; display: inline-block; animation: sway-camel 1s ease-in-out infinite; }
@keyframes camel { 0% { transform: translateX(0); } 50%, 100% { transform: translateX(calc(-100vw - 140px)); } }
@keyframes sway-camel { 50% { transform: translateY(-3px) rotate(-2deg); } }
[data-theme="egypt"] .ambient .a2 { display: block; top: 5%; right: 6%; font-size: 60px; animation: sun-pulse 4s ease-in-out infinite; }
[data-theme="egypt"] .ambient .a2::before { content: "☀️"; }
@keyframes sun-pulse { 50% { transform: scale(1.1); filter: brightness(1.15); } }
[data-theme="egypt"] .ambient .a3 { display: block; top: 34%; left: 3%; font-size: 26px; opacity: .45; writing-mode: vertical-rl; }
[data-theme="egypt"] .ambient .a3::before { content: "𓀀𓁐𓂀𓃒𓆣"; }