.jojo-design .anime-companion{--stand-color:#f0ba45;--stand-secondary:#d886c1}.jojo-design .anime-companion[data-character=jolyne]{--stand-color:#5edadd;--stand-secondary:#a8dc63}.jojo-design .anime-companion .character-face{isolation:isolate;--cel-baseline:calc(12px * var(--scene-unit))}.jojo-design .anime-companion .character-human{display:block;position:absolute;inset:auto 0 var(--cel-baseline);z-index:3;aspect-ratio:1;transform:translate(0);transform-origin:50% 100%;transition:transform .68s cubic-bezier(.16,1,.3,1)}.jojo-design .anime-companion .character-human img{filter:drop-shadow(1px 5px 3px #20132a24)}.jojo-design .anime-companion[data-summoned=true] .character-human{transform:translateX(-10%)}.jojo-design .anime-companion .stand-manifest{display:block;position:absolute;inset:auto auto var(--cel-baseline) 17%;z-index:2;width:111%;aspect-ratio:1;transform-origin:50% 100%;opacity:0;transform:translate(-17%,8%) scale(.92);filter:blur(3px);transition:opacity .24s ease,transform .36s cubic-bezier(.4,0,1,1),filter .24s}.jojo-design .anime-companion[data-summoned=true] .stand-manifest{opacity:1;filter:blur(0);transform:translate(0) scale(1);transition:opacity .28s ease .1s,transform .6s cubic-bezier(.16,1,.3,1) 80ms,filter .42s 80ms}.jojo-design .anime-companion .stand-body{position:absolute;inset:0;display:block;transform-origin:50% 100%}.jojo-design .anime-companion .stand-body img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 5px 2px #1e153040)}.jojo-design .anime-companion .stand-body .stand-afterimage{opacity:0}.jojo-design .anime-companion .stand-energy{display:block;position:absolute;inset:-36% -39% -2%;z-index:1;opacity:0;transition:opacity .24s;pointer-events:none}.jojo-design .anime-companion[data-summoned=true] .stand-energy{opacity:1}.jojo-design .anime-companion .stand-streaks,.jojo-design .anime-companion .stand-threads{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--stand-color);stroke-linecap:round}.jojo-design .anime-companion .stand-streaks{stroke-width:1.5;opacity:0}.jojo-design .anime-companion .stand-threads{display:none;stroke-width:.8;stroke-dasharray:14 8 35 43;opacity:.55}.jojo-design .anime-companion[data-character=jolyne] .stand-threads{display:block}.jojo-design .anime-companion .stand-mote{position:absolute;left:calc(12% + var(--i) * 18%);top:calc(60% + var(--i) * 3%);width:2px;height:5px;border-radius:80% 0 80% 0;background:var(--stand-color);opacity:0}.jojo-design .anime-companion[data-character=jolyne] .stand-mote{background:var(--stand-secondary);width:3px;height:3px;border-radius:0}.jojo-design .anime-companion .stand-menace{position:absolute;left:2%;top:10%;font:900 17px Hiragino Kaku Gothic ProN,sans-serif;letter-spacing:-.04em;color:var(--stand-secondary);opacity:.6;transform:rotate(-16deg)}.jojo-design .anime-companion .rotate-character{z-index:8}.jojo-design .anime-companion .companion-toggle:focus-visible{outline:2px solid var(--accent-ink);outline-offset:5px}.jojo-design .anime-companion .companion-toggle:disabled{cursor:wait;opacity:1;filter:none}.jojo-design .anime-companion .stand-caption{color:var(--accent-ink)}.jojo-design .anime-companion[data-summoned=true] .stand-body{animation:stand-guard 4.2s ease-in-out infinite}.jojo-design .anime-companion[data-summoned=true] .stand-afterimage{animation:stand-echo 5.2s ease-out infinite}.jojo-design .anime-companion[data-summoned=true] .stand-streaks{animation:stand-impact .7s ease-out both}.jojo-design .anime-companion[data-summoned=true] .stand-threads{animation:stand-thread-flow 5s linear infinite}.jojo-design .anime-companion[data-summoned=true] .stand-mote{animation:stand-mote-rise 2.4s calc(var(--i) * -.27s) linear infinite}.jojo-design .anime-companion[data-summoned=true] .stand-menace{animation:stand-menace 3.4s ease-in-out infinite}.jojo-design .anime-companion .character-face[aria-hidden=true] *,.jojo-design .anime-companion[data-animated=false] *{animation-play-state:paused!important}@keyframes stand-guard{0%,to{transform:skewX(-.35deg) scaleY(1)}42%{transform:skewX(.35deg) scaleY(1.015)}70%{transform:skewX(-.12deg) scaleY(1.005)}}@keyframes stand-echo{0%,65%,to{opacity:0;transform:translate(0)}73%{opacity:.3;transform:translate(0)}92%{opacity:0;transform:translateX(12%)}}@keyframes stand-impact{0%{transform:scale(.3);opacity:0}25%{opacity:.9}to{transform:scale(1.12);opacity:0}}@keyframes stand-thread-flow{to{stroke-dashoffset:-100}}@keyframes stand-mote-rise{0%{transform:translate(0) rotate(-30deg);opacity:0}20%{opacity:.9}80%{opacity:.45}to{transform:translate(12px,-100px) rotate(130deg);opacity:0}}@keyframes stand-menace{0%,to{transform:translateY(0) rotate(-16deg)}50%{transform:translateY(-3px) rotate(-12deg)}}@media (prefers-reduced-motion:reduce){.jojo-design .anime-companion *,.jojo-design .anime-companion :before{animation:none!important;transition-duration:.12s!important}.jojo-design .anime-companion .stand-manifest{transform:none;clip-path:none;filter:none}.jojo-design .anime-companion .stand-afterimage,.jojo-design .anime-companion .stand-mote,.jojo-design .anime-companion .stand-streaks{display:none}}html[data-motion=off] .jojo-design .anime-companion *{animation:none!important;transition:none!important}.jojo-design .anime-companion .rotate-character{translate:0 0;transition:translate .68s cubic-bezier(.16,1,.3,1),background .16s,box-shadow .18s}.jojo-design .anime-companion[data-summoned=true] .rotate-character{translate:calc(28px * var(--control-unit)) 0}@media (prefers-reduced-motion:reduce){.jojo-design .anime-companion .rotate-character{transition-duration:.12s}}.jojo-design .anime-companion .human-cel,.jojo-design .anime-companion .human-intent,.jojo-design .anime-companion .human-outline{position:absolute;inset:0;display:block;transform-origin:50% 100%}.jojo-design .anime-companion .human-cel{z-index:2}.jojo-design .anime-companion .human-cel>canvas,.jojo-design .anime-companion .human-cel>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.jojo-design .anime-companion .human-cel>canvas{opacity:0;pointer-events:none}.jojo-design .anime-companion .human-cel[data-ready=true]>canvas{opacity:1}.jojo-design .anime-companion .human-cel[data-ready=true]>img{opacity:0}.jojo-design .anime-companion .human-cel[data-ready=false]>img{transform-origin:50% 100%;animation:human-breath-fallback 4.2s ease-in-out infinite}.jojo-design .anime-companion .human-outline{z-index:1;opacity:0;transition:opacity .22s}.jojo-design .anime-companion .human-outline img{filter:drop-shadow(-1px 0 0 var(--stand-color)) drop-shadow(1px -1px 0 var(--stand-color))}.jojo-design .anime-companion[data-summoned=true] .human-outline{animation:human-edge-energy 3.6s ease-in-out infinite}.jojo-design .anime-companion[data-summoned=true] .human-intent{animation:human-call .72s cubic-bezier(.22,1,.36,1) both}@keyframes human-call{0%{transform:translate(0) rotate(0)}18%{transform:translate(1%,1%) rotate(1.4deg) scaleY(.993)}46%{transform:translate(-1.2%,-1%) rotate(-1.8deg) scaleY(1.012)}76%{transform:translate(.2%) rotate(.3deg)}to{transform:translate(0) rotate(0)}}@keyframes human-edge-energy{0%,to{opacity:.14;transform:translate(0) scale(1)}45%{opacity:.48;transform:translateY(-.2%) scale(1.012)}70%{opacity:.25;transform:translate(.2%) scale(1.005)}}@keyframes human-breath-fallback{0%,to{transform:rotate(-.4deg) scale(1)}45%{transform:rotate(.5deg) scale(1.008,1.012)}}@media (prefers-reduced-motion:reduce){.jojo-design .anime-companion .human-cel>canvas{display:none}.jojo-design .anime-companion .human-cel[data-ready=true]>img{opacity:1}.jojo-design .anime-companion[data-summoned=true] .human-outline{opacity:.25}}