.iraira-canvas-wrap {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 8px auto;
  background: #ffffff;
  border: 4px solid var(--color-accent);
  border-radius: 20px;
  box-sizing: border-box;
  padding: 10px;
  overflow: hidden;
}

.iraira-svg {
  width: 100%;
  height: 100%;
  display: block;
  touch-action: none;
}

.iraira-bg {
  fill: #f4f7ff;
}

.iraira-corridor-group {
  stroke: #cfe0ff;
}

.iraira-corridor-seg {
  fill: none;
}

.iraira-centerline {
  fill: none;
  stroke: #8fa3c4;
  stroke-width: 3;
  stroke-dasharray: 8, 10;
  stroke-linecap: round;
}

.iraira-start {
  fill: #4caf50;
  stroke: #ffffff;
  stroke-width: 3;
}

.iraira-goal {
  fill: #ffcb3d;
  stroke: #ffffff;
  stroke-width: 3;
}

.iraira-label {
  fill: #14285c;
  font-size: 22px;
  font-weight: bold;
  text-anchor: middle;
}

.iraira-door-label {
  font-size: 26px;
  text-anchor: middle;
  pointer-events: none;
}

.iraira-gear-hub {
  fill: #8d6e63;
  stroke: #5d4037;
  stroke-width: 2;
}

.iraira-gear-tooth {
  stroke: #8d6e63;
  stroke-width: 5;
  stroke-linecap: round;
}

.iraira-gear-arm {
  stroke: #e53935;
  stroke-linecap: round;
  opacity: 0.85;
}

.iraira-ring {
  fill: #e53935;
  stroke: #ffffff;
  stroke-width: 4;
  cursor: pointer;
  transition: fill 0.1s ease;
}

.iraira-ring.touching {
  fill: #ff1744;
}