: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:#0f0f1a;color:#fafafa}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;gap:1rem}h1{margin:0;font-size:2rem;font-weight:700;letter-spacing:.15em;color:#a78bfa}.toolbar{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;justify-content:center}.toolbar button{font-family:inherit;font-size:.85rem;padding:.4rem 1rem;border-radius:.4rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fafafa;cursor:pointer;transition:background .15s,border-color .15s}.toolbar button:hover{background:#ffffff1f}.toolbar button.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.toolbar button.active:hover{background:#6d28d9}.info-bar{display:flex;gap:2rem;font-size:.9rem;color:#fff9}.info-bar span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.board{display:grid;grid-template-columns:repeat(9,1fr);gap:0;border:3px solid #a78bfa;border-radius:.35rem;overflow:hidden;width:min(90vw,460px);aspect-ratio:1}.cell{display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,4vw,1.5rem);font-weight:600;cursor:pointer;position:relative;border:1px solid rgba(255,255,255,.08);transition:background .1s;user-select:none;-webkit-user-select:none;aspect-ratio:1}.cell.given{color:#ffffffd9;font-weight:700}.cell.user{color:#60a5fa}.cell.selected{background:#7c3aed59!important}.cell.highlighted{background:#7c3aed1f}.cell.same-number{background:#7c3aed33}.cell.error{color:#ef4444!important;background:#ef44441a!important}.cell.border-right-thick{border-right:2px solid #a78bfa}.cell.border-bottom-thick{border-bottom:2px solid #a78bfa}.notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none}.notes span{display:flex;align-items:center;justify-content:center;font-size:clamp(.45rem,1.6vw,.65rem);font-weight:500;color:#a78bfab3}.numpad{display:grid;grid-template-columns:repeat(9,1fr);gap:.4rem;width:min(90vw,460px)}.numpad button{font-family:inherit;font-size:1.2rem;font-weight:700;padding:.6rem 0;border-radius:.4rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fafafa;cursor:pointer;transition:background .15s}.numpad button:hover{background:#ffffff1f}.numpad button.used-up{opacity:.3;pointer-events:none}.numpad button.erase{font-size:.8rem;font-weight:600;background:#ef44441a;border-color:#ef444433}.numpad button.erase:hover{background:#ef444433}.actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.actions button{font-family:inherit;font-size:.8rem;padding:.35rem .9rem;border-radius:.4rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffb3;cursor:pointer;transition:background .15s}.actions button:hover{background:#ffffff1f;color:#fafafa}.actions button.active{background:#7c3aed4d;border-color:#7c3aed80;color:#fafafa}.win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.win-card{background:#1a1a2e;border:2px solid #a78bfa;border-radius:1rem;padding:2.5rem 3rem;text-align:center;display:flex;flex-direction:column;gap:.75rem}.win-card h2{margin:0;font-size:1.8rem;color:#a78bfa}.win-card p{margin:0;color:#fff9}.win-card button{margin-top:.5rem;font-family:inherit;font-size:1rem;padding:.6rem 2rem;border-radius:.5rem;border:none;background:#7c3aed;color:#fff;cursor:pointer;font-weight:600;transition:background .15s}.win-card button:hover{background:#6d28d9}.shortcuts{font-size:.75rem;color:#ffffff59;display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.shortcuts kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid rgba(255,255,255,.15);padding:.1rem .35rem;border-radius:.2rem;background:#ffffff0a;margin:0 .1rem}