.dr-frame{background:var(--ink);border-radius:var(--radius);width:min(100%,460px,max(260px,116.667svh - 501.667px));margin:0 auto;padding:8px}.dr-cols{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.dr-col{cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-rows:repeat(6,1fr);gap:4px;min-width:0;padding:0;display:grid}.dr-col:disabled{cursor:default}.dr-col:not(:disabled):hover{background:color-mix(in srgb,var(--surface)14%,transparent)}.dr-col:focus-visible{outline:3px solid var(--sun);outline-offset:1px}.dr-slot{aspect-ratio:1;background:var(--surface);border-radius:50%;display:block;position:relative}.dr-slot.d0{background:#e4572e}.dr-slot.d1{background:#f3c012}.dr-slot.d1:after{content:"";border:2px solid #00000073;border-radius:50%;position:absolute;inset:32%}.dr-slot.last{box-shadow:0 0 0 3px var(--surface)}.dr-slot.win{box-shadow:0 0 0 4px var(--good),0 0 12px var(--good)}