body { font-family: Arial, Helvetica, sans-serif; display:flex; justify-content:center; align-items:flex-start; padding:20px; background:#111; color:#fff; }
.stage { position:relative; width:800px; height:600px; background-image: url('summit-background.jpg'); background-size:cover; background-position:center; border:1px solid #333; box-shadow: 0 4px 12px rgba(0,0,0,0.6); }
.gauge-container { position:absolute; width:200px; height:220px; text-align:center; }
.gauge-container.left { left:10px; bottom:10px; }
.gauge-container.right { right:10px; bottom:10px; }
canvas { width:180px; height:180px; display:block; margin:0 auto; }
.labels { margin-top:6px; }
.labels .value { font-weight:bold; color:#00ff00; }
.labels .speed { font-weight:bold;  color:#00ff00; }

.title-label {
  display: block;        /* Ensures it takes up the full width to center text */
  text-align: center;    /* Centers the text horizontally */
  font-size: 3rem;       /* Makes the text "big" (adjust as needed) */
  color: #ff7f50;          /* Sets the text color to black */
  font-weight: bold;     /* Optional: makes it stand out more */
  margin-top: 20px;      /* Adds a little space from the very top edge */
}

/* Responsive tweak */
@media (max-width:840px) {
  .stage { transform: scale(0.9); transform-origin: top center; }
}