.game-recall{--recall-gap:12px}.game-recall .recall-setup{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;display:grid}.game-recall .recall-setup-preview{width:220px}.game-recall .recall-count{font-variant-numeric:tabular-nums;min-width:48px}.game-recall .recall-meta{color:var(--muted);margin:12px 0 20px;font-size:14px;font-weight:700;line-height:1.45}.game-recall .recall-meta b{color:var(--ink);font-variant-numeric:tabular-nums}@media (width<=600px){.game-recall .recall-setup{grid-template-columns:minmax(0,1fr);gap:16px}.game-recall .recall-setup-preview{order:-1;width:150px;margin:0 auto}}.game-recall .recall-round{border:2px solid var(--ink);background:var(--game-tint,#dff3f2);border-radius:12px;flex-direction:column;align-items:center;min-width:58px;padding:3px 8px 4px;line-height:1;display:flex}.game-recall .recall-round span{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:800}.game-recall .recall-round b{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-top:2px;font-size:24px;font-weight:700}.game-recall .recall-play{flex-direction:column;gap:24px;padding-top:4px;display:flex}.game-recall .recall-board{--cols:2;justify-content:center;gap:var(--recall-gap);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-wrap:wrap;width:100%;max-width:380px;margin:0 auto;display:flex}.game-recall .recall-board[data-cols="3"]{max-width:460px}.game-recall .recall-board[data-cols="4"]{max-width:560px}.game-recall .recall-pad{flex:0 0 calc((100% - (var(--cols) - 1) * var(--recall-gap)) / var(--cols));aspect-ratio:1;min-width:0;color:var(--pad);background:var(--pad-tint);border:2px solid var(--ink);box-shadow:var(--shadow-card);cursor:pointer;touch-action:manipulation;border-radius:22px;justify-content:center;align-items:center;padding:0;transition:background-color 70ms linear,color 70ms linear,transform .11s,box-shadow .11s;display:flex;position:relative}.game-recall .recall-pad[aria-disabled=true]{cursor:default}.game-recall .recall-pad:focus-visible{outline:3px solid var(--lake);outline-offset:3px}.game-recall .recall-pad:active:not([aria-disabled=true]){transform:translateY(3px);box-shadow:0 2px #22304a59}.game-recall .recall-shape{fill:currentColor;width:44%;height:44%;stroke:var(--ink);stroke-width:1.6px;stroke-linejoin:round;transition:transform .11s;overflow:visible}.game-recall .recall-pad[data-lit=true]{background:var(--pad);color:#fff;transform:translateY(3px);box-shadow:0 2px #22304a59}.game-recall .recall-pad[data-lit=true] .recall-shape{transform:scale(1.12)}.game-recall .recall-play[data-phase=over] .recall-pad:not([data-mark]){opacity:.45}.game-recall .recall-pad[data-mark=expected]{background:var(--pad);color:#fff}.game-recall .recall-pad[data-mark=wrong]{animation:.4s recall-shake}.game-recall .recall-mark{border:2px solid var(--ink);background:#fff;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:8px;right:8px}.game-recall .recall-mark svg{stroke-width:3px;width:18px;height:18px}.game-recall .recall-pad[data-mark=wrong] .recall-mark{background:var(--rose-tint);color:#b23431}.game-recall .recall-pad[data-mark=expected] .recall-mark{background:var(--meadow-tint);color:#1d7a4f}.game-recall .recall-key{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:800;display:none;position:absolute;bottom:6px;left:10px}.game-recall .recall-pad[data-lit=true] .recall-key,.game-recall .recall-pad[data-mark=expected] .recall-key{color:#fff}@media (hover:hover) and (pointer:fine){.game-recall .recall-key{display:block}}.game-recall .recall-board[data-size=preview]{--recall-gap:7px;pointer-events:none;max-width:150px}.game-recall .recall-board[data-size=preview] .recall-pad{border-radius:11px;box-shadow:0 3px #22304a59}.game-recall .recall-board[data-size=preview] .recall-pad[data-lit=true]{transform:none}.game-recall .recall-board[data-size=preview] .recall-mark{width:20px;height:20px;top:3px;right:3px}.game-recall .recall-board[data-size=preview] .recall-mark svg{width:12px;height:12px}.game-recall .recall-board[data-size=preview][data-cols="3"]{max-width:190px}.game-recall .recall-board[data-size=preview][data-cols="4"]{max-width:220px}.game-recall .recall-setup-preview .recall-board[data-size=preview]{max-width:none}.game-recall .recall-help{gap:14px;margin:0;padding:0;list-style:none;display:grid}.game-recall .recall-help-step{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:14px;display:grid}.game-recall .recall-help-step h3{font-family:var(--font-display);margin:0 0 2px;font-size:17px;font-weight:600;line-height:1.2}.game-recall .recall-help-step p{margin:0;font-size:14.5px;font-weight:600;line-height:1.4}.game-recall .recall-help-art{justify-content:center;display:flex}.game-recall .recall-help-art .recall-board[data-size=preview]{--recall-gap:5px;max-width:70px}.game-recall .recall-help-art .recall-pad{border-radius:8px;box-shadow:0 2px #22304a59}.game-recall .recall-help-seg{gap:4px;display:inline-flex}.game-recall .recall-help-seg span{width:25px;height:30px;font-family:var(--font-display);border:2px solid var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.game-recall .recall-help-seg span[data-on=true]{background:var(--signpost-tint);box-shadow:inset 0 0 0 2px var(--signpost)}.game-recall .recall-help-foot{justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;display:flex}.game-recall .recall-help-keys{color:var(--muted);margin:0 auto 0 0;font-size:13.5px;font-weight:700}@media (hover:none){.game-recall .recall-help-keys{display:none}}@media (width<=420px){.game-recall .recall-help{gap:12px}.game-recall .recall-help-step{grid-template-columns:72px minmax(0,1fr);gap:12px}.game-recall .recall-help-step h3{font-size:16px}.game-recall .recall-help-step p{font-size:14px;line-height:1.35}}@media (width<=359px),(height<=600px){.game-recall .recall-help{gap:10px}.game-recall .recall-help-step{grid-template-columns:56px minmax(0,1fr);gap:10px}.game-recall .recall-help-step h3{font-size:15px}.game-recall .recall-help-step p{font-size:13px;line-height:1.3}.game-recall .recall-help-art .recall-board[data-size=preview]{--recall-gap:4px;max-width:54px}.game-recall .recall-help-seg{gap:2px}.game-recall .recall-help-seg span{border-radius:6px;width:18px;height:24px;font-size:12px}.game-recall .recall-help-foot{margin-top:12px}.dt-modal:has(.recall-help){padding:10px 14px 14px}.dt-modal:has(.recall-help) .dt-modal-title{margin:6px 0 0;font-size:18px}.dt-modal:has(.recall-help) .dt-icon-btn{width:38px;height:38px}}@keyframes recall-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.game-recall .recall-pad,.game-recall .recall-shape{transition:none}.game-recall .recall-pad[data-lit=true],.game-recall .recall-pad:active:not([aria-disabled=true]),.game-recall .recall-pad[data-lit=true] .recall-shape{transform:none}.game-recall .recall-pad[data-mark=wrong]{animation:none}}