:root{--bg:#121213;--bg-card:#1a1a1c;--text:#fff;--text-muted:#8e8e93;--text-faint:#545458;--border:#2c2c2e;--color-correct:#538d4e;--color-present:#b59f3b;--color-absent:#3a3a3c;--tile-bg:#121213;--tile-border:#3a3a3c;--tile-active-border:#565758;--key-bg:#4a4a4d;--key-text:#fff;--key-special-bg:#636366;--btn-primary:#538d4e;--btn-primary-text:#fff;--btn-secondary:#2c2c2e;--btn-secondary-text:#fff;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--modal-bg:#1a1a1cf2;--modal-overlay:#000000b3}[data-theme=light]{--bg:#f8f9fa;--bg-card:#fff;--text:#1a1a1b;--text-muted:#6e6e73;--text-faint:#aeaeb2;--border:#e2e2e7;--color-correct:#6aaa64;--color-present:#c9b458;--color-absent:#787c7e;--tile-bg:#fff;--tile-border:#d3d6da;--tile-active-border:#878a8c;--key-bg:#d3d6da;--key-text:#1a1a1b;--key-special-bg:#b0b4b8;--btn-primary:#6aaa64;--btn-primary-text:#fff;--btn-secondary:#e5e5ea;--btn-secondary-text:#1a1a1b;--modal-bg:#fffffff7;--modal-overlay:#00000080}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:var(--font-family);flex-direction:column;min-height:100dvh;display:flex;overflow-x:hidden}#app{flex-direction:column;width:100%;height:100dvh;display:flex}.app-layout{flex-direction:column;width:100%;max-width:680px;height:100%;margin:0 auto;padding:8px 12px;display:flex}.app-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.header-left{align-items:center;gap:8px;display:flex}.logo-text{letter-spacing:1px;font-size:1.5rem;font-weight:800}.logo-d1{color:var(--color-correct)}.logo-o1{color:var(--color-present)}.logo-r1{color:var(--color-correct)}.logo-d2{color:var(--color-present)}.logo-l2{color:var(--color-correct)}.logo-e2{color:var(--color-present)}.puzzle-badge{color:var(--text-muted);background:var(--btn-secondary);border-radius:12px;padding:2px 8px;font-size:.8rem;font-weight:600}.mode-selector{background:var(--btn-secondary);border-radius:20px;padding:3px;display:flex}.mode-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:16px;padding:4px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.mode-btn.active{background:var(--bg-card);color:var(--text);box-shadow:0 1px 3px #0003}.header-actions{gap:4px;display:flex}.icon-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;font-size:1.15rem;transition:background .15s;display:flex}.icon-btn:hover{background:var(--btn-secondary)}.game-status-bar{color:var(--text-muted);justify-content:space-between;align-items:center;padding:4px 4px 8px;font-size:.85rem;display:flex}.new-practice-btn{background:var(--btn-secondary);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:3px 10px;font-size:.8rem;font-weight:600;transition:background .15s}.new-practice-btn:hover{background:var(--color-correct);color:#fff}.main-content{flex:1;justify-content:center;align-items:center;padding:4px 0;display:flex;overflow-y:auto}.boards-container{justify-content:center;align-items:flex-start;gap:12px;width:100%;display:flex}.grid-divider{background-color:var(--border);opacity:.6;align-self:stretch;width:2px}.dordle-grid{flex-direction:column;flex:1;gap:4px;max-width:280px;display:flex}.grid-header-label{text-transform:uppercase;color:var(--text-muted);text-align:center;letter-spacing:.5px;margin-bottom:2px;font-size:.75rem;font-weight:700}.grid-row{gap:4px;width:100%;display:flex}.tile{aspect-ratio:1;border:2px solid var(--tile-border);text-transform:uppercase;background:var(--tile-bg);color:var(--text);border-radius:4px;flex:1;justify-content:center;align-items:center;font-size:1.25rem;font-weight:800;transition:transform .1s,border-color .1s;display:flex}.tile-filled{border-color:var(--tile-active-border)}.tile-correct{background-color:var(--color-correct);border-color:var(--color-correct);color:#fff}.tile-present{background-color:var(--color-present);border-color:var(--color-present);color:#fff}.tile-absent{background-color:var(--color-absent);border-color:var(--color-absent);color:#fff}.tile-inactive{opacity:.35;border-color:var(--tile-border);background-color:#0000}.answer-reveal{text-align:center;color:var(--text-muted);margin-top:4px;font-size:.8rem}.answer-reveal strong{color:var(--color-correct);letter-spacing:1px}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.pop-tile{animation:.12s ease-in-out pop}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.flip-tile{animation:.4s ease-in-out flip}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.shake{animation:.4s ease-in-out shake}.app-footer{justify-content:center;width:100%;padding-top:6px;display:flex}.virtual-keyboard{flex-direction:column;gap:6px;width:100%;max-width:580px;display:flex}.keyboard-row{touch-action:manipulation;justify-content:center;gap:4px;display:flex}.key{background-color:var(--key-bg);height:48px;color:var(--key-text);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:4px;flex:1;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;transition:filter .1s,transform 50ms;display:flex}.key:active{filter:brightness(.85);transform:scale(.96)}.key-special{background-color:var(--key-special-bg);color:#fff;flex:1.5;font-size:.8rem}.key-colored{color:#fff!important}.toast-banner{background:var(--text);color:var(--bg);z-index:1000;pointer-events:none;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:700;animation:.2s ease-out pop;position:fixed;top:15%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.modal-overlay{background:var(--modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out pop;display:flex;position:fixed;inset:0}.modal-card{background:var(--modal-bg);color:var(--text);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:100%;max-width:440px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000080}.modal-wide{max-width:520px}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-header h2{font-size:1.15rem;font-weight:700}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.2rem}.modal-body{padding:18px;font-size:.92rem;line-height:1.5;overflow-y:auto}.modal-body p{margin-bottom:12px}.rules-section{margin-top:14px}.rules-section h3{margin-bottom:8px;font-size:.95rem}.example-row{gap:4px;max-width:200px;margin:6px 0;display:flex}.stats-overview{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px;display:grid}.stat-box{background:var(--btn-secondary);text-align:center;border-radius:8px;padding:10px 4px}.stat-num{font-size:1.4rem;font-weight:800}.stat-label{color:var(--text-muted);margin-top:2px;font-size:.72rem}.distribution-section h3{margin-bottom:10px;font-size:.9rem}.dist-row{align-items:center;gap:8px;margin-bottom:6px;font-size:.85rem;display:flex}.dist-num{width:14px;font-weight:700}.dist-bar-wrapper{background:var(--border);border-radius:4px;flex:1;overflow:hidden}.dist-bar{background:var(--color-correct);color:#fff;text-align:right;border-radius:4px;min-width:20px;padding:3px 6px;font-size:.75rem;font-weight:700}.tabs-nav{border-bottom:1px solid var(--border);background:var(--bg-card);display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 4px;font-size:.8rem;font-weight:600;transition:all .2s}.tab-btn.active{color:var(--text);border-bottom-color:var(--color-correct)}.scopes-nav{background:var(--bg-card);border-bottom:1px solid var(--border);gap:8px;padding:10px 18px;display:flex}.scope-pill{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:12px;padding:3px 12px;font-size:.8rem;font-weight:600;transition:all .15s}.scope-pill.active{background:var(--color-correct);color:#fff;border-color:var(--color-correct)}.leaderboard-list{flex-direction:column;gap:6px;display:flex}.lb-row{background:var(--btn-secondary);border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}.lb-row-me{border:1.5px solid var(--color-correct);background:var(--bg-card)}.lb-rank{width:28px;font-size:.9rem;font-weight:800}.lb-user{flex:1;align-items:center;gap:8px;display:flex;overflow:hidden}.lb-avatar{border-radius:50%;width:28px;height:28px}.lb-avatar-placeholder{background:var(--color-correct);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.lb-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.guest-tag{background:var(--border);color:var(--text-muted);border-radius:4px;padding:1px 5px;font-size:.65rem}.lb-score{text-align:right;white-space:nowrap;font-size:.9rem}.lb-loss{color:#ff453a;font-weight:700}.text-center{text-align:center}.revealed-answers-box{justify-content:center;gap:12px;margin:16px 0;display:flex}.revealed-word{background:var(--btn-secondary);border:1px solid var(--border);border-radius:8px;padding:10px 16px}.reveal-label{color:var(--text-muted);margin-bottom:2px;font-size:.72rem;display:block}.reveal-text{letter-spacing:2px;color:var(--color-correct);font-size:1.25rem;font-weight:800}.gameover-actions{flex-direction:column;gap:10px;margin-top:20px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:.9rem;font-weight:700;transition:all .15s}.btn-large{padding:12px 20px;font-size:1rem}.btn-primary{background:var(--btn-primary);color:var(--btn-primary-text)}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background:var(--btn-secondary);color:var(--btn-secondary-text);border:1px solid var(--border)}.btn-secondary:hover{filter:brightness(1.1)}.setting-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.setting-desc{color:var(--text-muted);font-size:.78rem}.about-app{color:var(--text-muted);text-align:center;margin-top:20px;font-size:.8rem}.about-app a{color:var(--color-correct);text-decoration:none}.center-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;padding:20px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--color-correct);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=500px){.app-layout{padding:6px 8px max(8px, env(safe-area-inset-bottom,8px)) 8px}.main-content{flex:1;justify-content:center;align-items:center;padding:6px 0;display:flex}.boards-container{gap:8px;width:100%}.dordle-grid{gap:5px}.grid-row{gap:4px}.tile{aspect-ratio:1/1.15;border-width:2px;border-radius:4px;font-size:1.15rem}.app-footer{padding-top:10px}.key{height:48px;font-size:.92rem}.key-special{font-size:.75rem}}@media (width<=500px) and (height>=720px){.dordle-grid{gap:6px}.tile{aspect-ratio:1/1.2;font-size:1.25rem}.key{height:52px;font-size:.96rem}.app-footer{padding-top:14px}}@media (height<=640px){.main-content{padding:2px 0}.dordle-grid,.grid-row{gap:3px}.tile{aspect-ratio:1;border-width:1.5px;font-size:.95rem}.app-footer{padding-top:4px}.key{height:38px;font-size:.8rem}}