.sounddex{background:hsl(var(--background));color:hsl(var(--foreground));min-height:100dvh;font-family:var(--font-satoshi)}.sounddex.sd-profile{min-height:0}.sounddex .sd-kicker{font-size:.63rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:hsl(var(--primary))}.sounddex .sd-panel,.sounddex.sd-panel{padding:1.4rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1.15rem}.sounddex .sd-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;border:1px solid hsl(var(--border));border-radius:.7rem;padding:.65rem 1rem;font-size:.77rem;font-weight:650;background:hsl(var(--muted));color:hsl(var(--foreground))}.sounddex .sd-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.sounddex .sd-button[aria-pressed=true],.sounddex .sd-button[aria-selected=true]{border-color:hsl(var(--primary));color:hsl(var(--primary))}.sounddex button:disabled{opacity:.42;cursor:not-allowed}.sounddex select{padding:.6rem;border:1px solid hsl(var(--border));background:hsl(var(--muted));color:hsl(var(--foreground));border-radius:.6rem;max-width:100%}.sounddex input[type=range]{width:100%;accent-color:hsl(var(--primary));min-height:40px}.sounddex input[type=checkbox]{accent-color:hsl(var(--primary))}.sounddex .sd-hero{position:relative;overflow:hidden;padding:2.5rem;border-radius:1.5rem;border:1px solid hsl(var(--border));background:radial-gradient(ellipse at 90% 25%,hsl(var(--primary)/.16),transparent 60%),linear-gradient(135deg,hsl(var(--card)),hsl(var(--background)))}.sounddex .sd-world{padding:1.6rem;border:1px solid hsl(var(--border));border-radius:1.5rem;background-image:radial-gradient(hsl(var(--primary)/.12) 1px,transparent 1px);background-size:20px 20px}.sounddex .sd-world-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.sounddex .sd-world-heading-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;min-width:0}.sounddex .sd-world-title{font-size:1.5rem;line-height:1.2;font-weight:700;transition:color .2s ease,text-shadow .2s ease}.sounddex .sd-world-heading:hover .sd-world-title{color:hsl(var(--primary));text-shadow:0 0 16px hsl(var(--primary)/.24)}.sounddex .sd-world-compass{flex:none;color:hsl(var(--primary));transition:transform .25s ease}.sounddex .sd-world-heading:hover .sd-world-compass{transform:rotate(20deg)}.sounddex .sd-biome-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.sounddex .sd-biome{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;min-width:0;min-height:215px;text-align:center;border-radius:1rem;border:1px solid hsl(var(--border));padding:1.2rem .8rem;background:radial-gradient(ellipse at 90% 15%,hsl(var(--habitat,var(--primary))/.17),transparent 70%),hsl(var(--card));transition:border-color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease}.sounddex .sd-biome:hover{border-color:hsl(var(--habitat,var(--primary))/.65);transform:translateY(-3px)}.sounddex .sd-biome[aria-pressed=true]{border-color:hsl(var(--habitat,var(--primary)));box-shadow:0 0 0 1px hsl(var(--habitat,var(--primary))/.3)}.sounddex .sd-biome-icon{display:block;font-size:2.4rem;line-height:1.15}.sounddex .sd-biome-name{display:block;font-size:1rem;line-height:1.3;max-width:12ch}.sounddex .sd-biome-status{display:block;font-size:.75rem;line-height:1.4;color:hsl(var(--muted-foreground))}.sounddex .sd-biome-lock{position:absolute;right:.8rem;top:.8rem;color:hsl(var(--muted-foreground))}.sounddex .sd-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr));gap:1rem}.sounddex .sd-creature-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;min-width:0;min-height:230px;padding:1.3rem 1rem;text-align:center;border:1px solid hsl(var(--border));border-radius:1rem;background:radial-gradient(circle at 50% 40%,hsl(var(--habitat,var(--primary))/.09),transparent 65%),hsl(var(--card));transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background-color .2s ease}.sounddex .sd-creature-card:not(:disabled):hover{border-color:hsl(var(--habitat,var(--primary)));background-color:hsl(var(--muted));box-shadow:0 12px 30px hsl(var(--habitat,var(--primary))/.15),inset 0 0 0 1px hsl(var(--habitat,var(--primary))/.24);transform:translateY(-5px)}.sounddex .sd-creature-card:not(:disabled):hover .sd-creature-icon{transform:scale(1.15) rotate(-5deg)}.sounddex .sd-creature-number{display:block;color:hsl(var(--primary));font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.4}.sounddex .sd-creature-icon{display:block;font-size:3rem;line-height:1.2;transition:transform .2s ease}.sounddex .sd-creature-copy{display:flex;flex-direction:column;align-items:center;gap:.45rem;min-width:0}.sounddex .sd-creature-name{display:block;font-size:1rem;line-height:1.3;overflow-wrap:anywhere}.sounddex .sd-creature-nature{display:block;font-size:.75rem;line-height:1.4;color:hsl(var(--muted-foreground))}.sounddex .sd-creature-captured{position:relative;border-color:hsl(var(--primary)/.42);padding-top:2rem}.sounddex .sd-creature-captured .sd-creature-nature{color:hsl(var(--primary))}.sounddex .sd-captured-check{position:absolute;top:.7rem;right:.7rem;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.sounddex .sd-retry-hunt{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;margin-top:.1rem;padding:.35rem .5rem;border-radius:.5rem;border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));font-size:.7rem;line-height:1.25;background:hsl(var(--muted))}.sounddex .sd-retry-hunt:hover{color:hsl(var(--primary));border-color:hsl(var(--primary)/.5)}.sounddex .sd-collection-card{position:relative}.sounddex .sd-collection-icon{display:block;font-size:3rem;line-height:1.2;margin:1.5rem 0}.sounddex .sd-collection-missing:disabled{opacity:1;background:hsl(var(--muted)/.35);border-color:hsl(var(--border)/.55);color:hsl(var(--muted-foreground))}.sounddex .sd-collection-missing .sd-collection-icon{filter:grayscale(1) brightness(.65);opacity:.7}.sounddex .sd-collection-missing .sd-kicker{color:hsl(var(--muted-foreground)/.7)}.sounddex .sd-meter{display:block;width:80%;height:.35rem;margin-top:.3rem;background:hsl(var(--muted));overflow:hidden;border-radius:1rem}.sounddex .sd-meter>span{display:block;height:100%;background:hsl(var(--habitat,var(--primary)))}.sounddex .sd-encounter{border:1px solid hsl(var(--border));border-radius:1.3rem;background:radial-gradient(ellipse at 10% 40%,hsl(var(--primary)/.13),transparent 60%),hsl(var(--card))}.sounddex .sd-creature-orb{width:130px;height:130px;flex-shrink:0;border:1px solid hsl(var(--primary)/.25);border-radius:50%;display:grid;place-items:center;background:hsl(var(--primary)/.04)}.sounddex .sd-scope{border:1px solid hsl(var(--border));border-radius:.85rem;padding:.8rem;background:hsl(var(--background))}.sounddex canvas{width:100%;height:120px;display:block}@media (max-width:1100px){.sounddex .sd-biome-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sounddex .sd-biome{min-height:180px}}@media (max-width:640px){.sounddex .sd-biome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sounddex .sd-hero{padding:1.5rem}.sounddex .sd-world{padding:1rem}.sounddex .sd-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.sounddex .sd-biome{min-height:170px}.sounddex .sd-creature-card{min-height:195px}.sounddex .sd-panel{padding:1rem}}@media (prefers-reduced-motion:reduce){.sounddex .sd-biome,.sounddex .sd-creature-card,.sounddex .sd-creature-icon,.sounddex .sd-world-title,.sounddex .sd-world-compass{transition:none!important;transform:none!important}}