.word-wipe-grid{-webkit-user-select:none;user-select:none;touch-action:none;width:100%;margin:0 auto}.word-wipe-cell{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:.5rem;justify-content:center;align-items:center;font-weight:700;transition:all .15s ease-in-out;display:flex;position:relative}.word-wipe-cell:active{transform:scale(.95)}.word-wipe-cell-selected{animation:1s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(var(--chart-1-rgb),.5)}50%{box-shadow:0 0 30px rgba(var(--chart-1-rgb),.8)}}.word-wipe-path-indicator{pointer-events:none;z-index:5;position:absolute}.word-wipe-feedback-enter{animation:.3s ease-out slideUpFade}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.word-wipe-valid-word{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#10b981!important}.word-wipe-invalid-word{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-color:#f59e0b!important}.word-wipe-progress{transition:width .5s ease-out;position:relative;overflow:hidden}.word-wipe-progress:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:374px){.word-wipe-cell{min-height:40px;font-size:1rem}.word-wipe-grid{gap:.25rem!important}}@media (min-width:375px) and (max-width:480px){.word-wipe-cell{min-height:45px;font-size:1.125rem}.word-wipe-grid{gap:.375rem!important}}@media (min-width:481px) and (max-width:640px){.word-wipe-cell{min-height:50px;font-size:1.25rem}}@media (min-width:641px) and (max-width:768px){.word-wipe-cell{min-height:55px;font-size:1.375rem}}@media (min-width:769px) and (max-width:1024px){.word-wipe-cell{min-height:60px;font-size:1.5rem}}@media (min-width:1025px){.word-wipe-cell{min-height:70px;font-size:1.875rem}}.word-wipe-cell:focus-visible{outline:3px solid var(--chart-1);outline-offset:2px}@media (prefers-color-scheme:dark){.word-wipe-cell{box-shadow:0 2px 8px #0000004d}.word-wipe-cell-selected{box-shadow:0 4px 16px #00000080}}@media (max-width:768px){.word-wipe-grid{max-width:calc(100vw - 3rem)}.word-wipe-cell{min-width:40px}.word-wipe-cell span.absolute{width:1.25rem;height:1.25rem;font-size:.625rem}}@media (min-width:768px) and (max-width:1024px){.word-wipe-grid{max-width:calc(100vw - 4rem)}}@media (max-height:600px) and (orientation:landscape){.word-wipe-cell{min-height:35px;font-size:1rem}.word-wipe-grid{gap:.25rem!important}}