:root{--paper: #faf6ef;--ink: #231d15;--muted: #7c715f;--tile-face: #f3e3c3;--tile-edge: #c9a76a;--tile-ink: #6b4f2a;--good: #1e7c42;--bad: #b3402e;--card: #fffdf8;--card-border: #eadfcd;--bg-img: url(/tlo-jasne.webp);--field: #ffffff}html[data-theme=dark]{--paper: #191309;--ink: #efe6d5;--muted: #a3937c;--good: #5fc98a;--bad: #e08a72;--card: #221a10;--card-border: #3a2d1c;--bg-img: url(/tlo-ciemne.webp);--field: #2b2214}*{box-sizing:border-box}html{background:var(--paper)}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:0;transition:background-color .25s,color .25s}body:before{content:"";position:fixed;inset:0;z-index:-1;background:var(--bg-img) center / cover no-repeat;opacity:.55;pointer-events:none}.prefs{position:fixed;top:.7rem;right:.7rem;display:flex;gap:.4rem;z-index:60}.prefs button{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--card-border);background:var(--card);font-size:1.05rem;cursor:pointer;padding:0;box-shadow:0 2px 8px #281c0c2e;touch-action:manipulation}.hero{position:relative;width:100%;min-height:clamp(230px,36vh,400px);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;margin-bottom:-2.4rem}.hero.plain{min-height:0;margin-bottom:0;padding-top:1.3rem}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}img.hero-media.light-only{animation:kenburns 38s ease-in-out infinite alternate;transform-origin:50% 35%;will-change:transform}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.08) translateY(-2%)}}html[data-anim=off] img.hero-media.light-only{animation:none}.hero.plain .hero-fade{display:none}.hero-fade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(35,22,8,.1) 0%,transparent 30%,var(--paper) 97%)}html[data-theme=dark] .light-only{display:none}html:not([data-theme=dark]) .dark-only{display:none}header{position:relative;z-index:2;text-align:center;padding:2.4rem 1rem 3.2rem}.hero.plain header{padding:.4rem 1rem 1rem}.logo{margin:0 0 .8rem;display:flex;gap:.32rem;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 5px 12px #28190847;font-family:Georgia,Times New Roman,serif;font-weight:700;text-transform:uppercase}.logo-tile{width:2.6rem;height:2.6rem;font-size:1.5rem}.logo-tile:nth-child(odd){transform:rotate(-2deg)}.logo-tile:nth-child(2n){transform:rotate(1.5deg)}.tagline{color:var(--ink);margin:0;font-size:1.02rem;text-shadow:0 1px 10px var(--paper),0 0 22px var(--paper)}main{width:min(41rem,calc(100% - 1.6rem));position:relative;z-index:3}.card{background:var(--card);border:1px solid var(--card-border);border-radius:1rem;padding:1.4rem 1.4rem 1.6rem;box-shadow:0 14px 40px #2e1e0a24}form{display:flex;gap:.5rem}input,textarea{font-family:inherit}input#word{flex:1;font-size:1.35rem;padding:.7rem 1rem;border:2px solid var(--tile-edge);border-radius:.6rem;background:var(--field);color:var(--ink);min-width:0}input#word: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;touch-action:manipulation}button:disabled{opacity:.5;cursor:default}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:1rem}.modes button{background:transparent;color:var(--muted);border:1px solid var(--tile-edge);border-radius:2rem;padding:.45rem .4rem;font-size:.92rem;white-space:nowrap;transition:background-color .18s,color .18s}.modes button[aria-pressed=true]{background:var(--tile-ink);border-color:var(--tile-ink);color:#fff}.hint{color:var(--muted);font-size:.85rem;margin:.55rem 0 0;min-height:1.2em;text-align:center}.diacritics{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;margin-top:.65rem}.diacritics button{background:var(--tile-face);color:var(--tile-ink);border:1px solid var(--tile-edge);border-radius:.45rem;padding:.45rem 0;width:2.7rem;font-size:1.15rem;font-family:Georgia,serif}.diacritics button.special{display:none;background:var(--card)}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;justify-content:center}.status{margin-top:1.4rem;color:var(--muted);font-size:.95rem;text-align:center}.bar{height:4px;background:var(--card-border);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}.status.faded{opacity:0;transition:opacity .7s}.status.gone{display:none}.result{margin-top:1.7rem;text-align:center;min-height:8rem}.tiles{display:flex;gap:.28rem;justify-content:center;flex-wrap:wrap}.tile.small{width:2rem;height:2rem;font-size:1.15rem}.tiles.glow .tile{box-shadow:inset 0 1px #fff9,0 2px 0 var(--tile-edge),0 0 18px #d4a8538c}.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)}html[data-theme=dark] .sub a{color:var(--tile-edge)}.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:.4rem 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.4rem}.cheat section{margin:1.1rem 0}.cheat h2{font-size:1rem;color:var(--tile-ink);margin:0 0 .4rem;font-family:Georgia,serif}html[data-theme=dark] .cheat h2{color:var(--tile-edge)}.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)}html[data-theme=dark] .page-404 a{color:var(--tile-edge)}footer{margin-top:auto;padding:3rem 1.25rem 2rem;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){.hero{min-height:190px;margin-bottom:-1.6rem}header{padding:1.6rem .75rem 2.4rem}.logo{gap:.22rem}.logo-tile{width:1.75rem;height:1.75rem;font-size:1.02rem}.tagline{font-size:.92rem}.card{padding:1rem .9rem 1.2rem}form{flex-direction:column}form button{width:100%}input#word{font-size:1.15rem;text-align:center}.modes button{font-size:.83rem;padding:.45rem .2rem}.result{margin-top:1.4rem;min-height:6rem}.prefs{top:.5rem;right:.5rem}.prefs button{width:2.2rem;height:2.2rem}footer{padding-bottom:3.4rem}#licznik{right:.5rem;bottom:.5rem;transform:scale(.85);transform-origin:bottom right}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}