:root{--rdg-night:#1f2a3a;--rdg-rain:#2f4156;--rdg-mist:#c8d6e5;--rdg-lamp:#f4b860;--rdg-cream:#fbf4e6;--rdg-ink:#23303f;--rdg-moss:#7fa88b;--rdg-heart:#b8453f;--rdg-font:ui-rounded, "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--rdg-font-serif:Georgia, "Times New Roman", serif;--rdg-radius:14px;--rdg-radius-card:10px;--rdg-shadow:0 6px 18px #00000047;--rdg-space:1rem}.rdg-card{--card-w:4.5rem;width:var(--card-w);aspect-ratio:5/7;border-radius:var(--rdg-radius-card);background:var(--rdg-cream);color:var(--rdg-ink);box-shadow:var(--rdg-shadow);font-family:var(--rdg-font-serif);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;padding:.35rem .4rem;font-weight:700;line-height:1;display:inline-flex}.rdg-card--red{color:var(--rdg-heart)}.rdg-card__corner{flex-direction:column;align-items:flex-start;font-size:1.15rem;display:flex}.rdg-card__pip{align-self:center;font-size:2rem}.rdg-card__corner--bottom{align-self:flex-end;align-items:flex-end;transform:rotate(180deg)}.rdg-card--back{background:repeating-linear-gradient(45deg, transparent 0 6px, #ffffff14 6px 12px), var(--rdg-rain);border:3px solid var(--rdg-cream)}*,:before,:after{box-sizing:border-box}body{font-family:var(--rdg-font);color:var(--rdg-cream);background:linear-gradient(180deg, var(--rdg-night), var(--rdg-rain));min-height:100vh;margin:0;line-height:1.55}a{color:var(--rdg-lamp)}main{max-width:62rem;margin:0 auto;padding:1.5rem 1.25rem 3rem}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;max-width:62rem;margin:0 auto;padding:1rem 1.25rem;display:flex}.brand{font-family:var(--rdg-font-serif);color:var(--rdg-cream);font-size:1.35rem;font-weight:700;text-decoration:none}.site-header nav{gap:1rem;display:flex}.lead{color:var(--rdg-mist);font-size:1.2rem}h1,h2,h3{font-family:var(--rdg-font-serif);line-height:1.2}.hero{text-align:center;border-radius:var(--rdg-radius);background:#ffffff0a;padding:3rem 1rem;position:relative;overflow:hidden}.hero>:not(.rain){position:relative}.rain{background-image:repeating-linear-gradient(105deg,#0000 0 14px,#c8d6e52e 14px 15px);background-size:120px 120px;animation:1.2s linear infinite fall;position:absolute;inset:0}@keyframes fall{to{background-position:-30px 120px}}@media (prefers-reduced-motion:reduce){.rain{animation:none}}.hand{justify-content:center;margin:2rem 0 1.5rem;display:flex}.hand .rdg-card{margin-left:-1.2rem}.hand .rdg-card:first-child{margin-left:0}.hand .rdg-card:first-child{transform:rotate(-8deg)}.hand .rdg-card:nth-child(2){transform:rotate(-4deg)translateY(-4px)}.hand .rdg-card:nth-child(3){transform:translateY(-8px)}.hand .rdg-card:nth-child(4){transform:rotate(4deg)translateY(-4px)}.hand .rdg-card:nth-child(5){transform:rotate(8deg)}.badges{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.badges li{background:var(--rdg-lamp);color:var(--rdg-night);border-radius:999px;padding:.25rem .8rem;font-weight:600}.grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;display:grid}.tile{border-radius:var(--rdg-radius);background:var(--rdg-cream);color:var(--rdg-ink);box-shadow:var(--rdg-shadow);padding:1.25rem;text-decoration:none;display:block}.tile h3{margin-top:0}.soon{background:var(--rdg-moss);color:var(--rdg-night);border-radius:999px;padding:.1rem .6rem;font-size:.85rem;font-weight:700;display:inline-block}article{max-width:40rem}.note,.todo{border-left:4px solid var(--rdg-lamp);background:#ffffff0f;padding:.5rem .8rem}.todo{padding:.1rem .5rem;display:inline}.site-footer{max-width:62rem;color:var(--rdg-mist);margin:0 auto;padding:1.5rem 1.25rem 2.5rem;font-size:.9rem}
