:root{--color-bg:#fff;--color-text:#1a1a1b;--color-muted:#787c7e;--color-border:#d3d6da;--color-hover:#edeff1;--color-tile-empty:#d3d6da;--color-tile-filled:#878a8c;--color-correct:#6aaa64;--color-present:#c9b458;--color-absent:#787c7e;--color-on-state:#fff;--color-key:#d3d6da;--color-key-text:#1a1a1b;--color-toast:#1a1a1b;--color-toast-text:#fff;--color-backdrop:#00000080;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-bg:#121213;--color-text:#f8f8f8;--color-muted:#94989c;--color-border:#3a3a3c;--color-hover:#2c2c2e;--color-tile-empty:#3a3a3c;--color-tile-filled:#565758;--color-correct:#538d4e;--color-present:#b59f3b;--color-absent:#3a3a3c;--color-key:#818384;--color-key-text:#f8f8f8;--color-toast:#f8f8f8;--color-toast-text:#1a1a1b;--color-backdrop:#000000a6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-contrast=high]{--color-correct:#f5793a;--color-present:#85c0f9}:root[data-contrast=high][data-theme=dark]{--color-correct:#f5793a;--color-present:#85c0f9;--color-on-state:#fff}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font-family:Helvetica Neue,Helvetica,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}button{font-family:inherit}:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.board-scroll{scrollbar-width:thin;flex:1;min-height:0;padding:6px 8px;display:flex;overflow:hidden auto}.board{flex-direction:column;gap:5px;margin:auto;display:flex}.row{grid-template-columns:repeat(var(--cols), var(--tile));grid-auto-rows:var(--tile);gap:5px;display:grid}.tile{--tile-bg:transparent;--tile-fg:var(--color-text);--tile-border:var(--color-tile-empty);border:2px solid var(--tile-border);background:var(--tile-bg);color:var(--tile-fg);font-size:calc(var(--tile,62px) * .5);text-transform:uppercase;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex}.tile--filled{--tile-border:var(--color-tile-filled);animation:.1s ease-out pop}.tile--hint{--tile-border:var(--color-correct);--tile-fg:var(--color-correct)}.tile--correct{--tile-bg:var(--color-correct);--tile-border:var(--color-correct);--tile-fg:var(--color-on-state)}.tile--present{--tile-bg:var(--color-present);--tile-border:var(--color-present);--tile-fg:var(--color-on-state)}.tile--absent{--tile-bg:var(--color-absent);--tile-border:var(--color-absent);--tile-fg:var(--color-on-state)}.tile--revealing{animation:flip var(--flip-ms,.5s) ease forwards;animation-delay:var(--flip-delay,0s);border-color:var(--color-tile-filled);color:var(--color-text);background:0 0}@keyframes flip{0%,49%{border-color:var(--color-tile-filled);color:var(--color-text);background:0 0;transform:rotateX(0)}50%{border-color:var(--color-tile-filled);color:var(--color-text);background:0 0;transform:rotateX(-90deg)}51%{background:var(--tile-bg);border-color:var(--tile-border);color:var(--tile-fg);transform:rotateX(-90deg)}to{background:var(--tile-bg);border-color:var(--tile-border);color:var(--tile-fg);transform:rotateX(0)}}@keyframes pop{0%{transform:scale(.9)}to{transform:scale(1)}}.row--shake{animation:.55s ease-in-out shake}@keyframes shake{10%,90%{transform:translate(-2%)}20%,80%{transform:translate(3%)}30%,50%,70%{transform:translate(-5%)}40%,60%{transform:translate(5%)}}.row--win .tile{animation:.6s bounce;animation-delay:var(--bounce-delay,0s)}@keyframes bounce{0%,20%{transform:translateY(0)}40%{transform:translateY(-28%)}50%{transform:translateY(4%)}60%{transform:translateY(-14%)}80%{transform:translateY(2%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tile--filled,.tile--revealing,.row--shake,.row--win .tile{animation-duration:1ms}}.header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.header__title{text-align:center;min-width:0}.header__title h1{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:clamp(1.35rem,6vw,1.9rem);font-weight:800;line-height:1.1}.header__title p{color:var(--color-muted);letter-spacing:.02em;margin:1px 0 0;font-size:.72rem}.header__actions{gap:2px;display:flex}.icon-button{width:38px;height:38px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.icon-button:hover{background:var(--color-hover)}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.modal-backdrop{background:var(--color-backdrop);z-index:30;justify-content:center;align-items:center;padding:16px;animation:.14s ease-out fade-in;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;flex-direction:column;width:100%;max-width:420px;max-height:min(90vh,720px);animation:.18s ease-out modal-in;display:flex;box-shadow:0 12px 40px #00000059}.modal__header{justify-content:space-between;align-items:center;padding:14px 12px 8px 20px;display:flex}.modal__header h2{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:1rem;font-weight:700}.modal__close{width:32px;height:32px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.modal__close:hover{background:var(--color-hover)}.modal__close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:20px;height:20px}.modal__body{padding:4px 20px 20px;overflow-y:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.help__lead{margin:0 0 14px;font-size:.9rem;line-height:1.5}.help__examples{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-direction:column;gap:12px;padding:14px 0;display:flex}.help__example p{margin:6px 0 0;font-size:.85rem;line-height:1.4}.example-row{gap:4px;display:flex}.example-row .tile{width:36px;height:36px;margin:0;font-size:1.1rem}.help__notes{color:var(--color-muted);flex-direction:column;gap:8px;margin:14px 0 0;padding-left:18px;font-size:.85rem;line-height:1.45;display:flex}.help__notes strong{color:var(--color-text)}.keyboard{flex-direction:column;gap:6px;width:100%;max-width:500px;margin:0 auto;padding:0 4px;display:flex}.keyboard__row{justify-content:center;gap:5px;display:flex}.keyboard__row:nth-child(2){padding:0 5%}.key{background:var(--color-key);min-width:0;height:52px;color:var(--color-key-text);text-transform:uppercase;cursor:pointer;touch-action:manipulation;border:0;border-radius:4px;flex:1;font-family:inherit;font-size:clamp(.7rem,3.4vw,.85rem);font-weight:700;transition:background-color .12s}.key:hover:not(:disabled){filter:brightness(1.08)}.key:active:not(:disabled){transform:scale(.96)}.key:disabled{cursor:default}.key--wide{flex:1.6}.key--correct{background:var(--color-correct);color:var(--color-on-state)}.key--present{background:var(--color-present);color:var(--color-on-state)}.key--absent{background:var(--color-absent);color:var(--color-on-state)}@media (height<=700px){.key{height:44px}}.setting{border-bottom:1px solid var(--color-border);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.setting:last-child{border-bottom:0}.setting.is-disabled .setting__text{opacity:.5}.setting__text{flex-direction:column;gap:3px;display:flex}.setting__label{font-size:.95rem}.setting__description{color:var(--color-muted);font-size:.72rem;line-height:1.35}.setting__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.switch{background:var(--color-absent);border-radius:999px;flex:none;width:32px;height:20px;transition:background-color .14s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .14s;position:absolute;top:2px;left:2px}.setting__input:checked~.switch{background:var(--color-correct)}.setting__input:checked~.switch:after{transform:translate(12px)}.setting__input:focus-visible~.switch{outline:2px solid var(--color-text);outline-offset:2px}.stats__verdict{text-align:center;color:var(--color-muted);margin:0 0 14px;font-size:.95rem}.stats__verdict strong{color:var(--color-text)}.stats__figures{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.figure{text-align:center;flex-direction:column;align-items:center;display:flex}.figure__value{font-size:1.75rem;font-weight:400;line-height:1.2}.figure__label{color:var(--color-muted);font-size:.66rem;line-height:1.2}.stats__heading{letter-spacing:.06em;text-transform:uppercase;text-align:center;margin:20px 0 10px;font-size:.8rem;font-weight:700}.stats__empty{text-align:center;color:var(--color-muted);margin:0;font-size:.85rem}.distribution{flex-direction:column;gap:4px;display:flex}.distribution__row{align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.distribution__label{text-align:right;width:10px}.distribution__track{flex:1}.distribution__bar{background:var(--color-absent);color:var(--color-on-state);text-align:right;font-variant-numeric:tabular-nums;padding:1px 6px}.distribution__bar.is-current{background:var(--color-correct)}.stats__footer{border-top:1px solid var(--color-border);align-items:center;gap:12px;margin-top:22px;padding-top:18px;display:flex}.stats__next{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.stats__next span{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);font-size:.66rem}.stats__next strong{font-variant-numeric:tabular-nums;font-size:1.55rem;font-weight:400}.button{letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:0;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-family:inherit;font-size:.85rem;font-weight:700;display:inline-flex}.button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.button--primary{background:var(--color-correct);color:var(--color-on-state)}.button--ghost{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.button--ghost:hover{background:var(--color-hover)}.toast-layer{pointer-events:none;z-index:20;justify-content:center;display:flex;position:fixed;top:72px;left:0;right:0}.toast{background:var(--color-toast);color:var(--color-toast-text);text-align:center;border-radius:4px;padding:12px 18px;font-size:.85rem;font-weight:700;animation:.18s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:flex}.segmented{background:var(--color-hover);border-radius:999px;padding:2px;display:inline-flex}.segmented__option{min-width:30px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 12px;font-family:inherit;font-size:.78rem;font-weight:600;transition:background-color .12s,color .12s}.segmented__option.is-active{background:var(--color-bg);color:var(--color-text);box-shadow:0 1px 3px #0000002e}.toolbar__action{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-family:inherit;font-size:.78rem;font-weight:600}.toolbar__action:hover{background:var(--color-hover)}.app{flex-direction:column;max-width:560px;height:100dvh;margin:0 auto;display:flex}.app__loading{flex:1;min-height:0}.app__keyboard{flex:none;padding:4px 0 10px}