.key-box{container-type:size}@container (height<=2.375rem){.key-label{display:none}}.blank-hatch.svelte-1i0od8u{background:repeating-linear-gradient(45deg, var(--cell-colour-blank) 0 2px, transparent 2px 6px)}@container paused (width<=40rem){@media (width>=48rem){.cover.svelte-1vrc2ns h2:where(.svelte-1vrc2ns){font-size:2rem}.cover.svelte-1vrc2ns .pause-stamp{margin-bottom:1rem;font-size:1.5rem}.cover.svelte-1vrc2ns .pause-hats svg{width:2rem}.cover.svelte-1vrc2ns button,.cover.svelte-1vrc2ns a{height:2.75rem}.cover.svelte-1vrc2ns .pause-resume{height:3rem}}}.drafting.svelte-1a7rr78{--cell:24px;--block:calc(var(--cell) * 3);--grid:calc(var(--cell) * 9);--cell-line:color-mix(in oklch, var(--border) 28%, transparent);--block-line:color-mix(in oklch, var(--border) 60%, transparent);--grid-line:var(--border);background-image:linear-gradient(var(--grid-line) 2px, transparent 2px), linear-gradient(90deg, var(--grid-line) 2px, transparent 2px), linear-gradient(var(--block-line) 1px, transparent 1px), linear-gradient(90deg, var(--block-line) 1px, transparent 1px), linear-gradient(var(--cell-line) 1px, transparent 1px), linear-gradient(90deg, var(--cell-line) 1px, transparent 1px);background-size:var(--grid) var(--grid), var(--grid) var(--grid), var(--block) var(--block), var(--block) var(--block), var(--cell) var(--cell), var(--cell) var(--cell);background-position:50%;-webkit-mask-image:radial-gradient(#0000 20%,#000 85%);mask-image:radial-gradient(#0000 20%,#000 85%)}