.c21-overlay{z-index:10;-webkit-backdrop-filter:blur(4px);background-color:oklch(14.5% 0 0/.92);justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.c21-overlay[hidden],.c21-feedback[hidden]{display:none}.c21-feedback-title{font-family:var(--font-display);color:var(--color-accent-200);letter-spacing:.04em;font-size:.9rem;font-weight:800}.c21-feedback-awards{font-family:var(--font-display);color:var(--color-base-300);margin-top:.2rem;font-size:.7rem}.c21-feedback[data-kind=bust] .c21-feedback-title{color:oklch(75% .15 24)}.c21-overlay-panel{width:100%;max-width:24rem;max-height:100%;padding:1.5rem;overflow-y:auto}@media (width>=640px){.c21-overlay-panel{padding:2rem}}.c21-col{-webkit-tap-highlight-color:transparent;touch-action:manipulation;background-color:oklch(12% 0 0)}.c21-col[data-state=empty]{border-style:dashed;border-color:var(--color-base-800)}.c21-col[data-state=low]{border-color:var(--color-accent-800);background-color:oklch(13% .01 162)}.c21-col[data-state=safe]{border-color:var(--color-accent-600);background-color:oklch(14% .015 162)}.c21-col[data-state=caution]{border-color:var(--color-yellow-600);background-color:oklch(14% .01 82)}.c21-col[data-state=danger]{border-color:var(--color-yellow-400);background-color:oklch(15% .02 79);animation:1.2s ease-in-out infinite c21-danger-pulse}.c21-col[data-state=empty] .c21-col-total{color:var(--color-base-700)}.c21-col[data-state=low] .c21-col-total{color:var(--color-accent-400)}.c21-col[data-state=safe] .c21-col-total{color:var(--color-accent-300)}.c21-col[data-state=caution] .c21-col-total{color:var(--color-yellow-400)}.c21-col[data-state=danger] .c21-col-total{color:var(--color-yellow-200)}@keyframes c21-danger-pulse{0%,to{border-color:var(--color-yellow-400)}50%{border-color:var(--color-yellow-200);box-shadow:0 0 0 2px oklch(90% .13 80/.2)}}@keyframes c21-clear-anim{0%{border-color:var(--color-accent-300);background-color:oklch(28% .09 162)}to{border-color:var(--color-accent-600);background-color:oklch(14% .015 162)}}@keyframes c21-streak-anim{0%{border-color:var(--color-accent-200);background-color:oklch(33% .11 162)}50%{background-color:oklch(30% .1 162)}to{border-color:var(--color-accent-600);background-color:oklch(14% .015 162)}}@keyframes c21-bust-anim{0%{background-color:oklch(24% .1 24);border-color:oklch(65% .22 24)}40%{background-color:oklch(20% .13 24);border-color:oklch(75% .24 24)}to{background-color:oklch(12% 0 0)}}@keyframes c21-shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-5px)rotate(-1deg)}40%{transform:translate(5px)rotate(1deg)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.c21-col[data-anim=clear]{animation:.5s ease-out forwards c21-clear-anim}.c21-col[data-anim=streak]{animation:.7s ease-out forwards c21-streak-anim}.c21-col[data-anim=bust]{animation:.45s ease-out forwards c21-bust-anim,.4s ease-out c21-shake}@keyframes c21-score-bump{0%{color:#fff;transform:scale(1)}40%{color:var(--color-accent-300);transform:scale(1.18)}to{color:#fff;transform:scale(1)}}.c21-score[data-bump="1"]{animation:.35s ease-out forwards c21-score-bump}.c21-timer-bar[data-state=ok]{background-color:var(--color-accent-400)}.c21-timer-bar[data-state=warn]{background-color:var(--color-yellow-400)}.c21-timer-bar[data-state=crit]{background-color:oklch(65% .22 24)}@keyframes c21-blink{0%,to{opacity:1}50%{opacity:.35}}[data-crit="1"]{animation:.7s ease-in-out infinite c21-blink;color:oklch(75% .15 24)!important}.c21-bust-used{color:oklch(65% .22 24)}.c21-card-lg{border:1.5px solid var(--color-base-200);user-select:none;background:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:54px;padding:10px 14px;display:flex;box-shadow:0 4px 14px #0000008c,0 1px 4px #00000040}.c21-card-lg.c21-wild{border:2px solid var(--color-accent-400);box-shadow:0 0 0 3px oklch(86% .08 162/.35),0 4px 14px #00000080}.c21-rank{font-family:var(--font-display);font-size:1.875rem;font-weight:700;line-height:1}.c21-sym{font-size:1.25rem;line-height:1}.c21-card-sm{border:1px solid var(--color-base-200);font-family:var(--font-display);user-select:none;white-space:nowrap;background:#fff;border-radius:4px;align-items:center;gap:1px;padding:2px 4px;font-size:.625rem;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 1px 3px #00000047}.c21-card-sm.c21-wild{border-color:var(--color-accent-400)}.c21-sym-sm{font-size:.5625rem;line-height:1}.c21-undo-btn:not(:disabled):hover{border-color:var(--color-accent-600);background-color:oklch(14% .015 162)}.c21-undo-btn:not(:disabled):active{transform:scale(.97)}.c21-red{color:oklch(52% .22 24)}.c21-dark{color:oklch(10% 0 0)}@media (prefers-reduced-motion:reduce){.c21-col{transition:border-color 50ms,background-color 50ms!important;animation:none!important}.c21-score,[data-crit="1"]{animation:none!important}}