/* Estilos Customizados Turma 271 - Escola da Nuvem */
:root {
  --aws-orange: #FF9900;
  --aws-navy: #232F3E;
  --aws-dark: #0F172A;
}

body {
  background-color: #0b1120;
  color: #f8fafc;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #0f172a;
}
::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #FF9900;
}

.bg-aws-navy {
  background-color: #232F3E;
}

.text-aws-orange {
  color: #FF9900;
}

.border-aws-orange {
  border-color: #FF9900;
}

.bg-aws-orange {
  background-color: #FF9900;
}

/* Efeito de brilho em cards */
.glow-card {
  transition: all 0.25s ease-in-out;
}
.glow-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px -5px rgba(255, 153, 0, 0.15), 0 8px 10px -6px rgba(255, 153, 0, 0.1);
  border-color: rgba(255, 153, 0, 0.5);
}

/* Canvas Responsivo */
#game-canvas {
  width: 100%;
  max-width: 1000px;
  height: auto;
  aspect-ratio: 10 / 7;
  touch-action: none;
}