: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}.login h2{text-align:left;margin:4px 0}.center-link{justify-content:center;width:100%}.inline-link{color:var(--accent-dark);background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.big-emoji{margin-bottom:6px;font-size:2.2rem}.secondary{border:1px solid var(--border);background:var(--card);border-radius:14px;width:100%;padding:12px;font-weight:600}.secondary:disabled{opacity:.6}.profile{padding-bottom:12px}.profile .login{max-width:none;margin:18px 0 0}.profile-preview{align-items:center;gap:12px;display:flex}.profile-preview input{flex:1;min-width:0}.colors{flex-wrap:wrap;gap:10px;display:flex}.swatch{border:3px solid #0000;border-radius:50%;width:34px;height:34px;padding:0}.swatch.active{border-color:var(--ink)}.brand{font-weight:700}.link.strong{color:var(--accent-dark);font-weight:600}.hero{text-align:center;margin:22px 0 14px}.hero h1{font-size:1.9rem}.hero p{color:var(--muted);margin:0}.today-card{background:var(--card);border:1px solid var(--border)}.today-card h2{margin:2px 0 4px;font-size:1.5rem}.trust{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:18px 0;padding:0;font-size:.9rem;list-style:none;display:flex}.row-buttons{gap:10px;display:flex}.guest-banner{background:#eaf1f8;font-size:.92rem}.modal-backdrop{z-index:50;background:#3d3a3673;justify-content:center;align-items:flex-end;animation:.2s ease-out fade;display:flex;position:fixed;inset:0}.modal{background:var(--bg);text-align:center;width:100%;max-width:480px;max-height:92vh;padding:26px 20px calc(20px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;flex-direction:column;gap:8px;animation:.28s ease-out slide-up;display:flex;position:relative;overflow-y:auto}@media (width>=560px){.modal-backdrop{align-items:center}.modal{border-radius:22px}}.modal h2{margin:0;font-size:1.5rem}.modal .login{width:100%;max-width:none;margin:0}.modal-close{color:var(--muted);background:0 0;border:0;padding:6px;font-size:1.1rem;position:absolute;top:10px;right:12px}.modal-rank{color:var(--accent-dark);margin:0 0 4px;font-size:1.1rem;font-weight:600}.benefits{text-align:left;flex-direction:column;align-self:center;gap:6px;margin:0 0 8px;padding:0;list-style:none;display:inline-flex}@keyframes fade{0%{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}}.share{color:#fff;background:#3d3a36;border:0;border-radius:14px;width:100%;margin-top:12px;padding:12px;font-size:1rem;font-weight:600;display:block}.share:active{background:#24221f}.title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.streak-chip{color:#a35a12;white-space:nowrap;background:#fde9d0;border-radius:999px;padding:4px 10px;font-weight:700}.streak-line{color:#a35a12;margin:6px 0 0;font-weight:700}.stats-link{margin-top:8px}.stats h1{margin-top:12px}.stat-tiles{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 8px;display:grid}.stat-tile{background:var(--card);text-align:center;border-radius:14px;padding:12px 6px}.stat-value{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}.stat-label{color:var(--muted);margin-top:2px;font-size:.75rem}.calendar{background:var(--card);border-radius:16px;margin-top:14px;padding:12px}.cal-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cal-head .link{padding:0 10px;font-size:1.4rem}.cal-head .link:disabled{opacity:.25}.cal-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-weekday{color:var(--muted);padding-bottom:2px;font-size:.75rem}.cal-day{aspect-ratio:1;color:var(--muted);border-radius:9px;place-items:center;font-size:.85rem;display:grid}.cal-day.played{color:var(--ink);background:#dcefe2}.cal-day.podium{color:var(--ink);background:#cfe0f1;font-weight:600}.cal-day.won{color:var(--ink);background:#f7d58b;font-weight:700}.cal-day.today{outline:2px solid var(--accent)}.cal-legend{color:var(--muted);justify-content:center;gap:14px;margin-top:10px;font-size:.75rem;display:flex}.cal-legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:4px;display:inline-block}.cal-legend i.won{background:#f7d58b}.cal-legend i.podium{background:#cfe0f1}.cal-legend i.played{background:#dcefe2}.hidden-game{background:#efe3f7;font-size:.9rem}.dev-new{background:var(--card);border-radius:10px;margin:10px 0;padding:10px}.dev-new .row{margin:8px 0 4px}.palabra{text-align:center}.pw-board{justify-content:center;gap:6px;margin:4px 0;display:grid}.pw-row{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.pw-tile{aspect-ratio:1;background:var(--card);border:2px solid var(--border);text-transform:uppercase;border-radius:10px;place-items:center;width:min(15vw,58px);font-size:1.6rem;font-weight:700;display:grid}.pw-tile.typed{border-color:var(--muted);animation:.12s pw-pop}.pw-tile.ghost{color:#8fb99c;border-style:dashed}.pw-tile.g,.pw-key.g{color:#fff;background:#7cc08f;border-color:#7cc08f}.pw-tile.y,.pw-key.y{color:#fff;background:#e8c25a;border-color:#e8c25a}.pw-tile.x,.pw-key.x{color:#fff;background:#b8b0a6;border-color:#b8b0a6}.pw-tile.flip{animation:.5s ease-out backwards pw-flip}@keyframes pw-flip{0%{background:var(--card);color:var(--ink);transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes pw-pop{50%{transform:scale(1.08)}}.pw-row.shake{animation:.4s shake}.pw-message{color:#b5532f;opacity:0;min-height:1.4em;margin:6px 0;font-weight:600;transition:opacity .2s}.pw-message.show{opacity:1}.pw-answer{margin:4px 0 8px;font-size:1.1rem}.pw-keyboard{-webkit-user-select:none;user-select:none;gap:6px;margin-top:4px;display:grid}.pw-krow{justify-content:center;gap:4px;display:flex}.pw-key{text-transform:uppercase;touch-action:manipulation;background:#e6ded3;border:0;border-radius:8px;flex:1;max-width:42px;height:50px;padding:0;font-size:1.05rem;font-weight:600}.pw-key.wide{text-transform:none;flex:1.6;max-width:68px;font-size:.78rem}.pw-key:active{filter:brightness(.92)}.pw-key:disabled{opacity:.6}.cifras{text-align:center}.cf-target{background:var(--card);border-radius:16px;flex-direction:column;align-items:center;margin:6px 0 12px;padding:10px;display:flex}.cf-target.solved{background:var(--ok);animation:.6s pop}.cf-target-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.cf-target-value{font-variant-numeric:tabular-nums;font-size:3rem;font-weight:800;line-height:1.1}.cf-closest{color:var(--muted);font-size:.85rem}.cf-tiles{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.cf-tile{border:2px solid var(--border);background:var(--card);font-variant-numeric:tabular-nums;touch-action:manipulation;border-radius:14px;height:64px;font-size:1.6rem;font-weight:700}.cf-tile.made{background:#eef4fa;border-color:#cfe0f1}.cf-tile.selected{border-color:var(--accent-dark);background:#dbe8f5;transform:scale(1.04)}.cf-tile.hit{background:var(--ok);border-color:#7cc08f}.cf-tile.fresh{animation:.4s pw-pop}.cf-ops{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;display:grid}.cf-op{color:#fff;touch-action:manipulation;background:#3d3a36;border:0;border-radius:14px;height:54px;font-size:1.6rem;font-weight:700}.cf-op:disabled{opacity:.35}.cf-op.selected{background:#f2a65a}.cf-history{text-align:left;background:var(--card);font-variant-numeric:tabular-nums;border-radius:12px;margin:4px 0;padding:8px 12px 8px 32px}.cf-history li{padding:2px 0}.laser{text-align:center}.lz-count{color:var(--muted);margin:0 0 8px;font-weight:600}.lz-board{aspect-ratio:1;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#2f3446;border-radius:16px;width:100%}.lz-cell{fill:#3a4056}.lz-beam{fill:none;stroke:#ff5a5a;stroke-width:.08px;stroke-linejoin:round;stroke-linecap:round}.lz-beam-glow{fill:none;stroke:#ff5a5a59;stroke-width:.28px;stroke-linejoin:round;stroke-linecap:round}.lz-diamond{fill:#5d6680;stroke:#8b93ab;stroke-width:.03px;transition:fill .2s}.lz-diamond.on{fill:#7ee0ff;stroke:#fff;filter:drop-shadow(0 0 .12px #7ee0ff)}.lz-mirror{cursor:pointer}.lz-mirror line{stroke:#e9edf7;stroke-width:.12px;stroke-linecap:round}.lz-mirror-rot{transition:transform .18s ease-out}.lz-mirror.hinted line{stroke:#f7c873}.lz-source rect{fill:#f2a65a}.lz-source path{fill:#2f3446}.lz-board.solved .lz-cell{fill:#3f5a4c;transition:fill .4s}.cronologia{text-align:center}.cr-edge{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:2px 0;font-size:.8rem}.cr-list{flex-direction:column;gap:8px;margin:4px 0;padding:0;list-style:none;display:flex}.cr-list.shake{animation:.4s shake}.cr-card{text-align:left;border:2px solid var(--border);background:var(--card);touch-action:manipulation;border-radius:14px;align-items:center;gap:10px;width:100%;padding:12px;font-size:.98rem;transition:transform .15s,background .2s,border-color .2s;display:flex}.cr-card.selected{border-color:var(--accent-dark);background:#dbe8f5;transform:scale(1.02)}.cr-card.right{background:var(--ok);border-color:#7cc08f}.cr-card.locked{background:var(--ok);cursor:default;border-color:#7cc08f}.cr-pos{background:var(--border);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:.85rem;font-weight:700;display:grid}.cr-text{flex:1}.cr-year{font-variant-numeric:tabular-nums;flex:none;font-weight:800}.cr-lock{flex:none}.cr-summary{text-align:left;background:var(--card);border-radius:14px;margin:12px 0 4px;padding:10px 14px 10px 34px}.cr-summary li{padding:3px 0}.cf-countdown{background:var(--border);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;height:34px;margin:6px 0 10px;font-weight:800;display:grid;position:relative;overflow:hidden}.cf-countdown span{position:relative}.cf-bar{background:#a8d5ba;transition:width .1s linear;position:absolute;top:0;bottom:0;left:0}.cf-countdown.urgent .cf-bar{background:#f2a0a0}.cf-countdown.urgent span{color:#b5332f;animation:1s infinite pw-pop}.cf-tile:disabled{opacity:.6}.secondary+.hint,.cifras .secondary{margin-top:8px}.lz-wall{fill:#1c2030;stroke:#5d6680;stroke-width:.04px}.archive-banner{background:#efe3f7;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:.92rem;display:flex}.archive-banner .link{color:var(--accent-dark);padding:0;font-weight:600}.archive-card{background:#efe3f7}.archive-card .primary{margin-bottom:0}.late-points{color:#7a4fa3;margin:8px 0 0;font-size:1.1rem}.cal-day{font:inherit;border:0;flex-direction:column;gap:0;padding:0;line-height:1;position:relative}.cal-icon{font-size:1.05rem;line-height:1.1}.cal-icon.small{color:#7a4fa3;font-size:.75rem;font-weight:800}.cal-n{color:var(--muted);font-size:.62rem}.cal-day.crown{color:var(--ink);background:#fdf3d6}.cal-day.crown.won{background:#f7d58b}.cal-day.late{background:#efe3f7}.cal-day.open{cursor:pointer;opacity:.85;background:0 0;border:1.5px dashed #c9bfb2}.cal-day.open:active{transform:scale(.94)}.cal-day.open.half{border-color:var(--accent)}.cal-day.gone,.cal-day.future{opacity:.45}.cal-legend i.late{background:#efe3f7}.cal-legend i.open{background:0 0;border:1.5px dashed #c9bfb2}