:root{--bg:#f7f8f2;--ink:#24382e;--muted:#768077;--line:#dde2d7;--accent:#d4f479;--yellow:#eee7ab;--green:#b8d7b4;--blue:#b5d1e5;--purple:#ccbfdf;--surface:#fffef9;--tile:#eef0e7;--tile-hover:#e2e8d7;--on-ink:#fffef9;--selected-hover:#314a3d;--secondary-hover:#f0f2e9;--disabled:#dce2d6;--disabled-text:#91a08b;--subtle:#5e6b61;--feedback:#657061;--hint:#f1f5e5;--link:#687c53;--lives:#6e8162;--spent:#e3e7dd;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif}button,a,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #638453}button{transition:background .18s,transform .18s}button:not(:disabled):active{transform:scale(.98)}.shell{max-width:1000px;margin:auto;padding:0 36px}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:106px;display:flex}.logo{color:var(--ink);letter-spacing:-1.6px;align-items:center;font-family:Manrope,sans-serif;font-size:30px;font-weight:800;text-decoration:none;display:flex}.logo-dot{color:#74914d}.logo-icon{grid-template-columns:repeat(2,8px);gap:3px;margin-right:12px;display:grid;transform:rotate(-8deg)}.logo-icon i{background:var(--ink);border-radius:2px;height:8px}.logo-icon i:last-child{background:#9bba63}.header nav{align-items:center;gap:22px;display:flex}.header nav button{background:0 0;border:none;padding:8px;font-size:13px;font-weight:600}.header nav button span{margin-left:5px}.bars{letter-spacing:2px;font-size:21px}.header nav .help-button{border:1.5px solid var(--ink);border-radius:50%;width:23px;height:23px;padding:0;font-size:14px}.intro{text-align:center;padding:45px 0 29px}.eyebrow{letter-spacing:2px;justify-content:center;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.live-dot{background:#76924f;border-radius:50%;width:6px;height:6px}.edition{letter-spacing:1px;border:1px solid var(--line);color:var(--muted);border-radius:5px;margin-left:4px;padding:3px 7px}h1{letter-spacing:-3px;margin:19px 0 15px;font-family:Manrope,sans-serif;font-size:58px;font-weight:800;line-height:1.08}h1 em{z-index:0;font-style:normal;position:relative}h1 em:after{content:"";background:var(--accent);z-index:-1;height:13px;position:absolute;bottom:5px;left:-5px;right:-7px;transform:rotate(-2deg)}.intro>p{color:var(--subtle);margin:0;font-size:15px}.date-line{color:var(--muted);justify-content:center;align-items:center;gap:10px;margin-top:21px;font-size:10px;display:flex}.game{background:var(--surface);border:1px solid var(--line);border-radius:19px;max-width:744px;margin:auto;padding:23px;box-shadow:0 6px 24px #24382e04}.game-top{justify-content:space-between;align-items:center;margin-bottom:18px;font-size:12px;font-weight:600;display:flex}.text-button{color:var(--link);background:0 0;border:0;padding:4px 0;font-size:12px}.text-button:disabled{opacity:.4}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.tile{background:var(--tile);letter-spacing:.2px;overflow-wrap:anywhere;border:1px solid #0000;border-radius:9px;min-height:94px;padding:8px 5px;font-size:14px;font-weight:700}.tile:hover:not(:disabled){background:var(--tile-hover);transform:translateY(-2px)}.tile.selected{background:var(--ink);color:var(--on-ink);box-shadow:0 3px 8px #24382e20}.tile.selected:hover{background:var(--selected-hover)}.solved{text-align:center;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:94px;margin-bottom:9px;padding:12px;animation:.3s reveal;display:flex}.solved strong{text-transform:uppercase;font-size:13px}.solved span{font-size:11px;line-height:1.5}.color-0{background:var(--yellow)}.color-1{background:var(--green)}.color-2{background:var(--blue)}.color-3{background:var(--purple)}.revealed{opacity:.75}.feedback{text-align:center;min-height:44px;color:var(--feedback);justify-content:center;align-items:center;padding:8px 0;font-size:11px;line-height:1.5;display:flex}.lives{color:var(--muted);justify-content:center;align-items:center;gap:12px;margin:3px 0 19px;font-size:11px;display:flex}.lives div{gap:6px;display:flex}.lives i{background:var(--lives);border-radius:50%;width:10px;height:10px}.lives i.spent{background:var(--spent)}.actions{justify-content:center;gap:9px;display:flex}.primary,.secondary{border:1px solid var(--line);background:0 0;border-radius:30px;min-height:42px;padding:12px 20px;font-size:12px;font-weight:600}.primary{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.primary span{margin-left:14px}.primary:disabled{background:var(--disabled);border-color:var(--disabled);color:var(--disabled-text)}.secondary:disabled{opacity:.4}.secondary:hover:not(:disabled){background:var(--secondary-hover)}.primary:hover:not(:disabled){background:var(--selected-hover)}.bottom-note{border-bottom:1px solid var(--line);align-items:center;gap:15px;max-width:744px;margin:25px auto 0;padding:21px 0;display:flex}.spark{color:#7c9659;font-size:36px;font-weight:400}.bottom-note strong{font-size:12px}.bottom-note p{color:var(--muted);margin:6px 0 0;font-size:11px}.bottom-note button{background:0 0;border:0;margin-left:auto;padding:8px;font-size:11px}.bottom-note button span{margin-left:7px}footer{max-width:744px;color:var(--muted);justify-content:space-between;margin:24px auto 30px;font-size:10px;display:flex}.hint{background:var(--hint);border-radius:8px;margin-bottom:12px;padding:12px;font-size:12px;line-height:1.6}.finish{text-align:center}.finish>.secondary{margin-left:8px}.finish details{text-align:left;border-top:1px solid var(--line);margin-top:22px;padding-top:15px;font-size:12px}.finish summary{cursor:pointer;font-weight:600}.finish details p{line-height:1.6}.finish details strong{margin-bottom:4px;display:block}.dot{border-radius:3px;width:10px;height:10px;margin-right:7px;display:inline-block}.back-daily{background:0 0;border:none;margin:18px auto 0;font-size:12px;text-decoration:underline;display:block}.storage-note{max-width:744px;margin:12px auto;font-size:12px;line-height:1.6}.finish textarea{border:1px solid var(--line);background:var(--bg);width:100%;margin-top:15px;padding:12px}dialog{border:1px solid var(--line);width:calc(100% - 32px);max-width:490px;color:var(--ink);background:var(--surface);border-radius:20px;padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18302565}.modal-content{padding:34px;position:relative}.close{background:0 0;border:none;font-size:26px;position:absolute;top:10px;right:14px}.modal-content .eyebrow{color:var(--link);justify-content:flex-start}h2{letter-spacing:-1px;margin:18px 0;font-family:Manrope,sans-serif;font-size:30px}.modal-content p{font-size:13px;line-height:1.8}.example{background:var(--tile);text-align:center;border-radius:9px;padding:20px;font-size:12px;line-height:1.8}.example strong{display:block}.legend{flex-wrap:wrap;gap:12px;margin:20px 0;font-size:11px;display:flex}.muted{color:var(--muted)}.archive-list{flex-direction:column;gap:8px;margin-top:20px;display:flex}.archive-list button{border:1px solid var(--line);background:var(--bg);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;padding:16px;display:flex}.archive-list strong{font-size:13px}.archive-list small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.stats-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin:25px 0;display:grid}.stats-grid div{text-align:center;background:var(--tile);border-radius:10px;padding:22px 5px}.stats-grid strong{letter-spacing:-1px;font-size:29px;display:block}.stats-grid span{font-size:11px}.shake{animation:.35s shake}@keyframes shake{25%,75%{transform:translate(-4px)}50%{transform:translate(4px)}}@keyframes reveal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:600px){.shell{padding:0 12px}.header{height:78px}.logo{font-size:27px}.header nav{gap:6px}.header nav button{padding:6px}.intro{padding:34px 0 25px}h1{letter-spacing:-2.5px;font-size:46px}.date-line{font-size:10px}.date-line span,.date-line span+*{display:none}.game{border-radius:15px;padding:16px 12px}.tile{letter-spacing:0;min-height:86px;padding:7px 3px;font-size:11px}.tiles{gap:6px}.game-top{font-size:11px}.actions{gap:6px}.primary,.secondary{padding:11px 14px;font-size:11px}.bottom-note{gap:11px}.bottom-note strong{font-size:11px}.bottom-note p{font-size:10px}.bottom-note button{padding:3px;font-size:10px}.spark{font-size:28px}.date-line{display:block}.date-line span{margin:0 5px;display:inline}.bottom-note{align-items:flex-start}.modal-content{padding:28px 23px}.solved span{font-size:10px}.solved strong{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141d19;--surface:#1c2822;--ink:#e1ebdf;--muted:#a6b5aa;--line:#3d4d42;--accent:#526d2f;--tile:#2c3a30;--tile-hover:#384c3b;--on-ink:#16241a;--selected-hover:#c5d9bf;--secondary-hover:#2a3b30;--disabled:#344338;--disabled-text:#a5b19f;--subtle:#b5c5b8;--feedback:#b2c2ad;--hint:#2e4128;--link:#c2db9e;--lives:#bbd79e;--spent:#3d4d42}.solved{color:#24382e}.header nav .theme-toggle{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:7px;display:inline-flex}.theme-toggle:hover{background:var(--tile-hover)}.finish textarea{color:var(--ink)}.header nav button{white-space:nowrap;flex-shrink:0}.header nav .bars{margin-left:0}.logo-number{color:var(--link);letter-spacing:-1px;margin-left:2px;font-size:.7em}@media (max-width:600px){.header .logo{font-size:24px}.header nav{gap:5px}}@media (max-width:360px){.header .logo{font-size:20px}}.archive-status{color:var(--ink);background:var(--tile);border-radius:6px;margin-top:9px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.archive-status.status-ganado{background:var(--green);color:#24382e}.archive-status.status-perdido{background:var(--purple);color:#24382e}.archive-status.status-en-curso{background:var(--yellow);color:#24382e}:root[data-theme=dark] .archive-status.status-pendiente{color:#e1ebdf;background:#405646}.puzzle-feedback{border-top:1px solid var(--line);text-align:left;margin-top:24px;padding-top:20px}.puzzle-feedback h3{margin:0 0 8px;font-size:15px}.puzzle-feedback p{color:var(--subtle);font-size:12px;line-height:1.6}.rating-link{background:var(--tile);color:var(--ink);align-items:center;margin:8px 0;text-decoration:none;display:inline-flex}.puzzle-feedback .rating-note{color:var(--muted);font-size:11px}:root[data-theme=dark] .archive-list{gap:10px}:root[data-theme=dark] .archive-list button{color:#f3f7f0;background:#2d3d33;border-color:#647a69;gap:16px;padding:18px}:root[data-theme=dark] .archive-list strong{letter-spacing:.2px;font-size:15px}:root[data-theme=dark] .archive-list small{color:#c4d1c7;margin-top:7px;font-size:12px;line-height:1.5}:root[data-theme=dark] .archive-list button>span:last-child{color:#dcf6a5;background:#405646;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}:root[data-theme=dark] .archive-list button:hover{background:#384d3f;border-color:#aac98c}:root[data-theme=dark] .archive-list button:focus-visible{outline-color:#dcf6a5}@media (max-width:360px){.logo{font-size:22px}.header nav{gap:3px}.header nav button{padding:5px}.header nav .theme-toggle{width:30px;height:30px;padding:4px}.bars{letter-spacing:1px;font-size:18px}.logo-icon{margin-right:6px}.solved{min-height:86px}}