.wt-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-width:330px;margin:0 auto 6px}.wt-cell{aspect-ratio:1;border:2px solid var(--line);border-radius:10px;display:grid;place-items:center;font:800 26px system-ui;background:#fff}
.hit{background:#2c6c3e!important;color:#fff;border-color:#2c6c3e}.near{background:#c99a2e!important;color:#fff;border-color:#c99a2e}.miss{background:#8a7f86!important;color:#fff;border-color:#8a7f86}
#wt-keys{margin-top:14px}.wt-krow{display:flex;justify-content:center;gap:4px;margin:4px 0}.wt-krow button{min-width:0;flex:1;max-width:44px;padding:6px 2px;font-weight:700}.wt-krow button[aria-label^=Enter],.wt-krow button[aria-label^=Delete]{max-width:70px}
#mp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:400px;margin:0 auto;background:#cfe4ea;padding:8px;border-radius:16px;touch-action:none}.mp-t{aspect-ratio:1;border-radius:10px;background:#eaf3f5;display:grid;place-content:center;text-align:center}.mp-t b{font-size:clamp(18px,6vw,30px)}.mp-t small{font-size:10px;opacity:.85}
.v2,.v4{background:#f4ead6}.v8,.v16{background:#d9c3a0}.v32,.v64{background:#9fbf8f}.v128,.v256{background:#6aa38b;color:#fff}.v512,.v1024{background:#1f7f97;color:#fff}.v2048{background:#e0765f;color:#fff}
.mp-pad{display:grid;grid-template-columns:repeat(3,56px);gap:6px;justify-content:center;margin-top:12px}.mp-pad [data-dir=up]{grid-column:2}.mp-pad [data-dir=left]{grid-column:1;grid-row:2}.mp-pad [data-dir=down]{grid-column:2;grid-row:2}.mp-pad [data-dir=right]{grid-column:3;grid-row:2}
#sf-grid{display:grid;gap:3px;max-width:480px;margin:0 auto}.sf-c{aspect-ratio:1;min-height:0;padding:0;border-radius:6px;background:#dbeaf0;font-weight:800;font-size:clamp(12px,3.5vw,18px)}.sf-c.open{background:#fff}.sf-c[data-n="1"]{color:#1f7f97}.sf-c[data-n="2"]{color:#2c6c3e}.sf-c[data-n="3"]{color:#b4462f}.sf-c[data-n="4"]{color:#5b2a86}
.sf-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}select{font:inherit;min-height:44px;border-radius:12px;padding:6px}
.bq-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bq-opts button{text-align:left}.bq-opts .right{background:#2c6c3e;color:#fff}.bq-opts .wrong{background:#b4462f;color:#fff}.bq-exp{min-height:1.5em}@media(max-width:520px){.bq-opts{grid-template-columns:1fr}}