body {
      margin: 0;
      font-family: Arial, sans-serif;
      background: radial-gradient(circle at center, #0a0f2c, #020617);
      color: #e0f7ff;
      overflow-x: hidden;
    }

    /* SVG Dartboards korrekt im Hintergrund */
    .dartboard {
      position: fixed;
      width: 220px;
      height: 220px;
      pointer-events: none;
      opacity: 0.6;
      z-index: 0;
      filter: drop-shadow(0 0 10px #00f0ff)
              drop-shadow(0 0 20px #39ff14)
              drop-shadow(0 0 30px #ff00ff);
    }

    .db1 { top: 90px; left: -100px; } /* 90px oder 5% */
    .db2 { bottom: 5%; right: -120px; }
    .db3 { top: 50%; right: -80px; width:150px; height:150px; }

    /* Neon Dart 3er Sets */
    .dart-set {
      position: fixed;
      display: flex;
      gap: 8px;
      opacity: 0.7;
      z-index: 1;
    }

    .dart {
      width: 80px;
      height: 6px;
      background: linear-gradient(90deg, #ff00ff, #00f0ff);
      box-shadow: 0 0 10px #00f0ff, 0 0 20px #ff00ff;
      position: relative;
      transform: rotate(-20deg);
    }

    .dart::after {
      content: "";
      position: absolute;
      right: -10px;
      top: -4px;
      border-left: 10px solid #39ff14;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      filter: drop-shadow(0 0 5px #39ff14);
    }

    .set1 { top: 20%; left: 20px; }
    .set2 { bottom: 20%; right: 20px; transform: rotate(180deg); }

    header {
      text-align: center;
      padding: 30px 10px;
    }

    h1 {
      font-size: 40px;
      color: #39ff14;
      text-shadow: 0 0 10px #39ff14, 0 0 20px #00f0ff;
    }

    .info {
      text-align: center;
      margin-bottom: 30px;
      font-size: 18px;
    }

    .container {
      max-width: 1200px;
      margin: auto;
      padding: 20px;
      position: relative;
      z-index: 2;
    }

    .section {
      margin-bottom: 40px;
      padding: 20px;
      border-radius: 15px;
      background: rgba(0,0,0,0.65);
      box-shadow: 0 0 20px #00f0ff;
    }
	
	.members {
	  display: grid;
	  grid-template-columns: repeat(3, 1fr);
	  gap: 20px;
	}
	
	.members ul {
	  list-style: none;
	  padding: 0;
	  columns: 1;
	}

	.members li {
	  padding: 5px 0;
	  text-align: center;
	}

    h2 {
      color: #00f0ff;
      text-shadow: 0 0 10px #00f0ff;
    }

    ul { columns: 2; }

    table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 10px;
    }

    th, td {
      border: 1px solid #00f0ff;
      padding: 8px;
      text-align: center;
    }

    th { background: rgba(0,255,255,0.2); }

    .boards {
	  display: grid;
	  grid-template-columns: 1fr;
	  gap: 20px;
    }

    .board {
      background: rgba(0,0,0,0.75);
      padding: 15px;
      border-radius: 12px;
      box-shadow: 0 0 15px #39ff14;
      transition: transform 0.3s;
    }

	/*
    .board:hover {
      transform: scale(1.05) rotate(1deg);
    }
	*/

    .neon {
      color: #39ff14;
      text-shadow: 0 0 5px #39ff14, 0 0 10px #00f0ff;
    }
	
	@media (max-width: 600px) {

	  /* Container fast randlos */
	  .container {
		padding: 8px;
	  }

	  /* Sections enger machen */
	  .section {
		padding: 10px;
		margin-bottom: 20px;
		border-radius: 10px;
	  }

	  /* Tabellen kompakter */
	  table {
		margin-top: 5px;
	  }

	  th, td {
		padding: 4px;
		font-size: 12px;
	  }

	  /* Überschriften etwas kleiner */
	  h1 {
		font-size: 28px;
	  }

	  h2 {
		font-size: 20px;
	  }

	  /* Teilnehmer enger */
	  .members {
		gap: 10px;
	  }

	  .members li {
		padding: 3px 0;
		font-size: 14px;
	  }

	  /* Board-Karten kompakter */
	  .board {
		padding: 10px;
	  }

	}