@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&display=swap";
*{box-sizing:border-box}body{color:#141820;background:#fff;min-height:100dvh;margin:0;font-family:Manrope,sans-serif}header{justify-content:space-between;align-items:center;gap:16px;padding:24px 32px;display:flex}h1{letter-spacing:-2px;margin:0;font-size:32px;font-weight:500}h1 span{color:#fa6900}.score{flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.score span{background:#f3f4f6;border-radius:24px;padding:8px 12px}main{flex-direction:column;align-items:center;min-height:calc(100dvh - 180px);padding:24px;display:flex}.instruction{color:#626774;min-height:24px;font-size:14px}.icon-grid{gap:16px;width:min(100%,760px);margin:auto;display:grid}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.icon-card{aspect-ratio:1;min-width:0;min-height:44px;color:inherit;background:0 0;border:0;border-radius:16px;place-items:center;transition:background .15s,transform .15s,color .15s;display:grid}.icon-card svg{width:clamp(20px,4vw,32px);height:clamp(20px,4vw,32px)}.icon-card:hover:not(:disabled){background:#fff0e4;transform:scale(1.04)}.icon-card.selected{color:#fff;background:#fa6900}.icon-card.matched{color:#b44700;background:#fff0e4}button:focus-visible{outline-offset:4px;outline:2px solid #fa6900}footer{justify-content:center;gap:24px;padding:24px;display:flex}footer button{color:#626774;background:0 0;border:0;padding:8px;font-size:12px}@media (max-width:600px){header{padding:20px}h1{font-size:28px}main{min-height:calc(100dvh - 180px);padding:16px}.icon-grid{gap:8px}.score{justify-content:flex-end;max-width:210px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}