/*
  Fame V97 · Startseite Gold und Diamant-Holo: Lichtreflex auf allen Knöpfen, der der Neigung folgt.
  Eigene Ebene (.tilt-glare, von app.js eingefügt) – die Gestaltung aus V88–V90 bleibt unverändert.
  --lx / --ly (-1 … 1) kommen aus luxTilt() in app.js (Lagesensor bzw. Finger/Maus).
*/
:is(.screen.lux--gold, .screen.lux--holo):not(.hom) .tilt-glare {
  position: absolute; inset: 0; z-index: 3; border-radius: inherit; pointer-events: none;
  background-repeat: no-repeat;
  background-size: 220% 220%, 100% 100%;
  background-position: calc(50% - var(--lx, 0) * 32%) calc(50% - var(--ly, 0) * 22%), 0 0;
  mix-blend-mode: screen;
}
/* Gold: warmer Goldglanz */
.screen.lux--gold:not(.hom) .tilt-glare {
  background-image:
    linear-gradient(115deg, transparent 38%, rgba(255, 236, 180, 0.15) 44%, rgba(255, 248, 220, 0.5) 50%, rgba(255, 236, 180, 0.15) 56%, transparent 62%),
    radial-gradient(ellipse at calc(50% + var(--lx, 0) * 40%) calc(30% + var(--ly, 0) * 30%), rgba(255, 230, 160, 0.22), transparent 60%);
}
/* Holo: weißer Glanz mit zartem Regenbogensaum */
.screen.lux--holo:not(.hom) .tilt-glare {
  background-image:
    linear-gradient(115deg, transparent 36%, rgba(255, 154, 213, 0.22) 42%, rgba(255, 255, 255, 0.55) 50%, rgba(159, 208, 255, 0.25) 57%, transparent 64%),
    radial-gradient(ellipse at calc(50% + var(--lx, 0) * 40%) calc(30% + var(--ly, 0) * 30%), rgba(255, 255, 255, 0.2), transparent 60%);
}
:is(.screen.lux--gold, .screen.lux--holo):not(.hom) :is(.btn, .hub-tile, .connect-cta, .cc-pill, .cc-ics span) { position: relative; }
@media (prefers-reduced-motion: reduce) { :is(.screen.lux--gold, .screen.lux--holo):not(.hom) .tilt-glare { background-position: 50% 50%, 0 0; } }