.pg-page{min-height:100%}.pg-hint{text-align:center;color:var(--text-muted);padding:22px 20px 0;font-size:.92rem}.pg-area{min-height:360px;height:calc(100dvh - var(--nav-h,56px) - var(--footer-h,0px) - 90px);border:1px solid var(--border);box-shadow:var(--shadow-card);background-color:#e8d3a4;background-image:radial-gradient(circle at 20% 30%,#ffffff59 0,#0000 45%),radial-gradient(circle at 75% 60%,#785a281f 0,#0000 50%),radial-gradient(circle at 40% 80%,#785a281a 0,#0000 40%),radial-gradient(circle at 85% 15%,#ffffff40 0,#0000 35%);border-radius:22px;margin:12px clamp(12px,3vw,32px) clamp(12px,3vw,32px);position:relative;overflow:hidden}html.dark .pg-area{background-color:var(--surface-alt);background-image:radial-gradient(circle at 25% 25%, var(--primary-tint) 0, transparent 55%), radial-gradient(circle at 80% 70%, #ff8fd414 0, transparent 50%)}.pg-sprite-wrap{will-change:left, top;width:128px;height:128px;transition:left .3s linear,top .3s linear;position:absolute}@media (width<=720px){.pg-sprite-wrap{width:92px;height:92px}}.pg-bob{width:100%;height:100%;animation:5.4s ease-in-out infinite alternate pg-bob;position:relative}@keyframes pg-bob{0%{transform:translateY(0)rotate(-2.5deg)}to{transform:translateY(-9px)rotate(2.5deg)}}.pg-sprite-wrap.dragging .pg-bob,.pg-sprite-wrap.is-talking .pg-bob,.pg-sprite-wrap:hover .pg-bob,.pg-sprite-wrap:focus-within .pg-bob{animation-play-state:paused}.pg-sprite{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;height:100%;padding:0;transition:filter .2s,transform .22s;display:block;position:relative}.pg-sprite:active,.pg-sprite-wrap.dragging .pg-sprite{cursor:grabbing}.pg-sprite:hover,.pg-sprite:focus-visible{filter:drop-shadow(0 10px 20px #00000047) drop-shadow(0 0 12px var(--mane-glow,var(--primary,#6d5bff)))}.pg-sprite:focus-visible{outline:2px solid var(--primary,#6d5bff);outline-offset:4px;border-radius:50%}.pg-pose{position:absolute;inset:0}.pg-pose img{object-fit:contain;filter:drop-shadow(0 10px 18px #00000040);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block}.pg-pose-idle{opacity:1;transition:opacity .15s}.pg-pose-poke{opacity:0;transition:opacity .15s;transform:scale(.853)}.pg-sprite-wrap.has-poke-art .pg-sprite.pop .pg-pose-idle{opacity:0}.pg-sprite-wrap.has-poke-art .pg-sprite.pop .pg-pose-poke{opacity:1}.pg-sprite.pop img{animation:.55s ease-out pg-pop}@keyframes pg-pop{0%{transform:scale(1)translateY(0)}25%{transform:scale(1.18,.84)translateY(4px)}55%{transform:scale(.92,1.12)translateY(-16px)}80%{transform:scale(1.04,.96)translateY(0)}to{transform:scale(1)translateY(0)}}.pg-bubble{background:var(--surface,#fff);min-width:160px;max-width:min(260px,60vw);color:var(--text,#333);border:1px solid var(--border,#e3e3ef);font-family:var(--font-body,sans-serif);font-size:var(--fs-sm,.875rem);pointer-events:none;opacity:0;z-index:2;border-radius:14px;padding:10px 12px;font-weight:600;line-height:1.4;transition:opacity .18s,transform .18s;position:absolute;transform:translateY(6px)scale(.96);box-shadow:0 8px 22px #0000002e}.pg-bubble[hidden]{display:none}.pg-bubble.show{opacity:1;transform:translateY(0)scale(1)}.pg-bubble[data-cat=shout]{color:var(--accent,#ff7acb);letter-spacing:.02em;font-size:1rem;font-weight:800}.pg-bubble[data-cat=chat]{font-style:italic;font-weight:500}@media (prefers-reduced-motion:reduce){.pg-bob,.pg-sprite.pop img{animation:none}.pg-sprite{transition:filter .2s}.pg-sprite-wrap,.pg-pose-idle,.pg-pose-poke{transition:none}}