:root{--bg:#f6f1ea;--card:#fffdf9;--ink:#3d3a36;--muted:#8c857c;--accent:#7fa8d1;--accent-dark:#5b8bb8;--line:#f2a65a;--ok:#dcefe2;--warn:#fbe8d3;--border:#e6ded3}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--ink);margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit;cursor:pointer}h1{margin:.2rem 0 .4rem;font-size:1.8rem}h2{margin:1.6rem 0 .6rem;font-size:1.1rem}.screen{max-width:480px;padding:12px 16px calc(24px + env(safe-area-inset-bottom));margin:0 auto}.screen.center{text-align:center;padding-top:12vh}.muted{color:var(--muted)}.small{font-size:.85rem}.cap{text-transform:capitalize;margin:1rem 0 0}.center-text{text-align:center}header{justify-content:space-between;align-items:center;display:flex}.link{color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;padding:8px 0;display:flex}.primary{background:var(--accent);color:#fff;border:0;border-radius:14px;width:100%;margin:12px 0 6px;padding:14px;font-size:1.1rem;font-weight:600}.primary:active{background:var(--accent-dark)}.card{border-radius:14px;margin:12px 0;padding:14px}.card.ok{background:var(--ok)}.card.warn{background:var(--warn)}.avatar{color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:700;display:inline-grid}.avatar.sm{width:26px;height:26px;font-size:.8rem}.users{flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0;display:flex}.user{background:var(--card);border:2px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:12px 14px;display:flex}.user.active{border-color:var(--accent)}.pin-dots{justify-content:center;gap:12px;margin:16px 0;display:flex}.pin-dots span{border:2px solid var(--muted);border-radius:50%;width:14px;height:14px}.pin-dots span.filled{background:var(--ink);border-color:var(--ink)}.pin-dots.error{animation:.3s shake}.pin-dots.error span{background:#d66;border-color:#d66}.keypad{grid-template-columns:repeat(3,72px);justify-content:center;gap:10px;display:grid}.keypad button{border:1px solid var(--border);background:var(--card);border-radius:14px;height:56px;font-size:1.3rem}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.camino{text-align:center}.timer{font-variant-numeric:tabular-nums;margin:8px 0;font-size:2rem;font-weight:700}.grid{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--border);border-radius:16px;gap:4px;width:100%;padding:4px;display:grid;position:relative}.cell{aspect-ratio:1;background:var(--card);border-radius:10px;place-items:center;min-width:0;min-height:0;transition:background .2s;display:grid;position:relative}.cell.on{background:#fde9d0}.cell.head{background:#fbd7a8}.cell.hinted{animation:1.2s ease-out hinted}@keyframes hinted{0%,40%{background:#f7c873;box-shadow:inset 0 0 0 3px #f2a65a}}.num{z-index:2;aspect-ratio:1;background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:68%;max-height:68%;font-size:1.15rem;font-weight:700;display:grid;position:relative}.line{pointer-events:none;z-index:1;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;inset:4px}.line line{stroke:var(--line);stroke-width:.3px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:.18s ease-out draw}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.grid.solved{animation:.6s pop}.grid.solved .cell{background:#dcefe2}@keyframes pop{40%{transform:scale(1.03)}}.actions{gap:10px;margin:14px 0 8px;display:flex}.actions button{border:1px solid var(--border);background:var(--card);border-radius:12px;flex:1;padding:12px}.actions button:disabled{opacity:.4}.hint{color:var(--muted);font-size:.85rem}.solved-card{text-align:center;padding:20px 0 10px}.solved-card .big{font-size:3rem}.solved-card .time{font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:700}.tabs{background:var(--border);border-radius:12px;gap:6px;padding:4px;display:flex}.tabs button{background:0 0;border:0;border-radius:9px;flex:1;padding:8px 0}.tabs button.active{background:var(--card);font-weight:600}.board ol{margin:10px 0;padding:0;list-style:none}.board li{background:var(--card);border-radius:12px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;display:flex}.board li.me{outline:2px solid var(--accent)}.board .pos{width:1.2rem;color:var(--muted);font-weight:700}.board .name{flex:1}.board .pts{font-weight:700}.dev{background:#efe8dd;border-radius:12px;margin-top:28px;padding:10px 14px;font-size:.9rem}.dev summary{cursor:pointer}.dev label{justify-content:space-between;align-items:center;gap:10px;margin:10px 0;display:flex}.dev .check{justify-content:flex-start}.dev .row{align-items:center;gap:10px;display:flex}.dev button{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:6px 12px}.login{flex-direction:column;gap:10px;max-width:340px;margin:24px auto 0;display:flex}.login input{border:1px solid var(--border);background:var(--card);font:inherit;color:var(--ink);border-radius:12px;padding:14px;font-size:1rem}.login input:focus{outline:2px solid var(--accent);border-color:#0000}.primary:disabled{opacity:.6}.error-text{color:#c0504d;margin:4px 0;font-size:.9rem}.dev .row{flex-wrap:wrap}