.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px 48px;gap:24px}.header{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:12px}.title{margin:0;font-size:28px;font-weight:600;letter-spacing:.02em;color:#f5f6f8}.difficulty{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.diff-btn{background:#1a1d24;color:#cdd2da;border:1px solid #2a2f3a;border-radius:8px;padding:6px 14px;cursor:pointer;font-size:14px;transition:background .15s,border-color .15s,color .15s}.diff-btn:hover{background:#232732}.diff-btn.active{background:#3a72ff;border-color:#3a72ff;color:#fff}.header-actions{display:flex;gap:8px;align-items:center}.new-game,.auth-btn{background:transparent;color:#9aa3b1;border:1px solid #2a2f3a;border-radius:8px;padding:6px 14px;cursor:pointer;font-size:14px;transition:background .15s,color .15s}.auth-btn[data-auth=signed-out]{background:#3a72ff;border-color:#3a72ff;color:#fff}.auth-btn[data-auth=signed-out]:hover:not(:disabled){background:#2a5aff;border-color:#2a5aff}.auth-btn:hover:not(:disabled){background:#232732;color:#e6e8eb}.auth-error{color:#ff8a8a;font-size:12px}.new-game:hover:not(:disabled){background:#232732;color:#e6e8eb}.new-game:disabled{opacity:.5;cursor:not-allowed}.main{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:18px}.placeholder{padding:80px 0;color:#7c8492;font-size:15px}.board{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);width:min(92vw,540px);aspect-ratio:1 / 1;background:#0f1115;border:2px solid #4a525f;border-radius:6px;overflow:hidden}.board.solved{border-color:#3aa56b;box-shadow:0 0 0 2px #3aa56b40}.cell{position:relative;background:#161922;border:1px solid #2a2f3a;color:#7aa2ff;font-size:clamp(20px,5.2vw,30px);font-weight:400;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:0;font-family:inherit;transition:background .1s}.cell.given{color:#fff;font-weight:700;background:#1a1d24}.cell.peer{background:#1d212b}.cell.given.peer{background:#20242e}.cell.same-digit{background:#2a3550;color:#d6e2ff}.cell.given.same-digit{background:#2a3550}.cell.selected{background:#3a72ff;color:#fff;outline:none}.cell.selected.given{background:#3a72ff}.cell.border-top{border-top:2px solid #4a525f}.cell.border-left{border-left:2px solid #4a525f}.cell.border-bottom{border-bottom:0}.cell.border-right{border-right:0}.cell .value{line-height:1}.cell .pencil{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;padding:4%;font-size:clamp(8px,1.7vw,11px);font-weight:400;color:#7c8492}.cell .pmark{display:flex;align-items:center;justify-content:center;line-height:1}.cell.selected .pencil{color:#cfd9ff}.pad{display:flex;flex-direction:column;gap:8px;width:min(92vw,540px)}.pad-row{display:flex;gap:6px}.pad-digit{flex:1;aspect-ratio:1 / 1.1;background:#1a1d24;color:#e6e8eb;border:1px solid #2a2f3a;border-radius:8px;font-size:clamp(18px,4vw,22px);font-weight:500;cursor:pointer;transition:background .1s,transform .05s}.pad-digit:hover:not(:disabled){background:#232732}.pad-digit:active{transform:scale(.97)}.pad-digit.done{color:#4a525f;background:#14171f}.pad-digit:disabled{cursor:default}.pad-actions{margin-top:4px}.pad-toggle,.pad-erase{flex:1;background:#1a1d24;color:#cdd2da;border:1px solid #2a2f3a;border-radius:8px;padding:10px 12px;font-size:14px;cursor:pointer;transition:background .1s,border-color .1s,color .1s}.pad-toggle:hover,.pad-erase:hover{background:#232732}.pad-toggle.active{background:#2a3550;border-color:#3a72ff;color:#d6e2ff}.solved-banner{background:#1d3a2a;color:#8be0aa;border:1px solid #2e6a47;padding:10px 18px;border-radius:8px;font-weight:600;letter-spacing:.02em}.meta{color:#7c8492;font-size:13px}.stats{display:flex;align-items:center;gap:12px;font-size:13px;color:#9aa3b1;flex-wrap:wrap;justify-content:center}.stats-timer{font-variant-numeric:tabular-nums;color:#cdd2da;font-weight:500}.stats-counts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stats-pill{background:#1a1d24;border:1px solid #2a2f3a;border-radius:999px;padding:2px 8px;font-size:12px;color:#cdd2da}@media(max-width:480px){.app{padding:16px 8px 24px;gap:16px}.title{font-size:22px}}:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:#0f1115;color:#e6e8eb}button{font-family:inherit}