body{font-family:Signika Negative,sans-serif;transition:background-color .3s ease,color .3s ease}*{box-sizing:border-box;margin:0;padding:0}.dark-theme{--bg-primary:#1a1a1a;--text-primary:#e0e0e0;--text-secondary:#999;--button-bg:#2a2a2a;--button-hover:#3a3a3a;--border-color:#666;--overlay-bg:#000000bf;background-color:#1a1a1a;color:#e0e0e0}.light-theme{--bg-primary:#fff;--text-primary:#333;--text-secondary:#666;--button-bg:#f5f5f5;--button-hover:#e8e8e8;--border-color:#ccc;--overlay-bg:#00000080;background-color:#fff;color:#333}.styled-button{background-color:var(--button-bg);border:1px solid var(--border-color);color:var(--text-primary);transition:background-color .2s ease}.styled-button:hover{background-color:var(--button-hover)}.overlay-screen{background-color:var(--overlay-bg);bottom:0;display:block;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:2}.overlay-wrapper{width:100%}.overlay{background-color:var(--button-bg);border:1px solid var(--border-color);color:var(--text-primary)}@media (min-width:992px){.overlay{width:65%}.overlay-wrapper{align-items:center;display:flex;justify-content:center}}.win-text{color:#51b36e}.win-text.colorblind{color:#2271b2}.lose-text{color:#943e3c}.lose-text.colorblind{color:#d55e00}.data-label{line-height:1.25rem}.graph-bar{background-color:#51b36e;color:#fff;font-weight:bolder}.graph-bar.colorblind{background-color:#2271b2}.letter-wrapper{border:2px solid var(--border-color);font-size:20px;font-weight:bolder;height:40px;width:48px}.typing{border:3px solid var(--border-color);color:var(--text-primary)}.disabled,.typing{background-color:var(--button-bg)}.disabled{border:1px solid var(--border-color);color:var(--text-secondary)}.right,.wrong{border:1px solid #666}.right.colorblind{border-radius:1rem!important}.displaced{border:1px solid #666;color:#fff!important}.displaced.colorblind{border-radius:1rem!important;border-style:dashed;border-width:3px}.wordlistError{background-color:var(--button-bg);border:3px solid #943e3c;color:var(--text-primary)}.wordlistError.colorblind{border:3px solid #d55e00}.active-cursor{animation:pulse 1s infinite;box-shadow:0 0 0 3px #51b36e}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #51b36e}50%{box-shadow:0 0 0 3px #51b36e,0 0 10px #51b36e}}.keyboard-button{background-color:var(--button-bg);border:1px solid var(--border-color);color:var(--text-primary);font-size:16px;transition:background-color .2s ease}.keyboard-button:hover:not(:disabled){background-color:var(--button-hover)}.letter-button{height:40px;width:8%}.action-button{padding:5px;width:20%}.right{background-color:#51b36e;color:#fff}.right.colorblind{background-color:#2271b2}.right:disabled{background-color:#51b36ea6}.right.colorblind:disabled{background-color:#2271b2a6}.wrong{background-color:#943e3c;color:#fff}.wrong.colorblind{background-color:#1d1d1d}.wrong:disabled{background-color:#943e3ca6}.wrong.colorblind:disabled{background-color:#1d1d1da6}.displaced{background-color:#c79c2e;color:#fff}.displaced.colorblind{background-color:#d55e00}.displaced:disabled{background-color:#c79c2ea6}.displaced.colorblind:disabled{background-color:#d55e00a6}.header-button{background-color:var(--button-bg);border:1px solid var(--border-color);color:var(--text-primary);font-size:150%;padding:5px;transition:background-color .2s ease}.header-button:hover{background-color:var(--button-hover)}.app-name{font-family:Acme,sans-serif;font-size:270%}.letter-green{color:#51b36e}.letter-green.colorblind{color:#2271b2}.letter-red,.letter-red.colorblind{color:#8b0000}.letter-yellow{color:#c79c2e}.letter-yellow.colorblind{color:#d55e00}.credits{font-size:13px}.content{max-height:78vh;overflow:auto}.install-prompt{animation:slideUp .3s ease-out;bottom:20px;left:50%;max-width:400px;position:fixed;transform:translateX(-50%);width:90%;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.install-prompt-content{background-color:var(--button-bg);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #0000004d;padding:20px;position:relative;text-align:center}.install-prompt-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;position:absolute;right:10px;top:10px;transition:background-color .2s;width:30px}.install-prompt-close:hover{background-color:var(--button-hover)}.install-prompt-icon{font-size:3rem;margin-bottom:10px}.install-prompt-content h3{color:#8b0000;font-size:1.3rem;margin:0 0 10px}.install-prompt-content p{color:var(--text-primary);font-size:.95rem;line-height:1.4;margin:0 0 20px}.install-prompt-buttons{display:flex;gap:10px;justify-content:center}.dismiss-btn,.install-btn{border:none;border-radius:6px;cursor:pointer;font-family:Signika Negative,sans-serif;font-size:1rem;font-weight:700;padding:10px 20px;transition:all .2s}.install-btn{background-color:#8b0000;color:#ffe4b5}.install-btn:hover{background-color:#a00000;transform:scale(1.05)}.dismiss-btn{background-color:var(--button-bg);border:1px solid var(--border-color);color:var(--text-primary)}.dismiss-btn:hover{background-color:var(--button-hover)}@media (max-width:500px){.install-prompt{bottom:10px;width:95%}.install-prompt-content{padding:15px}.install-prompt-content h3{font-size:1.1rem}.install-prompt-content p{font-size:.9rem}.install-prompt-buttons{flex-direction:column}.dismiss-btn,.install-btn{width:100%}}.app-container{margin-left:auto;margin-right:auto;max-width:500px}