<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gaming King Robot</title>

<style>
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
}

.svg-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-15px);
    }
}

.animate-float {
    animation: float 4s ease-in-out infinite;
}

svg {
    width: 260px;
    height: 260px;
    filter: drop-shadow(0 0 20px rgba(255,215,0,0.4));
}
</style>
</head>

<body>

<div class="svg-container">
    <svg viewBox="0 0 100 100" class="animate-float" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Gaming King Robot">
        <defs>
            <linearGradient id="goldGrad" x1="0%" y1="0%" x2="100%" y2="100%">
                <stop offset="0%" stop-color="#FFD700"/>
                <stop offset="100%" stop-color="#FFA500"/>
            </linearGradient>
            <linearGradient id="purpleGrad" x1="0%" y1="0%" x2="100%" y2="100%">
                <stop offset="0%" stop-color="#4B0082"/>
                <stop offset="100%" stop-color="#8A2BE2"/>
            </linearGradient>
        </defs>

        <polygon points="50,25 35,40 40,40 40,50 60,50 60,40 65,40" fill="url(#goldGrad)" stroke="#B8860B" stroke-width="2"/>
        <circle cx="50" cy="30" r="3" fill="#DC143C" stroke="#FFD700"/>
        <circle cx="40" cy="38" r="2" fill="#0F52BA" stroke="#FFD700"/>
        <circle cx="60" cy="38" r="2" fill="#0F52BA" stroke="#FFD700"/>

        <rect x="30" y="50" width="40" height="30" rx="5" fill="url(#purpleGrad)" stroke="#FFD700" stroke-width="3"/>
        <rect x="30" y="60" width="40" height="5" fill="#FFD700"/>

        <circle cx="42" cy="65" r="5" fill="#FFD700" stroke="#FFA500" stroke-width="2"/>
        <circle cx="58" cy="65" r="5" fill="#FFD700" stroke="#FFA500" stroke-width="2"/>
        <circle cx="42" cy="65" r="2" fill="#DC143C"/>
        <circle cx="58" cy="65" r="2" fill="#DC143C"/>

        <rect x="25" y="85" width="50" height="25" rx="8" fill="#4169E1" stroke="#FFD700" stroke-width="3"/>
        <rect x="32" y="92" width="8" height="6" fill="#2C2C2C" stroke="#FFD700"/>
        <rect x="35" y="89" width="2" height="12" fill="#2C2C2C" stroke="#FFD700"/>

        <circle cx="58" cy="95" r="3" fill="#DC143C" stroke="#FFD700"/>
        <circle cx="64" cy="90" r="3" fill="#0F52BA" stroke="#FFD700"/>
        <circle cx="52" cy="90" r="3" fill="#50C878" stroke="#FFD700"/>
        <circle cx="58" cy="85" r="3" fill="#FFD700" stroke="#FFA500"/>

        <path d="M 20,80 L 30,85 L 70,85 L 80,80 L 75,95 L 50,100 L 25,95 Z" fill="#DC143C" stroke="#FFD700" stroke-width="2"/>
    </svg>
</div>

</body>
</html>