:root{--paper: #fafaf8;--card: #ffffff;--ink: #0f1419;--muted: #5a5a5a;--line: #e0ddd9;--line-strong: #cbc6bf;--red: #d43f3a;--gold: #e8b923;--green: #2d5f3f;--correct: #2d7a4f;--present: #d4a017;--absent: #8a857e;--key: #ebe7e1;--lvl-0: #f0cd5a;--lvl-1: #93c28f;--lvl-2: #e8957a;--lvl-3: #b79ad3;--cell-selected: #f0c833;--cell-word: #fbedbd;--serif: "Playfair Display", Georgia, "Times New Roman", serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body{overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit}.flag-stripe{display:flex;height:8px}.flag-stripe span{flex:1}.flag-stripe span:nth-child(1){background:var(--red)}.flag-stripe span:nth-child(2){background:var(--gold)}.flag-stripe span:nth-child(3){background:var(--green)}.btn{border:1.5px solid var(--ink);background:transparent;border-radius:999px;padding:.7rem 1.25rem;font-weight:600;font-size:.95rem;transition:background-color .15s,opacity .15s,transform .1s}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.35;cursor:default}.btn.primary{background:var(--ink);color:#fff}.btn.block{width:100%}.btn.tiny{padding:.3rem .75rem;font-size:.8rem;border-width:1.2px}.btn.ghost{border-color:var(--line-strong);color:var(--muted)}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border:0;border-radius:999px;background:transparent;color:var(--ink);text-decoration:none}.icon-btn:hover{background:#16130f0f}.icon-btn.small{width:28px;height:28px}.topbar{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.topbar-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;padding:.35rem max(.5rem,env(safe-area-inset-left));max-width:1100px;margin:0 auto}.topbar-inner>.icon-btn{justify-self:start}.topbar-title{display:flex;align-items:baseline;gap:.45rem;font-family:var(--serif);font-weight:800;font-size:1.35rem}.topbar-title small{font-family:var(--sans);font-weight:500;font-size:.8rem;color:var(--muted)}.topbar-actions{justify-self:end;display:flex;align-items:center;gap:.2rem}.game{min-height:100dvh;display:flex;flex-direction:column}.game main{flex:1;width:100%;min-width:0;margin:0 auto}.toast{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:60;background:var(--ink);color:#fff;font-weight:600;font-size:.92rem;padding:.7rem 1.1rem;border-radius:8px;animation:toast-in .18s ease-out;pointer-events:none;max-width:calc(100vw - 32px);text-align:center}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-6px)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#fbf7efbf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:16px;animation:fade .2s}.modal{position:relative;width:100%;max-width:460px;max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--card);border-radius:16px;box-shadow:0 20px 60px #2819052e;padding:1.75rem 1.5rem 1.5rem;animation:pop-in .22s ease-out}.modal-close{position:absolute;top:10px;right:10px}.modal-title{font-family:var(--serif);font-weight:800;font-size:1.7rem;margin:0 0 .6rem;padding-right:2rem}@keyframes fade{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}.help-lead{font-size:1.05rem;line-height:1.45;margin:0 0 .75rem}.help-list{padding-left:1.2rem;margin:0 0 1rem;line-height:1.5}.help-list li{margin-bottom:.3rem}.help-example{border-top:1px solid var(--line);padding-top:.9rem}.help-example p{margin:.35rem 0 .9rem;font-size:.92rem}.help-foot{color:var(--muted);font-size:.88rem;border-top:1px solid var(--line);padding-top:.8rem;margin:.6rem 0 0}.help-groups{display:grid;gap:.5rem}.level-key{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:.7rem;font-size:.85rem}.level-key span{display:inline-flex;align-items:center;gap:.35rem}.level-key i{width:14px;height:14px;border-radius:3px;display:inline-block}.result-sub{margin:-.2rem 0 1rem;font-size:1.02rem}.stats-row{display:flex;justify-content:space-between;gap:.5rem;margin:.5rem 0 1rem}.stat{flex:1;text-align:center}.stat-value{font-size:1.9rem;font-weight:500;line-height:1.1;font-variant-numeric:tabular-nums}.stat-label{font-size:.72rem;color:var(--muted);margin-top:.2rem}.dist-title{font-size:.9rem;font-weight:700;margin:.5rem 0}.dist{display:grid;gap:4px}.dist-row{display:grid;grid-template-columns:14px 1fr;align-items:center;gap:6px;font-size:.85rem}.dist-bar{background:var(--absent);color:#fff;text-align:right;padding:2px 7px;font-weight:700;min-width:22px;border-radius:2px}.dist-bar.hl{background:var(--correct)}.result-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);margin-top:1.2rem;padding-top:1.1rem}.next-puzzle{display:flex;flex-direction:column;font-size:.8rem;color:var(--muted)}.next-puzzle strong{font-size:1.5rem;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.share-actions{display:flex;align-items:center;gap:.5rem}.btn.whatsapp-btn{display:inline-flex;align-items:center;gap:.5rem;background:#25d366;border-color:#25d366;color:#fff;padding:.75rem 1.3rem;text-decoration:none;font-weight:700}.btn.whatsapp-btn:hover{background:#1ebe5b;border-color:#1ebe5b}.btn.share-more{display:inline-grid;place-items:center;width:46px;height:46px;padding:0;border-color:var(--line-strong)}@media (max-width: 380px){.result-footer{flex-direction:column;align-items:stretch}.share-actions .whatsapp-btn{flex:1;justify-content:center}}.kb{width:100%;max-width:500px;margin:0 auto;padding:0 6px calc(10px + env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none}.kb-row{display:flex;gap:6px;margin-bottom:8px}.kb-half{flex:.5}.kb-key{flex:1;height:56px;border:0;border-radius:6px;background:var(--key);font-weight:700;font-size:.95rem;text-transform:uppercase;display:grid;place-items:center;padding:0;transition:background-color .2s}.kb-key:active{filter:brightness(.92)}.kb-key.wide{flex:1.5;font-size:.75rem}.kb-key.correct{background:var(--correct);color:#fff}.kb-key.present{background:var(--present);color:#fff}.kb-key.absent{background:var(--absent);color:#fff}.wordle-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 1rem .75rem;gap:1rem}.wordle-board{display:grid;gap:5px;width:min(330px,100%,calc((100dvh - 330px)*.83));min-width:250px}.wordle-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.wordle-row.small{width:200px}.tile{aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--line-strong);font-weight:800;font-size:clamp(1.4rem,7vw,2rem);text-transform:uppercase;background:var(--card);transition:background-color 0s,border-color 0s,color 0s}.wordle-row.small .tile{font-size:1.2rem}.tile.filled{border-color:var(--ink);animation:pop .1s}.tile.correct,.tile.present,.tile.absent{color:#fff}.tile.correct{background:var(--correct);border-color:var(--correct)}.tile.present{background:var(--present);border-color:var(--present)}.tile.absent{background:var(--absent);border-color:var(--absent)}.tile.flip{animation:flip .5s ease-in-out both}@keyframes pop{50%{transform:scale(1.1)}}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}.shake{animation:shake .55s}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.fact-card{width:min(360px,100%);background:var(--card);border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:12px;padding:.8rem 1rem;animation:pop-in .3s ease-out}.fact-word{font-family:var(--serif);font-weight:800;letter-spacing:.08em;color:var(--green)}.fact-card p{margin:.25rem 0 0;font-size:.9rem;line-height:1.45;color:#3b352d}.conn-main{max-width:620px;padding:1rem .75rem 2rem;display:flex;flex-direction:column;align-items:center}.conn-prompt{margin:.25rem 0 1rem;font-size:1rem}.conn-board{width:100%;display:grid;gap:8px}.conn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.conn-tile{aspect-ratio:1.3 / 1;border:0;border-radius:8px;background:var(--key);font-weight:800;font-size:clamp(.72rem,3.4vw,1.05rem);text-transform:uppercase;padding:0 4px;line-height:1.15;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:background-color .15s,color .15s,transform .1s;-webkit-user-select:none;user-select:none}.conn-tile.sm{font-size:clamp(.62rem,2.8vw,.92rem)}.conn-tile.xs{font-size:clamp(.5rem,2.3vw,.8rem)}.conn-tile:active{transform:scale(.96)}.conn-tile.selected{background:#5a5147;color:#fff}.conn-tile.jump{animation:jump .35s ease-in-out both}.conn-tile.shake{animation:shake .5s}@keyframes jump{50%{transform:translateY(-8px)}}.conn-group{border-radius:8px;min-height:76px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:.6rem;animation:pop-in .35s ease-out}.conn-group strong{text-transform:uppercase;font-weight:800;font-size:.95rem;letter-spacing:.02em}.conn-group span{text-transform:uppercase;font-size:.85rem;margin-top:.15rem}.conn-group.small{min-height:0;padding:.55rem}.conn-group.small span{text-transform:none}.level-0{background:var(--lvl-0)}.level-1{background:var(--lvl-1)}.level-2{background:var(--lvl-2)}.level-3{background:var(--lvl-3)}.conn-mistakes{display:flex;align-items:center;gap:.6rem;margin:1.3rem 0 1rem;font-size:.92rem}.dots{display:inline-flex;gap:7px}.dots i{width:13px;height:13px;border-radius:50%;background:#5a5147;transition:transform .3s,opacity .3s}.dots i.used{transform:scale(0);opacity:0}.conn-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.conn-main>.conn-actions:only-of-type{margin-top:1.4rem}.conn-summary{display:grid;justify-content:center;gap:2px;font-size:1.6rem;line-height:1.1;margin:.25rem 0 1rem}.mini-main{max-width:1000px;padding:.75rem .75rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.mini-left{width:min(420px,100%,calc((100dvh - 330px)*1));min-width:260px;display:flex;flex-direction:column;gap:.6rem}.mini-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:36px}.mini-tools{display:flex;gap:.4rem}.mini-timer{display:flex;align-items:center;gap:.3rem;font-weight:700;font-variant-numeric:tabular-nums;font-size:1.05rem}.mini-grid{display:grid;border:3px solid var(--ink);background:var(--ink);gap:1px;-webkit-user-select:none;user-select:none}.cell{position:relative;aspect-ratio:1;border:0;padding:0;background:#fff;display:grid;place-items:center;transition:background-color .08s}.cell.block{background:var(--ink)}.cell.in-word{background:var(--cell-word)}.cell.selected{background:var(--cell-selected)}.cell .num{position:absolute;top:3px;left:5px;font-size:clamp(.6rem,2.6vw,.85rem);font-weight:600}.cell .letter{font-size:clamp(1.6rem,9vw,2.6rem);font-weight:600;text-transform:uppercase;margin-top:8%}.cell.wrong .letter{color:var(--red)}.cell.wrong:after{content:"";position:absolute;top:0;right:0;border-style:solid;border-width:0 12px 12px 0;border-color:transparent var(--red) transparent transparent}.mini-grid.solved .cell:not(.block){animation:solved-wave .6s ease-out both}.mini-grid.solved .cell:nth-child(5n+2){animation-delay:.06s}.mini-grid.solved .cell:nth-child(5n+3){animation-delay:.12s}.mini-grid.solved .cell:nth-child(5n+4){animation-delay:.18s}.mini-grid.solved .cell:nth-child(5n){animation-delay:.24s}@keyframes solved-wave{40%{background:#cfe8d6;transform:scale(.94)}to{background:#eaf5ec}}.clue-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;background:var(--cell-word);border-radius:8px;min-height:58px}.clue-text{border:0;background:transparent;text-align:left;padding:.5rem .2rem;font-size:1rem;line-height:1.3}.clue-text b{margin-right:.35rem}.mini-clues{display:none}@media (min-width: 900px){.mini-main{flex-direction:row;align-items:flex-start;justify-content:center;gap:2.5rem;padding-top:2rem}.mini-left{width:420px}.mini-clues{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem;width:460px}.mini-clues h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line-strong);padding-bottom:.4rem;margin:2.2rem 0 .4rem}.mini-clues ol{list-style:none;margin:0;padding:0}.mini-clues li button{display:grid;grid-template-columns:1.6rem 1fr;text-align:left;border:0;background:transparent;width:100%;padding:.45rem .5rem;border-radius:6px;line-height:1.35;border-left:5px solid transparent}.mini-clues li.active button{background:var(--cell-word);border-left-color:var(--cell-selected)}.mini-clues li button:hover{background:#f7c9482e}}@media (min-width: 900px) and (pointer: fine){.mini-kb{display:none}}