:root{--paper: #faf6ef;--ink: #231d15;--muted: #7c715f;--tile-face: #f3e3c3;--tile-edge: #c9a76a;--tile-ink: #6b4f2a;--good: #1e7c42;--bad: #b3402e}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;align-items:center;padding:3rem 1.25rem 2rem}body.compact{padding-top:2rem}header{text-align:center}.logo{margin:0 0 .75rem;display:flex;gap:.3rem;justify-content:center;flex-wrap:wrap;text-decoration:none}body.compact .logo{transform:scale(.72);transform-origin:center top;margin-bottom:0}.tile{display:inline-flex;align-items:center;justify-content:center;background:var(--tile-face);color:var(--tile-ink);border-radius:.4rem;box-shadow:inset 0 1px #fff9,0 2px 0 var(--tile-edge),0 4px 8px #3c2a122e;font-family:Georgia,Times New Roman,serif;font-weight:700;text-transform:uppercase}.logo-tile{width:2.4rem;height:2.4rem;font-size:1.4rem}.logo-tile:nth-child(odd){transform:rotate(-2deg)}.logo-tile:nth-child(2n){transform:rotate(1.5deg)}.tagline{color:var(--muted);margin:0 0 2.25rem}main{width:100%;max-width:40rem}form{display:flex;gap:.5rem}input{flex:1;font-size:1.35rem;padding:.7rem 1rem;border:2px solid var(--tile-edge);border-radius:.6rem;background:#fff;color:var(--ink);min-width:0}input:focus{outline:3px solid #e3cfa4;outline-offset:1px}button{font-size:1.05rem;padding:.7rem 1.2rem;border:0;border-radius:.6rem;background:var(--tile-ink);color:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:default}button,.diacritics button{touch-action:manipulation}.modes{display:flex;gap:.4rem;margin-bottom:.9rem;flex-wrap:wrap}.modes button{background:transparent;color:var(--muted);border:1px solid var(--tile-edge);border-radius:2rem;padding:.4rem .95rem;font-size:.95rem}.modes button[aria-pressed=true]{background:var(--tile-ink);border-color:var(--tile-ink);color:#fff}.hint{color:var(--muted);font-size:.85rem;margin:.5rem 0 0;min-height:1.2em}.diacritics{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.6rem}.diacritics button{background:var(--tile-face);color:var(--tile-ink);border:1px solid var(--tile-edge);border-radius:.45rem;padding:.45rem .75rem;font-size:1.15rem;font-family:Georgia,serif;min-width:2.6rem}.diacritics button.special{display:none;background:#fff}main[data-mode=anagram] .diacritics button[data-ch="?"],main[data-mode=pattern] .diacritics button[data-ch="."],main[data-mode=pattern] .diacritics button[data-ch="*"]{display:inline-flex}.status{margin-top:1.5rem;color:var(--muted);font-size:.95rem}.bar{height:4px;background:#eadfcd;border-radius:2px;overflow:hidden;margin-bottom:.4rem}.fill{height:100%;width:0;background:var(--tile-edge);transition:width .2s}.status.done .bar{display:none}.result{margin-top:2rem;text-align:center;min-height:9rem}.tiles{display:flex;gap:.28rem;justify-content:center;flex-wrap:wrap}.tile.small{width:2rem;height:2rem;font-size:1.15rem;animation:drop .25s ease-out backwards}@keyframes drop{0%{transform:translateY(-.6rem);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.tile.small{animation:none}}.verdict{font-size:1.5rem;font-weight:800;letter-spacing:.06em;margin:1rem 0 .25rem}.verdict.good{color:var(--good)}.verdict.bad{color:var(--bad)}.sub{color:var(--muted);margin:0}.sub a{color:var(--tile-ink)}.list-result{text-align:left}.list-summary{color:var(--muted);font-size:.9rem;margin:0 0 .75rem;text-align:center}.len-group{margin:1rem 0 0}.len-group h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .4rem}.chips{display:flex;flex-wrap:wrap;gap:.35rem}.chip{display:inline-flex;align-items:baseline;gap:.25rem;background:var(--tile-face);border:1px solid var(--tile-edge);color:var(--tile-ink);border-radius:.45rem;padding:.25rem .55rem;text-decoration:none;font-family:Georgia,serif;font-size:1.05rem}.chip:hover{background:#efdbb2}.chip .cp{font-size:.7rem;color:var(--muted);font-family:system-ui,sans-serif}.chip.blank{border-style:dashed}.cheat h1{font-size:1.6rem;margin:.5rem 0 .25rem;text-align:center}.cheat .count{color:var(--muted);font-weight:400}.cheat .lead{color:var(--muted);text-align:center;margin:0 0 1.5rem}.cheat section{margin:1.1rem 0}.cheat h2{font-size:1rem;color:var(--tile-ink);margin:0 0 .4rem;font-family:Georgia,serif}.page-404{text-align:center}.page-404 img{max-width:100%;height:auto;border-radius:.8rem}.page-404 h1{font-size:1.5rem;margin:1rem 0 .25rem}.page-404 a{color:var(--tile-ink)}footer{margin-top:auto;padding-top:3rem;text-align:center;color:var(--muted);font-size:.8rem;max-width:44rem}footer p{margin:.25rem 0}footer a{color:inherit}.cheat-nav{margin-bottom:.75rem;font-size:.9rem}#licznik{position:fixed;right:.75rem;bottom:.75rem;display:flex;align-items:center;gap:.45rem;background:linear-gradient(#3d3d3d,#161616);border:2px solid #4c4c4c;border-radius:.4rem;padding:.3rem .55rem;box-shadow:0 4px 12px #00000059,inset 0 1px #ffffff26;z-index:50}#licznik .l-label{color:#9a9a9a;font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}#licznik-digits{display:flex;gap:2px}#licznik-digits span{font-family:Consolas,Courier New,monospace;font-weight:700;font-size:1rem;line-height:1.25;color:#3f6;background:#000;padding:.05rem .24rem;border-radius:2px;border-top:1px solid #222;text-shadow:0 0 7px rgba(51,255,102,.85)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(max-width:480px){body{padding:1.5rem 1rem 1.25rem}.logo{gap:.22rem}.logo-tile{width:1.7rem;height:1.7rem;font-size:1rem}.tagline{margin-bottom:1.5rem;font-size:.95rem}input{font-size:1.15rem}.result{margin-top:1.5rem;min-height:7rem}footer{padding-bottom:3.2rem}#licznik{right:.5rem;bottom:.5rem;transform:scale(.85);transform-origin:bottom right}}