@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:#1a1a1a;-webkit-tap-highlight-color:transparent}canvas{touch-action:none;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.animal-nameplate{position:absolute;top:clamp(2.75rem,10vh,5.5rem);left:50%;transform:translate(-50%);z-index:10;pointer-events:none;display:flex;justify-content:center;width:min(100%,34rem);padding:0 1rem;box-sizing:border-box}.animal-nameplate__label{display:inline-flex;align-items:center;justify-content:center;gap:.08rem;min-width:18rem;padding:0;background:none;border:none;color:#fffffff2;font-family:Inter,sans-serif;font-size:clamp(1.75rem,4vw,2.4rem);font-weight:700;letter-spacing:.08em;white-space:nowrap;text-transform:uppercase;text-shadow:0 8px 22px rgba(0,0,0,.45);cursor:pointer;pointer-events:auto;transition:color .18s ease,opacity .18s ease,transform .16s ease,text-shadow .18s ease}.animal-nameplate__initial{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-right:.05em;font-size:1.72em;font-weight:900;line-height:1;color:#ffe8a3;-webkit-text-stroke:1px rgba(102,58,0,.35);text-shadow:0 2px 0 rgba(255,248,216,.78),0 10px 22px rgba(0,0,0,.42);transform:translateY(-.06em) rotate(-8deg);transition:transform .16s ease,text-shadow .18s ease,color .18s ease}.animal-nameplate__initial:after{content:"";position:absolute;left:.02em;right:-.04em;bottom:-.12em;height:.14em;border-radius:999px;background:linear-gradient(90deg,#ffd878f2,#fff3c773 65%,#fff3c700);opacity:.95;transform:rotate(-4deg)}.animal-nameplate__text{color:inherit}.animal-nameplate__label:hover{color:#fff;transform:scale(1.08);text-shadow:0 10px 26px rgba(0,0,0,.6)}.animal-nameplate__label:hover .animal-nameplate__initial{transform:translateY(-.08em) rotate(-8deg) scale(1.08);color:#fff0bf;text-shadow:0 2px 0 rgba(255,250,229,.85),0 12px 24px rgba(0,0,0,.46)}.animal-nameplate__label:active{opacity:.82;transform:translateY(1px) scale(.98)}.animal-nameplate__label:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:6px}.carousel-nav{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;pointer-events:none}.carousel-nav__bounds{position:absolute;top:0;right:0;bottom:0;left:0;width:min(calc(100% - 2rem),60rem);margin:0 auto}.carousel-nav__side-rail{position:absolute;top:50%;left:0;transform:translateY(-50%)}.carousel-nav__center-stack{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2rem;width:min(92vw,44rem)}.carousel-nav__arrow{pointer-events:auto;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50%;width:44px;height:44px;color:#fffc;font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,border-color .2s;padding:0}.carousel-nav__arrow--next{position:absolute;top:50%;right:0;transform:translateY(-50%)}.carousel-nav__arrow:hover{background:#fff3;border-color:#fff6}.carousel-nav__arrow:focus-visible,.alphabet-index__letter:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:3px}.alphabet-index{pointer-events:auto;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.2rem;padding:0;width:100%;overflow:visible;white-space:nowrap}.alphabet-index__letter{display:inline-flex;align-items:center;justify-content:center;width:1.95rem;height:1.55rem;padding:0;border:none;border-radius:999px;background:transparent;color:#ffffffc7;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.08em;line-height:1;cursor:pointer;transition:color .18s ease,background-color .18s ease,transform .18s ease,opacity .18s ease}.alphabet-index__letter:hover:not(:disabled){color:#fff;background:#ffffff1f;transform:scale(1.1)}.alphabet-index__letter:disabled{cursor:default;opacity:.38}.alphabet-index__letter--active{color:#ffe8a3;background:#ffe8a324;text-shadow:0 0 12px rgba(255,232,163,.35);transform:scale(1.14)}.carousel-nav__dots{display:flex;gap:10px}.carousel-nav__dot{pointer-events:auto;width:8px;height:8px;border-radius:50%;border:none;padding:0;background:#ffffff4d;cursor:pointer;transition:background .2s,transform .2s}.carousel-nav__dot--active{background:#ffffffe6;transform:scale(1.25)}.carousel-nav__dot:hover:not(.carousel-nav__dot--active){background:#ffffff8c}@media (max-width: 720px){.carousel-nav__bounds{width:calc(100% - 1.3rem)}.carousel-nav__side-rail{left:0}.carousel-nav__center-stack{bottom:1.15rem;width:calc(100% - 6rem);gap:1rem}.carousel-nav__arrow,.carousel-nav__arrow--next{width:40px;height:40px}.carousel-nav__arrow--next{right:0}.alphabet-index{padding:0}.alphabet-index__letter{width:1.4rem;height:1.15rem;font-size:.76rem}.alphabet-index{width:100%;gap:.12rem}}