@layer components{.ml-stage{padding:0}.ml-top{justify-content:center;align-items:center;display:flex;position:absolute;top:16px;left:20px;right:20px}.ml-ask{font-family:var(--font-display), var(--font-sans);letter-spacing:-.03em;text-align:center;animation:pop .32s var(--ease-pop) both;font-size:clamp(20px,3.4cqw,28px);font-weight:800}.ml-streak{color:#0d0d0f;background:var(--rn);border-radius:9px;align-items:center;height:28px;padding:0 11px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;right:0}.ml-cards{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:18px;display:grid;position:absolute;inset:78px 24px 58px;container-type:inline-size}.ml-card{text-align:left;color:#fff;min-width:0;transition:transform .22s var(--ease-spring), box-shadow .22s ease, opacity .3s ease;animation:ml-in .46s var(--ease-out) both;background:linear-gradient(160deg,#ffffff1c,#ffffff0a);border-radius:24px;flex-direction:column;gap:10px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffffff1a,0 20px 44px -18px #000000b3}@media (hover:hover){.ml-card:hover{transform:translateY(-3px)}}.ml-card:active{transform:scale(.98)}.ml-card:focus-visible{outline:3px solid var(--rn);outline-offset:3px}.ml-card.is-win{box-shadow:inset 0 0 0 1.5px #ffffff1a, 0 0 0 4px var(--rn), 0 20px 44px -18px #000000b3}.ml-card.is-lose{opacity:.55}.ml-card.is-wrong{animation:ml-shake .42s var(--ease-out);box-shadow:inset 0 0 0 1.5px #ffffff1a,0 0 0 4px #ff4d4f,0 20px 44px -18px #000000b3}@keyframes ml-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes ml-shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.ml-art{aspect-ratio:1;width:50%;color:var(--acc-hi);opacity:.1;pointer-events:none;place-items:center;display:grid;position:absolute;top:9%;right:-4%;transform:rotate(-8deg)}.ml-art svg{width:100%;height:100%}.ml-kind{color:var(--on-dark-dim);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.ml-kind svg{width:22px;height:22px;color:var(--acc-hi)}.ml-name{font-family:var(--font-display), var(--font-sans);letter-spacing:-.035em;overflow-wrap:anywhere;margin-top:auto;font-size:clamp(26px,5cqw,46px);font-weight:800;line-height:1.02}.ml-value{min-height:1.3em;color:var(--rn);font-size:clamp(16px,2.4cqw,22px);font-weight:700}.ml-value.is-hidden{color:var(--on-dark-faint)}.ml-value.is-new{animation:pop .36s var(--ease-pop) both}.ml-dots{gap:6px;display:flex;position:absolute;top:54px;left:50%;translate:-50%}.ml-dots i{width:9px;height:9px;transition:background .3s ease, transform .3s var(--ease-pop);background:#ffffff29;border-radius:50%}.ml-dots i.is-now{box-shadow:inset 0 0 0 2px var(--rn);background:0 0}.ml-dots i.is-done{background:var(--rn)}.ml-dots i.is-miss{background:#ff4d4f;transform:scale(1.2)}.ml-streak{animation:pop .3s var(--ease-pop) both}.ml-card.is-picked{box-shadow:inset 0 0 0 1.5px #ffffff1a,0 0 0 3px #fff9,0 20px 44px -18px #000000b3}.ml-vs.is-right,.ml-vs.is-wrong{color:#0d0d0f;width:44px;height:44px;animation:pop .32s var(--ease-pop) both;border-radius:50%;padding:0}.ml-vs.is-right{background:var(--rn)}.ml-vs.is-wrong{color:#fff;background:#ff4d4f}.ml-vs svg{width:24px;height:24px}.ml-vs{height:34px;color:var(--on-dark);background:#ffffff1f;border-radius:11px;place-self:center;place-items:center;padding:0 12px;font-size:13px;font-weight:800;display:grid}.ml-hint{left:20px;right:20px;bottom:max(18px, env(safe-area-inset-bottom));text-align:center;color:var(--on-dark-faint);font-size:13px;position:absolute}@media (prefers-reduced-motion:reduce){.ml-card,.ml-card.is-wrong,.ml-ask,.ml-value.is-new,.ml-streak,.ml-vs.is-right,.ml-vs.is-wrong{animation:none}}@container (max-width:640px){.ml-top{justify-content:flex-start}.ml-ask{text-align:left}.ml-dots{top:50px;left:20px;translate:none}.ml-cards{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:10px;inset:72px 16px 50px}.ml-card{border-radius:20px;padding:18px 20px}.ml-name{font-size:clamp(24px,8.4cqw,34px)}.ml-value{font-size:18px}.ml-vs{height:30px}}.ml-sum{gap:8px;display:grid}.ml-sum-k{letter-spacing:.12em;color:var(--stage-dim);font-size:12px;font-weight:600}.ml-sum-row{background:var(--stage);border-radius:12px;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 14px;display:flex}.ml-sum-row b{font-size:17px;font-weight:700}.ml-sum-row span{color:var(--stage-dim);font-size:14px}}