/* v18 — juicy pickups, quips, map intro */
.quip-pop{position:absolute;transform:translate(-50%,-50%) rotate(var(--tilt,0deg));font:10px Pixel,monospace;letter-spacing:.06em;color:var(--quip,#ffd9ee);white-space:nowrap;
 text-shadow:1px 0 #2a0f2a,-1px 0 #2a0f2a,0 1px #2a0f2a,0 -1px #2a0f2a,2px 2px 0 #2a0f2a;animation:quip .95s cubic-bezier(.2,1.6,.4,1) forwards;pointer-events:none;z-index:30}
.quip-pop.big{font-size:15px;animation-duration:1.3s}
@keyframes quip{0%{opacity:0;transform:translate(-50%,-30%) rotate(var(--tilt)) scale(.3)}18%{opacity:1;transform:translate(-50%,-80%) rotate(var(--tilt)) scale(1.25)}35%{transform:translate(-50%,-95%) rotate(var(--tilt)) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-190%) rotate(var(--tilt)) scale(.9)}}
.loot-fly{position:absolute;width:32px;height:32px;background:url(assets/loot/pickups.png?v=14.0.1) no-repeat;background-size:800% 100%;background-position:calc(var(--frame) * 100% / 7) 0;image-rendering:pixelated;pointer-events:none;z-index:31;filter:drop-shadow(0 0 4px #ff9ad6) drop-shadow(2px 2px 0 #2a0f2a)}
.xp-gain{animation:xpgain .35s ease-out}
.xp-gain #xpBar{filter:brightness(1.6) saturate(1.4)}
@keyframes xpgain{0%{transform:scaleY(1)}35%{transform:scaleY(1.9)}100%{transform:scaleY(1)}}
.attack-loadout .locked-count{opacity:.7;font-style:normal}
.attack-loadout .locked-count span{animation:wiggle 1.6s ease-in-out infinite;display:inline-block}
@keyframes wiggle{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg) scale(1.15)}}
canvas.map-intro{position:fixed;inset:0;width:100vw;height:100vh;object-fit:cover;image-rendering:pixelated;z-index:60;cursor:pointer}
@media (max-aspect-ratio:4/3){canvas.map-intro{object-fit:contain;background:#12061ccc}}
.map-intro-skip{position:fixed;right:18px;bottom:16px;z-index:61;font:11px Pixel,monospace;color:#ffe9f4;background:#2a0f2acc;border:2px solid #ff7ab8;border-radius:10px;padding:8px 14px;cursor:pointer;animation:pulseSkip 1s ease-in-out infinite alternate}
@keyframes pulseSkip{to{box-shadow:0 0 14px #ff7ab8aa}}
#pixelJuice{position:fixed!important;width:100%!important;height:100%!important;max-width:100vw}