:root{--hit:#0f766e;--miss:#8a4b2d}*,:before,:after{box-sizing:border-box}body{color:#1a1a1a;background:#fafafa;margin:0;font-family:system-ui,-apple-system,sans-serif}main{text-align:center;-webkit-user-select:none;user-select:none;max-width:420px;margin:0 auto;padding:1rem .75rem 2rem}header{position:relative}header h1{letter-spacing:.05em;margin:0;font-size:1.4rem}.stats-btn{color:#555;background:#fff;border:1px solid #bbb;border-radius:4px;min-height:32px;padding:0 .5rem;font-size:.8rem;position:absolute;top:.15rem;right:0}.category{text-transform:uppercase;letter-spacing:.12em;color:#777;margin:.15rem 0 0;font-size:.85rem}.board{flex-direction:column;align-items:center;gap:.4rem;margin:1.5rem 0 .5rem;display:flex}.word{gap:.25rem;display:flex}.tile{background:#fff;border:2px solid #ccc;border-radius:3px;justify-content:center;align-items:center;width:2rem;height:2.4rem;font-size:1.15rem;font-weight:700;display:flex}.tile.revealed{color:#fff;background:#1f1f1f;border-color:#1f1f1f}.tile.flip{animation:.35s flip}@keyframes flip{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.tile.slot{color:#1a1a1a;border-style:dashed;border-color:#888}.tile.cursor{border-style:solid;border-color:var(--hit)}.status{color:#555;min-height:1.4rem;margin:.5rem 0;font-size:.9rem}.controls{justify-content:center;align-items:center;gap:1rem;margin:.5rem 0 .75rem;display:flex}.action{border:2px solid var(--hit);min-width:7rem;min-height:44px;color:var(--hit);background:#fff;border-radius:6px;font-size:1rem;font-weight:600}.dots{letter-spacing:.2em;color:#1a1a1a;font-size:.8rem}.keyboard{flex-direction:column;gap:.3rem;display:flex}.key-row{justify-content:center;gap:.25rem;display:flex}.key{color:#1a1a1a;background:#e2e2e2;border:none;border-radius:4px;flex:1;max-width:2.4rem;min-height:44px;padding:0;font-size:.95rem;font-weight:600}.key.wide{max-width:3.6rem;font-size:.75rem}.key.hit{background:var(--hit);color:#fff}.key.miss{background:var(--miss);color:#fff}.key:disabled{opacity:.85}.results{background:#fff;border:2px solid #1a1a1a;border-radius:8px;margin:.75rem 0;padding:1rem}.results-line{margin:0;font-size:1.05rem}.results-tier{margin:.35rem 0 0;font-size:1.3rem;font-weight:700}.results-streak{color:#555;margin:.35rem 0 0;font-size:.9rem}.banner{background:#fff;border:1px solid #1a1a1a;border-radius:6px;margin:.75rem 0 0;padding:.5rem .75rem;font-size:.9rem;font-weight:600}.share-row{justify-content:center;gap:.75rem;margin-top:.75rem;display:flex}.compare{border-top:1px solid #ddd;margin-top:.75rem;padding-top:.75rem}.compare-verdict{margin:0 0 .5rem;font-size:.95rem;font-weight:600}.compare-row{align-items:center;gap:.5rem;margin:.25rem 0;display:flex}.compare-label{color:#555;text-align:right;width:2.6rem;font-size:.8rem}.chips{flex-wrap:wrap;gap:.2rem;display:flex}.chip{color:#1a1a1a;background:#e2e2e2;border-radius:3px;justify-content:center;align-items:center;width:1.3rem;height:1.3rem;font-size:.75rem;font-weight:700;display:inline-flex}.chip.hit{background:var(--hit);color:#fff}.chip.miss{background:var(--miss);color:#fff}.modal-backdrop{background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:10px;width:100%;max-width:340px;padding:1.25rem;position:relative}.modal h2{letter-spacing:.05em;text-transform:uppercase;margin:0 0 .75rem;font-size:1.1rem}.modal h3{letter-spacing:.05em;text-transform:uppercase;color:#555;margin:1rem 0 .5rem;font-size:.85rem}.modal-close{color:#555;background:0 0;border:none;min-width:32px;min-height:32px;font-size:1rem;position:absolute;top:.5rem;right:.5rem}.stat-grid{justify-content:space-between;gap:.5rem;display:flex}.stat{flex-direction:column;flex:1;display:flex}.stat-num{font-size:1.5rem;font-weight:700}.stat-label{color:#777;font-size:.7rem}.histo-row{align-items:center;gap:.5rem;margin:.25rem 0;display:flex}.histo-score{text-align:right;width:1.5rem;font-size:.85rem;font-weight:600}.histo-track{text-align:left;flex:1}.histo-bar{vertical-align:middle;background:#1f1f1f;border-radius:2px;min-width:4px;height:.9rem;display:inline-block}.histo-count{color:#555;text-align:left;width:1.5rem;font-size:.85rem}