/* eslint-disable */
// Pop-leaning variant — rounder, brighter, more "Kirby x Digimon".
// Same scale & ground line as SF for cross-variant comparison.

const PopCore = ({ size = 18, x = 0, y = 0 }) => (
  <g transform={`translate(${x},${y})`}>
    <circle r={size * 1.7} fill="url(#pop-core-glow)" opacity="0.7" />
    <circle r={size} fill="#5CD9FF" />
    <circle r={size * 0.65} fill="#C5F4FF" />
    <circle r={size * 0.32} fill="#ffffff" />
    <circle r={size} fill="none" stroke="#1A2F6E" strokeWidth="3" />
    <circle cx={-size*0.3} cy={-size*0.3} r={size*0.18} fill="#ffffff" opacity="0.9" />
  </g>
);

const PopVisor = ({ x, y, w = 60, h = 14, color = "#5CD9FF" }) => (
  <g transform={`translate(${x},${y})`}>
    <rect x={-w/2} y={-h/2} width={w} height={h} rx={h/2} fill="#1A2F6E" />
    <rect x={-w/2 + 4} y={-h/2 + 3} width={w - 8} height={h - 6} rx={(h-6)/2} fill={color} />
    <circle cx={-w/4} cy={0} r={h*0.18} fill="#ffffff" />
    <circle cx={w/4} cy={0} r={h*0.18} fill="#ffffff" />
  </g>
);

const PopDefs = () => (
  <defs>
    <radialGradient id="pop-core-glow">
      <stop offset="0%" stopColor="#ffffff" stopOpacity="1" />
      <stop offset="50%" stopColor="#5CD9FF" stopOpacity="0.6" />
      <stop offset="100%" stopColor="#5CD9FF" stopOpacity="0" />
    </radialGradient>
    <linearGradient id="pop-body" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stopColor="#ffffff" />
      <stop offset="100%" stopColor="#D8E5FF" />
    </linearGradient>
    <linearGradient id="pop-navy" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stopColor="#2B47A8" />
      <stop offset="100%" stopColor="#1A2F6E" />
    </linearGradient>
    <linearGradient id="pop-magenta" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stopColor="#FF8FD0" />
      <stop offset="100%" stopColor="#FF3CAA" />
    </linearGradient>
    <linearGradient id="pop-aura" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stopColor="#ffffff" stopOpacity="0.95" />
      <stop offset="100%" stopColor="#FF8FD0" stopOpacity="0" />
    </linearGradient>
    <filter id="pop-glow" x="-50%" y="-50%" width="200%" height="200%">
      <feGaussianBlur stdDeviation="3" />
      <feComposite in2="SourceGraphic" operator="over" />
    </filter>
  </defs>
);

const PopFloor = ({ w = 140, opacity = 0.45 }) => (
  <ellipse cx="0" cy="600" rx={w} ry={w * 0.2} fill="#5CD9FF" opacity={opacity * 0.5} />
);

const SW = 4; // thick outline for pop look

// ── Lv.1 ──
const PopLv1 = () => (
  <svg viewBox="-260 0 520 640" width="100%" height="100%">
    <PopDefs />
    <PopFloor w={90} />
    <line x1="0" y1="208" x2="0" y2="160" stroke="#1A2F6E" strokeWidth="6" strokeLinecap="round" />
    <circle cx="0" cy="155" r="9" fill="#FF8FD0" stroke="#1A2F6E" strokeWidth="3" />
    {/* round head */}
    <circle cx="0" cy="265" r="90" fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M -86 250 a 90 90 0 0 1 172 0 Z" fill="url(#pop-navy)" />
    <PopVisor x={0} y={272} w={108} h={26} />
    {/* cheek dots */}
    <circle cx="-58" cy="300" r="8" fill="#FF8FD0" opacity="0.7" />
    <circle cx="58" cy="300" r="8" fill="#FF8FD0" opacity="0.7" />
    {/* chubby body */}
    <path d="M -100 340 Q -130 420 -100 510 Q -80 550 0 550 Q 80 550 100 510 Q 130 420 100 340 Z"
          fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <PopCore size={32} x={0} y={430} />
    {/* round mitten arms */}
    <circle cx="-130" cy="430" r="42" fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <circle cx="130" cy="430" r="42" fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <circle cx="-130" cy="430" r="22" fill="url(#pop-navy)" />
    <circle cx="130" cy="430" r="22" fill="url(#pop-navy)" />
    {/* short legs */}
    <ellipse cx="-44" cy="585" rx="38" ry="22" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <ellipse cx="44" cy="585" rx="38" ry="22" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
  </svg>
);

// ── Lv.2 ──
const PopLv2 = () => (
  <svg viewBox="-260 0 520 640" width="100%" height="100%">
    <PopDefs />
    <PopFloor w={110} />
    {/* V antenna with orbs */}
    <line x1="-22" y1="200" x2="-38" y2="140" stroke="#1A2F6E" strokeWidth="6" strokeLinecap="round" />
    <line x1="22" y1="200" x2="38" y2="140" stroke="#1A2F6E" strokeWidth="6" strokeLinecap="round" />
    <circle cx="-38" cy="135" r="8" fill="#5CD9FF" stroke="#1A2F6E" strokeWidth="3" />
    <circle cx="38" cy="135" r="8" fill="#5CD9FF" stroke="#1A2F6E" strokeWidth="3" />
    {/* helmet with crest */}
    <path d="M -75 220 Q -90 260 -78 305 L -60 320 L 60 320 L 78 305 Q 90 260 75 220 Q 0 195 -75 220 Z"
          fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M -75 220 Q 0 195 75 220 Q 90 260 78 270 L -78 270 Q -90 260 -75 220 Z" fill="url(#pop-navy)" />
    <PopVisor x={0} y={280} w={120} h={24} />
    <circle cx="-68" cy="305" r="6" fill="#FF8FD0" />
    <circle cx="68" cy="305" r="6" fill="#FF8FD0" />
    {/* shoulder pads */}
    <path d="M -150 340 Q -160 380 -135 410 L -95 400 L -100 350 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M 150 340 Q 160 380 135 410 L 95 400 L 100 350 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <rect x="-148" y="365" width="8" height="34" rx="2" fill="#5CD9FF" />
    <rect x="140" y="365" width="8" height="34" rx="2" fill="#5CD9FF" />
    {/* torso — rounded */}
    <path d="M -98 330 Q -120 420 -98 500 Q -80 530 0 530 Q 80 530 98 500 Q 120 420 98 330 Z"
          fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M -55 360 Q -70 420 -55 470 L 55 470 Q 70 420 55 360 Z" fill="url(#pop-navy)" />
    <PopCore size={28} x={0} y={420} />
    {/* arms with brushers */}
    <rect x="-150" y="400" width="34" height="100" rx="17" fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <rect x="116" y="400" width="34" height="100" rx="17" fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <circle cx="-133" cy="510" r="24" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <circle cx="133" cy="510" r="24" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <circle cx="-133" cy="510" r="10" fill="#5CD9FF" />
    <circle cx="133" cy="510" r="10" fill="#5CD9FF" />
    {/* legs */}
    <path d="M -70 530 Q -85 565 -75 600 L -30 600 Q -20 565 -32 530 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M 70 530 Q 85 565 75 600 L 30 600 Q 20 565 32 530 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <ellipse cx="-52" cy="608" rx="32" ry="8" fill="#1A2F6E" />
    <ellipse cx="52" cy="608" rx="32" ry="8" fill="#1A2F6E" />
  </svg>
);

// ── Lv.3 ──
const PopLv3 = () => (
  <svg viewBox="-280 0 560 640" width="100%" height="100%">
    <PopDefs />
    <PopFloor w={150} />
    {/* trident antenna */}
    <g fill="none" stroke="#1A2F6E" strokeWidth="6" strokeLinecap="round">
      <line x1="0" y1="210" x2="0" y2="130" />
      <line x1="0" y1="155" x2="-28" y2="115" />
      <line x1="0" y1="155" x2="28" y2="115" />
    </g>
    <circle cx="0" cy="124" r="9" fill="#5CD9FF" stroke="#1A2F6E" strokeWidth="3" />
    <circle cx="-28" cy="110" r="7" fill="#5CD9FF" stroke="#1A2F6E" strokeWidth="3" />
    <circle cx="28" cy="110" r="7" fill="#5CD9FF" stroke="#1A2F6E" strokeWidth="3" />
    {/* heavy round helmet */}
    <path d="M -95 230 Q -110 280 -98 325 L -82 340 L 82 340 L 98 325 Q 110 280 95 230 Q 0 200 -95 230 Z"
          fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M -82 280 Q 0 268 82 280 Q 96 290 88 320 L -88 320 Q -96 290 -82 280 Z" fill="url(#pop-body)" />
    <PopVisor x={0} y={298} w={120} h={22} />
    <rect x="-100" y="305" width="14" height="30" rx="3" fill="#5CD9FF" stroke="#1A2F6E" strokeWidth="2" />
    <rect x="86" y="305" width="14" height="30" rx="3" fill="#5CD9FF" stroke="#1A2F6E" strokeWidth="2" />
    {/* huge shoulders */}
    <path d="M -190 350 Q -210 390 -188 430 L -130 430 L -118 348 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M 190 350 Q 210 390 188 430 L 130 430 L 118 348 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <circle cx="-160" cy="395" r="10" fill="#5CD9FF" />
    <circle cx="160" cy="395" r="10" fill="#5CD9FF" />
    {/* big rounded torso */}
    <path d="M -110 340 Q -135 430 -115 520 Q -95 555 0 555 Q 95 555 115 520 Q 135 430 110 340 Z"
          fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M -110 340 L -70 340 Q -85 430 -68 520 L -115 520 Q -135 430 -110 340 Z" fill="url(#pop-navy)" opacity="0.6" />
    <path d="M 110 340 L 70 340 Q 85 430 68 520 L 115 520 Q 135 430 110 340 Z" fill="url(#pop-navy)" opacity="0.6" />
    <PopCore size={32} x={0} y={430} />
    {/* shield */}
    <g transform="translate(-185, 470)">
      <path d="M 0 -75 Q 50 -50 50 0 Q 50 60 0 90 Q -50 60 -50 0 Q -50 -50 0 -75 Z"
            fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
      <path d="M 0 -55 Q 32 -36 32 0 Q 32 42 0 64 Q -32 42 -32 0 Q -32 -36 0 -55 Z"
            fill="none" stroke="#5CD9FF" strokeWidth="3" />
      <PopCore size={16} x={0} y={0} />
    </g>
    {/* right arm */}
    <rect x="118" y="420" width="42" height="130" rx="21" fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <circle cx="139" cy="565" r="28" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    {/* legs */}
    <path d="M -80 555 Q -95 590 -85 615 L -28 615 Q -18 590 -30 555 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M 80 555 Q 95 590 85 615 L 28 615 Q 18 590 30 555 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
  </svg>
);

// ── Lv.4 ──
const PopLv4 = () => (
  <svg viewBox="-300 -20 600 660" width="100%" height="100%">
    <PopDefs />
    <PopFloor w={130} />
    {/* swept antenna */}
    <path d="M 0 200 Q 30 150 80 110" stroke="#FF3CAA" strokeWidth="6" strokeLinecap="round" fill="none" />
    <circle cx="80" cy="108" r="9" fill="#FF8FD0" stroke="#1A2F6E" strokeWidth="3" />
    {/* head — pointy */}
    <path d="M -78 220 Q -90 260 -78 310 L -56 330 L 56 330 L 78 310 Q 90 260 78 220 Q 0 195 -78 220 Z"
          fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M -78 220 Q 0 195 78 220 Q 90 260 80 275 L -80 275 Q -90 260 -78 220 Z" fill="url(#pop-navy)" />
    <PopVisor x={0} y={285} w={120} h={22} color="#FF8FD0" />
    {/* fang stripes */}
    <path d="M -56 320 L -40 330 L -52 330 Z" fill="#1A2F6E" />
    <path d="M 56 320 L 40 330 L 52 330 Z" fill="#1A2F6E" />
    {/* wings */}
    <path d="M -90 380 Q -240 340 -270 250 Q -200 320 -110 340 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M 90 380 Q 240 340 270 250 Q 200 320 110 340 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M -250 290 L -130 340 M -220 260 L -135 320" stroke="#FF8FD0" strokeWidth="3" />
    <path d="M 250 290 L 130 340 M 220 260 L 135 320" stroke="#FF8FD0" strokeWidth="3" />
    {/* torso */}
    <path d="M -90 335 Q -110 430 -90 510 Q -75 540 0 540 Q 75 540 90 510 Q 110 430 90 335 Z"
          fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M -55 350 Q -70 430 -55 490 L 55 490 Q 70 430 55 350 Z" fill="url(#pop-navy)" />
    <PopCore size={30} x={0} y={420} />
    {/* arms */}
    <rect x="-148" y="370" width="32" height="110" rx="16" fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <rect x="116" y="370" width="32" height="110" rx="16" fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <circle cx="-132" cy="494" r="22" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <circle cx="132" cy="494" r="22" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    {/* beam swords — rounded glow blob */}
    <g>
      <rect x="-138" y="494" width="12" height="36" rx="3" fill="#1A2F6E" />
      <ellipse cx="-132" cy="430" rx="12" ry="70" fill="url(#pop-magenta)" filter="url(#pop-glow)" opacity="0.9" />
      <ellipse cx="-132" cy="430" rx="6" ry="64" fill="#ffffff" opacity="0.8" />
    </g>
    <g>
      <rect x="126" y="494" width="12" height="36" rx="3" fill="#1A2F6E" />
      <ellipse cx="132" cy="430" rx="12" ry="70" fill="url(#pop-magenta)" filter="url(#pop-glow)" opacity="0.9" />
      <ellipse cx="132" cy="430" rx="6" ry="64" fill="#ffffff" opacity="0.8" />
    </g>
    {/* legs */}
    <path d="M -72 540 Q -88 580 -78 615 L -28 615 Q -18 580 -30 540 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M 72 540 Q 88 580 78 615 L 28 615 Q 18 580 30 540 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
  </svg>
);

// ── Lv.5 ──
const PopLv5 = () => (
  <svg viewBox="-320 -40 640 680" width="100%" height="100%">
    <PopDefs />
    <PopFloor w={150} opacity={0.55} />
    {/* arrow antenna */}
    <path d="M 0 200 L 0 110 M -22 130 L 0 110 L 22 130" stroke="#5CD9FF" strokeWidth="6" strokeLinecap="round" fill="none" />
    {/* head with aero crest */}
    <path d="M -78 230 Q -92 275 -80 325 L -58 345 L 58 345 L 80 325 Q 92 275 78 230 Q 0 205 -78 230 Z"
          fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M -78 230 Q 0 205 78 230 Q 92 275 82 285 L -82 285 Q -92 275 -78 230 Z" fill="url(#pop-navy)" />
    <PopVisor x={0} y={302} w={130} h={22} color="#FF8FD0" />
    {/* huge wings */}
    <path d="M -88 380 L -310 320 Q -315 360 -300 410 L -90 430 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M 88 380 L 310 320 Q 315 360 300 410 L 90 430 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M -300 340 L -130 380 M -290 380 L -110 400" stroke="#FF8FD0" strokeWidth="4" />
    <path d="M 300 340 L 130 380 M 290 380 L 110 400" stroke="#FF8FD0" strokeWidth="4" />
    {/* engines on wings */}
    <rect x="-315" y="395" width="44" height="24" rx="12" fill="#1A2F6E" />
    <ellipse cx="-294" cy="406" rx="14" ry="6" fill="#FF8FD0" />
    <rect x="271" y="395" width="44" height="24" rx="12" fill="#1A2F6E" />
    <ellipse cx="294" cy="406" rx="14" ry="6" fill="#FF8FD0" />
    {/* torso */}
    <path d="M -100 340 Q -125 430 -100 520 Q -85 550 0 550 Q 85 550 100 520 Q 125 430 100 340 Z"
          fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M -60 360 Q -75 430 -60 500 L 60 500 Q 75 430 60 360 Z" fill="url(#pop-navy)" />
    <PopCore size={34} x={0} y={430} />
    {/* engine on belly */}
    <rect x="-32" y="486" width="64" height="22" rx="10" fill="#1A2F6E" />
    <ellipse cx="0" cy="497" rx="22" ry="6" fill="#FF8FD0" />
    {/* arms tucked back */}
    <path d="M -100 360 Q -135 380 -130 470 L -105 480 Z" fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M 100 360 Q 135 380 130 470 L 105 480 Z" fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    {/* legs become thrusters */}
    <path d="M -80 550 Q -95 590 -85 615 L -28 615 Q -18 590 -30 550 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M 80 550 Q 95 590 85 615 L 28 615 Q 18 590 30 550 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <ellipse cx="-56" cy="618" rx="32" ry="8" fill="#FF8FD0" />
    <ellipse cx="56" cy="618" rx="32" ry="8" fill="#FF8FD0" />
  </svg>
);

// ── Lv.6 ──
const PopLv6 = () => (
  <svg viewBox="-340 -60 680 700" width="100%" height="100%">
    <PopDefs />
    {/* galaxy ring behind */}
    <ellipse cx="0" cy="400" rx="300" ry="84" fill="none" stroke="#C5F4FF" strokeWidth="3" opacity="0.5" />
    <ellipse cx="0" cy="400" rx="240" ry="60" fill="none" stroke="#FF8FD0" strokeWidth="3" opacity="0.4" transform="rotate(-15 0 400)" />
    <PopFloor w={170} opacity={0.6} />
    {/* crown antenna */}
    <line x1="0" y1="200" x2="0" y2="115" stroke="#C5F4FF" strokeWidth="5" />
    <line x1="-34" y1="170" x2="-54" y2="105" stroke="#C5F4FF" strokeWidth="5" />
    <line x1="34" y1="170" x2="54" y2="105" stroke="#C5F4FF" strokeWidth="5" />
    <circle cx="0" cy="106" r="12" fill="#FF8FD0" stroke="#1A2F6E" strokeWidth="3" />
    <circle cx="-54" cy="100" r="9" fill="#5CD9FF" stroke="#1A2F6E" strokeWidth="3" />
    <circle cx="54" cy="100" r="9" fill="#5CD9FF" stroke="#1A2F6E" strokeWidth="3" />
    {/* regal head */}
    <path d="M -88 230 Q -104 280 -92 330 L -72 345 L 72 345 L 92 330 Q 104 280 88 230 Q 0 200 -88 230 Z"
          fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M -78 285 Q 0 274 78 285 Q 92 295 86 325 L -86 325 Q -92 295 -78 285 Z" fill="url(#pop-body)" />
    <PopVisor x={0} y={302} w={130} h={22} color="#C5F4FF" />
    {/* ear horns */}
    <path d="M -96 295 Q -126 300 -120 340 L -94 332 Z" fill="#FF8FD0" stroke="#1A2F6E" strokeWidth="3" />
    <path d="M 96 295 Q 126 300 120 340 L 94 332 Z" fill="#FF8FD0" stroke="#1A2F6E" strokeWidth="3" />
    {/* massive shoulders */}
    <path d="M -200 355 Q -225 400 -200 445 L -140 445 L -125 350 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M 200 355 Q 225 400 200 445 L 140 445 L 125 350 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <circle cx="-170" cy="400" r="16" fill="#5CD9FF" stroke="#1A2F6E" strokeWidth="3" />
    <circle cx="170" cy="400" r="16" fill="#5CD9FF" stroke="#1A2F6E" strokeWidth="3" />
    {/* torso */}
    <path d="M -125 345 Q -150 450 -125 540 Q -100 575 0 575 Q 100 575 125 540 Q 150 450 125 345 Z"
          fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M -85 360 Q -105 450 -85 520 L 85 520 Q 105 450 85 360 Z" fill="url(#pop-navy)" />
    {/* fluorescent piping */}
    <path d="M -85 360 L -85 400 L -55 420 L -55 510 M 85 360 L 85 400 L 55 420 L 55 510"
          stroke="#C5F4FF" strokeWidth="4" fill="none" />
    {/* BIG CORE */}
    <PopCore size={46} x={0} y={440} />
    {/* arms */}
    <rect x="-160" y="445" width="46" height="135" rx="23" fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <rect x="114" y="445" width="46" height="135" rx="23" fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <circle cx="-137" cy="590" r="30" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <circle cx="137" cy="590" r="30" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    {/* legs */}
    <path d="M -95 575 Q -110 605 -100 625 L -28 625 Q -18 605 -30 575 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M 95 575 Q 110 605 100 625 L 28 625 Q 18 605 30 575 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
  </svg>
);

// ── Lv.7 ──
const PopLv7 = () => (
  <svg viewBox="-360 -100 720 740" width="100%" height="100%">
    <PopDefs />
    {/* big aura */}
    <circle cx="0" cy="400" r="330" fill="url(#pop-aura)" opacity="0.65" />
    <circle cx="0" cy="180" r="120" fill="none" stroke="#ffffff" strokeWidth="3" opacity="0.7" />
    <circle cx="0" cy="180" r="100" fill="none" stroke="#C5F4FF" strokeWidth="3" opacity="0.8" />
    {/* light platform */}
    <ellipse cx="0" cy="620" rx="130" ry="22" fill="#C5F4FF" opacity="0.55" />
    <ellipse cx="0" cy="620" rx="85" ry="13" fill="#ffffff" opacity="0.7" />
    {/* 5-prong crown */}
    <g stroke="#ffffff" strokeWidth="5" fill="none" strokeLinecap="round">
      <line x1="0" y1="160" x2="0" y2="58" />
      <line x1="-32" y1="180" x2="-60" y2="88" />
      <line x1="32" y1="180" x2="60" y2="88" />
      <line x1="-62" y1="200" x2="-104" y2="140" />
      <line x1="62" y1="200" x2="104" y2="140" />
    </g>
    <circle cx="0" cy="54" r="14" fill="#FF8FD0" stroke="#1A2F6E" strokeWidth="3" />
    <circle cx="-60" cy="84" r="10" fill="#C5F4FF" stroke="#1A2F6E" strokeWidth="3" />
    <circle cx="60" cy="84" r="10" fill="#C5F4FF" stroke="#1A2F6E" strokeWidth="3" />
    <circle cx="-104" cy="136" r="8" fill="#5CD9FF" stroke="#1A2F6E" strokeWidth="2" />
    <circle cx="104" cy="136" r="8" fill="#5CD9FF" stroke="#1A2F6E" strokeWidth="2" />
    {/* divine helmet */}
    <path d="M -92 240 Q -110 290 -98 340 L -78 358 L 78 358 L 98 340 Q 110 290 92 240 Q 0 210 -92 240 Z"
          fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M -92 240 Q 0 210 92 240 Q 110 290 100 304 L -100 304 Q -110 290 -92 240 Z" fill="url(#pop-navy)" />
    <PopVisor x={0} y={318} w={140} h={24} color="#ffffff" />
    {/* radiant wings — bigger than Lv4/5 */}
    <path d="M -115 400 Q -300 360 -350 250 Q -280 340 -135 370 Z" fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M 115 400 Q 300 360 350 250 Q 280 340 135 370 Z" fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M -300 290 L -150 360 M -280 330 L -140 380 M -260 370 L -130 400" stroke="#C5F4FF" strokeWidth="3" />
    <path d="M 300 290 L 150 360 M 280 330 L 140 380 M 260 370 L 130 400" stroke="#C5F4FF" strokeWidth="3" />
    {/* shoulders */}
    <path d="M -190 360 Q -220 400 -195 450 L -140 450 L -128 360 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M 190 360 Q 220 400 195 450 L 140 450 L 128 360 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <circle cx="-160" cy="405" r="14" fill="#FF8FD0" stroke="#1A2F6E" strokeWidth="3" />
    <circle cx="160" cy="405" r="14" fill="#FF8FD0" stroke="#1A2F6E" strokeWidth="3" />
    {/* torso */}
    <path d="M -128 360 Q -160 460 -135 555 Q -110 590 0 590 Q 110 590 135 555 Q 160 460 128 360 Z"
          fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M -85 380 Q -108 460 -85 530 L 85 530 Q 108 460 85 380 Z" fill="url(#pop-navy)" />
    <path d="M -85 380 L -85 430 L -52 450 L -52 520 M 85 380 L 85 430 L 52 450 L 52 520"
          stroke="#C5F4FF" strokeWidth="4" fill="none" />
    {/* mega core with halo */}
    <circle cx="0" cy="450" r="74" fill="#ffffff" opacity="0.5" />
    <PopCore size={56} x={0} y={450} />
    {/* arms — held outward */}
    <rect x="-160" y="445" width="42" height="100" rx="21" fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <rect x="118" y="445" width="42" height="100" rx="21" fill="url(#pop-body)" stroke="#1A2F6E" strokeWidth={SW} />
    <circle cx="-139" cy="555" r="28" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <circle cx="139" cy="555" r="28" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <circle cx="-139" cy="555" r="13" fill="#FF8FD0" />
    <circle cx="139" cy="555" r="13" fill="#FF8FD0" />
    {/* tapered legs */}
    <path d="M -85 590 Q -100 615 -82 622 L -22 622 Q -10 615 -28 590 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
    <path d="M 85 590 Q 100 615 82 622 L 22 622 Q 10 615 28 590 Z" fill="url(#pop-navy)" stroke="#1A2F6E" strokeWidth={SW} />
  </svg>
);

const POP_ROBOTS = [PopLv1, PopLv2, PopLv3, PopLv4, PopLv5, PopLv6, PopLv7];
window.POP_ROBOTS = POP_ROBOTS;
