html{box-sizing:border-box;tab-size:2;cursor:default}*,:after,:before{box-sizing:inherit;margin:0;padding:0;margin-block-start:0px;margin-block-end:0px;margin-inline-start:0;margin-inline-end:0;position:relative}body{--button-height:40px;font-family:sans-serif}button{border:none;border-radius:36px;background:linear-gradient(145deg,#e2e5e6,#fff);box-shadow:10px 10px 20px #c6c9c9,-10px -10px 20px #fff;color:#000;cursor:pointer;font-size:16px;font-weight:700;height:var(--button-height);letter-spacing:1px;outline:0;padding:0 16px;text-transform:uppercase}button:focus{box-shadow:10px 10px 20px #c6c9c9,-10px -10px 20px #fff,0 0 0 3px #000,0 0 0 6px #0f0}button.sm{font-size:14px;height:24px}input,textarea{border:none;border-radius:4px;box-shadow:0 0 0 2px #000;font-size:16px;height:var(--button-height);padding:0 12px}textarea{padding:12px}:root input:focus,:root textarea:focus{outline:0;box-shadow:0 0 0 2px rgb(122 115 255);z-index:100}hr{border:none}pre{display:flex;justify-content:center;align-items:center;font-size:24px}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;overflow:hidden;position:absolute;white-space:nowrap;word-wrap:normal}body{--board-dimensions:350px;--footer-height:74px;padding-bottom:var(--footer-height)}h1{text-align:center;margin-block-start:36px}@media only screen and (min-width:896px){h1{font-size:32px}}main{margin:0 auto;max-width:var(--board-dimensions)}.board-container{border-radius:4px;box-shadow:0 0 0 3px #000,10px 10px 20px #c6c9c9,-10px -10px 20px #fff,10px 10px 20px #c6c9c9,-10px -10px 20px #fff}.board-container{--grid-lines-color:black;background:#fff;height:var(--board-dimensions);width:var(--board-dimensions);position:relative}.h-line-container{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--board-dimensions);height:var(--board-dimensions);pointer-events:none}.h-top{position:absolute;top:33%;right:0;left:0;border:solid 1.5px var(--grid-lines-color,#000);width:var(--board-dimensions);z-index:100}.h-bottom{position:absolute;top:calc(66% + 1px);right:0;left:0;border:solid 1.5px var(--grid-lines-color,#000);width:var(--board-dimensions);z-index:100}.v-line-container{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--board-dimensions);height:var(--board-dimensions);pointer-events:none;transform:rotate(90deg)}.v-left{position:absolute;top:33%;right:0;left:0;border:solid 1.5px var(--grid-lines-color,#000);width:var(--board-dimensions);z-index:100}.v-right{position:absolute;top:66%;right:0;left:0;border:solid 1.5px var(--grid-lines-color,#000);width:var(--board-dimensions);z-index:100}.inputs-board{display:grid;grid-template-columns:repeat(auto-fit,calc(var(--board-dimensions)/ 9))}.scan-active .inputs-board{display:none}.inputs-board input{position:relative;background:#fff;color:#000;border:solid 1px #848484;border-radius:0;box-shadow:none;font-size:24px;height:calc(var(--board-dimensions)/ 9);width:calc(var(--board-dimensions)/ 9);padding:0;text-align:center}.inputs-board input[disabled]{background:#fff;color:#000;opacity:1!important;-webkit-text-fill-color:black}[edit-mode=nope] .inputs-board input:not([disabled]){color:#646464}.board-header{display:flex;justify-content:right;align-items:center;padding-block:16px 12px}.scan-active .board-header{opacity:0;pointer-events:none}.error-msg{display:none;position:fixed;top:36px;color:#fff;color:#be0303;background:#ffc1c1;border-radius:8px;font-size:18px;width:var(--board-dimensions);padding:12px;text-align:center;z-index:100}.board-header .edit-buttons-container{display:flex;justify-content:right;align-items:end;gap:12px;z-index:10;margin-inline-start:auto}[edit-mode=yup] .edit-board-button{display:none}[edit-mode=nope] .set-board-button{display:none}.board-footer{--gap:16px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:var(--gap);margin-block-start:var(--gap);padding-block-end:48px}.scan-active .board-footer{opacity:0;pointer-events:none}.board-footer .cols{display:flex;justify-content:center;align-items:center;gap:var(--gap)}.board-footer button{display:block;width:100%}.board-footer .share-link-container{display:none;position:relative}.board-footer .share-link-textarea{margin-block-start:24px;width:100%;height:325px}.board-footer .copy-button-container{position:absolute;top:36px;right:12px;width:max-content}.board-footer .copy-button-container button{box-shadow:none;z-index:100}.board-footer .copy-button-container button+button{margin-top:4px}footer{background:#fff}.footer-buttons-container{--gap:12px;position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:var(--gap);box-shadow:0 -1px 4px rgb(0 0 0 / .2);height:var(--footer-height);padding:12px 12px}.scan-active .init-sudoku-button{display:none}.footer-buttons-container .shutter-button{display:none;background:linear-gradient(145deg,#e2e5e6,#fff);border-radius:100%;box-shadow:10px 10px 20px #c6c9c9,-10px -10px 20px #fff,0 0 0 3px #000;height:50px;width:50px}.camera-active .footer-buttons-container .shutter-button{display:block}.footer-buttons-container .action-button{display:none;width:calc((var(--board-dimensions) - var(--gap)) * .5)}.confirm-scan .footer-buttons-container .action-button{display:block}.camera-feed-container{display:none}.scan-active .camera-feed-container{display:block}.camera-feed,.display-image-canvas{position:absolute;top:0;right:0;bottom:0;left:0;height:var(--board-dimensions);width:var(--board-dimensions)}.scan-active .camera-feed{display:block}.scan-active:not(.camera-active) .camera-feed{display:none}.display-image-canvas,.image-processing-canvas{display:none}.confirm-scan .display-image-canvas{display:block}.grid-cells-container canvas{border-radius:4px;box-shadow:0 0 0 3px #000,10px 10px 20px #c6c9c9}@media print{.board-header *,body>:not(main):not(.print),main>:not(.print){display:none}}