:root{--animation-speed:.8s;--animation-speed-fast:.25s;--default-cell-bg-color:#fff;--default-cell-border-color:#000;--default-cell-text-color:#000;--absent-cell-bg-color:#94a3b8;--correct-cell-bg-color:#4ade80;--present-cell-bg-color:#facc15}.dark{--default-cell-bg-color:#0f172a;--default-cell-border-color:#fff;--default-cell-text-color:#fff;--absent-cell-bg-color:#334155}.high-contrast{--correct-cell-bg-color:#fb923c;--present-cell-bg-color:#22d3ee}.cell-fill-animation{animation:.35s linear onTypeCell}.cell-reveal{animation-duration:.35s;animation-timing-function:linear;animation-fill-mode:backwards}.cell-reveal.absent{animation-name:revealAbsentCharCell}.cell-reveal.correct{animation-name:revealCorrectCharCell}.cell-reveal.present{animation-name:revealPresentCharCell}.cell-reveal>.letter-container{animation:.35s linear backwards offsetLetterFlip}.jiggle{animation:linear jiggle;animation-duration:var(--animation-speed-fast)}@keyframes revealAbsentCharCell{0%{background-color:var(--default-cell-bg-color);border-color:var(--default-cell-border-color);color:var(--default-cell-text-color);transform:rotateX(0)}50%{background-color:var(--default-cell-bg-color);border-color:var(--default-cell-border-color);color:var(--default-cell-text-color)}50.1%{background-color:var(--absent-cell-bg-color);border-color:var(--absent-cell-bg-color)}to{transform:rotateX(180deg)}}@keyframes revealCorrectCharCell{0%{background-color:var(--default-cell-bg-color);border-color:var(--default-cell-border-color);color:var(--default-cell-text-color);transform:rotateX(0)}50%{background-color:var(--default-cell-bg-color);border-color:var(--default-cell-border-color);color:var(--default-cell-text-color)}50.1%{background-color:var(--correct-cell-bg-color);border-color:var(--correct-cell-bg-color)}to{transform:rotateX(180deg)}}@keyframes revealPresentCharCell{0%{background-color:var(--default-cell-bg-color);border-color:var(--default-cell-border-color);color:var(--default-cell-text-color);transform:rotateX(0)}50%{background-color:var(--default-cell-bg-color);border-color:var(--default-cell-border-color);color:var(--default-cell-text-color)}50.1%{background-color:var(--present-cell-bg-color);border-color:var(--present-cell-bg-color)}to{transform:rotateX(180deg)}}@keyframes offsetLetterFlip{0%{transform:rotateX(0)}to{transform:rotateX(180deg)}}@keyframes onTypeCell{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes float{0%{transform:translate(0)}50%{transform:translateY(-.25rem)}to{transform:translate(0)}}@keyframes jiggle{0%{transform:translate(0)}25%{transform:translate(-.5rem)}50%{transform:translate(.5rem)}75%{transform:translate(-.5rem)}to{transform:translate(0)}}