/* =====================================================================
   Poisn – ruhigere Oberfläche (Update 58)
   Wird NACH neon.css geladen. Gleiche Farben, gleiche Schrift, gleiches Logo –
   aber weniger Leuchten, damit Text und Bedienelemente im Vordergrund stehen:
   ein Leuchtpunkt pro Ansicht statt überall, ruhigerer Hintergrund, bessere Lesbarkeit.
   Nur Bildschirm – Drucken bleibt unverändert.
   ===================================================================== */
@media screen {

:root {
  --fg-muted: #b6b0ca;            /* etwas heller: besserer Kontrast für Nebentexte */
  --glow-klein: 0 0 0 rgba(0, 0, 0, 0);
  --glow: 0 0 0 rgba(0, 0, 0, 0);
  --schatten: 0 8px 24px rgba(0, 0, 0, .32);
  --ruhig-rand: rgba(168, 85, 247, .22);
}

/* Hintergrund: die Partikel bleiben, laufen aber leiser hinter dem Inhalt */
#particle-canvas { opacity: .5 !important; }

/* Überschriften und Zwischentitel: kein Leuchten auf Text */
h1, h2, .sec-eyebrow, .eyebrow, .v-block h4, .naechste-titel, .lobby-wahl-titel, .mt-zahlen,
.karte > h2, .ue-gruss, footer a:hover, .seiten-fuss a:hover { text-shadow: none !important; }
.hl, .claim .hl { text-shadow: 0 0 18px rgba(192, 132, 252, .28) !important; }   /* nur das Schlagwort darf leuchten */
h1, h2, h3 { text-wrap: balance; }
p, li { text-wrap: pretty; }

/* Abschnitts-Titel: die Neon-Striche werden zu dezenten Linien */
.sec-eyebrow::before, .sec-eyebrow::after { box-shadow: none !important; opacity: .55; height: 1px; }

/* Karten: ein ruhiger Rand, ein sanfter Schatten, kein Leuchten beim Drüberfahren */
.card, .karte, .kontakt-box, .tier-card, .build, .meta-woche, .s-cta, .s-ordner, .faq, .mk-karte,
.ref-karte, .streamer-link, .ue-heute, .page > .kopf:not(:has(h1)), .zeiten-karte, .t-karte, .turnier-karte, .s-karte, .streamer-karte, form#formular {
  border-color: var(--ruhig-rand) !important;
  box-shadow: var(--schatten) !important;
}
.build:hover, .s-ordner:hover, .streamer-link:hover, .ue-kachel:hover, .faq:hover, .tier-card:hover, .ref-karte:hover, .bw-karte:hover, .quick-karte:hover {
  border-color: rgba(192, 132, 252, .55) !important;
  box-shadow: var(--schatten) !important;
}
.tier-card.partner { box-shadow: var(--schatten), 0 0 0 1px rgba(216, 180, 254, .18) inset !important; }
.kontakt-box::before { opacity: .45; }
.login-karte { box-shadow: var(--schatten) !important; }

/* Knöpfe: Hauptknopf bleibt violett und klar erkennbar, nur ohne Strahlen */
.v-knopf:not(.grau):not(.gefahr):not(.live-rot), .knopf:not(.grau):not(.rot):not(.aus), .mt-k:not(.grau):not(.gruen),
.kontakt-knopf.haupt, .absenden, #submitBtn, .tb-pfeil, .mk-knopf:not(.zweit), button.primaer, button.gross, a.haupt:not(.hero-knopf), .knopf.haupt,
.login-karte button, .card > form button[type=submit], .card form button#btn, form#loginForm button, form#einladungForm button {
  box-shadow: 0 4px 12px rgba(88, 40, 190, .28) !important;
  text-shadow: none !important;
}
.v-knopf:not(.grau):not(.gefahr):not(.live-rot):hover, .knopf:not(.grau):not(.rot):not(.aus):hover, .mt-k:not(.grau):not(.gruen):hover,
.kontakt-knopf.haupt:hover, .absenden:hover:not(:disabled), #submitBtn:hover:not(:disabled), .tb-pfeil:hover, .mk-knopf:not(.zweit):hover,
button.primaer:hover, button.gross:hover, a.haupt:not(.hero-knopf):hover, .knopf.haupt:hover, .login-karte button:hover {
  box-shadow: 0 6px 16px rgba(88, 40, 190, .36) !important;
  transform: none;
}
.v-knopf.grau:hover, .knopf.grau:hover, .mt-k.grau:hover, .kontakt-knopf.neben:hover, .mk-knopf.zweit:hover, .app-knopf:hover, .kopf button:not(.knopf):not(.abmelden):hover { box-shadow: none !important; }
.mt-k.gruen, .v-knopf.live-rot, .knopf.rot { box-shadow: 0 4px 12px rgba(0, 0, 0, .3) !important; }
.hero-knopf:not(.haupt) { box-shadow: none !important; }
.hero-knopf.haupt { box-shadow: 0 6px 18px rgba(88, 101, 242, .3) !important; }

/* Menü und Leisten */
.nav-shell, .nav-shell.offen { box-shadow: 0 8px 24px rgba(0, 0, 0, .4) !important; }
.site-nav a.active, .nav-shell.offen .menu-toggle { box-shadow: none !important; }
.reiter-leiste { box-shadow: 0 8px 24px rgba(0, 0, 0, .4) !important; }
.reiter-knopf.aktiv { box-shadow: none !important; }
.app-leiste { box-shadow: 0 -8px 24px rgba(0, 0, 0, .4) !important; }
.app-reiter.aktiv { box-shadow: 0 0 0 1px rgba(192, 132, 252, .3) inset !important; }
.app-reiter.aktiv .ar-symbol { filter: none !important; }
.sprung { box-shadow: 0 8px 24px rgba(0, 0, 0, .35) !important; }
.sprung a.aktiv { box-shadow: none !important; }

/* Team-Bereich: Kacheln und Bereiche ohne Randleuchten */
.verwaltung > summary:hover, .verwaltung[open] > summary { box-shadow: none !important; }
.ue-kachel.gut, .ue-kachel.hinweis, .ue-kachel.warnung, .ue-kachel.live { box-shadow: none !important; }
.ue-zeile:hover { box-shadow: none !important; }
.zf-warnung, .status.open, .status.offen, .mt-status.an, .live-zustand.an, .rolle-plakette, .bw-marke, .closing .tag { box-shadow: none !important; }
.reiter-zahl, .ar-zahl { box-shadow: none !important; }
.lobby:has(input:checked) { box-shadow: 0 0 0 2px rgba(168, 85, 247, .5) !important; }

/* Logo: sanfterer Schein */
.hero-logo, .logo, .kopf-logo, .login-karte img { filter: drop-shadow(0 4px 18px rgba(168, 85, 247, .28)); }

/* Eingabefelder: klarer Fokusring statt Leuchten */
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus, textarea:focus, select:focus {
  box-shadow: 0 0 0 3px rgba(168, 85, 247, .28) !important;
}
:focus-visible { outline: 2px solid var(--neon-hell); outline-offset: 2px; }

/* Bedienbarkeit (Zeilenabstände bleiben, damit die Seiten nicht länger werden) */
@media (max-width: 640px) {
  .site-nav a, .reiter-knopf, .faq > summary, .menu-toggle { min-height: 44px; }   /* Tippflächen mindestens 44 Pixel */
}
}