:root{--beige:#ece5d8;--sage:#7d8b72;--slate:#3f4a4f;--ink:#2b3033;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--beige);color:var(--ink);place-items:center;font:16px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:grid}.player{text-align:center;width:min(92vw,34rem);padding:3rem 2rem}.eyebrow{color:var(--sage);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.75rem}h1{margin:.4rem 0 1.5rem;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:500}.now{color:var(--slate);font-variant-numeric:tabular-nums;margin:0 0 2rem}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}button{border:1px solid var(--slate);background:var(--slate);color:var(--beige);cursor:pointer;font:inherit;border-radius:999px;padding:.6rem 2rem}button:hover{background:var(--ink)}button:focus-visible,input:focus-visible{outline:2px solid var(--sage);outline-offset:3px}label{color:var(--slate);align-items:center;gap:.6rem;font-size:.9rem;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.player.replay .eyebrow{color:#8a6f5a}.cover{border-radius:.4rem;width:min(46vw,11rem);margin:0 auto 1.4rem;overflow:hidden;box-shadow:0 12px 32px #2b303329}.cover svg{width:100%;height:auto;display:block}.controls{margin-bottom:1rem}button.ghost{color:var(--slate);background:0 0;padding:.55rem 1.1rem}button.ghost:hover{background:#3f4a4f14}button.ghost[aria-pressed=true]{background:#7d8b7229}.note{color:var(--sage);margin:0 0 1rem;font-size:.85rem}.roll{border-radius:.4rem;width:100%;height:10rem;margin-top:1rem;display:block}footer{color:#8b928d;letter-spacing:.06em;margin-top:2rem;font-size:.72rem}[role=alert]{color:#8a4a3a;font-size:.9rem}footer{justify-content:center;align-items:center;gap:.8rem;display:flex}button.link{color:#8b928d;cursor:pointer;text-underline-offset:.15em;background:0 0;border:0;padding:.2rem;font-size:.72rem;text-decoration:underline}button.link:hover{color:var(--slate);background:0 0}
