.wizard{gap:clamp(2rem,5vw,3rem);display:grid}.step-title{font-size:var(--step-2);align-items:center;gap:.75rem;display:flex}.step-n{border:1.5px solid var(--slip);width:2.25rem;height:2.25rem;color:var(--slip);font-size:var(--step-0);border-radius:50%;flex:none;place-items:center;font-stretch:90%;display:grid}.step-hint,.step-empty{max-width:var(--measure);color:var(--ink-soft);margin-top:.6rem}.step-empty{border:1.5px dashed var(--rule);border-radius:6px;padding:1rem 1.25rem}.slip{background:var(--card);border:1.5px solid var(--slip);border-radius:6px;margin-top:1rem;padding:1rem 1rem 1rem 2.25rem;position:relative}.slip:before{content:"";background:repeating-linear-gradient(to bottom, var(--ink) 0 .3rem, transparent .3rem 1.05rem);width:.6rem;position:absolute;top:1rem;bottom:1rem;left:.7rem}.slip-grid{grid-template-columns:repeat(auto-fill,minmax(2.6rem,1fr));gap:.4rem;display:grid}@media (width>=48rem){.slip,.slip-wrap{width:fit-content;max-width:100%}.slip-wrap .slip{width:auto}.slip-grid{grid-template-columns:repeat(10,minmax(0,3.4rem));gap:.5rem .6rem}}.cell{appearance:none;border:1.5px solid var(--slip);min-height:2.75rem;color:var(--slip);font:inherit;font-weight:700;font-stretch:80%;font-size:var(--step-0);cursor:pointer;background:0 0;border-radius:45%/50%;place-items:center;padding:0;transition:transform .12s ease-out;display:grid}.cell:hover:not(:disabled){background:var(--slip-tint)}.cell[aria-pressed=true]{border-color:var(--graphite);color:#fff;background:repeating-linear-gradient(-62deg, #3b3e45 0 2px, var(--graphite) 2px 3.5px);transform:scale(1.04)}.cell:disabled{opacity:.35;cursor:not-allowed}.cell-bonus[aria-pressed=true]{border-color:var(--bonus);background:var(--bonus);color:var(--bonus-ink)}@media (prefers-reduced-motion:reduce){.cell{transition:none}.cell[aria-pressed=true]{transform:none}}.slip-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.85rem;display:flex}.slip-count{margin-right:auto;font-weight:700}.btn{appearance:none;border:1.5px solid var(--ink);background:var(--ink);color:#fff;min-height:2.75rem;font:inherit;font-weight:700;font-size:var(--step--1);cursor:pointer;border-radius:6px;padding:.5rem 1.1rem}.btn:hover:not(:disabled){background:var(--graphite)}.btn-quiet{color:var(--ink);background:0 0}.btn-quiet:hover:not(:disabled){background:var(--card)}.btn:disabled{opacity:.4;cursor:not-allowed}.options{background:var(--card);border:1.5px solid var(--rule);border-radius:6px;margin-top:1rem}.option{border-top:1px solid var(--rule);cursor:pointer;grid-template-columns:6.5rem minmax(0,1fr);gap:.75rem 1.25rem;padding:1rem 1.25rem 1rem 1rem;display:grid;position:relative}.option:first-child{border-top:0}.option input{opacity:0;pointer-events:none;position:absolute}.option:hover{background:var(--slip-tint)}.option.is-on{background:var(--slip-tint);box-shadow:inset 4px 0 0 var(--slip)}.option:has(input:focus-visible){outline:3px solid var(--ink);outline-offset:-3px}.option-price strong{font-weight:800;font-stretch:72%;font-size:var(--step-2);color:var(--slip);line-height:1;display:block}.option-price span{font-size:var(--step--1);color:var(--ink-soft)}.option-body{gap:.2rem;display:grid}.option-name{font-weight:700}.option-odds{font-size:var(--step--1);color:var(--ink-soft)}@media (width<=30rem){.option{grid-template-columns:1fr;gap:.4rem}.option-price strong{margin-right:.5rem;display:inline}}.outcomes{border-collapse:collapse;background:var(--card);width:100%;font-size:var(--step--1);margin-top:1rem}.outcomes caption{text-align:left;font-weight:700;font-size:var(--step-0);padding-bottom:.5rem}.outcomes th,.outcomes td{text-align:left;border-bottom:1px solid var(--rule);vertical-align:top;padding:.55rem .75rem}.outcomes thead th{border-bottom:2px solid var(--ink)}@media (width<=40rem){.outcomes thead{display:none}.outcomes tr{border-bottom:1px solid var(--rule);padding-block:.5rem;display:grid}.outcomes td[data-label]:before{content:attr(data-label) ": ";color:var(--ink-soft)}.outcomes th,.outcomes td{border:0;padding:.2rem .75rem}.outcomes tbody th:before{content:"Winning numbers among yours: ";font-weight:400}.outcomes tbody th{font-size:var(--step-0)}}.fine{max-width:var(--measure);font-size:var(--step--1);color:var(--ink-soft);margin-top:.75rem}.bonus{border:0;margin:1.75rem 0 0;padding:0}.bonus legend{margin-bottom:.5rem;font-weight:700}.bonus-choice{cursor:pointer;align-items:flex-start;gap:.6rem;padding-block:.3rem;display:flex}.bonus-choice input{accent-color:var(--slip);margin-top:.35rem}.slip-bonus{max-width:40rem}.print-area{margin-top:1.75rem}.roll{background:var(--card);border-inline:1px solid var(--rule);max-width:24rem;font-stretch:85%;font-size:var(--step-0);--tooth:.45rem;-webkit-mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(var(--tooth) * 2) 51% repeat-x, conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / calc(var(--tooth) * 2) 51% repeat-x;mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(var(--tooth) * 2) 51% repeat-x, conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / calc(var(--tooth) * 2) 51% repeat-x;filter:drop-shadow(0 1px 0 var(--rule));margin:0;padding:1.25rem;list-style:none}.roll li{border-bottom:1px dotted var(--rule);grid-template-columns:2rem 1fr auto;gap:.75rem;padding-block:.15rem;display:grid}.roll li:last-child{border-bottom:0}.roll-n{color:var(--ink-soft);font-size:var(--step--1);text-align:right;align-self:center}.roll li.no-bonus{grid-template-columns:2rem 1fr}.roll-main{letter-spacing:.04em;word-spacing:.2em;font-weight:700}.roll-bonus{color:var(--slip);font-weight:700}.roll-bonus abbr{font-weight:500;font-size:var(--step--1);text-decoration:none}.roll-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.print-only{display:none}@media print{body{background:#fff}.wizard>.step,.wizard .outcomes,.wizard .fine,.wizard .bonus,.wizard .step-title{display:none}.wizard>.step:last-child{display:block}.print-only{margin-bottom:1rem;font-size:11pt;display:block}.roll{filter:none;columns:2;border:0;max-width:none;padding:0;-webkit-mask:none;mask:none}.roll li{break-inside:avoid}}
