@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap);:root{--color-bg:#121213;--color-surface:#1a1a1b;--color-text:#fff;--color-text-secondary:#818384;--color-border:#3a3a3c;--color-border-active:#565758;--color-correct:#538d4e;--color-present:#b59f3b;--color-absent:#3a3a3c;--color-key-bg:#818384;--color-key-text:#fff;--color-win:#538d4e;--color-lose:#d32f2f;--grid-gap:5px;--tile-size:clamp(48px,12vw,62px);--key-height:58px;--key-width:clamp(28px,6.5vw,43px);--key-gap:6px;--font-family:"Montserrat",sans-serif;--font-size-tile:clamp(1.2rem,4vw,2rem);--font-size-key:clamp(0.65rem,1.8vw,0.875rem);--header-height:60px;--max-width:500px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--transition-fast:100ms ease;--transition-medium:250ms ease;--transition-flip:500ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5;min-height:100vh;min-height:100dvh}button{cursor:pointer}button,select{font:inherit}body{align-items:center;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family)}#root,body{display:flex;flex-direction:column}#root{margin:0 auto;max-width:var(--max-width);min-height:100vh;min-height:100dvh;width:100%}.header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;height:var(--header-height);justify-content:center;width:100%}.header h1{font-size:1.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.language-selector{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:24px 16px}.language-selector-group{max-width:280px;width:100%}.language-selector select{-webkit-appearance:none;appearance:none;background-color:var(--color-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23818384' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text);font-size:1rem;padding:12px 16px;width:100%}.language-selector select:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.loading-text,.ready-text{color:var(--color-text-secondary);font-size:.9rem;text-align:center}.ready-text{color:var(--color-correct)}.game-main{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:0 16px}.streak-display{color:var(--color-text-secondary);font-size:.85rem;font-weight:600;padding:8px 0;text-align:center}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.game-grid{grid-gap:var(--grid-gap);display:grid;gap:var(--grid-gap);grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(7,1fr);max-width:calc(var(--tile-size)*5 + var(--grid-gap)*4);padding:10px 0;width:100%}.game-row{display:contents}.game-tile{align-items:center;background-color:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text);display:flex;font-size:var(--font-size-tile);font-weight:700;height:var(--tile-size);justify-content:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:var(--tile-size)}.game-tile.tile-active{animation:pop-tile .1s ease;border-color:var(--color-border-active)}.game-tile.tile-correct{animation:flip-tile var(--transition-flip);background-color:var(--color-correct);border-color:var(--color-correct)}.game-tile.tile-present{animation:flip-tile var(--transition-flip);background-color:var(--color-present);border-color:var(--color-present)}.game-tile.tile-absent{animation:flip-tile var(--transition-flip);background-color:var(--color-absent);border-color:var(--color-absent)}.keyboard{align-items:center;flex-direction:column;margin:0 auto;max-width:500px;padding:12px 8px 16px;touch-action:manipulation;user-select:none;-webkit-user-select:none}.keyboard,.keyboard-row{display:flex;gap:var(--key-gap);width:100%}.key,.keyboard-row{justify-content:center}.key{-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--color-key-bg);border:none;border-radius:var(--border-radius-sm);color:var(--color-key-text);display:flex;flex:1 1;font-family:var(--font-family);font-size:var(--font-size-key);font-weight:700;height:var(--key-height);max-width:43px;min-width:var(--key-width);text-transform:uppercase;transition:background-color var(--transition-fast),transform var(--transition-fast)}.key:active{transform:scale(.95)}.key:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.key--wide{flex:1.5 1;font-size:.75rem;max-width:65px}.key-correct{background-color:var(--color-correct)}.key-present{background-color:var(--color-present)}.key-absent{background-color:var(--color-absent)}.modal-backdrop{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:100}.modal-content{background:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #0006;color:var(--color-text);max-width:90vw;padding:32px 40px;text-align:center;width:340px}.modal-title{font-size:1.75rem;font-weight:700;margin-bottom:8px}.modal-title--win{color:var(--color-win)}.modal-title--lose{color:var(--color-lose)}.modal-word{color:var(--color-text-secondary);font-size:1rem;margin-bottom:8px}.modal-word strong{color:var(--color-text);letter-spacing:.15em}.modal-streak{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:20px}.modal-button{background-color:var(--color-correct);border:none;border-radius:var(--border-radius-md);color:var(--color-text);font-family:var(--font-family);font-size:1rem;font-weight:700;padding:12px 32px;transition:background-color var(--transition-medium),transform var(--transition-fast)}.modal-button:hover{background-color:#4a7e46}.modal-button:active{transform:scale(.97)}.modal-button:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.toast{animation:toast-in .15s ease;background-color:var(--color-text);border-radius:var(--border-radius-sm);color:var(--color-bg);font-size:.875rem;font-weight:700;left:50%;padding:12px 24px;pointer-events:none;position:fixed;top:10%;transform:translateX(-50%);z-index:200}@keyframes flip-tile{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes pop-tile{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake-row{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}@keyframes toast-in{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:360px){:root{--tile-size:44px;--key-height:50px;--key-gap:4px;--font-size-tile:1.1rem}}@media (min-width:768px){:root{--tile-size:62px;--key-height:58px;--key-width:43px}}@media (max-height:600px) and (orientation:landscape){:root{--tile-size:38px;--key-height:40px;--header-height:44px;--font-size-tile:1rem}.header h1{font-size:1.25rem}.streak-display{padding:2px 0}.keyboard{padding:4px 8px 8px}}
/*# sourceMappingURL=main.0f8a0bbf.css.map*/