.header{display:flex;justify-content:space-between;align-items:center;padding:10px;position:relative}.center{position:absolute;left:50%;transform:translate(-50%);text-align:center;width:100%}.title{color:var(--primary-color);font-size:3.2em;font-family:var(--font-family);font-weight:800;font-style:italic;-webkit-user-select:none;user-select:none;transform:translate(-50%);text-shadow:2px 2px 4px rgba(0,0,0,.1);letter-spacing:2px;margin-top:80px}.title .duplicate-letter{color:#4a90e2}.difficulty-text{font-size:20px;color:#5c9fa7;margin-top:70px;font-family:var(--font-family);font-weight:400;-webkit-user-select:none;user-select:none}.easy{color:var(--easy-color)}.medium{color:var(--medium-color)}.hard{color:var(--hard-color)}.result{font-size:34px;margin-bottom:40px;margin-top:25px;color:var(--text-color);position:relative;height:30px;display:flex;justify-content:center;font-family:var(--font-family);font-weight:400;align-items:center;-webkit-user-select:none;user-select:none}.result .letter{color:var(--text-color);font-size:inherit;margin:0 1px}.result .duplicate-letter{color:#4a90e2}.caret{display:inline-block;margin-left:5px;color:var(--text-color);font-family:var(--font-family);font-weight:400;animation:blink 1s step-end infinite}.circle-container{position:relative;width:300px;height:300px;margin:0 auto 40px;display:flex;justify-content:center;align-items:center}.circle{position:absolute;width:60px;height:60px;background-color:var(--modal-bg);border:2px solid transparent;border-radius:50%;display:flex;font-size:20px;justify-content:center;align-items:center;transition:transform .5s ease,border-color .3s ease,border-width .3s ease,background-color .3s ease;transform-style:preserve-3d;perspective:1000px}.circle:nth-child(1){transform:rotate(0) translate(120px) rotate(0)}.circle:nth-child(2){transform:rotate(51.43deg) translate(120px) rotate(-51.43deg)}.circle:nth-child(3){transform:rotate(102.86deg) translate(120px) rotate(-102.86deg)}.circle:nth-child(4){transform:rotate(154.29deg) translate(120px) rotate(-154.29deg)}.circle:nth-child(5){transform:rotate(205.71deg) translate(120px) rotate(-205.71deg)}.circle:nth-child(6){transform:rotate(257.14deg) translate(120px) rotate(-257.14deg)}.circle:nth-child(7){transform:rotate(308.57deg) translate(120px) rotate(-308.57deg)}.shakeable-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.shakeable-content.shake{animation:shake .5s ease-in-out}.circle .letter{font-size:24px;color:var(--primary-color);font-family:var(--font-family);font-weight:700;-webkit-user-select:none;user-select:none}.circle.flip.victory{border:2px solid #B19CD9;background-color:#b19cd926}.circle.used-1{border-color:gold;background-color:#ffd70026}.circle.used-2{border-color:#ffe44d;background-color:#ffe44d26}.circle.used-3{border-color:#ffeb7a;background-color:#ffeb7a26}.circle.used-4{border-color:#fff19e;background-color:#fff19e26}.circle.used-5{border-color:#fff4b8;background-color:#fff4b826}.circle.used-6{border-color:#fff7d1;background-color:#fff7d126}.circle.used-7{border-color:#fffae8;background-color:#fffae826}.buttons{display:flex;justify-content:center;gap:20px;margin-bottom:10px}.buttons button{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;padding:0;background-color:var(--modal-bg);color:var(--primary-color);outline:none}.buttons button:hover{transform:scale(1.1);background-color:var(--modal-bg)}.buttons button:active{transform:scale(.95)}.timer{font-size:24px;color:var(--primary-color);font-family:var(--font-family);font-weight:700;margin:10px 0;padding:10px;border-radius:10px;display:inline-block;min-width:100px;text-align:center;-webkit-user-select:none;user-select:none}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:10px;outline:none;box-shadow:0 4px 8px #0000001a;z-index:99999;width:85%;max-width:500px;min-width:280px;max-height:90vh;overflow-y:auto;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.ReactModal__Overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080!important;z-index:99998;opacity:0;transition:opacity .3s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}.modal-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.modal-body{flex:1;overflow-y:auto;padding:0 10px}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;color:var(--primary-color);cursor:pointer;padding:5px 10px;border-radius:50%;transition:background-color .3s}.close-button:hover{background-color:#0000001a}.modal-buttons{margin-top:20px;display:flex;justify-content:center;gap:30px}.modal-button{background-color:var(--modal-bg);color:var(--primary-color);padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:20px;margin-bottom:10px;margin-left:10px;font-family:var(--font-family);transition:background-color .3s;align-items:center}.modal-button:hover{background-color:#b0d4d6}.modal-title{font-size:20px;font-family:var(--font-family);font-weight:700;color:var(--primary-color);align-items:center;-webkit-user-select:none;user-select:none;display:flex;gap:10px}.modal-text{font-size:16px;font-family:var(--font-family);font-weight:700;color:#494949;align-items:center;-webkit-user-select:none;user-select:none;margin:0 20px 15px;line-height:1.5}.toast{position:absolute;top:-30px;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:8px 12px;border-radius:5px;font-size:14px;font-family:var(--font-family);box-shadow:0 2px 4px #0003;animation:fadeInOut 2s}.modal .result .letter{color:var(--primary-color)}.modal .circle.duplicate{border-color:#4a90e2;background-color:#4a90e226}.modal .duplicate-letter{color:#4a90e2}.modal-header{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.flag-icon{font-size:24px;margin-left:8px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:15px auto;padding:0 8px;max-width:450px;-webkit-user-select:none;user-select:none}.stat-box{background-color:var(--modal-bg);border-radius:6px;padding:6px 3px;text-align:center;display:flex;flex-direction:column;justify-content:center;min-height:50px}.stat-value{font-size:16px;font-weight:700;color:var(--primary-color);font-family:var(--font-family);line-height:1.1}.stat-label{font-size:10px;color:var(--primary-color);opacity:.8;margin-top:2px;font-family:var(--font-family);line-height:1}@media screen and (max-width: 400px){.stats-grid{grid-template-columns:repeat(5,1fr);gap:4px;padding:0 4px}.stat-box{padding:4px 2px;min-height:45px}.stat-value{font-size:14px}.stat-label{font-size:9px}}@media screen and (min-width: 401px) and (max-width: 500px){.stats-grid{gap:5px;padding:0 6px}.stat-box{padding:5px 3px;min-height:48px}.stat-value{font-size:15px}.stat-label{font-size:9px}}.streak-info{text-align:center;margin:30px 0 20px;-webkit-user-select:none;user-select:none}.streak-info h3{font-size:20px;color:var(--primary-color);margin-bottom:5px;font-family:var(--font-family)}.streak-info p{color:orange;font-size:16px;margin:0;font-family:var(--font-family)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:20px auto;max-width:400px;padding:0 20px}.calendar-day{text-align:center;position:relative}.calendar-day span{font-size:14px;color:var(--primary-color);opacity:.8;font-family:var(--font-family)}.day-marker{width:24px;height:24px;background-color:orange;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:5px auto 0;color:#fff}.achievements-container{position:relative;margin:30px 0;padding:0;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;width:100%;scroll-behavior:auto;will-change:transform;touch-action:pan-x}.achievements-container::-webkit-scrollbar{display:none}.achievements-container.dragging{cursor:grabbing}.achievements-grid{display:flex;gap:20px;width:max-content;padding:0 20px;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.achievement{flex:0 0 calc((100vw - 80px)/4);max-width:110px;min-width:90px;text-align:center;opacity:.3;transition:opacity .2s ease;padding:10px 5px;-webkit-user-select:none;user-select:none;will-change:transform,opacity}.achievement.unlocked{opacity:1}.achievement-icon{font-size:24px;margin-bottom:5px}.achievement-label{font-size:12px;color:var(--primary-color);opacity:.8;margin-bottom:2px;font-family:var(--font-family);white-space:nowrap}.achievement-name{font-size:14px;color:var(--primary-color);font-weight:700;font-family:var(--font-family);white-space:nowrap}.pagination-dots{display:flex;justify-content:center;gap:8px;margin:20px 0}.dot{width:8px;height:8px;border-radius:50%;background-color:#ddd;cursor:pointer;transition:background-color .3s ease}.dot.active{background-color:var(--primary-color)}.loading{text-align:center;padding:20px;color:var(--primary-color);font-family:var(--font-family);font-size:16px}.error-message{text-align:center;padding:20px;color:#f44336;font-family:var(--font-family);font-size:16px}.histogram-section{margin-top:20px;padding:15px;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a}.histogram-wrapper{height:300px;margin-top:15px;padding:10px;background-color:#fff}.section-title{font-size:18px;color:var(--primary-color);margin-bottom:10px;font-family:var(--font-family);text-align:center}.histogram-container{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;height:250px;overflow:hidden}.histogram{height:100%;display:flex;flex-direction:column;gap:12px;padding:10px}.histogram-row{display:flex;align-items:center;gap:15px;height:35px}.word-label{min-width:120px;text-align:right;font-size:14px;color:var(--text-color);font-family:var(--font-family);font-weight:500;padding-right:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-container{flex:1;height:28px;background-color:var(--modal-bg);border-radius:6px;overflow:hidden}.bar{height:100%;background-color:var(--primary-color);border-radius:6px;position:relative;transition:width .5s ease;animation:slideIn .5s ease-out}.count{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:13px;color:#fff;font-family:var(--font-family);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.no-data-message{text-align:center;color:var(--text-color);font-family:var(--font-family);font-size:16px;margin:20px 0}.histogram-container{margin-top:30px;text-align:center}.histogram-container h3{font-size:18px;color:var(--primary-color);margin-bottom:15px;font-family:var(--font-family)}.histogram{display:flex;flex-direction:column;gap:12px;padding:10px;height:100%}.histogram-row{display:flex;align-items:center;gap:10px;height:30px}.word-label{width:100px;text-align:right;font-size:14px;color:var(--primary-color);font-family:var(--font-family);padding-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-container{flex:1;height:24px;background-color:var(--modal-bg);border-radius:4px;overflow:hidden}.bar{height:100%;background-color:var(--primary-color);border-radius:4px;position:relative;transition:width .3s ease}.count{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;color:#fff;font-family:var(--font-family);font-weight:700}@keyframes slideIn{0%{width:0}}.bar{animation:slideIn .5s ease-out}.label{margin-top:8px;font-size:12px;color:var(--text-color);font-family:var(--font-family);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.histogram-bar-fill{width:30px;background-color:var(--modal-bg);border-radius:4px 4px 0 0;display:flex;align-items:flex-end;justify-content:center;transition:background-color .3s ease}.histogram-bar:hover .histogram-bar-fill{background-color:#b0d4d6}.histogram-bar-label{font-size:12px;color:var(--primary-color);font-family:var(--font-family);margin-bottom:5px}.histogram-bar-word{font-size:12px;color:var(--primary-color);font-family:var(--font-family);text-align:center;transform:rotate(-45deg);width:80px;margin-top:10px}.welcome-banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:transparent;padding:30px;text-align:center;min-width:320px;max-width:500px;font-family:var(--font-family);-webkit-user-select:none;user-select:none}.game-instructions{margin-bottom:30px;-webkit-user-select:none;user-select:none}.game-instructions p{color:var(--primary-color);font-size:1.3em;margin:10px 0;font-family:var(--font-family);font-weight:500;-webkit-user-select:none;user-select:none}.welcome-start-button{background-color:var(--modal-bg);color:var(--primary-color);padding:15px 40px;font-size:1.2em;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;font-family:var(--font-family);-webkit-user-select:none;user-select:none}.welcome-start-button:hover{transform:scale(1.1);background-color:#b0d4d6}.loading-message{color:var(--primary-color);font-size:1.2em;font-family:var(--font-family);font-weight:500;-webkit-user-select:none;user-select:none;margin-top:20px}:root{--primary-color: #3D3D3D;--secondary-color: #B6465F;--background-color: #afd2e9;--text-color: #FAF6F0;--modal-bg: #D7E9EA;--easy-color: #4e9750;--medium-color: #eeff6f;--hard-color: #F44336;--font-family: "Itim", cursive}html,body{height:100%;margin:0;background-color:var(--background-color)}body{overflow-y:scroll;overflow-x:hidden;position:relative}#root{width:100%}.container{flex-direction:column;height:100vh;margin:0 auto;text-align:center;justify-content:center}button{background-color:var(--modal-bg);color:var(--primary-color);border:none;border-radius:5px;padding:10px 20px;cursor:pointer;font-family:var(--font-family);font-size:16px;transition:all .3s ease}button:hover{opacity:.9;transform:scale(1.05)}.start-button{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px 30px;font-size:20px;font-family:var(--font-family);font-weight:400;color:var(--primary-color);background-color:var(--modal-bg);border:none;border-radius:8px;cursor:pointer;transition:transform .2s ease;z-index:1000}.start-button:hover{transform:translate(-50%,-50%) scale(1.05);opacity:.9}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(-10px)}10%{opacity:1;transform:translate(-50%) translateY(0)}90%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}@keyframes blink{50%{opacity:0}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.fade-out{opacity:0;transition:opacity .3s ease-out}.fade-in{opacity:1;transition:opacity .3s ease-in}.shake{animation:shake .5s ease-in-out}.wave{display:inline-block;animation:wave 1.2s ease-in-out}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid transparent;font-family:inherit;cursor:pointer}