/* ===== ROBOT AI ===== */
.robot {
   position: fixed;
   bottom: 110px;
   right: 20px;
   width: 70px;
   height: 100px;
   z-index: 100;
   cursor: pointer;
   pointer-events: auto;
   transition: transform 0.3s;
   will-change: transform;
   animation: robotBounce 3s ease-in-out infinite;
}
.robot:active { transform: scale(0.9) !important; }

@keyframes robotBounce {
   0%,100% { transform: translateY(0); }
   50% { transform: translateY(-10px); }
}

.robot-antenna {
   position:absolute;
   top:0; left:50%;
   transform:translateX(-50%);
   width:3px; height:12px;
   background:var(--accent);
   border-radius:3px;
}
.robot-antenna::before {
   content:'';
   position:absolute;
   top:-6px; left:50%;
   transform:translateX(-50%);
   width:8px; height:8px;
   border-radius:50%;
   background:var(--accent);
   box-shadow:0 0 15px var(--accent);
   animation:antennaPulse 1.5s infinite;
}
@keyframes antennaPulse {
   50% { opacity:0.4; transform:translateX(-50%) scale(0.7); }
}

.robot-head {
   position:absolute;
   top:12px; left:50%;
   transform:translateX(-50%);
   width:56px; height:52px;
   background: linear-gradient(135deg, #a855f7, #7c3aed);
   border-radius: 18px 18px 12px 12px;
   box-shadow:
      0 0 25px rgba(168,85,247,0.6),
      inset 0 -6px 10px rgba(0,0,0,0.3),
      inset 0 3px 6px rgba(255,255,255,0.2);
   animation: headTilt 4s ease-in-out infinite;
}
@keyframes headTilt {
   0%,100% { transform:translateX(-50%) rotate(0deg); }
   25% { transform:translateX(-50%) rotate(-6deg); }
   75% { transform:translateX(-50%) rotate(6deg); }
}

.robot-eye {
   position:absolute;
   top:16px;
   width:10px; height:10px;
   border-radius:50%;
   background:#00e5ff;
   box-shadow: 0 0 12px #00e5ff, 0 0 22px #00e5ff;
   animation:eyeBlink 4s infinite;
}
.robot-eye.left { left:10px; }
.robot-eye.right { right:10px; }
@keyframes eyeBlink {
   0%,92%,100% { transform:scaleY(1); }
   95% { transform:scaleY(0.1); }
}

.robot-mouth {
   position:absolute;
   bottom:8px; left:50%;
   transform:translateX(-50%);
   width:16px; height:3px;
   background:#00e5ff;
   border-radius:3px;
   box-shadow:0 0 8px #00e5ff;
   animation: mouthTalk 2s infinite;
}
@keyframes mouthTalk {
   0%,100% { width:16px; }
   50% { width:8px; }
}

.robot-body {
   position:absolute;
   top:60px; left:50%;
   transform:translateX(-50%);
   width:44px; height:28px;
   background: linear-gradient(135deg, #7c3aed, #3b82f6);
   border-radius: 8px 8px 14px 14px;
   box-shadow: 0 0 20px rgba(168,85,247,0.5);
}
.robot-body::before,
.robot-body::after {
   content:'';
   position:absolute;
   top:8px;
   width:6px; height:6px;
   border-radius:50%;
   background:#00e5ff;
   box-shadow:0 0 8px #00e5ff;
}
.robot-body::before { left:8px; }
.robot-body::after { right:8px; }

.robot-ring {
   position:absolute;
   bottom:2px; left:50%;
   transform:translateX(-50%);
   width:60px; height:12px;
   border-radius:50%;
   background:radial-gradient(ellipse, rgba(168,85,247,0.7), transparent 70%);
   filter:blur(4px);
   animation: ringPulse 2s infinite;
}
@keyframes ringPulse {
   0%,100% { transform:translateX(-50%) scale(1); opacity:0.6; }
   50% { transform:translateX(-50%) scale(1.2); opacity:0.3; }
}

/* ===== RADIAL MENU ===== */
.radial-menu {
   position: fixed;
   bottom: 160px;
   right: 55px;
   width: 0; height: 0;
   z-index: 99;
   pointer-events: none;
}
.radial-menu button {
   position:absolute;
   top:50%; left:50%;
   margin:-24px 0 0 -24px;
   width:48px; height:48px;
   border-radius:50%;
   background: rgba(25,18,45,0.9);
   backdrop-filter:blur(20px);
   border:1px solid var(--glass-border);
   color:#fff;
   font-size:16px;
   cursor:pointer;
   transition: 0.5s cubic-bezier(0.34,1.56,0.64,1);
   box-shadow:0 0 20px rgba(168,85,247,0.5);
   opacity:0;
   transform: translate(0,0) scale(0.3);
   pointer-events:none;
}
.radial-menu.open { pointer-events:auto; }
.radial-menu.open button {
   opacity:1;
   pointer-events:auto;
   --angle: calc(var(--i) * 60deg);
   transform: rotate(var(--angle)) translate(70px) rotate(calc(-1 * var(--angle))) scale(1);
}
.radial-menu.open button:active {
   background: linear-gradient(135deg, var(--accent), var(--accent-2));
   transform: rotate(var(--angle)) translate(70px) rotate(calc(-1 * var(--angle))) scale(1.15) !important;
}