:root{--grey-100:#fff;--grey-200:#fcfbff;--grey-300:#faf9ff;--grey-350:#f0eff8;--grey-400:#e7e5f4;--grey-450:#d2d1e2;--grey-500:#aca7c2;--grey-550:#a3a0b4;--grey-600:#938eaa;--grey-700:#706a84;--grey-800:#504c65;--grey-850:#3a3747;--grey-900:#252231;--grey-950:#121119;--primary-color:#ffff4f;--primary-color--hover:#ffff90;--primary-color--pressed:#efef4a;--accent:#6ce0b7;--white:var(--grey-100);--modal-background:var(--grey-900);--font-jost:"Jost", sans-serif;--jost:var(--font-jost), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg:var(--grey-950);--text:var(--white);--tile:#3a3a3c;--green:var(--accent);--yellow:var(--primary-color);--gray:var(--grey-800);--border:#565758}*{box-sizing:border-box}body{font-family:var(--jost);background:var(--bg);color:var(--text);place-items:center;min-height:100vh;margin:0;padding:20px;display:grid}.app{text-align:center;width:min(520px,100%)}h1{letter-spacing:.04em;margin:0 0 16px;font-size:4rem}@media (max-width:768px){h1{font-size:2.5rem}}.board{gap:8px;margin-bottom:1rem;display:grid}.row{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.tile{aspect-ratio:1;border:2px solid var(--border);-webkit-user-select:none;user-select:none;background:#121213;border-radius:4px;place-items:center;font-size:1.5rem;font-weight:700;display:grid}.tile.tile--blank{border:none}@media (max-width:768px){.tile{font-size:1.3rem}}.tile.filled{border-color:#878a8c}.tile.green{background:var(--accent);border-color:var(--accent);color:var(--grey-950)}.tile.yellow{background:var(--primary-color);border-color:var(--primary-color);color:var(--grey-950)}.tile.gray{background:var(--gray);border-color:var(--gray)}.controls{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:1rem;display:flex}input{text-align:center;font-size:1rem;font-family:var(--jost);border-radius:6px;outline:none;padding:.5rem 1rem}input:focus{border-color:var(--grey-500);box-shadow:0 0 0 2px #aca7c240}.button,button.primary,button.secondary,a.primary,a.secondary{background:var(--grey-300);color:var(--grey-950);font-family:var(--jost);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;height:44px;padding:.5rem .75rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.button:not(.disabled,[disabled]):hover,.button:not(.disabled,[disabled]):focus,button.primary:not(:disabled):hover,button.primary:not(:disabled):focus,button.secondary:not(:disabled):hover,button.secondary:not(:disabled):focus,a.primary:hover,a.primary:focus,a.secondary:hover,a.secondary:focus{background:var(--grey-400)}.button:not(.disabled,[disabled]):active,button.primary:not(:disabled):active,button.secondary:not(:disabled):active,a.primary:active,a.secondary:active{background:var(--grey-450)}.button:focus-visible,button.primary:focus-visible,button.secondary:focus-visible,a.primary:focus-visible,a.secondary:focus-visible{outline:2px solid var(--grey-550);outline-offset:2px}.button.disabled,.button[disabled],button:disabled{opacity:.4;cursor:not-allowed}.button--mini{height:auto;padding:.25rem .75rem;font-size:.75rem}.button--full-width{width:100%}.button--primary,button.primary,a.primary{background:var(--primary-color);color:var(--grey-950)}.button--primary:not(.disabled,[disabled]):hover,.button--primary:not(.disabled,[disabled]):focus,button.primary:not(:disabled):hover,button.primary:not(:disabled):focus,a.primary:hover,a.primary:focus{background:var(--primary-color--hover)}.button--primary:not(.disabled,[disabled]):active,button.primary:not(:disabled):active,a.primary:active{background:var(--primary-color--pressed)}.button--invert,button.secondary,a.secondary{color:var(--grey-300);border:1px solid var(--grey-300);background:0 0}.button--invert:not(.disabled,[disabled]):hover,.button--invert:not(.disabled,[disabled]):focus,button.secondary:not(:disabled):hover,button.secondary:not(:disabled):focus,a.secondary:hover,a.secondary:focus,.button--invert:not(.disabled,[disabled]):active,button.secondary:not(:disabled):active,a.secondary:active{color:var(--grey-450);border-color:var(--grey-450);background:0 0}.button--text{color:var(--grey-550);background:0 0;border:none;height:auto;padding:0;font-weight:500}.button--text:not(.disabled,[disabled]):hover,.button--text:not(.disabled,[disabled]):focus{color:var(--white);text-decoration:underline}.message{min-height:24px;margin-top:6px;font-weight:600}.share{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:none}.legend{opacity:.85;margin-top:14px;font-size:.92rem}.dot{border-radius:2px;width:12px;height:12px;margin:0 5px -1px 12px;display:inline-block}.dot:first-child{margin-left:0}.dot.green{background:var(--green)}.dot.yellow{background:var(--yellow)}.dot.gray{background:var(--gray)}.modal{z-index:1000;background:#000c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal[hidden]{display:none}.modal-card{background:var(--modal-background);border:1px solid var(--grey-800);text-align:center;width:min(440px,100%);color:var(--white);border-radius:12px;padding:22px;box-shadow:0 10px 25px #0000004d}.modal-card h2{margin:0 0 10px;font-size:1.5rem}.modal-result{margin:0 0 10px;font-weight:600}.modal-share-status{min-height:20px;color:var(--grey-350);margin:8px 0 0;font-size:.9rem}.modal-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}
@font-face{font-family:Jost;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/39c55468420adfa6-s.1669nxjwa2fmv.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9b8f0e32b229dbc1-s.0dguglgc-iz4q.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/81cef6a21128489e-s.p.2csanl8cs02r-.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jost Fallback;src:local(Arial);ascent-override:111.45%;descent-override:39.06%;line-gap-override:0.0%;size-adjust:96.01%}.jost_e5ab333c-module__LcmucW__className{font-family:Jost,Jost Fallback;font-style:normal}.jost_e5ab333c-module__LcmucW__variable{--font-jost:"Jost", "Jost Fallback"}