:root{--bg-dark:#0f1419;--bg-medium:#1a1f2e;--primary:#4a9eff;--secondary:#a855f7;--accent:#fbbf24;--wall:#2d3748;--floor:#1a202c;--text:#e2e8f0}
*{box-sizing:border-box;margin:0;padding:0}
body{background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-medium) 100%);color:var(--text);font-family:'Segoe UI',system-ui,Arial,sans-serif;display:flex;flex-direction:column;min-height:100vh;margin:0;padding:20px}
body > .shell{flex:1;display:flex;flex-direction:column;justify-content:center;margin:auto}
.shell{width:700px;text-align:center;background:rgba(26,32,44,0.3);border-radius:12px;padding:20px;border:1px solid rgba(74,158,255,0.2);backdrop-filter:blur(10px)}
h1{font-size:24px;margin-bottom:15px;color:var(--primary);text-shadow:0 2px 8px rgba(74,158,255,0.3);font-weight:600;letter-spacing:1px}
.hud{display:flex;justify-content:space-between;margin-bottom:12px;padding:12px;background:rgba(45,55,72,0.4);border-radius:8px;border:1px solid rgba(74,158,255,0.15)}
#game{display:block;width:560px;height:448px;background:var(--floor);border-radius:8px;border:1px solid var(--wall);box-shadow:0 4px 20px rgba(0,0,0,0.4),inset 0 1px 2px rgba(74,158,255,0.1);margin:0 auto}
/* Subtile UI-Elemente */
#score,#lives{padding:8px 12px;background:rgba(74,158,255,0.1);border-radius:6px;border:1px solid rgba(74,158,255,0.2);color:var(--primary);font-weight:500}

/* Animierte Herzen */
#hearts {
  display: flex;
  gap: 8px;
  align-items: center;
}

.heart {
  font-size: 24px;
  color: #ff4757;
  text-shadow: 0 2px 8px rgba(255, 71, 87, 0.4);
  animation: heartbeat 1.5s ease-in-out infinite;
  display: inline-block;
  transition: all 0.6s ease;
}

.heart.lost {
  animation: heartLost 0.6s ease forwards;
}

@keyframes heartbeat {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}

@keyframes heartLost {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5) rotate(10deg);
    opacity: 0.5;
  }
  100% {
    transform: scale(0) rotate(30deg);
    opacity: 0;
  }
}

.hint{margin-top:12px;color:#9ca3af;font-size:14px;opacity:0.8}

/* Dezente Effekte */
.pill{filter:drop-shadow(0 2px 4px rgba(251,191,36,0.4))}