.keyboard[data-v-2b3dd491]{max-width:500px;width:100%;margin:0 auto}.keyboard-row[data-v-2b3dd491]{display:flex;width:100%;margin:0 auto 8px;touch-action:manipulation}.key[data-v-2b3dd491]{font-family:inherit;font-weight:700;border:0;padding:0;margin:0 6px 0 0;height:58px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#818384;color:var(--color-white);flex:1;display:flex;justify-content:center;align-items:center;text-transform:uppercase;-webkit-tap-highlight-color:rgba(0,0,0,.3)}.key[data-v-2b3dd491]:last-of-type{margin:0}.key-enter[data-v-2b3dd491],.key-backspace[data-v-2b3dd491]{flex:1.5;font-size:12px}.correct[data-v-2b3dd491]{background-color:var(--color-green);color:var(--color-white)}.present[data-v-2b3dd491]{background-color:var(--color-yellow);color:var(--color-white)}.absent[data-v-2b3dd491]{background-color:var(--color-gray);color:var(--color-white)}.grid-row[data-v-152bb819]{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.tile[data-v-152bb819]{display:flex;justify-content:center;align-items:center;border:2px solid var(--color-border);font-size:2rem;font-weight:700;width:100%;height:62px;box-sizing:border-box;text-transform:uppercase}.populated[data-v-152bb819]{border-color:#565758;animation:bounce-152bb819 .5s}.current[data-v-152bb819]{border-color:#565758;animation:pulse-152bb819 1.5s infinite}.empty[data-v-152bb819]{border-color:var(--color-border)}.correct[data-v-152bb819]{background-color:var(--color-green);border-color:var(--color-green);color:var(--color-white);animation:bounce-152bb819 1.5s}.present[data-v-152bb819]{background-color:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-white);animation:flip-152bb819 1.5s}.absent[data-v-152bb819]{background-color:var(--color-gray);border-color:var(--color-gray);color:var(--color-white);animation:flip-152bb819 1.5s}@keyframes flip-152bb819{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes pulse-152bb819{0%{border-color:#565758}50%{border-color:#97aa8c}to{border-color:#565758}}@keyframes bounce-152bb819{0%,20%{transform:translateY(0)}40%{transform:translateY(-30px)}50%{transform:translateY(5px)}60%{transform:translateY(-15px)}80%{transform:translateY(2px)}to{transform:translateY(0)}}.message[data-v-dd074dc4]{position:fixed;top:10%;left:50%;transform:translate(-50%);padding:10px 20px;background:#fff;color:#000;font-weight:700;border-radius:4px;animation:fadeIn .3s}.content[data-v-a8c4639f]{position:relative;padding:10px 20px;background:#000;color:#fff;border-radius:4px;animation:fadeIn .3s;height:200px;overflow:auto}.board-container[data-v-93a62ddb]{display:flex;flex-direction:column;height:100%;outline:none}header[data-v-93a62ddb]{border-bottom:1px solid var(--color-border);margin-bottom:20px}h1[data-v-93a62ddb]{font-size:36px;font-weight:700;text-align:center;margin:20px 0;letter-spacing:.2rem}.header-content[data-v-93a62ddb]{display:flex;align-items:center;justify-content:center;gap:20px;position:relative}.help-button[data-v-93a62ddb]{background:none;border:2px solid var(--color-white);color:var(--color-white);width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.help-button[data-v-93a62ddb]:hover{background-color:#ffffff1a}.game-container[data-v-93a62ddb]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;height:calc(100% - 80px);padding-top:10px}.grid-container[data-v-93a62ddb]{display:grid;grid-template-rows:repeat(6,1fr);gap:5px;max-width:350px;width:100%;height:420px;margin:0 auto}.keyboard-container[data-v-93a62ddb]{width:100%;margin:10px 0;flex:0 0 auto}.message[data-v-93a62ddb]{position:fixed;top:10%;left:50%;transform:translate(-50%);padding:10px 20px;background:var(--color-white);color:var(--color-dark);font-weight:700;border-radius:4px;animation:fadeIn-93a62ddb .3s}.play-again[data-v-93a62ddb]{margin-top:10px}@keyframes fadeIn-93a62ddb{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.instructions-modal[data-v-93a62ddb]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.instructions-content[data-v-93a62ddb]{background:var(--color-dark);padding:30px;border-radius:8px;max-width:400px;width:90%;border:1px solid var(--color-border)}.instructions-content h2[data-v-93a62ddb]{margin-top:0;margin-bottom:20px}.instructions-content ul[data-v-93a62ddb]{text-align:left;margin:20px 0;padding-left:20px}:root{--color-green: #538d4e;--color-yellow: #b59f3b;--color-gray: #6a6a6c;--color-dark: #121213;--color-border: #3a3a3c;--color-white: #ffffff}.color-green{color:var(--color-green);font-weight:700}.color-yellow{color:var(--color-yellow);font-weight:700}.color-gray{color:var(--color-gray);font-weight:700}.button-primary{background:var(--color-green);color:var(--color-white);border:none;padding:10px 20px;font-size:16px;font-weight:700;border-radius:4px;cursor:pointer;transition:background .2s}.button-primary:hover{background:#62a65e}body{background:var(--color-dark);color:var(--color-white);font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;height:100vh;display:flex;justify-content:center}#app{max-width:500px;width:100%;margin:0 auto;height:100%}