:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;border-radius:6px;cursor:pointer;transition:box-shadow .25s;color:#fff}button:hover{box-shadow:0 0 .5rem var(--shadow-color)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{text-align:center;width:100%;--shadow-color: #9500ff;--border-color: #6200a7;--text-color: #d698ff;--cell-color: #9500ff40}header{position:absolute;top:0;background-color:#151515;text-align:center;padding:15px;width:100vw;box-sizing:border-box}header h1{margin:0;font-size:1.5em}.red{--shadow-color: #ff0000;--border-color: #a00000;--text-color: #ffa3a3;--cell-color: #ff000040}.orange{--shadow-color: #ff7b00;--border-color: #8a4300;--text-color: #ffbb7b;--cell-color: #ff7b0040}.yellow{--shadow-color: #fbff00;--border-color: #818400;--text-color: #fdff93;--cell-color: #fbff0040}.green{--shadow-color: #2bff00;--border-color: #189200;--text-color: #9aff86;--cell-color: #2bff0040}.blue{--shadow-color: #0048ff;--border-color: #0035b9;--text-color: #8cadff;--cell-color: #0048ff40}.purple{--shadow-color: #9500ff;--border-color: #6200a7;--text-color: #d698ff;--cell-color: #9500ff40}.game-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:25px;padding:80px 30px}.main{max-width:500px;width:100%}.board{display:flex;flex-direction:column}.row{display:flex}.cell{position:relative;margin:.4%;border:1px solid #878787;border-radius:4px}.row>.cell:nth-child(3n+4){margin-left:2%}.row:nth-child(3n+4){margin-top:2%}.cell.incorrect{background-color:#ff00001b}.cell.selected{background-color:var(--cell-color)}.cell-content{position:absolute}.cell-number{font-size:clamp(20px,6vw,34px);display:flex;justify-content:center;align-items:center;height:100%;color:var(--text-color)}.cell-number.fixed{color:#fff}.cell-notes{display:grid;font-size:clamp(4px,1.8vw,10px);grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.cell-notes-item{display:flex;align-items:center;justify-content:center}.cell,.cell-content,cell-notes,.cell-notes-item{aspect-ratio:1;width:100%}.board.r0 .cell.r0,.board.r1 .cell.r1,.board.r2 .cell.r2,.board.r3 .cell.r3,.board.r4 .cell.r4,.board.r5 .cell.r5,.board.r6 .cell.r6,.board.r7 .cell.r7,.board.r8 .cell.r8,.board.c0 .cell.c0,.board.c1 .cell.c1,.board.c2 .cell.c2,.board.c3 .cell.c3,.board.c4 .cell.c4,.board.c5 .cell.c5,.board.c6 .cell.c6,.board.c7 .cell.c7,.board.c8 .cell.c8,.board.b0 .cell.b0,.board.b1 .cell.b1,.board.b2 .cell.b2,.board.b3 .cell.b3,.board.b4 .cell.b4,.board.b5 .cell.b5,.board.b6 .cell.b6,.board.b7 .cell.b7,.board.b8 .cell.b8{border:var(--border-color) solid 1px;box-shadow:0 0 .5rem var(--shadow-color)}.solved .cell{box-shadow:0 0 .5rem #08ff08;border:rgb(0,168,0) 1px solid}.sidebar{display:flex;flex-direction:column;gap:20px}.controls{display:flex;justify-content:space-evenly}.controls button{aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2em;flex-grow:1;padding:10px}.controls p{margin:0;font-size:12px}.toggle{position:relative}.toggle-indicator{position:absolute;top:-25%;right:-25%;background-color:#464646;padding:3px;width:25px;border-radius:10px;border:4px solid #242424;font-size:12px}.toggle-indicator.true{background-color:#008a00}@media (min-width: 1000px){.sidebar{min-width:300px}.numpad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);aspect-ratio:1;gap:5px}.numpad button{font-size:2em}}@media (max-width: 999px){.sidebar{max-width:500px;width:100%}.numpad{display:flex;justify-content:space-between}.numpad button{width:auto;padding:0;flex-grow:1;margin:0 2px;font-size:1.5rem}}.settings{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:20px}.settings-item{width:100%}select{margin:6px;padding:4px;background-color:#1a1a1a;border-radius:6px;border:none;color:#fff}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.modal-content{background-color:var(--border-color);padding:20px 40px;margin:20px;border-radius:8px;max-width:500px;position:relative}.close-button{position:absolute;top:-32px;right:0;background:var(--border-color);font-size:1.8em;display:flex;align-items:center;aspect-ratio:1}