:root{--pet-accent:#a5bfff}body{background:radial-gradient(ellipse at 10% 0%,#26355045,transparent 45%),radial-gradient(ellipse at 95% 35%,#24203930,transparent 42%),#090b10}.page>h1{letter-spacing:-1px}.page>.eyebrow{color:#a9c9f5}.dex-tabs{padding:6px;width:fit-content;border:1px solid #343d514d;border-radius:28px;background:#141a27}.dex-tabs button{border-radius:22px;border-color:transparent;background:transparent;padding:11px 18px;transition:background .2s,box-shadow .2s,transform .2s}.dex-tabs button.active{background:#315aab;box-shadow:0 4px 18px #3778ff35}.dex-tabs button:hover{transform:translateY(-2px)}.elements button{transition:transform .18s,background .18s,box-shadow .18s}.elements button:hover{transform:translateY(-3px);box-shadow:0 5px 18px #0005}.pet{position:relative;border-color:#353e505c;transition:transform .25s,border-color .25s,box-shadow .25s;background:linear-gradient(145deg,#191e29,#11151d)}.pet:hover,.pet:focus-within{transform:translateY(-6px);border-color:var(--pet-accent);box-shadow:0 12px 35px #0006,0 0 22px color-mix(in srgb,var(--pet-accent) 13%,transparent)}.pet .portrait{overflow:hidden;background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--pet-accent) 16%,#11151d),#11151d 75%);isolation:isolate}.pet .portrait::before{content:"";position:absolute;width:130px;height:35px;border:1px solid color-mix(in srgb,var(--pet-accent) 33%,transparent);background:color-mix(in srgb,var(--pet-accent) 7%,transparent);border-radius:50%;bottom:9px;z-index:-1;transition:transform .4s,box-shadow .4s}.pet:hover .portrait::before{transform:scale(1.16);box-shadow:0 0 24px color-mix(in srgb,var(--pet-accent) 23%,transparent)}.portrait img{transition:transform .45s;will-change:auto}.pet:hover .portrait img,.pet:focus-within .portrait img{transform:translateY(-7px) scale(1.06)}.pet h2 a:hover{color:var(--pet-accent)}.pet .type{border-color:color-mix(in srgb,var(--pet-accent) 30%,#30394a);background:color-mix(in srgb,var(--pet-accent) 9%,#141a25);color:color-mix(in srgb,var(--pet-accent) 65%,white)}.pet-links a{transition:color .2s,transform .2s}.pet-links a:hover{color:var(--pet-accent);transform:translateX(3px)}.prismana-card .portrait::after,.sparkle-art::after{content:"✧ · ✦ · ✧";position:absolute;inset:22px 12px auto;text-align:center;color:#e6cdff;letter-spacing:15px;pointer-events:none;text-shadow:0 0 10px #bb8eff;animation:dex-sparkles 4s ease-in-out infinite}.prismana-card{border-color:#b48ce955}.prismana{background:linear-gradient(110deg,#5d3885,#8766bf,#4a5495);box-shadow:0 2px 12px #b59aff33}.detail-art{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--pet-accent) 17%,#13171f),transparent 72%)}.detail-art>img{animation:dex-float 5s ease-in-out infinite;filter:drop-shadow(0 15px 14px #0009)}.detail-art>video{position:relative;width:100%;height:270px;object-fit:contain;z-index:1;border-radius:12px;background:#10151f}.art-orbit{position:absolute;width:75%;height:35px;bottom:20px;border:1px solid color-mix(in srgb,var(--pet-accent) 40%,transparent);border-radius:50%;box-shadow:0 0 25px color-mix(in srgb,var(--pet-accent) 12%,transparent);z-index:-1;pointer-events:none}.dex-profile{border-top:2px solid var(--pet-accent);box-shadow:0 12px 45px #0003}.motion-toggle{width:100%;margin:0 0 18px;border-color:color-mix(in srgb,var(--pet-accent) 40%,#28334b);color:var(--pet-accent)}.motion-toggle[aria-pressed=true]{background:color-mix(in srgb,var(--pet-accent) 12%,#141b29)}.detail-tabs button,.form-buttons button,.shiny-options button{transition:background .18s,transform .18s,border-color .18s}.detail-tabs button:hover,.form-buttons button:hover,.shiny-options button:hover{transform:translateY(-2px);border-color:var(--pet-accent)}.detail-tabs button[aria-pressed=true],.form-buttons button[aria-pressed=true]{border-color:var(--pet-accent);background:color-mix(in srgb,var(--pet-accent) 20%,#152036);color:#fff}.dex-panel{animation:dex-reveal .28s ease-out}.dex-panel h2::before{content:"";display:inline-block;width:4px;height:20px;border-radius:4px;background:var(--pet-accent);margin-right:10px;vertical-align:-3px;box-shadow:0 0 12px color-mix(in srgb,var(--pet-accent) 25%,transparent)}.ability img{transition:transform .2s,box-shadow .2s}.ability:hover img{transform:scale(1.08);box-shadow:0 0 18px color-mix(in srgb,var(--pet-accent) 20%,transparent)}.evo-node{transition:transform .2s,border-color .2s,background .2s}.evo-node:hover{transform:translateX(5px);background:#2b3850}.evo-node.here{border-color:var(--pet-accent)}.base-stats dd{color:var(--pet-accent)}
@keyframes dex-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes dex-sparkles{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:.95;transform:translateY(-5px)}}@keyframes dex-reveal{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pet:hover,.pet:focus-within,.pet:hover .portrait img{transform:none}}@media(max-width:600px){.dex-tabs{border-radius:16px;display:grid;grid-template-columns:1fr 1fr;width:100%}.dex-tabs button{font-size:12px;padding:10px}.portrait::before{width:100px!important}.detail-art>img{animation-duration:6s}.prismana-card .portrait::after{letter-spacing:7px}}
.portrait video{width:100%;height:100%;object-fit:contain;display:block;position:relative;z-index:0;pointer-events:none}.motion-badge{position:absolute;right:10px;bottom:10px;font-size:9px;letter-spacing:.2px;color:#d7e6ff;background:#111b2bd9;border:1px solid #6583b94d;border-radius:20px;padding:4px 8px;pointer-events:none}.pet .portrait:has(video)::before{display:none}
.portrait canvas{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.portrait>img[hidden],.portrait>canvas[hidden],.detail-art>img[hidden],.detail-art>canvas[hidden]{display:none!important}.detail-art canvas{width:100%;height:270px;object-fit:contain;display:block}.detail-art:has(canvas:not([hidden]))>img{animation:none}.portrait .animation-toggle,.detail-art .animation-toggle{position:absolute;z-index:5;left:9px;bottom:9px;padding:5px 8px;font-size:9px;border:1px solid #6e87ac66;border-radius:14px;background:#101a2ade;color:#d0def5}.detail-art .animation-toggle{font-size:11px;padding:7px 10px}.portrait:has(canvas:not([hidden]))::before{display:none}.detail-art>img{animation:none}
.shiny-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:10px}.shiny-gallery button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 7px;border:1px solid #3d4a63;border-radius:12px;background:#151e2b;color:#dce8fb;min-width:0}.shiny-gallery button[aria-pressed=true]{border:2px solid var(--pet-accent);background:#293750;box-shadow:0 0 15px #9d8bff26}.shiny-gallery img{width:100%;height:140px;object-fit:contain}.shiny-gallery span{font-size:12px}.hidden-color{color:#ffe6a4;background:#51412a;border-radius:6px;padding:4px 6px;font-size:10px}.selected-color{padding:12px;background:#253047;border-radius:8px}.original-motion{margin:22px 0;padding:16px;border:1px solid #3a4862;border-radius:12px}.original-motion summary{cursor:pointer;font-weight:650}.original-art{max-width:400px;margin:auto}.detail-art.shiny-motion>img{animation:shiny-sway 5s ease-in-out infinite;transform-origin:50% 80%}.detail-art.shiny-motion.motion-paused>img{animation-play-state:paused}@keyframes shiny-sway{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){.detail-art.shiny-motion>img{animation:none}}@media(max-width:600px){.shiny-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.shiny-gallery img{height:130px}}
.art-caption{font-size:12px;line-height:1.6;padding:10px;background:#1b2639;border:1px solid #3b4a65;border-radius:8px;color:#d6e4f8}.image-unavailable{display:block;color:#ffc9a3;font-size:12px;padding:12px}