#root,body,html{height:100%}:root{--bg:#0f1115;--surface:#161a22;--text:#e6e6e6;--muted:#9aa3b2;--accent:#6aa8ff;--green:#4cc38a;--yellow:#f5cd47;--gray:#3a3f4b;--tile:#1c2230}*{box-sizing:border-box}#root,.App,body,html{height:100%}body{background:#0f1115;background:var(--bg);color:#e6e6e6;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;margin:0}.App{flex-direction:column}.App,.header{align-items:center;display:flex}.header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1115cc;border-bottom:1px solid #ffffff0f;gap:12px;max-width:760px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.header .title{font-weight:800;letter-spacing:.04em;text-transform:uppercase}.header .spacer{flex:1 1}.header .countdown{font-feature-settings:"tnum";color:#9aa3b2;color:var(--muted);font-variant-numeric:tabular-nums}.container{flex-direction:column;max-width:760px;padding:16px}.container,.puzzle-meta{align-items:center;display:flex;gap:16px;width:100%}.puzzle-meta{background:#161a22;background:var(--surface);border:1px solid #ffffff0f;border-radius:12px;padding:10px 12px}.puzzle-meta .allowed{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.puzzle-meta .label{color:#9aa3b2;color:var(--muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.puzzle-meta .symbols{display:flex;gap:8px}.symbol{align-items:center;background:#1c2230;background:var(--tile);border:1px solid #ffffff0f;border-radius:8px;display:inline-flex;height:32px;justify-content:center;width:32px}.symbol.required{outline:2px solid #6aa8ff;outline:2px solid var(--accent);outline-offset:2px}.required .chip{background:#1c2230;background:var(--tile);border:1px solid #ffffff14;border-radius:999px;padding:4px 8px}.grid{background:#000;border:2px solid #000;border-radius:2px;padding:2px;width:100%}.grid,.grid-row{grid-gap:2px;display:grid;gap:2px}.grid-row{grid-template-columns:repeat(8,1fr);grid-template-columns:repeat(var(--cols,8),1fr)}.tile{align-items:center;aspect-ratio:1/1;background:#fff;border:none;border-radius:0;color:#000;display:flex;font-size:clamp(18px,6vw,32px);font-weight:700;justify-content:center;position:relative;transition:transform .12s ease,background .2s ease,color .2s ease}.tile.filled{border-color:#ffffff1f}.tile.typing{transform:scale(1.05)}.tile.correct{background:#4cc38a;background:var(--green);color:#0b1612}.tile.present{background:#f5cd47;background:var(--yellow);color:#1b1a10}.tile.absent{background:#3a3f4b;background:var(--gray);color:#cfd6e4}.tile.active{outline:2px solid #6aa8ff;outline:2px solid var(--accent);outline-offset:-2px}.tile.active:after{animation:caret-blink 1s step-end infinite;background:currentColor;bottom:12%;content:"";pointer-events:none;position:absolute;right:6px;top:12%;width:2px}.grid-row.row-active .tile:not(.correct):not(.present):not(.absent){background:#f7f7f7}.tile .clue-number{color:#555;font-size:10px;font-weight:800;left:2px;position:absolute;top:2px}@keyframes shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.grid-row.shake{animation:shake .4s ease}.keyboard{display:flex;flex-direction:column;gap:8px;width:100%}.keyboard-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.key{background:#161a22;background:var(--surface);border:1px solid #ffffff14;border-radius:10px;color:#e6e6e6;color:var(--text);cursor:pointer;font-weight:700;min-height:44px;min-width:44px;padding:12px;transition:transform .05s ease,background .2s ease}.key:hover{transform:translateY(-1px)}.key:active{transform:translateY(1px)}.key.required{outline:2px solid #6aa8ff;outline:2px solid var(--accent);outline-offset:2px}.key.wide{min-width:96px}.key.primary{background:#6aa8ff;background:var(--accent);color:#081224}.message{color:#9aa3b2;color:var(--muted);min-height:22px}.actions{display:flex;gap:8px}button.primary{background:#6aa8ff;background:var(--accent);border:none;border-radius:10px;color:#081224;cursor:pointer;font-weight:700;padding:10px 14px}button.secondary{border:1px solid #ffffff1f;border-radius:10px;font-weight:600;padding:10px 14px}button.icon-button,button.secondary{background:#0000;color:#e6e6e6;color:var(--text);cursor:pointer}button.icon-button{border:none}.modal-backdrop{background:#00000080;display:grid;inset:0;place-items:center;position:fixed;z-index:20}.modal{background:#161a22;background:var(--surface);border:1px solid #ffffff14;border-radius:12px;max-height:80vh;overflow:auto;width:min(92vw,520px)}.modal-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:12px 16px}.modal-title{font-weight:700}.modal-content{padding:16px}.help{margin:0;padding-left:18px}.share-block{background:#0c0f14;border:1px dashed #fff3;border-radius:8px;padding:12px;white-space:pre-wrap}@media (min-width:480px){.grid,.grid-row{gap:2px}}
/*# sourceMappingURL=main.cd84e2e3.css.map*/