:root{--color-bg: #ffffff;--color-text: #111111;--icon-button-bg: #787c7e;--icon-button-hover-bg: #565758;--icon-button-color: #ffffff;--tile-text: #000000;--tile-border-empty: #d3d6da;--tile-border-filled: #878a8c;--tile-reveal-bg: #d3d6da;--key-bg: #d3d6da;--key-text: #000000;--backspace-fill: #000000;--status-absent-bg: #787c7e;--modal-bg: #ffffff;--modal-text: #111111;--modal-border: #d3d6da;--modal-close: #555555;--modal-close-hover: #111111}:root[data-theme=dark]{--color-bg: #121213;--color-text: #d7dadc;--icon-button-bg: #3a3a3c;--icon-button-hover-bg: #565758;--icon-button-color: #ffffff;--tile-text: #d7dadc;--tile-border-empty: #3a3a3c;--tile-border-filled: #565758;--tile-reveal-bg: #3a3a3c;--key-bg: #818384;--key-text: #ffffff;--backspace-fill: #ffffff;--status-absent-bg: #3a3a3c;--modal-bg: #121213;--modal-text: #ffffff;--modal-border: #3a3a3c;--modal-close: #818384;--modal-close-hover: #ffffff}body{margin:0;font-family:Libre Franklin,cursive;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);transition:background-color .15s ease,color .15s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.word-row{display:flex;justify-content:center;margin-bottom:5px;gap:5px;flex-shrink:1}.letter{width:auto;max-width:54px;aspect-ratio:1 / 1;flex:1;display:flex;justify-content:center;align-items:center;font-size:1.85rem;font-weight:700;border:2px solid var(--tile-border-empty);text-transform:uppercase;color:var(--tile-text);transition:background-color .3s ease}@media(max-width:350px){.letter{font-size:1.5rem}}.letter-empty{border-color:var(--tile-border-empty)}.letter-filled{border-color:var(--tile-border-filled)}.correct-initial,.present-initial,.absent-initial{background-color:var(--tile-reveal-bg)}.correct-final{background-color:#6aaa64;border:2px solid #6aaa64;color:#fff}.present-final{background-color:#c9b458;border:2px solid #c9b458;color:#fff}.absent-final{background-color:var(--status-absent-bg);border:2px solid var(--status-absent-bg);color:#fff}@keyframes flip{0%{transform:scaleY(1)}50%{transform:scaleY(0);background-color:transparent}51%{background-color:inherit}to{transform:scaleY(1)}}.flip{animation:flip .5s ease forwards}.keyboard{display:flex;flex-direction:column;gap:6px;width:100%;max-width:500px;padding:0 8px;box-sizing:border-box;margin-bottom:5px}.keyboard-row{display:flex;justify-content:center;gap:6px;width:100%;margin:0 auto}.key{flex:1;height:52px;font-size:1.15rem;font-weight:700;text-transform:uppercase;border:none;background-color:var(--key-bg);color:var(--key-text);border-radius:4px;cursor:pointer;display:flex;justify-content:center;align-items:center;min-width:0;padding:0}.key-wide{flex:1.5;font-size:.75rem}.half-spacer{flex:.5}.key.correct{background-color:#6aaa64;color:#fff}.key.present{background-color:#c9b458;color:#fff}.key.absent{background-color:var(--status-absent-bg);color:#fff}.backspace-icon{fill:var(--backspace-fill)}@media(max-width:600px){.key{font-size:1rem}.key-wide{font-size:.75rem}.keyboard-row{gap:4px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--modal-bg);color:var(--modal-text);padding:20px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 23px #0003;border:1px solid var(--modal-border);font-family:Clear Sans,Helvetica Neue,Arial,sans-serif}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{margin:0;font-size:16px;text-transform:uppercase;font-weight:700}.stats-mode{margin-top:2px;font-size:12px;color:var(--modal-text);opacity:.8}.close-button{background:none;border:none;color:var(--modal-close);font-size:24px;cursor:pointer;line-height:1}.close-button:hover{color:var(--modal-close-hover)}.stats-grid{display:flex;justify-content:space-around;margin-bottom:24px}.stat-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}.stat-value{font-size:30px;font-weight:700}.stat-label{font-size:12px;text-align:center}.stats-details{border-top:1px solid var(--modal-border);padding-top:16px}.detail-item{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.settings-section{border-top:1px solid var(--modal-border);padding-top:16px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.settings-row-multi{align-items:flex-start}.settings-label{font-size:14px;font-weight:600}.settings-action{display:inline-flex;align-items:center;gap:10px;background-color:var(--icon-button-bg);border:none;cursor:pointer;color:var(--icon-button-color);height:40px;padding:0 12px;border-radius:10px;font-size:16px;transition:transform .1s ease,background-color .2s ease;box-shadow:0 2px 4px #0000001a}.settings-action:hover{background-color:var(--icon-button-hover-bg);transform:scale(1.03)}.settings-action:active{transform:scale(.98)}.settings-action-text{font-size:14px;font-weight:700;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif}.settings-options{display:flex;gap:8px}.settings-option{width:44px;height:40px;border-radius:10px;border:1px solid var(--modal-border);background-color:transparent;color:var(--modal-text);cursor:pointer;font-weight:700;transition:transform .1s ease,background-color .2s ease,border-color .2s ease}.settings-option:hover{background-color:#7f7f7f1f;transform:scale(1.03)}.settings-option.selected{background-color:var(--icon-button-bg);border-color:var(--icon-button-bg);color:var(--icon-button-color)}.alert-container{position:absolute;top:60px;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none;width:100%;display:flex;justify-content:center}.alert-toast{background-color:var(--color-text);color:var(--color-bg);padding:12px 20px;border-radius:4px;font-weight:700;font-size:1rem;pointer-events:auto;box-shadow:0 4px 6px #0000001a;opacity:.95;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:.95;transform:translateY(0)}}.game-container{text-align:center;padding:10px;display:flex;flex-direction:column;align-items:center;max-width:600px;width:100%;margin:0 auto;height:100vh;height:100dvh;justify-content:space-between;gap:10px;color:var(--color-text);overflow:hidden;box-sizing:border-box}.header{display:flex;justify-content:center;align-items:center;width:100%;padding:0 0 10px;gap:15px;flex-shrink:0}.header h1{margin:0;font-size:36px;font-weight:700;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;letter-spacing:-1px}.stats-button,.settings-button{background-color:var(--icon-button-bg);border:none;cursor:pointer;padding:0;color:var(--icon-button-color);width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:transform .1s ease,background-color .2s ease;box-shadow:0 2px 4px #0000001a}.stats-button:hover,.settings-button:hover{background-color:var(--icon-button-hover-bg);transform:scale(1.05);color:var(--icon-button-color)}.stats-button:active,.settings-button:active{transform:scale(.95)}.game-content{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative;padding-bottom:20px;padding-top:10px}.message{height:24px;margin:0}.site-footer{font-size:12px;color:var(--color-text-secondary, #6e6e6e);padding:8px 0;flex-shrink:0}.site-footer a{color:inherit;text-decoration:underline;text-underline-offset:2px}.site-footer a:hover{color:var(--color-text)}