@charset "utf-8";
/* Candy land: pink and mint, peppermint borders, gumdrop dice, sweets drifting by. */
:root[data-theme="candy"] {
  --bg: #ffe3f1; --panel: #ffffff; --ink: #5a2a4a; --muted: #a0708f; --line: #ffd0e6;
  --accent: #ff4fa3; --accent-ink: #ffffff; --mover: #e8fff6; --die: #ffffff; --die-edge: #ff9cc9;
  --pip: #ffffff; --held: #4ce0b3; --field: #fffafd; --good: #1aa37a; --bad: #e2445c;
  --title: #ff4fa3; --title-font: "Pacifico", cursive; --name-font: "Chewy", "Comic Sans MS", cursive;
  --font: "Fredoka", system-ui, sans-serif; --radius: 22px; --mark: "🍬";
  --mini-die: #fff0f7; --mini-edge: #ff4fa3; --mini-pip: #ff4fa3;
  --pattern: radial-gradient(circle at 10px 10px, #ffc2df 4px, transparent 5px), radial-gradient(circle at 40px 34px, #b8f5e0 4px, transparent 5px), linear-gradient(#ffeef7, #ffe3f1);
  --pattern-size: 60px 50px, 60px 50px, 100% 100%;
}
[data-theme="candy"] h1 { font-size: 44px; font-weight: 400; text-shadow: 3px 3px 0 #fff; }
[data-theme="candy"] .tray-head .name, [data-theme="candy"] .tray-head .total { font-weight: 400; }
[data-theme="candy"] .tray-head .total { font-size: 28px; color: #ff4fa3; }
[data-theme="candy"] .card { border: 4px solid transparent; background: linear-gradient(var(--panel), var(--panel)) padding-box, repeating-linear-gradient(-45deg, #ff4fa3 0 10px, #fff 10px 20px) border-box; }
[data-theme="candy"] .tray.mover { background: linear-gradient(var(--mover), var(--mover)) padding-box, repeating-linear-gradient(-45deg, #4ce0b3 0 10px, #fff 10px 20px) border-box; }
/* Gumdrop dice in sweet colours. */
[data-theme="candy"] .die:not(.blank) { border-radius: 16px; border-width: 0; box-shadow: inset 0 -5px 0 rgba(0, 0, 0, .12), inset 0 4px 0 rgba(255, 255, 255, .5); }
[data-theme="candy"] .die:not(.blank):nth-child(5n + 1) { --die: #ff6fb5; }
[data-theme="candy"] .die:not(.blank):nth-child(5n + 2) { --die: #4ce0b3; }
[data-theme="candy"] .die:not(.blank):nth-child(5n + 3) { --die: #ffb347; }
[data-theme="candy"] .die:not(.blank):nth-child(5n + 4) { --die: #8ec5ff; }
[data-theme="candy"] .die:not(.blank):nth-child(5n + 5) { --die: #c79bff; }
[data-theme="candy"] .die.held { box-shadow: 0 0 0 3px #fff, 0 0 0 6px var(--held); transform: translateY(-5px); }
[data-theme="candy"] button { border-radius: 999px; }
[data-theme="candy"] .ambient .a1, [data-theme="candy"] .ambient .a2, [data-theme="candy"] .ambient .a3 { display: block; top: -40px; font-size: 30px; animation: sweets-fall 16s linear infinite; }
[data-theme="candy"] .ambient .a1 { left: 8%; }
[data-theme="candy"] .ambient .a1::before { content: "🍬"; display: inline-block; animation: spin-sweet 3s linear infinite; }
[data-theme="candy"] .ambient .a2 { left: 50%; animation-delay: 5s; animation-duration: 19s; }
[data-theme="candy"] .ambient .a2::before { content: "🍭"; display: inline-block; animation: spin-sweet 4s linear infinite reverse; }
[data-theme="candy"] .ambient .a3 { right: 8%; animation-delay: 10s; animation-duration: 17s; }
[data-theme="candy"] .ambient .a3::before { content: "🧁"; }
@keyframes sweets-fall { to { transform: translateY(calc(100vh + 80px)); } }
@keyframes spin-sweet { to { transform: rotate(360deg); } }