.app[data-v-6cb7528c]{min-height:100vh;min-height:100dvh;font-family:Roboto,system-ui,-apple-system,Segoe UI,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;padding:16px;position:relative}.header[data-v-6cb7528c]{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #d7d9e0}.header__title-row[data-v-6cb7528c]{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;position:relative}.header__title-row h1[data-v-6cb7528c]{margin:0}h1[data-v-6cb7528c]{margin:8px 0 0;font-size:24px;letter-spacing:1px}.button-container[data-v-6cb7528c]{width:100%;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.button[data-v-6cb7528c]{border:0;border-radius:10px;padding:10px 12px;cursor:pointer;background:#5200ff;color:#fff;font-family:inherit;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;user-select:none;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.button[data-v-6cb7528c]:hover{transform:translateY(-1px);box-shadow:0 2px 4px #1f29372e}.button[data-v-6cb7528c]:active{transform:translateY(0)}.button-disabled[data-v-6cb7528c]{opacity:.45;pointer-events:none}.main[data-v-6cb7528c]{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:12px}.board[data-v-6cb7528c]{width:100%;display:grid;gap:10px}.row[data-v-6cb7528c]{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.tile[data-v-6cb7528c]{height:52px;border-radius:10px;border:2px solid #e3e3e3;display:grid;place-items:center;font-weight:800;font-size:22px;text-transform:uppercase;background:#fff;transition:transform .2s ease,background-color .3s ease,border-color .3s ease}.tile.correct[data-v-6cb7528c]{border-color:transparent;background:#2ea043;color:#fff;transform:scale(1.02)}.tile.present[data-v-6cb7528c]{border-color:transparent;background:#d29922;color:#fff;transform:scale(1.02)}.tile.absent[data-v-6cb7528c]{border-color:transparent;background:#8b949e;color:#fff}.message[data-v-6cb7528c]{position:fixed;top:16px;left:50%;transform:translate(-50%);background:rgba(20,20,20,.92);color:#fff;padding:10px 14px;border-radius:12px;z-index:20;max-width:min(560px,calc(100vw - 24px));white-space:pre-wrap}.message pre[data-v-6cb7528c]{margin:10px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1.2}.custom-modal[data-v-6cb7528c]{position:fixed;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center;z-index:30;padding:16px}.custom-modal__panel[data-v-6cb7528c]{width:100%;max-width:520px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;background:#fff;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;animation:pop-in-6cb7528c .2s ease-out}.custom-modal input[data-v-6cb7528c]{width:100%;max-width:100%;padding:10px 12px;border-radius:10px;border:2px solid #e3e3e3;font-size:16px}.custom-modal__buttons[data-v-6cb7528c]{display:flex;flex-wrap:wrap;gap:10px}.custom-modal__url[data-v-6cb7528c]{margin:0;font-size:14px;word-break:break-all;color:#1a224c}.help-button[data-v-6cb7528c]{position:absolute;top:50%;right:0;width:44px;height:44px;border-radius:50%;border:0;background:#5200ff;color:#fff;font-weight:800;font-size:20px;cursor:pointer;box-shadow:0 12px 24px #1f293733;z-index:25;transform:translateY(-50%);transition:transform .2s ease,box-shadow .2s ease}.help-button[data-v-6cb7528c]:hover{transform:translateY(calc(-50% - 2px));box-shadow:0 16px 30px #1f29373d}.help-modal[data-v-6cb7528c]{position:fixed;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center;z-index:40;padding:16px;overflow-y:auto;overscroll-behavior:contain;animation:fade-in-6cb7528c .2s ease-out}.help-modal__panel[data-v-6cb7528c]{width:100%;max-width:640px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;background:#fff;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;text-align:left;animation:pop-in-6cb7528c .2s ease-out}.help-modal__header[data-v-6cb7528c]{display:flex;align-items:center;justify-content:space-between;gap:12px}.help-modal__header h2[data-v-6cb7528c]{margin:0;font-size:20px}.help-modal__close[data-v-6cb7528c]{padding:8px 12px;font-size:14px;box-shadow:none}.help-modal__content[data-v-6cb7528c]{display:grid;gap:12px}.help-modal__content h3[data-v-6cb7528c]{margin:0 0 6px;font-size:16px}.help-modal__content p[data-v-6cb7528c]{margin:0 0 6px}.help-modal__content ul[data-v-6cb7528c]{margin:0;padding-left:18px}@media (max-width: 520px){.app[data-v-6cb7528c]{padding:8px}.header[data-v-6cb7528c]{gap:6px}h1[data-v-6cb7528c]{font-size:20px;margin-top:0}.button-container[data-v-6cb7528c]{gap:6px}.button[data-v-6cb7528c]{padding:6px 8px;font-size:12px}.main[data-v-6cb7528c]{gap:8px;margin-top:8px}.board[data-v-6cb7528c],.row[data-v-6cb7528c]{gap:6px}.tile[data-v-6cb7528c]{height:44px;font-size:18px}.help-button[data-v-6cb7528c]{width:40px;height:40px;font-size:18px}.help-modal__panel[data-v-6cb7528c]{padding:16px}}@media (min-width: 768px){.header[data-v-6cb7528c],.main[data-v-6cb7528c]{max-width:720px}h1[data-v-6cb7528c]{font-size:28px}.tile[data-v-6cb7528c]{height:58px;font-size:24px}}@media (min-width: 1024px){.header[data-v-6cb7528c],.main[data-v-6cb7528c]{max-width:860px}h1[data-v-6cb7528c]{font-size:32px}.tile[data-v-6cb7528c]{height:66px;font-size:28px}}@media (min-width: 1440px){.header[data-v-6cb7528c],.main[data-v-6cb7528c]{max-width:980px}h1[data-v-6cb7528c]{font-size:36px}.tile[data-v-6cb7528c]{height:76px;font-size:32px}}@media (max-height: 900px){.app[data-v-6cb7528c]{padding-top:8px;padding-bottom:8px}.header[data-v-6cb7528c]{gap:6px;padding-bottom:8px}h1[data-v-6cb7528c]{margin-top:0}.button-container[data-v-6cb7528c]{gap:6px}.button[data-v-6cb7528c]{padding:6px 8px;font-size:13px}.main[data-v-6cb7528c]{gap:8px;margin-top:8px}.board[data-v-6cb7528c],.row[data-v-6cb7528c]{gap:6px}}@media (min-width: 521px) and (max-height: 900px){h1[data-v-6cb7528c]{font-size:clamp(20px,3vh,28px)}.tile[data-v-6cb7528c]{height:clamp(38px,6vh,58px);font-size:clamp(18px,2.6vh,24px)}}@media (max-height: 500px){.app[data-v-6cb7528c]{padding-top:4px;padding-bottom:4px}.header[data-v-6cb7528c]{gap:4px;padding-bottom:6px}h1[data-v-6cb7528c]{font-size:18px}.button-container[data-v-6cb7528c]{gap:4px}.button[data-v-6cb7528c]{padding:3px 5px;font-size:11px}.main[data-v-6cb7528c]{gap:4px;margin-top:4px}.board[data-v-6cb7528c],.row[data-v-6cb7528c]{gap:3px}.tile[data-v-6cb7528c]{height:clamp(28px,7vh,34px);border-radius:6px;font-size:16px}.help-button[data-v-6cb7528c]{width:34px;height:34px;font-size:16px}}@keyframes shake-6cb7528c{0%{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}to{transform:translate(0)}}.row.shake[data-v-6cb7528c]{animation:shake-6cb7528c .5s ease-in-out}@keyframes fade-in-6cb7528c{0%{opacity:0}to{opacity:1}}@keyframes pop-in-6cb7528c{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}body{font-family:Roboto,Clear Sans,Helvetica Neue,Arial,sans-serif;text-align:center;max-width:100%;margin:0;background:#f6f7fb}*,*:before,*:after{box-sizing:border-box}.correct,.present,.absent{color:#fff!important}.correct{background-color:#6aaa64!important}.present{background-color:#c9b458!important}.absent{background-color:#787c7e!important}#keyboard{width:100%;max-width:560px;display:flex;flex-direction:column;gap:8px;padding:14px 10px 6px;background:#ffffff;border-radius:14px;box-shadow:0 12px 30px #1f29371f}#keyboard .row{display:flex;justify-content:center;gap:6px}#keyboard .spacer{width:28px}#keyboard button{flex:1;min-width:0;height:52px;border-radius:12px;border:1px solid #d7d9e0;background:#f3f4f8;color:#1f2937;font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .2s ease;box-shadow:0 3px #d1d5db;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#keyboard .key-label--enter-icon{display:none}#keyboard .key-label--enter{display:inline}#keyboard button.big{flex:1.4;font-size:14px;padding:0 6px;line-height:1;text-transform:none;letter-spacing:.2px}#keyboard button:hover{background:#e7e9f4}#keyboard button:active{transform:translateY(2px);box-shadow:0 1px #c7cbd6}#keyboard button.correct,#keyboard button.present,#keyboard button.absent{color:#fff;border-color:transparent;box-shadow:none}#keyboard button.correct{background:#2ea043}#keyboard button.present{background:#d29922}#keyboard button.absent{background:#9aa0aa}@media (max-width: 600px){#keyboard{padding:10px 6px 4px}#keyboard .row{gap:4px}#keyboard button{height:46px;font-size:14px}#keyboard .key-label--enter{display:none}#keyboard .key-label--enter-icon{display:inline;font-size:18px}}@media (hover: none) and (pointer: coarse){#keyboard .key-label--enter{display:none}#keyboard .key-label--enter-icon{display:inline;font-size:18px}}@media (min-width: 768px){#keyboard{max-width:720px;padding:16px 12px 8px;gap:10px}#keyboard button{height:58px;font-size:18px}#keyboard button.big{font-size:15px}}@media (min-width: 1024px){#keyboard{max-width:860px;padding:18px 14px 10px}#keyboard button{height:66px;font-size:20px}#keyboard button.big{font-size:16px}}@media (min-width: 1440px){#keyboard{max-width:980px;padding:20px 16px 12px}#keyboard button{height:74px;font-size:22px}#keyboard button.big{font-size:17px}}@media (max-width: 520px) and (max-height: 900px){#keyboard button{height:clamp(38px,6.5dvh,46px)}}@media (min-width: 521px) and (max-height: 900px){#keyboard{padding:8px 10px 6px;gap:6px}#keyboard .row{gap:4px}#keyboard button{height:clamp(38px,6.5dvh,58px);font-size:clamp(15px,2.4vh,20px)}#keyboard button.big{font-size:14px}}@media (max-height: 500px){#keyboard{padding:4px;gap:3px;border-radius:8px}#keyboard .row{gap:3px}#keyboard button{height:clamp(30px,8dvh,36px);border-radius:7px;font-size:13px}#keyboard button.big{padding:0 3px;font-size:12px}}
