/* Category controls shaped as COSMO Poké Balls. */
.categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:24px 12px 14px;margin-top:24px;background:radial-gradient(ellipse at 50% 60%,#6a4fbf16,transparent 70%)}
.categories .category{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:15px;padding:8px 14px 18px;border:0;border-radius:18px;background:none;box-shadow:none;overflow:visible;text-align:center;position:relative;transition:transform .2s}
.categories .category:hover{transform:translateY(-5px);border:0;background:#6a4fbf0b;box-shadow:none}
.categories .category:focus-visible{outline:2px solid #a6ce39;outline-offset:5px}
.categories .categoryImage{--ball:#8b64db;position:relative;isolation:isolate;flex:none;width:156px;min-width:156px;height:156px;margin:0;border-radius:50%;overflow:hidden;display:grid;place-items:center;border:2px solid #b49ae8;background:radial-gradient(circle at 30% 18%,#ffffff45,transparent 28%),linear-gradient(180deg,var(--ball) 0%,#53378e 45%,#080e21 46%,#080e21 55%,#18213e 56%,#0b1127 100%);box-shadow:inset -8px -10px 20px #0009,inset 3px 3px 12px #ffffff30,0 0 28px #6a4fbf40,0 16px 22px #0006;transition:box-shadow .2s}
.categories .category:nth-child(2) .categoryImage{--ball:#8eae39;border-color:#b7d571;background:radial-gradient(circle at 30% 18%,#ffffff50,transparent 28%),linear-gradient(180deg,#a6ce39 0%,#607e23 45%,#080e21 46%,#080e21 55%,#18213e 56%,#0b1127 100%)}
.categories .category:nth-child(3) .categoryImage{--ball:#736bb6}
.categories .categoryImage:before{content:'';position:absolute;inset:7px;border:1px solid #ffffff28;border-radius:50%;z-index:0}
.categories .categoryImage:after{content:'';position:absolute;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#222a49,#0b1124 80%);border:5px solid #090f23;outline:2px solid #b4d75e;box-shadow:0 0 12px #a6ce3925,inset 0 0 12px #6a4fbf33;z-index:1}
.categories .categoryImage .categorySilhouette,.categories .categoryImage.etb .categorySilhouette{position:relative;z-index:2;width:47px!important;height:58px!important;max-width:47px;object-fit:contain;transform:none!important;clip-path:none!important;filter:drop-shadow(0 0 6px #a6ce3933)}
.categories .categoryImage.etb .categorySilhouette{width:59px!important;max-width:59px;height:52px!important}
.categories .category>div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:5px;align-items:center}
.categories .category b{font-size:17px;color:#f1edf8;line-height:1.3;letter-spacing:.1px}
.categories .category small{font-size:12px;color:#b9b1ce;line-height:1.5;max-width:220px;margin:0}
.categories .category>.icon{position:absolute;width:16px;height:16px;right:calc(50% - 104px);top:80px;color:#a6ce39;opacity:.75}
.categories .category:hover .categoryImage{box-shadow:inset -8px -10px 20px #0009,inset 3px 3px 12px #ffffff30,0 0 32px #a6ce3935,0 16px 22px #0006}
@media(max-width:760px){.categories{gap:9px;padding:14px 0 3px}.categories .category{gap:12px;padding:5px 2px 12px}.categories .categoryImage{width:100px;min-width:100px;height:100px}.categories .categoryImage:after{width:52px;height:52px;border-width:4px}.categories .categoryImage .categorySilhouette{width:31px!important;max-width:31px;height:39px!important}.categories .categoryImage.etb .categorySilhouette{width:41px!important;max-width:41px;height:36px!important}.categories .category b{font-size:12px;min-height:32px;display:flex;align-items:center}.categories .category small{font-size:10px;line-height:1.5;max-width:120px}.categories .category>.icon{display:none}}
@media(max-width:380px){.categories .categoryImage{width:88px;min-width:88px;height:88px}.categories .category b{font-size:11px}.categories .category small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.categories .category,.categories .categoryImage{transition:none}}