<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 540" role="img" aria-labelledby="title desc">
  <title id="title">Player ID illustration</title><desc id="desc">A stylized profile screen highlighting the player ID beneath the player name.</desc>
  <defs><linearGradient id="bg" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#0a1b27"/><stop offset="1" stop-color="#123847"/></linearGradient><linearGradient id="ice" x1="0" y1="0" x2="1" y2="0"><stop stop-color="#65d6b4"/><stop offset="1" stop-color="#34c6d3"/></linearGradient></defs>
  <rect width="960" height="540" rx="36" fill="url(#bg)"/>
  <circle cx="140" cy="144" r="62" fill="#183d4d" stroke="#bceff4" stroke-opacity=".35" stroke-width="4"/>
  <path d="M112 151c11-30 45-45 72-27 17 11 23 36 12 54-15 25-52 27-72 6-9-9-13-21-12-33Z" fill="#65d6b4" opacity=".8"/>
  <rect x="236" y="92" width="316" height="42" rx="15" fill="#f4fbfc" opacity=".92"/>
  <rect x="236" y="152" width="245" height="26" rx="13" fill="#a9c1c8" opacity=".5"/>
  <rect x="88" y="250" width="784" height="164" rx="26" fill="#0e2b38" stroke="#34c6d3" stroke-opacity=".35" stroke-width="3"/>
  <text x="126" y="300" fill="#a9c1c8" font-family="Arial, sans-serif" font-size="24" font-weight="700">PLAYER ID</text>
  <rect x="126" y="326" width="485" height="54" rx="14" fill="#07151f" stroke="url(#ice)" stroke-width="3"/>
  <text x="154" y="362" fill="#f4fbfc" font-family="monospace" font-size="28" font-weight="700">123456789</text>
  <rect x="638" y="326" width="180" height="54" rx="27" fill="url(#ice)"/>
  <text x="728" y="360" text-anchor="middle" fill="#03171d" font-family="Arial, sans-serif" font-size="21" font-weight="800">COPY ID</text>
  <path d="M480 454v32m0 0-13-13m13 13 13-13" fill="none" stroke="#65d6b4" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
  <text x="480" y="516" text-anchor="middle" fill="#bceff4" font-family="Arial, sans-serif" font-size="22" font-weight="700">Profile → ID</text>
</svg>
