.mascot-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border:3px solid var(--ink);border-top:5px solid var(--sun);width:fit-content;box-shadow:4px 4px 0 var(--ink);font:inherit;color:var(--ink);text-align:left;cursor:pointer;border-radius:22px;align-items:center;gap:.75rem;margin:2rem auto 0;padding:.5rem .75rem .5rem .5rem;transition:rotate .16s,translate .16s,box-shadow .16s;display:flex;position:relative;rotate:-2deg}.mascot-card:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (hover:hover){.mascot-card:hover{box-shadow:6px 6px 0 var(--ink);translate:0 -2px;rotate:0deg}.mascot-card:hover:after{content:"";z-index:-1;position:absolute;inset:-14px}}.mascot-card:active{box-shadow:2px 2px 0 var(--ink);translate:2px 2px}.mascot-card__icon{background:var(--brand-soft);width:2.6rem;height:2.6rem;color:var(--brand-ink);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}@media (prefers-reduced-motion:no-preference){.mascot-card__icon svg{transform-origin:50% 80%;animation:4s ease-in-out infinite mascot-paw}}.mascot-card__text{flex-direction:column;font-size:.9rem;line-height:1.2;display:flex}.mascot-card__chevron{color:var(--ink-muted);flex-shrink:0}@media (prefers-reduced-motion:reduce){.mascot-card{transition:none}}@keyframes mascot-paw{0%,76%,to{rotate:0deg}82%{rotate:-16deg}88%{rotate:12deg}94%{rotate:-6deg}}.mascot{flex-direction:column;gap:.75rem;display:flex}.mascot__photo{border-radius:22px;align-self:center;width:100%;max-width:280px;height:auto}.mascot p{margin:0}.mascot__facts{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.mascot__facts li{align-items:center;gap:.5rem;display:flex}.mascot__facts .paw-icon{color:var(--brand)}.mascot__game{border-top:1px dashed var(--line-strong);flex-direction:column;gap:.5rem;padding-top:.75rem;display:flex}.mascot__game--solved{color:var(--leaf-strong);font-weight:700}.mascot__form{gap:.5rem;display:flex}.mascot__form .ui-input{flex:1;min-width:0}.mascot__count{font-size:.85rem}
