.app[data-v-0028c8c0]{min-height:100vh;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-0028c8c0]{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:12px}h1[data-v-0028c8c0]{margin:8px 0 0;font-size:24px;letter-spacing:1px}.button-container[data-v-0028c8c0]{width:100%;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.button[data-v-0028c8c0]{border:0;border-radius:10px;padding:10px 12px;cursor:pointer;background:#5200ff;color:#fff;font-weight:700;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-0028c8c0]:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1f29372e}.button[data-v-0028c8c0]:active{transform:translateY(0)}.button-disabled[data-v-0028c8c0]{opacity:.45;pointer-events:none}.main[data-v-0028c8c0]{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:18px}.board[data-v-0028c8c0]{width:100%;display:grid;gap:10px}.row[data-v-0028c8c0]{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.tile[data-v-0028c8c0]{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-0028c8c0]{border-color:transparent;background:#2ea043;color:#fff;transform:scale(1.02)}.tile.present[data-v-0028c8c0]{border-color:transparent;background:#d29922;color:#fff;transform:scale(1.02)}.tile.absent[data-v-0028c8c0]{border-color:transparent;background:#8b949e;color:#fff}.message[data-v-0028c8c0]{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-0028c8c0]{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-0028c8c0]{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-0028c8c0]{width:100%;max-width:520px;background:#fff;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;animation:pop-in-0028c8c0 .2s ease-out}.custom-modal input[data-v-0028c8c0]{width:100%;max-width:100%;padding:10px 12px;border-radius:10px;border:2px solid #e3e3e3;font-size:16px}.custom-modal__buttons[data-v-0028c8c0]{display:flex;flex-wrap:wrap;gap:10px}.custom-modal__url[data-v-0028c8c0]{margin:0;font-size:14px;word-break:break-all;color:#1a224c}.help-button[data-v-0028c8c0]{position:fixed;bottom:16px;left:16px;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;transition:transform .2s ease,box-shadow .2s ease}.help-button[data-v-0028c8c0]:hover{transform:translateY(-2px);box-shadow:0 16px 30px #1f29373d}.help-modal[data-v-0028c8c0]{position:fixed;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center;z-index:40;padding:16px;animation:fade-in-0028c8c0 .2s ease-out}.help-modal__panel[data-v-0028c8c0]{width:100%;max-width:640px;background:#fff;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;text-align:left;animation:pop-in-0028c8c0 .2s ease-out}.help-modal__header[data-v-0028c8c0]{display:flex;align-items:center;justify-content:space-between;gap:12px}.help-modal__header h2[data-v-0028c8c0]{margin:0;font-size:20px}.help-modal__close[data-v-0028c8c0]{padding:8px 12px;font-size:14px;box-shadow:none}.help-modal__content[data-v-0028c8c0]{display:grid;gap:12px}.help-modal__content h3[data-v-0028c8c0]{margin:0 0 6px;font-size:16px}.help-modal__content p[data-v-0028c8c0]{margin:0 0 6px}.help-modal__content ul[data-v-0028c8c0]{margin:0;padding-left:18px}@media (max-width: 520px){h1[data-v-0028c8c0]{font-size:20px}.button[data-v-0028c8c0]{padding:8px 10px;font-size:14px}.tile[data-v-0028c8c0]{height:44px;font-size:18px}.help-button[data-v-0028c8c0]{width:40px;height:40px;font-size:18px}.help-modal__panel[data-v-0028c8c0]{padding:16px}}@media (min-width: 768px){.header[data-v-0028c8c0],.main[data-v-0028c8c0]{max-width:720px}h1[data-v-0028c8c0]{font-size:28px}.tile[data-v-0028c8c0]{height:58px;font-size:24px}.help-button[data-v-0028c8c0]{position:absolute;bottom:auto;left:auto;top:18px;right:18px}}@media (min-width: 1024px){.header[data-v-0028c8c0],.main[data-v-0028c8c0]{max-width:860px}h1[data-v-0028c8c0]{font-size:32px}.tile[data-v-0028c8c0]{height:66px;font-size:28px}}@media (min-width: 1440px){.header[data-v-0028c8c0],.main[data-v-0028c8c0]{max-width:980px}h1[data-v-0028c8c0]{font-size:36px}.tile[data-v-0028c8c0]{height:76px;font-size:32px}}@keyframes shake-0028c8c0{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-0028c8c0]{animation:shake-0028c8c0 .5s ease-in-out}@keyframes fade-in-0028c8c0{0%{opacity:0}to{opacity:1}}@keyframes pop-in-0028c8c0{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}h1{margin:4px 0;font-size:36px}header{border-bottom:1px solid #ccc;margin-bottom:30px;position:relative}#source-link{position:absolute;right:1em;top:.5em}.correct,.present,.absent{color:#fff!important}.correct{background-color:#6aaa64!important}.present{background-color:#c9b458!important}.absent{background-color:#787c7e!important}.button{display:inline-block;padding:10px 20px;margin:5px;font-size:16px;cursor:pointer;text-align:center;text-decoration:none;outline:none;color:#fff;background-color:#5200ff;border:none;border-radius:5px;box-shadow:0 9px #999}.button:hover{background-color:#3e8e41}.button:active{background-color:#3e8e41;box-shadow:0 5px #666;transform:translateY(4px)}.button-disabled{background-color:#e7e7e7;color:#ddd;cursor:not-allowed}.button-container{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:10px 0}#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 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}}