.recall-stage{flex-direction:column;align-items:center;width:min(640px,92vw);margin:0 auto;display:flex}.recall-stage-inner{view-transition-name:card-recall;background:#fff;border-radius:26px;flex-direction:column;align-items:center;gap:28px;width:100%;padding:28px 32px;display:flex;box-shadow:inset 0 1px #fff,0 1px 2px #0f22360a,0 28px 70px #0f22361a}.recall-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;height:32px;display:grid}.recall-title{letter-spacing:.18em;text-transform:uppercase;color:#0f22368c;text-align:center;grid-column:2;margin:0;font-size:13px;font-weight:500}.recall-best{color:#0f22368c;font-variant-numeric:tabular-nums;letter-spacing:.02em;grid-column:3;justify-self:end;font-size:12px}.recall-grid{aspect-ratio:1;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:400px;margin:0 auto;display:grid}.recall-tile{cursor:default;background:#eaeff5;border:0;border-radius:14px;padding:0;transition:transform .32s cubic-bezier(.2,.7,.2,1),background .32s ease-out,box-shadow .32s ease-out;box-shadow:inset 0 0 0 1px #0f22360a,0 1px 2px #0f22360a}.recall-grid.is-input .recall-tile{cursor:pointer}.recall-grid.is-input .recall-tile:hover{background:#dde6ee}.recall-grid.is-input .recall-tile:active{transform:scale(.96)}.recall-tile.is-flash{background:#0f2236;transition:transform 60ms ease-out,background 60ms ease-out,box-shadow 60ms ease-out;transform:scale(1.05);box-shadow:inset 0 0 0 1px #0f223666,0 8px 24px #0f22362e}.recall-tile.is-wrong{background:#c97a6e;animation:.45s cubic-bezier(.2,.7,.2,1) recall-shake}@keyframes recall-shake{0%,to{transform:translate(0)}18%{transform:translate(-5px)}36%{transform:translate(5px)}54%{transform:translate(-3px)}72%{transform:translate(3px)}90%{transform:translate(-1px)}}.recall-footer{flex-direction:column;align-items:center;gap:14px;min-height:76px;display:flex}.recall-status{color:#0f223699;letter-spacing:.01em;margin:0;font-size:14px;transition:color .3s}.recall-status.is-watch{color:#0f2236}.recall-status.is-wrong{color:#c97a6e}.recall-status.is-success{color:#5fa67a}.recall-start-btn{color:#fff;font:inherit;cursor:pointer;background:#0f2236;border:0;border-radius:999px;padding:11px 26px;font-size:14px;font-weight:500;transition:transform .15s cubic-bezier(.2,.7,.2,1),background .25s;box-shadow:0 8px 22px #0f223638}.recall-start-btn:hover{background:#1e3a5a;transform:scale(1.04)}.recall-start-btn:active{transform:scale(.96)}