*{box-sizing:border-box}body{min-width:320px;margin:0;padding:0;color:#fff;font-family:system-ui,sans-serif;background:#000}main{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-block:1rem}.card[data-v-fcae2cfa]{overflow:hidden;display:flex;gap:2px;height:100%;width:min(90%,500px);margin:0 auto;border-radius:.5em}.column[data-v-fcae2cfa]{display:flex;flex-direction:column;gap:2px;width:20%;height:100%}.cell[data-v-fcae2cfa]{display:flex;justify-content:center;align-items:center;aspect-ratio:1;color:#000;font-size:clamp(1.6rem,8vw,3rem);line-height:1;background:#fff}.cell__head[data-v-fcae2cfa]{font-weight:700;background:#c3c3c3}.cell__number[data-v-fcae2cfa]{position:relative;cursor:pointer}.cell__number[data-v-fcae2cfa]>*{position:relative;display:block;-webkit-user-select:none;user-select:none}.cell__number svg[data-v-fcae2cfa]{height:.75em;width:auto}.cell__number--middle[data-v-fcae2cfa]{pointer-events:none}.chip[data-v-fcae2cfa]{position:absolute;top:.15em;right:.15em;bottom:.15em;left:.15em;display:block;aspect-ratio:1;border-radius:50%;background:#bfbfbf;border:.1em solid hsl(95,0%,45%);box-shadow:0 0 5px #00000020}.chip--green[data-v-fcae2cfa]{background:#b5ff80;border:.1em solid hsl(95,100%,45%)}.chip--orange[data-v-fcae2cfa]{background:#ffc880;border:.1em solid hsl(34,100%,45%)}.chip--blue[data-v-fcae2cfa]{background:#8097ff;border:.1em solid hsl(229,100%,45%)}.chip--red[data-v-fcae2cfa]{background:#ff8080;border:.1em solid hsl(360,100%,45%)}.chip--pink[data-v-fcae2cfa]{background:#ff80f4;border:.1em solid hsl(305,100%,45%)}.buttons[data-v-fcae2cfa]{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(1rem + .5vw);width:min(90%,500px);margin-block-start:1rem}.button[data-v-fcae2cfa]{flex:1;padding:1em .75em;color:#000;font-size:clamp(1rem,3.7vw,1.25rem);background:#fff;border:0;border-radius:.5em;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}