.fx-msg{min-height:22px;margin:8px 0 4px;font-weight:600;font-size:14px;color:var(--g-muted);text-align:center}.fx-grid{grid-template-rows:repeat(6,1fr);width:100%;max-width:320px;margin:2px auto 0}.fx-grid,.fx-row{display:grid;gap:7px}.fx-row{grid-template-columns:repeat(5,1fr)}.fx-cell{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:7px;background:transparent;border:2px solid var(--g-line);color:var(--g-cream);font-weight:600;text-transform:uppercase;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fx-u{font-size:clamp(20px,6vw,28px)}.fx-u.dg{font-size:clamp(15px,4.4vw,21px)}.fx-cell.filled{border-color:var(--g-line-strong)}.fx-cell.correct{background:var(--g-correct);border-color:var(--g-correct);color:var(--g-cream)}.fx-cell.present{background:var(--g-gold);border-color:var(--g-gold);color:var(--g-ink-bg)}.fx-cell.absent{background:var(--g-absent);border-color:var(--g-absent);color:var(--g-muted)}.fx-cell.reveal{animation:fx-flip .5s ease both}.fx-row.shake{animation:fx-shake .4s}.fx-legend{display:flex;flex-wrap:wrap;gap:9px 16px;justify-content:center;margin-top:16px}.fx-leg{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--g-muted)}.fx-sw{width:16px;height:16px;border-radius:4px;flex:0 0 auto}.fx-sw.c{background:var(--g-correct)}.fx-sw.p{background:var(--g-gold)}.fx-sw.a{background:var(--g-absent)}.fx-kb{margin:22px auto 0;width:100%;max-width:460px;display:flex;flex-direction:column;gap:6px}.fx-krow{display:flex;gap:5px;justify-content:center}.fx-key{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;background:var(--g-surface-2);color:var(--g-cream);flex:1 1 0;min-width:0;height:50px;border-radius:7px;font-family:var(--sans);font-weight:600;font-size:15px;text-transform:uppercase;transition:background .1s,transform .06s,color .1s;padding:0}.fx-key:hover{background:var(--g-surface-3)}.fx-key:active{transform:translateY(1px)}.fx-key.dg{font-size:12.5px}.fx-key.correct{background:var(--g-correct);color:var(--g-cream)}.fx-key.present{background:var(--g-gold);color:var(--g-ink-bg)}.fx-key.absent{background:var(--g-absent);color:var(--g-muted)}.fx-key.wide{flex:1.7 1 0;font-size:12px;letter-spacing:.04em}.fx-answer{text-align:center;font-size:14px;color:var(--g-muted);margin:2px 0 14px}.fx-answer b{color:var(--g-cream);font-size:16px;letter-spacing:.02em}.fx-meaning{text-align:center;font-size:13px;line-height:1.5;color:var(--g-muted);max-width:340px;margin:-6px auto 14px}.fx-help-ex{display:flex;flex-direction:column;gap:9px;margin:12px 0}.fx-help-ex>div{display:flex;align-items:center;gap:9px;font-size:13px}.fx-help-ex .fx-sw{width:20px;height:20px}@keyframes fx-flip{0%{transform:rotateX(0)}45%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes fx-shake{10%,90%{transform:translateX(-2px)}30%,70%{transform:translateX(4px)}50%{transform:translateX(-6px)}}@media (prefers-reduced-motion:reduce){.fx-cell.reveal,.fx-row.shake{animation:none}}@media (max-width:430px){.fx-grid{max-width:min(320px,92vw);gap:5px}.fx-krow,.fx-row{gap:4px}.fx-key{height:44px;font-size:14px;border-radius:6px}.fx-key.dg{font-size:11.5px}}