:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#121213;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100dvh;background-color:#121213}#root{width:100%;margin:0 auto;text-align:center}button{font-family:inherit}button{background:none;border:none;padding:0;margin:0;font:inherit;cursor:pointer;outline:inherit}@media (hover: none) and (pointer: coarse){button{-webkit-tap-highlight-color:transparent}}.App{text-align:center;min-height:100dvh;background-color:#121213;color:#fff;display:flex;flex-direction:column}.App-header{padding:1rem;border-bottom:1px solid #3a3a3c;position:relative}.App-header h1{margin:0;font-size:2rem;font-weight:700;color:#fff}.help-button{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background-color:#3a3a3c;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.help-button:hover{background-color:#565758;transform:translateY(-50%) scale(1.1)}.game-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1rem;max-width:500px;margin:0 auto;width:100%;min-height:calc(100dvh - 120px)}.controls{margin:1rem 0}.loading{background-color:#17a2b8;color:#fff;border:1px solid #138496;border-radius:4px;padding:.75rem 1rem;margin:1rem 0;text-align:center;font-weight:700}.validation-error{background-color:#dc3545;color:#fff;border:1px solid #c82333;border-radius:4px;padding:.75rem 1rem;text-align:center;font-weight:700;display:flex;align-items:center;justify-content:center}.validation-error:empty{visibility:hidden}.reset-button{background-color:#538d4e;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s}.reset-button:hover{background-color:#4a7c45}@media (max-width: 768px){.App-header h1{font-size:1.5rem}.game-container{padding:.5rem}.game-over{padding:1rem;margin:.5rem 0}.game-over h2{font-size:1.25rem}}@media (max-width: 480px){.App-header{padding:.5rem}.App-header h1{font-size:1.25rem}.game-container{padding:.25rem}}.wordle-grid{display:flex;flex-direction:column;gap:5px;margin:2rem 0}.grid-row{display:flex;gap:5px;justify-content:center}.tile{width:62px;height:62px;border:2px solid #3a3a3c;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;text-transform:uppercase;background-color:transparent;color:#fff;transition:all .2s ease;position:relative}.tile.absent{background-color:#3a3a3c;border-color:#3a3a3c;color:#fff}.tile.present{background-color:#b59f3b;border-color:#b59f3b;color:#fff}.tile.correct{background-color:#538d4e;border-color:#538d4e;color:#fff}.color-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.color-modal{background-color:#1a1a1b;border:1px solid #3a3a3c;border-radius:8px;padding:1.5rem;text-align:center;min-width:250px}.color-modal h3{margin:0 0 1rem;color:#fff;font-size:1.25rem}.color-options{display:flex;gap:.5rem;justify-content:center}.color-option{padding:.75rem 1rem;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:80px}.color-option.gray{background-color:#3a3a3c;color:#fff}.color-option.yellow{background-color:#b59f3b;color:#fff}.color-option.green{background-color:#538d4e;color:#fff}.color-option:hover{transform:scale(1.05)}@media (max-width: 768px){.tile{width:50px;height:50px;font-size:1.5rem}.wordle-grid{margin:1rem 0}}@media (max-width: 480px){.tile{width:45px;height:45px;font-size:1.25rem}.grid-row{gap:3px}.wordle-grid{gap:3px;margin:.5rem 0}}@media (max-width: 768px){.color-modal{margin:1rem;padding:1rem;min-width:200px}.color-options{flex-direction:column;gap:.5rem}.color-option{min-width:auto}}.keyboard{display:flex;flex-direction:column;gap:8px;margin-top:2rem;width:100%;max-width:500px}.keyboard-row{display:flex;gap:6px;justify-content:center}.key{min-width:40px;height:58px;border:none;border-radius:4px;background-color:#818384;color:#fff;font-size:.875rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;text-transform:uppercase;transition:all .2s ease;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.key:hover{background-color:#6d6e6f}.key:active{transform:scale(.95)}.key.special-key{min-width:65px;font-size:1rem}.key.search-key{font-size:.9rem}.key.absent{background-color:#3a3a3c}.key.present{background-color:#b59f3b}.key.correct{background-color:#538d4e}@media (max-width: 768px){.keyboard{margin-top:1rem;gap:6px}.keyboard-row{gap:4px}.key{min-width:35px;height:50px;font-size:.8rem}.key.special-key{min-width:55px;font-size:.7rem}}@media (max-width: 480px){.keyboard{margin-top:.5rem;gap:4px}.keyboard-row{gap:3px}.key{min-width:30px;height:45px;font-size:.75rem}.key.special-key{min-width:50px;font-size:.65rem}}@media (hover: none) and (pointer: coarse){.key:hover{background-color:#818384}.key:active{background-color:#6d6e6f;transform:scale(.95)}}.results-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.results-modal{background-color:#1a1a1b;border:1px solid #3a3a3c;border-radius:8px;max-width:90vw;max-height:80vh;width:500px;overflow:hidden}.results-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #3a3a3c}.results-header h2{margin:0;color:#fff;font-size:1.5rem}.results-content{padding:1.5rem;max-height:60vh;overflow-y:auto}.results-summary{margin:0 0 1.5rem;color:#d7dadc;text-align:center;font-size:1.1rem}.words-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;margin-top:1rem}.word-item{background-color:#3a3a3c;color:#fff;padding:.5rem;text-align:center;border-radius:4px;font-weight:700;font-size:.9rem}.no-results{text-align:center;color:#d7dadc}.no-results p{margin:.5rem 0}@media (max-width: 768px){.results-modal{margin:1rem;width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.results-header,.results-content{padding:1rem}.words-list{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.4rem}.word-item{font-size:.8rem;padding:.4rem}}.help-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.help-modal{background-color:#1a1a1b;border:1px solid #3a3a3c;border-radius:8px;max-width:90vw;max-height:80vh;width:600px;overflow:hidden}.help-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #3a3a3c}.help-header h2{margin:0;color:#fff;font-size:1.5rem}.close-button{background:none;border:none;color:#d7dadc;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-button:hover{background-color:#3a3a3c;color:#fff}.help-content{padding:1.5rem;max-height:60vh;overflow-y:auto}.help-section{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.help-section:last-child{margin-bottom:0}.help-section h3{color:#fff;margin:0 0 .75rem;font-size:1.2rem}.help-section p{color:#d7dadc;margin:0 0 .75rem;line-height:1.5}.help-section ul{color:#d7dadc;margin:.5rem 0;padding-left:1.5rem}.help-section li{margin:.25rem 0;line-height:1.4}.color-table{color:#d7dadc}.color-table td{padding-bottom:.2rem}.color-table td:nth-child(2){text-align:left;box-sizing:border-box;padding-left:.5rem}.color-example{display:inline-block;padding:.25rem .5rem;border-radius:3px;font-weight:700;font-size:.9rem;margin-right:.5rem;width:100%}.color-example.gray{background-color:#3a3a3c;color:#fff}.color-example.yellow{background-color:#b59f3b;color:#fff}.color-example.green{background-color:#538d4e;color:#fff}@media (max-width: 768px){.help-modal{margin:1rem;width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.help-header,.help-content{padding:1rem}.help-section h3{font-size:1.1rem}}.help-section ul{padding:0;margin:0;list-style:none}