:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.sudoku-container{display:flex;flex-direction:column;align-items:center;gap:1rem}h1{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.controls{display:flex;gap:.5rem}.diff-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;padding:.4rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.8rem;text-transform:capitalize;transition:all .15s}.diff-btn:hover{background:#ffffff1a;color:#fff}.diff-btn.active{background:#6390ff33;border-color:#6390ff80;color:#6390ff}.board{display:grid;grid-template-columns:repeat(9,1fr);border:2px solid rgba(255,255,255,.4);border-radius:.375rem;overflow:hidden;width:min(90vw,420px);aspect-ratio:1}.cell{display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);cursor:pointer;position:relative;transition:background .1s;background:#ffffff03;-webkit-user-select:none;user-select:none}.cell:hover{background:#ffffff0f}.cell.highlighted{background:#6390ff0f}.cell.same-value{background:#6390ff24}.cell.selected{background:#6390ff38;box-shadow:inset 0 0 0 2px #6390ffb3;z-index:1}.cell.given .cell-value{color:#ffffffe6;font-weight:700}.cell .cell-value{color:#82aafff2;font-weight:600}.cell.error .cell-value{color:#ff5c5c}.cell.box-right{border-right:2px solid rgba(255,255,255,.3)}.cell.box-bottom{border-bottom:2px solid rgba(255,255,255,.3)}.cell-value{font-size:clamp(1rem,3.5vw,1.5rem);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;padding:1px}.notes span{display:flex;align-items:center;justify-content:center;font-size:clamp(.45rem,1.2vw,.65rem);color:#82aaff8c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.notes .note-active{color:#82aaffe6}.numpad{display:grid;grid-template-columns:repeat(9,1fr);gap:.35rem;width:min(90vw,420px)}.num-btn{aspect-ratio:1;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#ffffffd9;border-radius:.375rem;cursor:pointer;font-size:clamp(.9rem,2.5vw,1.2rem);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;transition:all .15s}.num-btn:hover{background:#6390ff26;border-color:#6390ff66}.num-btn:active{transform:scale(.95)}.actions{display:flex;gap:.5rem}.action-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;padding:.4rem 1.2rem;border-radius:.375rem;cursor:pointer;font-size:.8rem;transition:all .15s}.action-btn:hover{background:#ffffff1a;color:#fff}.win-banner{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:.5rem}.win-banner span{font-size:1.25rem;font-weight:700;color:#4ade80}