*,*:before,*:after{box-sizing:border-box}body{color:#eee;background:#1a1a2e;min-height:100vh;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px}.app{max-width:520px;margin:0 auto;padding:1rem}.app-header{margin-bottom:1rem}.app-header-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:1rem}.app-header h1{margin:0;font-size:1.5rem;font-weight:600}.app-auth{display:flex;align-items: center;gap:.5rem}.app-auth-email{color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.85rem}.app-auth-loading{color:#888}.btn-small{padding:.35rem .65rem;font-size:.8rem}.auth-modal-overlay{position:fixed;display:flex;z-index:1000;background:#0009;justify-content:center;align-items: center;padding:1rem;inset:0}.auth-modal{position:relative;background:#16213e;border:1px solid #333;border-radius:8px;width:100%;max-width:360px;padding:1.5rem}.auth-modal-close{position:absolute;color:#888;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.5rem;line-height:1;top:.5rem;right:.5rem}.auth-modal-close:hover{color:#eee}.auth-modal h3{margin:0 0 1rem;font-size:1.2rem}.auth-form label{display:block;color:#bbb;margin-top:.75rem;margin-bottom:.25rem;font-size:.9rem}.auth-form input{color:#eee;background:#1a1a2e;border:1px solid #444;border-radius:6px;width:100%;padding:.5rem .6rem;font-size:1rem}.auth-form input:focus{outline:none;border-color:#e94560}.auth-form .btn,.auth-form .btn-link{display:block;text-align:center;width:100%;margin-top:1rem}.auth-error{color:#f87171;margin:.5rem 0 0;font-size:.85rem}.auth-success{color:#4ade80;margin:.5rem 0 0;font-size:.85rem}.btn-link{color:#7c8db5;cursor:pointer;background:0 0;border:none;margin-top:.5rem;padding:.5rem 0;font-size:.9rem}.btn-link:hover{color:#a0b0e0;text-decoration:underline}.stats-bar{display:flex;color:#a0aec0;flex-wrap:wrap;gap:1rem 1.5rem;margin-bottom:.75rem;font-size:.9rem}.stats-item strong{color:#e2e8f0}.controls{display:flex;flex-wrap:wrap;align-items: center;gap:.5rem;margin-bottom:1rem}.btn{color:#eee;cursor:pointer;background:#16213e;border:1px solid #444;border-radius:6px;padding:.5rem 1rem;font-size:.9rem}.btn:hover:not(:disabled){background:#1f3460}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;background:#0f3460;border-color:#e94560}.btn-primary:hover:not(:disabled){color:#fff;background:#e94560}.btn-active{color:#fff;background:#e94560;border-color:#e94560}.solved-msg{color:#4ade80;margin-left:.5rem;font-weight:600}.digit-counts{display:flex;justify-content:center;gap:.4rem;margin-top:.75rem}.digit-count{display:flex;cursor:default;background:#16213e;border:1px solid #333;border-radius:6px;flex-direction:column;align-items: center;width:2rem;padding:.25rem 0}.digit-num{color:#e2e8f0;font-size:1rem;font-weight:700}.digit-left{color:#a0aec0;font-size:.7rem}.digit-done{opacity:.3}.keyboard-hint{color:#888;margin-top:.75rem;font-size:.8rem}.keyboard-hint kbd{background:#2a2a4a;border:1px solid #444;border-radius:4px;padding:.15em .4em;font-size:.9em}.board-wrapper{position:relative;max-width:100%}.board-input{position:absolute;opacity:0;pointer-events:none;caret-color:transparent;width:1px;height:1px;top:0;left:0}.board{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);aspect-ratio:1;overflow:hidden;outline:none;background:#16213e;border:2px solid #333;border-radius:4px;max-width:100%;margin:0 auto}.board:focus{border-color:#555;box-shadow:0 0 0 2px #e945604d}.cell{display:flex;cursor:pointer;background:#1a1a2e;border:1px solid #2a2a4a;justify-content:center;align-items: center;min-width:0;min-height:0}.cell:hover{background:#252545}.cell--selected{outline:2px solid #e94560;outline-offset:-2px;z-index:1;background:#2a2a5a}.cell--clue{color:#c5c5e0;cursor:default;background:#16213e;font-weight:700}.cell--clue:hover{background:#16213e}.cell--error{color:#f87171;background:#4a1520}.cell--error.cell--selected{outline-color:#f87171}.cell-value{font-size:clamp(14px,4vw,22px);font-weight:500}.cell--clue .cell-value{font-weight:700}.cell-notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);color:#7c8db5;place-items: center;width:100%;height:100%;font-size:clamp(7px,1.8vw,11px);font-weight:500;line-height:1}.cell-note{display:flex;justify-content:center;align-items: center;width:100%;height:100%;min-height:0}.board .cell:nth-child(9n+3),.board .cell:nth-child(9n+6){border-right-width:2px;border-right-color:#555}.board .cell:nth-child(n+19):nth-child(-n+27),.board .cell:nth-child(n+46):nth-child(-n+54),.board .cell:nth-child(n+73){border-bottom-width:2px;border-bottom-color:#555}