.controls{margin:var(--space-3)}.control-panel{display:flex;flex-direction:column;gap:var(--space-2);align-items:center;justify-content:center;margin-bottom:var(--space-4)}.grid{display:grid;grid-template-columns:repeat(var(--size),80px);grid-template-rows:repeat(var(--size),80px);gap:0;margin-top:var(--space-5);border:2px solid var(--color-card-black)}.cell{width:80px;height:80px;font-size:36px;text-align:center;position:relative;box-sizing:border-box;border:1px solid var(--color-disabled);background-color:var(--color-card-face);transition:background-color .3s ease}.cell input{width:100%;height:100%;text-align:center;font-size:36px;border:none;outline:none;background-color:initial}.cage-label{position:absolute;top:2px;left:2px;font-size:16px;font-weight:700;color:var(--color-ink);padding:0 var(--space-1);background:color-mix(in oklch,var(--color-card-face) 70%,transparent);border-radius:var(--radius-sm)}#grandokuGrid{margin:var(--space-4)auto;display:grid;justify-content:center;width:fit-content}.cell.solved{background-color:var(--color-success-surface);color:var(--color-success-ink)}.cell.solved input{color:var(--color-success-ink);pointer-events:none}.bold-top{border-top:3px solid var(--color-card-black)!important}.bold-right{border-right:3px solid var(--color-card-black)!important}.bold-bottom{border-bottom:3px solid var(--color-card-black)!important}.bold-left{border-left:3px solid var(--color-card-black)!important}.cage-color-0{background-color:var(--color-periwinkle)}.cage-color-1{background-color:var(--color-accent)}.cage-color-2{background-color:var(--color-orchid)}.cage-color-3{background-color:var(--color-blush)}.cage-color-4{background-color:var(--color-lilac)}.cage-color-5{background-color:var(--color-rose)}