@charset "utf-8";
/* Paper pad: the Yatzy block from the kitchen drawer — ruled paper, ballpoint blue,
   a highlighter, a coffee ring and the pencil left lying about. Calm: nothing moves. */
:root[data-theme="paper"] {
  --bg: #e7e1d3; --panel: #fffdf6; --ink: #1f3a6e; --muted: #66718a; --line: #c9d6ea;
  --accent: #1f3a6e; --accent-ink: #fffdf6; --mover: #fff6bf; --die: #fffdf6; --die-edge: #1f3a6e;
  --pip: #1f3a6e; --held: #ffe14d; --field: #fffdf6; --good: #2e7d32; --bad: #c62828;
  --font: "Caveat", "Segoe Print", "Comic Sans MS", cursive; --title-font: var(--font); --name-font: var(--font);
  --title: #1f3a6e; --radius: 3px; --mark: "✎";
  --pattern: radial-gradient(circle at 93% 22%, transparent 44px, rgba(130, 85, 40, .13) 45px 51px, transparent 52px),
    linear-gradient(#ece6d8, #ddd5c4);
}
[data-theme="paper"] body { font-size: 19px; }
[data-theme="paper"] h1 { font-size: 50px; font-weight: 700; }
[data-theme="paper"] .card {
  background:
    linear-gradient(90deg, transparent 30px, rgba(230, 120, 120, .55) 30px 31px, transparent 31px),
    repeating-linear-gradient(transparent 0 25px, #d5e0f0 25px 26px), var(--panel);
  border-color: #d8d0bd; box-shadow: 2px 3px 0 rgba(0, 0, 0, .08);
}
[data-theme="paper"] .tray:nth-child(odd) { transform: rotate(-.35deg); }
[data-theme="paper"] .tray:nth-child(even) { transform: rotate(.3deg); }
[data-theme="paper"] .tray-head .name { font-size: 24px; font-weight: 700; }
[data-theme="paper"] .tray-head .total { font-size: 30px; }
[data-theme="paper"] .die { border-radius: 8px 12px 9px 13px; box-shadow: 1px 1px 0 var(--ink); }
[data-theme="paper"] .die.held { background: linear-gradient(transparent 15%, #ffe14d 15% 85%, transparent 85%), var(--die); box-shadow: 1px 1px 0 var(--ink); border-color: var(--ink); }
[data-theme="paper"] .sheet { font-size: 19px; }
[data-theme="paper"] .sheet td.scratch { text-decoration: line-through 2px; color: var(--bad); }
[data-theme="paper"] .sheet td.just { background: linear-gradient(transparent 15%, #ffe14d 15% 85%, transparent 85%); }
[data-theme="paper"] button.primary { box-shadow: 2px 2px 0 #0d1d3d; }
[data-theme="paper"] .ambient { display: block; }
[data-theme="paper"] .ambient .a1 { display: block; right: 14px; bottom: 10px; font-size: 44px; transform: rotate(-35deg); opacity: .85; }
[data-theme="paper"] .ambient .a1::before { content: "✏️"; }