@charset "utf-8";
/* Vikings: a fjord at dusk, a longship sailing, ravens, runes, and wood-and-iron dice. */
:root[data-theme="vikings"] {
  --bg: #23303a; --panel: #f1e7d0; --ink: #2b2118; --muted: #6e5d47; --line: #d6c39e;
  --accent: #9c2b1d; --accent-ink: #fff4e0; --mover: #faf1dc; --die: #e9d8b4; --die-edge: #5a4630;
  --pip: #2b2118; --held: #c9a227; --field: #fff8e8; --good: #2f6b3a; --bad: #9c2b1d;
  --title: #e9d8b4; --title-font: "Uncial Antiqua", Georgia, serif; --name-font: "Uncial Antiqua", Georgia, serif;
  --page-ink: #f1e7d0; --page-muted: #b9c4cc; --radius: 6px; --mark: "🪓";
  --pattern: linear-gradient(#3b4f5e, #23303a 55%, #18222a);
}
[data-theme="vikings"] h1 { font-size: 40px; text-shadow: 2px 2px 0 #10171c; }
[data-theme="vikings"] .card { box-shadow: inset 0 0 22px rgba(90, 70, 48, .3), 0 4px 10px rgba(0, 0, 0, .35); border-color: #a88b5e; }
[data-theme="vikings"] .tray-head .name { font-size: 16px; }
[data-theme="vikings"] .tray-head .total { font-size: 24px; color: #9c2b1d; }
[data-theme="vikings"] .sheet thead th { font-size: 12px; }
[data-theme="vikings"] .die:not(.blank) { border-width: 3px; border-radius: 8px; background: repeating-linear-gradient(90deg, transparent 0 9px, rgba(90, 70, 48, .12) 9px 11px), var(--die); }
[data-theme="vikings"] .die.held { box-shadow: 0 0 0 3px var(--held), 0 0 12px rgba(201, 162, 39, .7); }
/* Mountains of the fjord along the bottom. */
[data-theme="vikings"] body::after {
  content: ""; position: fixed; left: 0; right: 0; bottom: 0; height: 110px; z-index: 0; pointer-events: none; opacity: .85;
  background: linear-gradient(160deg, transparent 50%, #16212a 50.5%) 0 0 / 220px 110px repeat-x,
    linear-gradient(200deg, transparent 50%, #16212a 50.5%) 0 0 / 220px 110px repeat-x;
}
[data-theme="vikings"] .ambient .a1 { display: block; bottom: 70px; left: -90px; font-size: 44px; animation: longship 36s linear infinite; z-index: 1; }
[data-theme="vikings"] .ambient .a1::before { content: "⛵"; display: inline-block; animation: rock 2.6s ease-in-out infinite; }
@keyframes longship { to { transform: translateX(calc(100vw + 180px)); } }
@keyframes rock { 50% { transform: rotate(-6deg) translateY(3px); } }
[data-theme="vikings"] .ambient .a2 { display: block; top: 12%; right: -50px; font-size: 26px; animation: raven 22s linear infinite 6s; }
[data-theme="vikings"] .ambient .a2::before { content: "🐦‍⬛"; display: inline-block; transform: scaleX(-1); }
@keyframes raven { 0% { transform: translate(0, 0); } 30%, 100% { transform: translate(calc(-100vw - 100px), 40px); } }
[data-theme="vikings"] .ambient .a3 { display: block; top: 30%; left: 3%; font: 28px/1 "Uncial Antiqua", serif; color: #c9a227; opacity: .5; animation: runes 4s ease-in-out infinite alternate; }
[data-theme="vikings"] .ambient .a3::before { content: "ᛁᚢᚴᚢᚾ ᛋᛚᚬ"; }
@keyframes runes { to { opacity: .15; } }