:root{--bg: var(--tg-theme-bg-color, #ffffff);--text: var(--tg-theme-text-color, #1a1a1a);--hint: var(--tg-theme-hint-color, #8a8a8a);--secondary-bg: var(--tg-theme-secondary-bg-color, #f0f0f0);--accent: var(--tg-theme-button-color, #3390ec);--accent-text: var(--tg-theme-button-text-color, #ffffff);--correct: #6aaa64;--present: #c9b458;--absent: #787c7e;--tile-border: #d3d6da;--key-bg: #d3d6da;--key-text: #1a1a1a}@media(prefers-color-scheme:dark){:root{--tile-border: #3a3a3c;--key-bg: #565758;--key-text: #ffffff;--absent: #3a3a3c}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}.game{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:8px 8px 12px}.topbar{position:relative;text-align:center;border-bottom:1px solid var(--tile-border);padding-bottom:6px}.help{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:1.5px solid var(--tile-border);background:transparent;color:var(--hint);font-size:1rem;font-weight:700;cursor:pointer}.help:active{filter:brightness(.9)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000008c}.sheet{width:100%;max-width:400px;max-height:90vh;overflow-y:auto;padding:22px;border-radius:16px;background:var(--bg);color:var(--text);box-shadow:0 12px 40px #0006}.sheet h2{margin:0 0 12px;text-align:center}.sheet p{margin:10px 0;line-height:1.45}.sheet .muted{color:var(--hint);font-size:.92rem}.rule{display:flex;align-items:center;gap:12px;margin:10px 0}.ex{flex:0 0 auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#fff;font-weight:800;text-transform:uppercase}.btn-primary{display:block;width:100%;margin-top:18px;padding:14px;border:none;border-radius:12px;background:var(--accent);color:var(--accent-text);font-size:1.05rem;font-weight:700;cursor:pointer}.btn-primary:active{filter:brightness(.92)}.topbar h1{margin:4px 0;font-size:1.5rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.message{width:fit-content;max-width:90%;margin:6px auto;padding:0;background:var(--text);color:var(--bg);border-radius:8px;font-weight:600;opacity:0;transition:opacity .2s;pointer-events:none;z-index:5}.message.show{opacity:1;padding:8px 14px}.board{flex:0 0 auto;display:grid;grid-template-rows:repeat(6,1fr);gap:5px;padding:12px 0;max-width:330px;width:100%;margin:0 auto;aspect-ratio:5 / 6}.row{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;perspective:800px}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}.tile{display:flex;align-items:center;justify-content:center;border:2px solid var(--tile-border);border-radius:4px;font-size:1.9rem;font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none;color:var(--text);transition:transform .08s}.tile-active{border-color:var(--hint);transform:scale(1.04)}.tile-filled{color:#fff;border:none}.tile-correct{background:var(--correct)}.tile-present{background:var(--present)}.tile-absent{background:var(--absent)}.shake{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.keyboard{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding-top:8px}.kb-row{display:flex;justify-content:center;gap:4px}.key{flex:1 1 0;min-width:0;height:52px;border:none;border-radius:5px;background:var(--key-bg);color:var(--key-text);font-size:.95rem;font-weight:600;text-transform:uppercase;cursor:pointer}.key:active{filter:brightness(.9)}.key-wide{flex:1.5 1 0;font-size:1.25rem}.key-enter{background:var(--accent);color:var(--accent-text);font-weight:700}.key-correct{background:var(--correct);color:#fff}.key-present{background:var(--present);color:#fff}.key-absent{background:var(--absent);color:#fff}.panel:empty{display:none}.panel{margin:10px auto 4px;width:100%;max-width:360px}.panel h2{font-size:1rem;text-align:center;margin:8px 0}.stats{display:flex;justify-content:space-around;margin:6px 0 12px;text-align:center}.stats>div{display:flex;flex-direction:column}.stats b{font-size:1.35rem}.stats span{font-size:.72rem;color:var(--hint);text-transform:uppercase}.lb{width:100%;border-collapse:collapse;font-size:.95rem}.lb th,.lb td{padding:6px 8px;text-align:left;border-bottom:1px solid var(--tile-border)}.lb th{color:var(--hint);font-weight:600}.lb td:first-child,.lb th:first-child{width:2rem;text-align:center}.lb td:last-child,.lb th:last-child{text-align:center;width:6rem}.lb-res{white-space:nowrap}.mini{display:inline-grid;grid-template-columns:repeat(5,9px);gap:2px;vertical-align:middle}.mini i{width:9px;height:9px;border-radius:2px;background:var(--tile-border)}.mini .m-correct{background:var(--correct)}.mini .m-present{background:var(--present)}.mini .m-absent{background:var(--absent)}.lb-score{display:inline-block;margin-left:8px;min-width:2rem;vertical-align:middle;font-size:.82rem;color:var(--hint)}.lb tr.me .lb-score{color:var(--text)}.lb tr.me{background:color-mix(in srgb,var(--accent) 18%,transparent);font-weight:700}.btn-share{display:block;width:100%;margin:12px 0 4px;padding:12px;border:none;border-radius:10px;background:var(--accent);color:var(--accent-text);font-size:1rem;font-weight:600;cursor:pointer}.btn-share:active{filter:brightness(.92)}.fatal{max-width:320px;margin:40px auto;text-align:center;color:var(--hint);line-height:1.5}