@charset "utf-8";
/* How each theme dresses its big moments — the toast for a Yatzy, the bonus, a game won
   (.toast.yatzy, .toast.bonus, .toast.win) and the little word over a zero — and a few
   rules every theme shares. */

[data-theme="kids"] .toast { background: linear-gradient(90deg, #ff4f87, #ff9f1c, #2ec4b6, #4d7cfe); font-family: "Fredoka", sans-serif; }
[data-theme="halloween"] .toast { background: #2a1338; color: #8cff4f; border: 2px solid #ff7a1a; text-shadow: 0 0 10px #8cff4f; }
[data-theme="christmas"] .toast { background: #c8102e; color: #fffaf0; border: 3px solid #f2c230; }
[data-theme="paper"] .toast { background: #fffdf6; color: #1f3a6e; border: 2px dashed #1f3a6e; font-family: "Caveat", cursive; box-shadow: 3px 4px 0 rgba(0, 0, 0, .15); }
[data-theme="paper"] .zero-pop { color: #c62828; font-family: "Caveat", cursive; font-size: 20px; background: transparent; border: none; box-shadow: none; }
[data-theme="large"] .toast { background: #003c8f; color: #fff; border: 3px solid #000; animation: toast-plain 2.4s linear forwards; }
[data-theme="large"] .toast.yatzy, [data-theme="large"] .toast.win { font-size: 44px; }
[data-theme="large"] .zero-pop { font-size: 18px; color: #000; border: 2px solid #000; }
@keyframes toast-plain { 0%, 100% { opacity: 0; } 8%, 85% { opacity: 1; } }
[data-theme="jungle"] .toast { background: #2f6b2a; color: #ffd23f; border: 3px solid #8a5a2b; text-shadow: 2px 2px 0 #173d16; font-family: "Lilita One", sans-serif; font-weight: 400; }
[data-theme="magic"] .toast { background: radial-gradient(circle at 50% 30%, #5a2fa0, #261244); color: #ffd76a; border: 2px solid #ffd76a; text-shadow: 0 0 12px rgba(255, 215, 106, .8); }
[data-theme="space"] .toast { background: #181238; color: #c4b5fd; border: 2px solid #22d3ee; box-shadow: 0 0 26px rgba(34, 211, 238, .5); }
[data-theme="unicorn"] .toast { background: linear-gradient(90deg, #ff7eb6, #ffb86b, #7ee0a8, #7ec8ff, #b388ff); color: #fff; text-shadow: 0 2px 0 rgba(100, 40, 140, .4); font-family: "Pacifico", cursive; font-weight: 400; }
[data-theme="disco"] .toast { background: linear-gradient(90deg, #ff3fa4, #9b5cff, #3fd6ff); color: #fff; border: 2px solid #fff; text-shadow: 0 0 10px rgba(255, 255, 255, .8); font-family: "Monoton", sans-serif; font-weight: 400; letter-spacing: 1px; }
[data-theme="sea"] .toast { background: linear-gradient(#1a7fae, #0b4f74); color: #fff; border: 3px solid #ff7a59; font-family: "Lilita One", sans-serif; font-weight: 400; }
[data-theme="superhero"] .toast { background: #ffd93d; color: #e3262f; border: 4px solid #111; box-shadow: 8px 8px 0 #111; font-family: "Bangers", Impact, sans-serif; font-weight: 400; letter-spacing: 2px; -webkit-text-stroke: 1px #111; }
[data-theme="vikings"] .toast { background: #f1e7d0; color: #9c2b1d; border: 4px double #5a4630; font-family: "Uncial Antiqua", serif; font-weight: 400; }
[data-theme="arctic"] .toast { background: #0b2440; color: #c9fff0; border: 2px solid #7cf0c8; box-shadow: 0 0 30px rgba(124, 240, 200, .5); font-family: "Chewy", cursive; font-weight: 400; }
[data-theme="construction"] .toast { background: #f59e0b; color: #1f2933; border: 4px solid #1f2933; font-family: "Bungee", sans-serif; font-weight: 400; }
[data-theme="wildwest"] .toast { background: #f6e3c0; color: #8b3a1a; border: 3px solid #6b4426; box-shadow: inset 0 0 20px rgba(120, 70, 30, .3), 0 10px 30px rgba(0, 0, 0, .3); font-family: "Rye", serif; font-weight: 400; }
[data-theme="egypt"] .toast { background: #1f6f8b; color: #f9e3a6; border: 3px solid #d4a017; }
[data-theme="farm"] .toast { background: #c0392b; color: #fff; border: 3px solid #fff; font-family: "Chewy", cursive; font-weight: 400; }
[data-theme="candy"] .toast { background: linear-gradient(90deg, #ff6fb5, #ffb347, #4ce0b3, #8ec5ff); color: #fff; text-shadow: 0 2px 0 rgba(90, 42, 74, .4); font-family: "Pacifico", cursive; font-weight: 400; }
[data-theme="circus"] .toast { background: repeating-linear-gradient(90deg, #d62839 0 24px, #c41f2f 24px 48px); color: #ffc300; border: 3px solid #ffc300; font-family: "Rye", serif; font-weight: 400; }
[data-theme="autumn"] .toast { background: #c0561b; color: #fff3dc; border: 3px solid #e3a21a; font-family: "Caveat", cursive; font-size: 30px; }
[data-theme="birthday"] .toast { background: linear-gradient(90deg, #ff6fa8, #ffd166, #4cc9f0, #8e44ad); color: #fff; text-shadow: 0 2px 0 rgba(59, 31, 74, .4); font-family: "Pacifico", cursive; font-weight: 400; }
[data-theme="arcade"] .toast { background: #0c0020; color: #ff2bd6; border: 3px solid #00eaff; text-shadow: 0 0 10px #ff2bd6; font-size: 16px; line-height: 1.6; }
[data-theme="arcade"] .toast.yatzy, [data-theme="arcade"] .toast.win { font-size: 22px; }
[data-theme="arcade"] .zero-pop { font-size: 10px; line-height: 1.8; color: #ff5f7e; background: #0c0020; border-color: #ff2bd6; }
[data-theme="medieval"] .toast { background: #f3e6c4; color: #8e1b1b; border: 4px double #8e1b1b; box-shadow: inset 0 0 20px rgba(120, 80, 20, .35), 0 10px 30px rgba(0, 0, 0, .4); }
[data-theme="dinosaurs"] .toast { background: #e8711a; color: #fff; text-shadow: 2px 2px 0 #2e3a1a; border: 3px solid #2e3a1a; }
[data-theme="pirates"] .toast { background: #f4e4bf; color: #b3261e; border: 3px solid #7a4f22; box-shadow: inset 0 0 20px rgba(120, 80, 30, .35), 0 10px 30px rgba(0, 0, 0, .4); }
[data-theme="football"] .toast { background: #111; color: #ffd400; border: 3px solid #fff; letter-spacing: 3px; font-weight: 400; }
[data-theme="easter"] .toast { background: #fff1a8; color: #4f8f2a; border: 3px solid #f2a01e; font-weight: 400; }
[data-theme="midsummer"] .toast { background: #fffef8; color: #1f5fae; border: 3px solid #f0c419; font-size: 34px; }
[data-theme="midsummer"] .toast.yatzy, [data-theme="midsummer"] .toast.win { font-size: 52px; }
[data-theme="midsummer"] .zero-pop { font-size: 22px; }
[data-theme="lucia"] .toast { background: #16224a; color: #ffe6a8; border: 2px solid #e6c37a; box-shadow: 0 0 30px rgba(255, 190, 90, .6); font-style: italic; }

/* Every theme but the plain two gets a bigger title on a phone; playing, it shrinks. */
@media (max-width: 600px) {
  :root:not([data-theme="standard"]):not([data-theme="large"]):not([data-theme="arcade"]) h1 { font-size: 32px; }
  [data-theme="midsummer"] h1 { font-size: 46px; }
  [data-theme="superhero"] h1, [data-theme="autumn"] h1 { font-size: 40px; }
  [data-theme="vikings"] h1, [data-theme="construction"] h1, [data-theme="egypt"] h1 { font-size: 26px; }
  [data-theme="arcade"] h1 { font-size: 18px; }
  [data-theme="midsummer"] .tray-head .name, [data-theme="midsummer"] .sheet thead th { font-size: 18px; }
  [data-theme="arcade"] .tray-head .name { font-size: 9px; }
  [data-theme="arcade"] .sheet thead th { font-size: 7.5px; }
  /* Playing, every title shrinks to make room. */
  body.playing:not(.editing) h1 { font-size: 22px !important; }
  [data-theme="arcade"] body.playing:not(.editing) h1 { font-size: 14px !important; }
  [data-theme="midsummer"] body.playing:not(.editing) h1 { font-size: 34px !important; }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] body::before, [data-theme] body::after, [data-theme] h1, [data-theme] .die { animation: none !important; }
}