:root{font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#121213;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;display:flex;justify-content:center;min-width:320px;min-height:100vh;background-color:#121213}#root{width:100%;max-width:500px;margin:0 auto;display:flex;flex-direction:column;align-items:center;min-height:100vh}.app{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh}.header{width:100%;padding:10px 16px;border-bottom:1px solid #3a3a3c;display:flex;align-items:center;justify-content:space-between;position:relative;box-sizing:border-box}.header h1{position:absolute;left:50%;transform:translate(-50%);font-size:2rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#fff;margin:0;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.header h1:hover{opacity:.8}.header-left{display:flex;gap:8px;align-items:center;z-index:1}.header-right{display:flex;gap:8px;justify-content:flex-end;align-items:center;z-index:1}.header-btn{background:none;border:1.5px solid #565758;color:#fff;cursor:pointer;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;transition:border-color .15s;flex-shrink:0}.header-btn:hover{border-color:#fff}.guess-counter{color:#818384;font-size:.85rem;font-weight:600;white-space:nowrap}.new-game-controls{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0}.game-result{text-align:center}.win-message{color:#538d4e;font-weight:700;font-size:1.2rem}.loss-message{color:#fff;font-weight:700;font-size:1.1rem}.loss-message .answer{text-transform:uppercase;color:#b59f3b}.word-length-selector{display:flex;align-items:center;gap:8px}.word-length-selector span{font-size:.9rem;color:#818384;margin-right:4px}.word-length-btn{width:40px;height:40px;border-radius:6px;border:2px solid #3a3a3c;background:transparent;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.word-length-btn:hover{border-color:#565758}.word-length-btn.active{background:#538d4e;border-color:#538d4e}.new-game-btn{padding:12px 32px;border-radius:6px;border:none;background:#538d4e;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;transition:background .15s ease}.new-game-btn:hover{background:#6aaf5e}.new-game-btn:disabled{background:#3a3a3c;cursor:not-allowed}.game-over-buttons{display:flex;gap:12px;align-items:center}.share-btn{padding:12px 32px;border-radius:6px;border:2px solid #538d4e;background:transparent;color:#538d4e;font-size:1rem;font-weight:600;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;transition:all .15s ease}.share-btn:hover{background:#538d4e;color:#fff}.message-area{position:fixed;top:72px;left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.error-message{background:#fff;color:#121213;font-weight:700;font-size:.9rem;padding:8px 16px;border-radius:4px;white-space:nowrap;animation:slideDown .2s ease}.success-message{background:#538d4e;color:#fff;font-weight:700;font-size:.9rem;padding:8px 16px;border-radius:4px;white-space:nowrap;animation:slideDown .2s ease}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.board-container{display:flex;justify-content:center;align-items:flex-start;flex-grow:1;padding:10px 0;width:100%}.board{display:flex;flex-direction:column;gap:5px;padding:10px}.row{display:flex;gap:5px;justify-content:center}.tile{width:62px;height:62px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;text-transform:uppercase;color:#fff;border:2px solid #3a3a3c;background:transparent;-webkit-user-select:none;user-select:none}.board.len-6 .tile{width:56px;height:56px;font-size:1.8rem}.board.len-7 .tile{width:50px;height:50px;font-size:1.6rem}.board.len-8 .tile{width:44px;height:44px;font-size:1.4rem}.tile.filled{border-color:#565758}.tile.pop{animation:pop .1s ease}.tile.green{background-color:#538d4e;border-color:#538d4e}.tile.yellow{background-color:#b59f3b;border-color:#b59f3b}.tile.gray{background-color:#3a3a3c;border-color:#3a3a3c}.tile.revealing{border-color:#565758;background:transparent;animation:flip-reveal .5s ease both}@keyframes flip-reveal{0%{transform:rotateX(0);background-color:transparent;border-color:#565758}45%{transform:rotateX(90deg);background-color:transparent;border-color:#565758}55%{transform:rotateX(90deg);background-color:var(--tile-color);border-color:var(--tile-color)}to{transform:rotateX(0);background-color:var(--tile-color);border-color:var(--tile-color)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.keyboard{padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom));width:100%;max-width:500px;margin-bottom:8px}.keyboard-row{display:flex;justify-content:center;gap:6px;margin-bottom:6px}.key{height:58px;min-width:43px;border-radius:4px;border:none;background:#818384;color:#fff;font-size:.85rem;font-weight:700;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:background .15s ease;padding:0}.key:active{filter:brightness(.85)}.key.wide{min-width:65px;font-size:.75rem}.key.green{background:#538d4e}.key.yellow{background:#b59f3b}.key.gray{background:#3a3a3c}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeIn .2s ease}.modal{background:#1a1a1b;border:1px solid #3a3a3c;border-radius:8px;padding:28px 32px;max-width:480px;width:100%;max-height:85vh;overflow-y:auto;position:relative;color:#fff}.modal h2{font-size:1.4rem;font-weight:700;text-align:center;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.modal-subtitle{text-align:center;color:#818384;font-size:.95rem;margin-bottom:16px}.modal h3{font-size:1rem;font-weight:700;margin:16px 0 12px;text-transform:uppercase;letter-spacing:.05em}.modal-close{position:absolute;top:12px;right:16px;background:none;border:none;color:#818384;font-size:1.5rem;cursor:pointer;line-height:1;padding:0}.modal-close:hover{color:#fff}.rules-list{list-style:none;padding:0;margin:0 0 8px}.rules-list li{font-size:.9rem;color:#d7dadc;padding:6px 0;border-bottom:1px solid #2a2a2b;line-height:1.5}.rules-list li:last-child{border-bottom:none}.example{margin-bottom:16px}.example-tiles{display:flex;gap:4px;margin-bottom:6px}.example p{font-size:.85rem;color:#d7dadc;line-height:1.4}.tile.mini{width:38px;height:38px;font-size:1.1rem;font-weight:700;border:2px solid #3a3a3c}.tile.mini.green{background:#538d4e;border-color:#538d4e}.tile.mini.yellow{background:#b59f3b;border-color:#b59f3b}.tile.mini.gray{background:#3a3a3c;border-color:#3a3a3c}.dictionary-note{margin-top:16px;padding:12px;background:#2a2a2b;border-radius:6px;font-size:.85rem;color:#b0b3b8;line-height:1.5;text-align:center}.link-btn{background:none;border:none;color:#538d4e;font-size:.85rem;cursor:pointer;text-decoration:underline;padding:0;font-weight:600}.link-btn:hover{color:#6aaf5e}.modal-dictionary{max-width:520px}.dict-controls{display:flex;gap:12px;align-items:center;margin-bottom:16px}.dict-length-selector{display:flex;gap:6px;flex-shrink:0}.dict-search{flex:1;padding:8px 12px;border-radius:6px;border:2px solid #3a3a3c;background:#121213;color:#fff;font-size:.9rem;outline:none;transition:border-color .15s}.dict-search:focus{border-color:#538d4e}.dict-search::placeholder{color:#565758}.dict-results{height:45vh;overflow-y:auto;border:1px solid #2a2a2b;border-radius:6px;padding:12px}.dict-grid{display:flex;flex-wrap:wrap;gap:4px 10px}.dict-word{font-family:monospace;font-size:.85rem;color:#d7dadc;padding:2px 0;min-width:70px}.dict-loading,.dict-empty{text-align:center;color:#818384;font-size:.9rem;padding:20px 0}.dict-count{text-align:center;color:#818384;font-size:.8rem;margin-top:8px}.modal-btn{display:block;width:100%;padding:14px;margin-top:20px;border-radius:6px;border:none;background:#538d4e;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:background .15s ease}.modal-btn:hover{background:#6aaf5e}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-stats{max-width:400px}.stats-boxes{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.stat-box{display:flex;flex-direction:column;align-items:center;min-width:64px}.stat-box .stat-value{font-size:2rem;font-weight:700;color:#fff;line-height:1}.stat-box .stat-label{font-size:.65rem;color:#818384;text-transform:uppercase;letter-spacing:.08em;margin-top:4px;text-align:center}.stats-section-title{font-size:.75rem;color:#818384;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;text-align:center}.stats-length-tabs{display:flex;justify-content:center;gap:6px;margin-bottom:16px}.stats-tab{width:40px;height:40px;border-radius:6px;border:2px solid #3a3a3c;background:transparent;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.stats-tab:hover{border-color:#565758}.stats-tab.active{background:#538d4e;border-color:#538d4e}.distribution{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.dist-row{display:flex;align-items:center;gap:8px}.dist-label{font-size:.85rem;color:#818384;width:16px;text-align:right;flex-shrink:0}.dist-bar-wrap{flex:1;background:#2a2a2b;border-radius:3px;height:20px;overflow:hidden}.dist-bar{height:100%;background:#538d4e;border-radius:3px;transition:width .3s ease}.dist-count{font-size:.8rem;color:#818384;width:24px;flex-shrink:0;text-align:left}.stats-empty{text-align:center;color:#818384;padding:20px 0;font-size:.9rem}.recent-games{display:flex;flex-direction:column}.recent-game{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #2a2a2b}.recent-game:last-child{border-bottom:none}.rg-length{font-size:.8rem;color:#818384;width:24px;flex-shrink:0}.rg-result{font-weight:700;font-size:1rem;flex-shrink:0}.rg-result.won{color:#538d4e}.rg-result.lost{color:#b59f3b}.rg-guesses{font-size:.85rem;color:#818384}.rg-answer{font-size:.85rem;color:#d7dadc;text-transform:uppercase;font-weight:600;margin-left:auto;letter-spacing:.05em}@media(max-width:500px){.header{padding:8px 12px}.header h1{font-size:1.5rem;letter-spacing:.08em}.tile{width:54px;height:54px;font-size:1.75rem}.board.len-6 .tile{width:48px;height:48px;font-size:1.55rem}.board.len-7 .tile{width:42px;height:42px;font-size:1.35rem}.board.len-8 .tile{width:38px;height:38px;font-size:1.2rem}.key{height:52px;min-width:34px;font-size:.8rem}.key.wide{min-width:54px;font-size:.7rem}.modal{padding:20px}.tile.mini{width:34px;height:34px;font-size:1rem}.new-game-controls{padding:16px 0;gap:12px}}@media(max-width:380px){.header h1{font-size:1.25rem;letter-spacing:.06em}.tile{width:46px;height:46px;font-size:1.5rem}.board.len-6 .tile{width:40px;height:40px;font-size:1.3rem}.board.len-7 .tile{width:35px;height:35px;font-size:1.1rem}.board.len-8 .tile{width:31px;height:31px;font-size:1rem}.key{height:46px;min-width:28px;font-size:.72rem}.key.wide{min-width:46px;font-size:.62rem}.tile.mini{width:30px;height:30px;font-size:.88rem}}