.pip-character{width:100%}.pip-stage{aspect-ratio:147/116;isolation:isolate;touch-action:pan-y;-webkit-user-select:none;user-select:none;contain:layout;background:0 0;border-radius:0;position:relative;overflow:visible}.pip-stage:before{content:"";pointer-events:none;background:radial-gradient(58% 52% at 52% 44%,#7c4dff29,#7c4dff00 70%),radial-gradient(40% 38% at 38% 60%,#3882ff1a,#3882ff00 70%);position:absolute;inset:0}.pip-canvas{opacity:0;transition:opacity .5s;position:absolute;inset:0}.pip-canvas.pip-live{opacity:1}.pip-canvas canvas{display:block;width:100%!important;height:100%!important}.pip-poster{object-fit:contain;pointer-events:none;background-image:url(/character/pip-poster.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;padding:4%;transition:opacity .5s;position:absolute;inset:0}.pip-stage:not(.pip-live) .pip-poster{transform:perspective(700px) rotateX(var(--pip-fallback-rotate-x,0deg)) rotateY(var(--pip-fallback-rotate-y,0deg)) scale(1.015);transform-style:preserve-3d;transition:opacity .5s,filter .2s,transform .16s ease-out}.pip-stage:not(.pip-live):hover .pip-poster{filter:brightness(1.08)saturate(1.08)drop-shadow(0 0 24px #7c4dff52)}.pip-stage.pip-fallback-trick .pip-poster{animation:.85s cubic-bezier(.22,1,.36,1) pip-fallback-spin}.pip-stage.pip-live .pip-poster,.pip-poster.pip-poster-missing{opacity:0}@keyframes pip-fallback-spin{0%{transform:perspective(700px)rotateY(0)scale(1.015)}45%{filter:brightness(1.2)saturate(1.2)drop-shadow(0 0 36px #7c4dff80);transform:perspective(700px)rotateY(190deg)scale(1.08)}to{transform:perspective(700px)rotateY(360deg)scale(1.015)}}.pip-hit{cursor:pointer;border-radius:inherit;background:0 0;border:0;padding:0;position:absolute;inset:0}.pip-hit:focus-visible{outline-offset:3px;border-radius:1.5rem;outline:2px solid #9d8bff}.pip-hud{pointer-events:none;white-space:pre;color:#6ee7b7;z-index:3;background:#000000b3;border-radius:.375rem;padding:.5rem;font:10px/1.6 ui-monospace,Cascadia Mono,Consolas,monospace;position:absolute;top:.5rem;left:.5rem}.pip-ref{object-fit:contain;opacity:.5;pointer-events:none;z-index:2;width:100%;height:100%;padding:4%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.pip-canvas,.pip-poster{transition:none}.pip-stage.pip-fallback-trick .pip-poster{animation:none}}