/* Play2Gether V55: Zweifarben-Neon in Echtzeit.
   Die Farben kommen weiterhin aus Supabase/ColorStudio, nicht aus einer
   zweiten Speicherung. Sanfte Farbverlaeufe statt vollflaechigem Neon.
   Neonkraft kommt von den bestehenden Glow-Variablen. */

/* Der globale Legal-Link liegt AUSSERHALB der Portal-Shell und hatte bisher
   feste Farben aus dem Login. Die geerbten Body-Farben gelten nun sofort. */
body.p2g-portal-ready[data-p2g-theme="neon"] .p2g-header-utilities .p2g-legal-quicklink{
 background:linear-gradient(112deg,
    color-mix(in srgb,var(--p2g-neon-a) 18%,#141924),
    color-mix(in srgb,var(--p2g-neon-b) 23%,#111a26))!important;
 border-color:color-mix(in srgb,var(--p2g-neon-a) 47%,var(--p2g-neon-b) 30%)!important;
 color:#f7f8ff!important;
 box-shadow:0 5px 17px #0005,
   0 0 calc(var(--p2g-glow-radius,36px) * .36)
    rgba(var(--p2g-neon-rgb-b),calc(var(--p2g-glow-alpha,.55) * .33))!important;
}
body.p2g-portal-ready[data-p2g-theme="neon"] .p2g-header-utilities .p2g-legal-quicklink .p2g-legal-glyph{
 color:var(--p2g-neon-b)!important;
 border-color:color-mix(in srgb,var(--p2g-neon-b) 44%,transparent)!important;
}
body.p2g-portal-ready[data-p2g-theme="neon"] .p2g-header-utilities .p2g-legal-quicklink:is(:hover,:focus-visible){
 background:linear-gradient(112deg,
  color-mix(in srgb,var(--p2g-neon-a) 29%,#13192a),
  color-mix(in srgb,var(--p2g-neon-b) 34%,#12192b))!important;
 border-color:color-mix(in srgb,var(--p2g-neon-a) 45%,var(--p2g-neon-b) 55%)!important;
 box-shadow:0 6px 20px #0007,
 0 0 calc(var(--p2g-glow-radius,36px) * .65)
 rgba(var(--p2g-neon-rgb-b),calc(var(--p2g-glow-alpha,.55) * .55))!important;
}

/* Farbe 1 links, Farbe 2 rechts. Bei Rot+Blau ist auf Karten und
   Navigationsknopf beides erkennbar. Nur personalisierte Neon-Paletten. */
body.p2g-portal-ready.p2g-own-neon-palette[data-p2g-theme="neon"] #p2gPortalShell .p2g-port-head{
 background:linear-gradient(112deg,
   color-mix(in srgb,var(--p2g-neon-a) 14%,var(--p2g-ambient-header,#15151f)),
   color-mix(in srgb,var(--p2g-neon-b) 17%,var(--p2g-ambient-nav,#161628)))!important;
 border-bottom-color:color-mix(in srgb,var(--p2g-neon-a) 40%,var(--p2g-neon-b) 24%)!important;
}
body.p2g-portal-ready.p2g-own-neon-palette[data-p2g-theme="neon"] #p2gPortalShell .p2g-port-nav button[aria-current="page"]{
 background:linear-gradient(112deg,
  color-mix(in srgb,var(--p2g-neon-a) 25%,var(--p2g-ambient-nav,#171826)),
  color-mix(in srgb,var(--p2g-neon-b) 29%,var(--p2g-ambient-card-alt,#1b2030)))!important;
 border-color:color-mix(in srgb,var(--p2g-neon-a) 65%,var(--p2g-neon-b) 35%)!important;
 box-shadow:0 0 calc(var(--p2g-glow-radius,36px) * .76)
 rgba(var(--p2g-neon-rgb-a),calc(var(--p2g-glow-alpha,.55) * .7)),
 inset -7px 0 calc(var(--p2g-glow-radius,36px) * .38)
 rgba(var(--p2g-neon-rgb-b),calc(var(--p2g-glow-alpha,.55) * .48))!important;
}
body.p2g-portal-ready.p2g-own-neon-palette[data-p2g-theme="neon"] #p2gPortalShell :is(.p2g-port-panel,.p2g-port-card){
 background:linear-gradient(121deg,
   color-mix(in srgb,var(--p2g-neon-a) 9%,var(--p2g-ambient-card,#1c222e)),
   color-mix(in srgb,var(--p2g-neon-b) 19%,var(--p2g-ambient-card-alt,#1d2134)))!important;
 border-color:color-mix(in srgb,var(--p2g-neon-a) 23%,var(--p2g-neon-b) 23%)!important;
}
body.p2g-portal-ready.p2g-own-neon-palette[data-p2g-theme="neon"] #p2gPortalShell :is(.p2g-port-profile,#p2gProfileTrigger){
 background:linear-gradient(112deg,
  color-mix(in srgb,var(--p2g-neon-a) 16%,var(--p2g-ambient-card,#1a1d29)),
  color-mix(in srgb,var(--p2g-neon-b) 23%,var(--p2g-ambient-card-alt,#1a2233)))!important;
 border-color:color-mix(in srgb,var(--p2g-neon-a) 35%,var(--p2g-neon-b) 37%)!important;
}
body.p2g-portal-ready.p2g-own-neon-palette[data-p2g-theme="neon"] #p2gPortalShell .p2g-port-btn.primary{
 background:linear-gradient(110deg,
  color-mix(in srgb,var(--p2g-neon-a) 21%,#152034),
  color-mix(in srgb,var(--p2g-neon-b) 26%,#161b2d))!important;
 border-color:color-mix(in srgb,var(--p2g-neon-a) 52%,var(--p2g-neon-b) 38%)!important;
}
body.p2g-portal-ready.p2g-own-neon-palette[data-p2g-theme="neon"] #p2gPortalShell .p2g-port-btn.primary:is(:hover,:focus-visible){
 background:linear-gradient(110deg,
  color-mix(in srgb,var(--p2g-neon-a) 32%,#152034),
  color-mix(in srgb,var(--p2g-neon-b) 36%,#161b2d))!important;
}
/* Zweite Farbe auch bei Buttons in der Kopfzeile, die bisher einen festen
   roten/Tuerkisen Grundton aus anderen Designversionen uebernahmen. */
body.p2g-portal-ready.p2g-own-neon-palette[data-p2g-theme="neon"] #p2gPortalShell .p2g-port-topbutton{
 background:linear-gradient(117deg,
 color-mix(in srgb,var(--p2g-neon-a) 22%,var(--p2g-ambient-card,#171e2c)),
 color-mix(in srgb,var(--p2g-neon-b) 26%,var(--p2g-ambient-card-alt,#1a1a30)))!important;
 border-color:color-mix(in srgb,var(--p2g-neon-b) 40%,var(--p2g-neon-a) 38%)!important;
}
/* Dunkel/Minimalistisch behalten die eigenstaendige Gestaltung, kein Neon. */
@media(prefers-reduced-motion:reduce){
 body.p2g-portal-ready[data-p2g-theme="neon"] .p2g-header-utilities .p2g-legal-quicklink{transition:none!important}
}