.controls{margin:10px}.control-panel{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;margin-bottom:1rem}.grid{display:grid;grid-template-columns:repeat(var(--size),80px);grid-template-rows:repeat(var(--size),80px);gap:0;margin-top:20px;border:2px solid #000}.cell{width:80px;height:80px;font-size:36px;text-align:center;position:relative;box-sizing:border-box;border:1px solid #ccc;background-color:#fdfdfd;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:#333;padding:0 4px;background:rgba(255,255,255,.7);border-radius:3px}#grandokuGrid{margin:1rem auto;display:grid;justify-content:center;width:fit-content}.cell.solved{background-color:#d4edda;color:#155724}.cell.solved input{color:#155724;pointer-events:none}.bold-top{border-top:3px solid #000!important}.bold-right{border-right:3px solid #000!important}.bold-bottom{border-bottom:3px solid #000!important}.bold-left{border-left:3px solid #000!important}.cage-color-0{background-color:#8f87f1}.cage-color-1{background-color:#c68efd}.cage-color-2{background-color:#e9a5f1}.cage-color-3{background-color:#fed2e2}.cage-color-4{background-color:#b3a0f4}.cage-color-5{background-color:#f6c4e8}