/* Scratch & Reveal · Gilded Ticket — theme for the shared engine (site/scratch/engine.css): an engraved banknote "golden ticket"
   on green velvet, gold leaf in oval windows, sepia engraving portrait, guilloché paper sheets, rosettes, the cartouche. */
:root {
  --bg: #0c2619; --bg-tile: url('/art/scratch-ticket/velvet.webp'); --on-bg: #ead9ae; --on-bg-soft: rgba(236, 213, 155, .55);
  --on-bg-shadow: 0 1px 8px rgba(0, 0, 0, .4);
  --ink: #2c3b2f; --ink-soft: #5d6a5c; --accent: #b8913f; --accent-deep: #8a6a2e;
  --title-fill: url('/art/scratch-ticket/foiltex.webp'); --title-shadow: drop-shadow(0 2px 6px rgba(0, 0, 0, .35));
  --cd-fill: url('/art/scratch-ticket/foiltex.webp');
  --paper: #f3ecdc; --paper-img: url('/art/scratch-ticket/paper.webp');
  --sheet-edge: 0 0 0 1.5px #c9a35a, 0 0 0 3px rgba(120, 90, 30, .35), 0 14px 32px rgba(0, 0, 0, .38);
  --rule-dot: inset 0 0 0 2px var(--paper), inset 0 0 0 5px rgba(44, 59, 47, .45);
  --details-bg: rgba(12, 38, 25, .35); --details-line: rgba(236, 213, 155, .7);
  --music-bg: rgba(12, 38, 25, .7); --music-ink: #ead9ae; --music-line: rgba(236, 213, 155, .6);
  --hint-shadow: 0 1px 0 rgba(255, 252, 240, .8); --hero-foot: rgba(0, 0, 0, .22);
  /* the couple's photo printed as a soft sepia engraving: fine hatching, the edge melting into the paper */
  --photo-filter: grayscale(1) sepia(.62) contrast(1.08) brightness(1.04) saturate(.85); --photo-opacity: .94;
  --photo-overlay: repeating-linear-gradient(118deg, rgba(58, 48, 26, .11) 0 1.2px, transparent 1.2px 3.6px), radial-gradient(ellipse 50% 50% at 50% 50%, transparent 66%, rgba(239, 232, 214, .7) 100%);
  --names-shadow: 0 2px 0 rgba(255, 250, 236, .9), 0 -1px 1px rgba(80, 55, 15, .3);
}
.sheets { background: linear-gradient(rgba(0, 0, 0, .22), rgba(0, 0, 0, 0) 120px), var(--bg) var(--bg-tile) center top / 420px repeat; }
.sheet::before { box-shadow: inset 0 0 0 3px rgba(243, 236, 220, .4), inset 0 0 0 4px rgba(44, 59, 47, .28); }
.orn { --orn-w: 132px; }
.cd-sheet { padding: 22px 14px 40px; }
@media (min-width: 520px) { .app { border-left: 1px solid rgba(201, 163, 90, .25); border-right: 1px solid rgba(201, 163, 90, .25); } }