:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px}h1{font-size:3.2em;line-height:1.1}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.cards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:16px}.no-results-message{grid-column:1 / -1;text-align:center;font-style:italic;color:#777;font-size:1rem}.card{width:100%;border:2px solid #ccc;border-radius:8px;padding:16px;background-color:#fdfdfd;box-shadow:1px 2px 6px #00000014;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-2px);box-shadow:2px 4px 12px #00000026}.card.collected{border-color:#4caf50;background-color:#e6f7e6}.card-header{font-weight:600;font-size:1.1rem;margin-bottom:8px}.card-age,.card-requirements,.card-description{margin-bottom:6px;line-height:1.4}.card-toggle{margin-top:auto;padding:6px 12px;border:none;border-radius:4px;background-color:#2196f3;color:#fff;font-size:1em;font-weight:500;cursor:pointer;transition:background-color .15s ease}.card-toggle:hover{background-color:#1976d2}@media(prefers-reduced-motion:reduce){.card{transition:none}}.filters-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:16px;justify-content:center;margin-bottom:1.5rem;position:sticky;top:0;background-color:#fff;z-index:1000;padding:24px 0;border-bottom:1px solid #ccc}.filters-container label{display:flex;flex-direction:column;font-weight:500;font-size:.95rem;color:#333;text-align:center;background-color:#fafafa;padding:.5rem 1rem;border-radius:8px;box-shadow:0 1px 4px #00000014;transition:box-shadow .2s,transform .15s}.filters-container label:hover{box-shadow:0 2px 8px rgba(0,0,0,.15s);transform:translateY(-1px)}.filters-container select{margin-top:.25rem;padding:6px 12px;border-radius:6px;border:1px solid #ccc;font-size:.95rem;background-color:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%23333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right .75rem center;background-size:1em;padding-right:2rem}.filters-container select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}@media(max-width:600px){.filters-container{gap:12px}.filters-container label{flex:1 1 100%;max-width:250px}.filters-container select{font-size:.9rem;padding:5px 10px}}.progress-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;margin:1rem 0;max-width:100%;overflow:hidden}.entry{display:inline-block;font-size:1.5rem;color:#ccc;line-height:1;transition:color .3s ease}.entry.filled{color:#e53935;text-shadow:0 1px 2px rgba(0,0,0,.3);animation:pop .2s ease forwards}@keyframes pop{0%{transform:scale(.6)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media(max-width:600px){.entry{font-size:1.2rem}.progress-container{gap:.15rem}}