:root{--ease-out:cubic-bezier(.23, 1, .32, 1)}html{-webkit-text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent;margin:0}.pressable{transition:transform .14s var(--ease-out)}.pressable:active{transform:scale(.98)}.enter{animation:enter .22s var(--ease-out)}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pop{animation:pop .36s var(--ease-out) both}.pop:nth-child(2){animation-delay:60ms}.pop:nth-child(3){animation-delay:.12s}.pop:nth-child(4){animation-delay:.18s}@keyframes pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.option{box-sizing:border-box;color:#20302f;cursor:pointer;min-height:52px;transition:border-color .14s ease, background-color .14s ease, transform .14s var(--ease-out);background:#fff;border:2px solid #ded6c8;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;font-size:1rem;line-height:1.35;display:flex}.option:active:not(.option-locked){transform:scale(.98)}.option input{opacity:0;width:1px;height:1px;position:absolute}.option:focus-within{outline-offset:2px;outline:3px solid #e8833a}.option-selected{background:#e8f2f1;border-color:#0f5c63}.option-correct{background:#e8f5ec;border-color:#2e7d4f}.option-wrong{background:#fbeceb;border-color:#b3372d}.option-locked{cursor:default}.token-tray{box-sizing:border-box;border:2px dashed #ded6c8;border-radius:14px;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:64px;padding:10px;display:flex}.token-bank{flex-wrap:wrap;gap:8px;display:flex}.token{color:#20302f;min-height:44px;font:inherit;cursor:pointer;transition:border-color .14s ease, background-color .14s ease, transform .14s var(--ease-out);background:#fff;border:2px solid #ded6c8;border-radius:12px;padding:8px 14px}.token:active:not(:disabled){transform:scale(.96)}.token:focus-visible{outline-offset:2px;outline:3px solid #e8833a}.token:disabled{cursor:default;color:#6b7775;background:#f4efe5}.token-picked,.token-picked:disabled,.token-paired,.token-paired:disabled{color:#20302f;background:#e8f2f1;border-color:#0f5c63}.token-active{background:#fdf1e6;border-color:#e8833a}.match-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.match-item{text-align:left;overflow-wrap:anywhere;align-items:center;gap:8px;width:100%;min-height:52px;display:flex}.match-number{color:#fff;background:#0f5c63;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.8rem;font-weight:700;display:grid}.milestone{background:#fdf1e6;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:14px;display:flex}.milestone-flame{animation:flame .9s var(--ease-out) 2;font-size:2rem}@keyframes flame{50%{transform:scale(1.25)rotate(-6deg)}}@media (prefers-reduced-motion:reduce){.pressable:active,.option:active:not(.option-locked),.token:active:not(:disabled){transform:none}.milestone-flame{animation:none}.enter,.pop{animation:.18s both fade}@keyframes fade{0%{opacity:0}to{opacity:1}}}