/* Shroom Mode — Deep purple + rotating mandala background */

@keyframes mandala-spin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}

body[data-tab="shroom"] #canvas-wrap {
  background: #0D0014;
}
body[data-tab="shroom"] #canvas-wrap::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 130%;
  height: 130%;
  transform: translate(-50%, -50%);
  background:
    radial-gradient(ellipse 55% 55% at 50% 50%, rgba(167,139,250,0.07) 0%, transparent 70%),
    conic-gradient(
      from 0deg,
      rgba(167,139,250,0.10) 0deg,   rgba(139,92,246,0.03) 30deg,
      rgba(192,132,252,0.10) 60deg,  rgba(167,139,250,0.03) 90deg,
      rgba(139,92,246,0.10) 120deg,  rgba(192,132,252,0.03) 150deg,
      rgba(167,139,250,0.10) 180deg, rgba(139,92,246,0.03) 210deg,
      rgba(192,132,252,0.10) 240deg, rgba(167,139,250,0.03) 270deg,
      rgba(139,92,246,0.10) 300deg,  rgba(192,132,252,0.03) 330deg,
      rgba(167,139,250,0.10) 360deg
    );
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  animation: mandala-spin 25s linear infinite;
}
body[data-tab="shroom"] #game-canvas {
  position: relative;
  z-index: 1;
}