:root{--ink: #1b1020;--paper: #fff7ea;--rubber: #e23b4a;--band: #f2c14e;--die: #1a0a00;--cream: #fff8f0;--soft: #c4a080}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 50% 0%,#ffd7c2 0 8rem,transparent 9rem),var(--paper);font-family:Nunito,Segoe UI,sans-serif}.site-head{padding:.9rem 1rem 0}.site-head a{display:inline-flex;align-items:center;gap:.5rem;color:inherit;font-weight:800;text-decoration:none}.site-head .logo{height:2.15rem;width:auto;display:block}#app{width:min(32rem,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 3rem;display:grid;gap:1rem}h1,p{margin:0}h1{font-family:Fraunces,Georgia,serif;font-size:clamp(2.4rem,8vw,3.4rem);font-weight:560;line-height:.95;letter-spacing:-.04em}.mark{font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;color:var(--rubber)}.lede,.note{line-height:1.5}.modes,.actions{display:flex;flex-wrap:wrap;gap:.5rem}.mode,.ghost,.fire,.die{font:inherit;font-weight:800;cursor:pointer}.mode,.ghost{min-height:2.7rem;border-radius:999px;border:2px solid var(--ink);background:transparent;color:inherit;padding:.35rem .9rem}.mode.on{background:var(--ink);color:var(--paper)}.slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.slot{min-height:6.5rem;margin:0;padding:.8rem .7rem;border-radius:1rem;background:var(--die);color:var(--cream);font-weight:800;line-height:1.25;display:flex;align-items:flex-end}.line{min-height:3.2rem;font-family:Fraunces,Georgia,serif;font-size:1.45rem;line-height:1.2;letter-spacing:-.03em}.die{justify-self:start;display:inline-flex;align-items:center;gap:.8rem;min-height:4.6rem;border:0;border-radius:999px;background:var(--rubber);color:var(--cream);padding:.45rem 1.1rem .45rem .45rem}.pips{width:3.6rem;height:3.6rem;border-radius:.85rem;background:var(--die);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);padding:.45rem .55rem}.pips i{width:.55rem;height:.55rem;border-radius:50%;background:var(--band);justify-self:center;align-self:center}.fire{display:inline-flex;align-items:center;justify-content:center;min-height:3.1rem;border:0;border-radius:999px;background:var(--rubber);color:var(--cream);text-decoration:none;padding:.4rem 1.1rem}.fire[aria-disabled=true]{opacity:.55;cursor:default}.ghost:disabled,.die:disabled{opacity:.55;cursor:default}.fire:focus-visible,.ghost:focus-visible,.mode:focus-visible,.die:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media(prefers-reduced-motion:reduce){.slot{transition:none}}
