*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--color-background);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:background-color .15s ease,color .15s ease}a{color:var(--color-primary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem}.muted{color:var(--color-text-muted)}button,input{font:inherit}input[type=email],input[type=password],input[type=text]{background:var(--color-background);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:.5rem .7rem}button{background:var(--color-primary);color:var(--color-surface);border:none;border-radius:8px;padding:.6rem 1rem;cursor:pointer}button:disabled{opacity:.6;cursor:default}.board-cell{aspect-ratio:1;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer}.board-cell__icon{width:60%;height:60%;pointer-events:none}.board-cell__icon--wrong{animation:cell-wrong-flash .55s ease-out}.board-cell--pop .board-cell__icon{animation:cell-pop .55s ease-out}@keyframes cell-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.board-cell--wrong{animation:cell-wrong-shake .55s ease-out}@keyframes cell-wrong-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}@keyframes cell-wrong-flash{0%{opacity:0;transform:scale(.7)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}.result-overlay--win{border-color:var(--color-success)}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}