:root{--cd-ink: #0c0810;--cd-walnut: #4a2a1a;--cd-flame: #f6c15e;--cd-flame-deep: #d68f2c;--cd-cream: #f4e7c8;--cd-cream-dim: #c8b48a;--cd-cream-dimmer: #8b7a5a;--cd-felt: #1c4f2c;--cd-felt-dim: #163823;--cd-mauve: #b39ddb;--cd-mint: #9bd7b8}body:has(.cd){background:radial-gradient(circle at 30% 0%,#2a1828 0%,var(--cd-ink) 60%);color:var(--cd-cream);font-family:Inter,-apple-system,system-ui,sans-serif;min-height:100vh}.cd{max-width:880px;margin:0 auto;padding:48px 24px 80px}.cd__hero{text-align:center;margin-bottom:32px}.cd__kicker{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.18em;color:var(--cd-flame-deep);text-transform:uppercase;margin:0 0 12px}.cd__title{font-family:Inter Tight,sans-serif;font-weight:900;font-size:clamp(56px,12vw,138px);letter-spacing:-.04em;line-height:.9;margin:0 0 16px;color:var(--cd-flame);text-shadow:0 6px 24px rgba(0,0,0,.4)}.cd__sub{max-width:680px;margin:0 auto;font-size:17px;line-height:1.5;color:var(--cd-cream-dim)}.cd__felt{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.04) 0%,transparent 50%),linear-gradient(180deg,var(--cd-felt) 0%,var(--cd-felt-dim) 100%);border:1px solid rgba(246,193,94,.18);border-radius:22px;padding:28px 24px 24px;margin-bottom:22px;box-shadow:inset 0 0 60px #0000004d}.cd__dice{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}@media(max-width:600px){.cd__dice{grid-template-columns:1fr 1fr}}.cd__die{position:relative;aspect-ratio:1;border-radius:18px;border:0;background:linear-gradient(160deg,#fff,#ddd);box-shadow:0 6px 18px #0006,inset 0 -4px 8px #0000001f,inset 0 4px 6px #fff9;cursor:pointer;padding:12%;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .1s ease}.cd__die:hover{transform:translateY(-2px)}.cd__die--rolling{animation:cdRoll .6s ease-out}@keyframes cdRoll{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-90deg) scale(1.08)}55%{transform:rotate(180deg) scale(.95)}85%{transform:rotate(330deg) scale(1.04)}to{transform:rotate(360deg) scale(1)}}.cd__die--locked{background:linear-gradient(160deg,#f6c15e,#d68f2c);box-shadow:0 6px 18px #f6c15e52,inset 0 -4px 8px #0003,inset 0 4px 6px #fff6}.cd__die-face{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:4%}.cd__pip{width:100%;height:100%;border-radius:50%;background:#1a0c0a;box-shadow:inset 0 2px 2px #00000080}.cd__lock{position:absolute;top:8px;right:10px;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.12em;color:#0006;pointer-events:none}.cd__die--locked .cd__lock{color:#000000b3}.cd__readouts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(max-width:600px){.cd__readouts{grid-template-columns:1fr 1fr}}.cd__readout{padding:8px 10px;background:#0000004d;border-radius:8px}.cd__readout-label{display:block;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.14em;color:#f4e7c899;margin-bottom:2px}.cd__readout-val{display:block;font-family:Inter Tight,sans-serif;font-weight:600;font-size:13px;color:var(--cd-cream)}.cd__transport{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:32px}.cd__roll{display:flex;align-items:center;gap:10px;padding:14px 26px;border-radius:12px;border:0;background:var(--cd-flame);color:var(--cd-walnut);cursor:pointer;font-family:Inter Tight,sans-serif;font-weight:700;font-size:14px;letter-spacing:.04em;box-shadow:0 4px 14px #f6c15e52}.cd__roll:hover{background:var(--cd-flame-deep)}.cd__roll-icon{font-size:18px}.cd__play,.cd__lock-all{display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:12px;border:1px solid rgba(246,193,94,.32);background:transparent;color:var(--cd-cream);cursor:pointer;font-family:Inter Tight,sans-serif;font-weight:600;font-size:13px;transition:background .1s ease}.cd__play:hover:not(:disabled),.cd__lock-all:hover{background:#f6c15e1f}.cd__play:disabled{opacity:.4;cursor:not-allowed}.cd__roll-hint{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--cd-cream-dimmer)}.cd__about{max-width:720px;margin:0 auto;padding:24px 0 0;border-top:1px solid rgba(246,193,94,.14)}.cd__about-h{font-family:Inter Tight,sans-serif;font-weight:700;font-size:20px;color:var(--cd-cream);margin:0 0 12px}.cd__about-ul{padding-left:0;list-style:none}.cd__about-ul li{font-size:14px;line-height:1.6;color:var(--cd-cream-dim);margin-bottom:6px;padding-left:18px;position:relative}.cd__about-ul li:before{content:"·";position:absolute;left:6px;color:var(--cd-flame)}.cd__about p{font-size:15px;line-height:1.6;color:var(--cd-cream-dim);margin:12px 0}.cd__about strong{color:var(--cd-cream)}.cd__about a{color:var(--cd-flame);text-decoration:none}.cd__about a:hover{text-decoration:underline}