/* Retro Love RGB Lux 2.0: opt-in strong LED highlight for existing PSF1 and bottom nav.
 * Retains GF1 mirror pseudo layers and original backgrounds.
 * Motion is rendered only by the EXISTING capped SVG LED Studio engine.
 * No additional animation loop, no backdrop blur, no external resources.
 */

/* Colour samples are intentionally lightweight: one small CSS demo, no app-wide animation. */
#rlrgb34-dialog .rgb-lux-styles>p{color:#c7d8ec;font-size:13px;line-height:1.5;margin:0 0 12px}
#rlrgb34-dialog .rgb-lux-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#rlrgb34-dialog .rgb-lux-sample{--lux-1:#ff5edf;--lux-2:#5fe9ff;--lux-3:#7cffbc;min-height:100px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;position:relative;overflow:hidden;border:2px solid transparent;border-radius:19px;padding:12px;color:#fff;text-align:left;cursor:pointer;background:linear-gradient(155deg,#17233b,#090e22) padding-box,linear-gradient(120deg,var(--lux-1),var(--lux-2),var(--lux-3),var(--lux-1)) border-box;box-shadow:0 0 9px color-mix(in srgb,var(--lux-1) 30%,transparent),inset 0 1px 0 rgba(255,255,255,.28)}
#rlrgb34-dialog .rgb-lux-sample[data-style='rose']{--lux-1:#ff54c8;--lux-2:#8b67ff;--lux-3:#6df2ff}
#rlrgb34-dialog .rgb-lux-sample[data-style='ice']{--lux-1:#c3fbff;--lux-2:#44b9ff;--lux-3:#a4a6ff}
#rlrgb34-dialog .rgb-lux-sample[data-style='gold']{--lux-1:#ffcc79;--lux-2:#ffeec3;--lux-3:#b57e27}
#rlrgb34-dialog .rgb-lux-sample[aria-pressed='true']{box-shadow:0 0 0 1px #fff9,0 0 19px color-mix(in srgb,var(--lux-1) 43%,transparent),inset 0 1px 0 rgba(255,255,255,.5)}
#rlrgb34-dialog .rgb-lux-sample__name{font-size:14px;font-weight:850;z-index:1}
#rlrgb34-dialog .rgb-lux-sample__desc{font-size:11px;color:#d1e4f6;z-index:1}
#rlrgb34-dialog .rgb-lux-sample__demo{margin-top:auto;align-self:flex-end;font-size:12px;letter-spacing:.07em;color:#fff;text-shadow:0 0 9px var(--lux-2);z-index:1}
#rlrgb34-dialog .rgb-lux-sample:focus-visible,#rlrgb34-dialog .rgb-lux-hero:focus-visible{outline:2px solid white;outline-offset:3px}
#rlrgb34-dialog .rgb-lux-hero{display:block;width:100%;min-height:56px;border:2px solid transparent;border-radius:18px;background:linear-gradient(150deg,#472569,#0b2148 65%,#392155) padding-box,linear-gradient(110deg,#ff56d8,#635eff,#4fdaff,#77ffbd,#ffdb6f,#ff56d8) border-box;color:white;box-shadow:0 0 0 1px rgba(255,255,255,.15),0 0 16px rgba(243,70,233,.26),inset 0 1px 0 rgba(255,255,255,.35);font-size:15px;font-weight:850;padding:10px;margin:14px 0 8px;cursor:pointer}
#rlrgb34-dialog .rgb-lux-tip{font-size:12px!important;margin:0!important}

@layer retroBrandClean {
 /* Stronger multi-colour etched border on the EXISTING buttons, never overlays their text. */
 html body[data-rgb1-lux='prism'][data-ledv3-enabled='1'] .profilePage[data-rl-profile-compact='psf1'] :is(
  .rl-profile-quicknav[data-rl-psf1-menu='1'] > :is(#rl-psf1-button-basic,button.rl-profile-quicknav__button[data-section]):is(#rl-psf1-button-about,button.rl-profile-quicknav__button[data-section]),
  #rl-psf1-preferences-nav > :is(#rl-psf1-button-basic,button.rl-profile-quicknav__button[data-preference])
 ) {
   border-width:2px!important;
   background:
     radial-gradient(ellipse 95% 90% at 20% -15%,rgba(255,255,255,.28),transparent 67%) padding-box,
     linear-gradient(142deg,rgba(47,27,88,.98),rgba(27,33,78,.98) 53%,rgba(9,36,69,.98)) padding-box,
     linear-gradient(110deg,#ff59ca,#6c65ff 23%,#3ceaff 42%,#54f5b0 61%,#fff078 80%,#ff59ca) border-box!important;
   box-shadow:inset 0 1px 0 rgba(255,255,255,.58),inset 0 8px 12px rgba(232,225,255,.10),inset 0 -1px 0 rgba(77,225,255,.25),0 0 0 1px rgba(185,225,255,.17),0 0 10px rgba(87,161,255,.40),0 0 17px rgba(240,90,250,.25)!important;
 }
 html body[data-rgb1-lux='rose'][data-ledv3-enabled='1'] .profilePage[data-rl-profile-compact='psf1'] :is(
  .rl-profile-quicknav[data-rl-psf1-menu='1'] > :is(#rl-psf1-button-basic,button.rl-profile-quicknav__button[data-section]):is(#rl-psf1-button-about,button.rl-profile-quicknav__button[data-section]),
  #rl-psf1-preferences-nav > :is(#rl-psf1-button-basic,button.rl-profile-quicknav__button[data-preference])
 ) {
   border-width:2px!important;
   background:
     radial-gradient(ellipse 95% 90% at 20% -15%,rgba(255,255,255,.28),transparent 67%) padding-box,
     linear-gradient(142deg,rgba(47,27,88,.98),rgba(27,33,78,.98) 53%,rgba(9,36,69,.98)) padding-box,
     linear-gradient(110deg,#ff52d6,#b15fff 35%,#5cd8ff 62%,#ff86ab 83%,#ff52d6) border-box!important;
   box-shadow:inset 0 1px 0 rgba(255,255,255,.58),inset 0 8px 12px rgba(232,225,255,.10),inset 0 -1px 0 rgba(77,225,255,.25),0 0 0 1px rgba(185,225,255,.17),0 0 10px rgba(255,81,206,.37),0 0 18px rgba(121,108,255,.24)!important;
 }
 html body[data-rgb1-lux='ice'][data-ledv3-enabled='1'] .profilePage[data-rl-profile-compact='psf1'] :is(
  .rl-profile-quicknav[data-rl-psf1-menu='1'] > :is(#rl-psf1-button-basic,button.rl-profile-quicknav__button[data-section]):is(#rl-psf1-button-about,button.rl-profile-quicknav__button[data-section]),
  #rl-psf1-preferences-nav > :is(#rl-psf1-button-basic,button.rl-profile-quicknav__button[data-preference])
 ) {
   border-width:2px!important;
   background:radial-gradient(ellipse 95% 90% at 20% -15%,rgba(255,255,255,.28),transparent 67%) padding-box,
     linear-gradient(142deg,rgba(25,38,73,.98),rgba(10,24,56,.98)) padding-box,
     linear-gradient(110deg,#c6faff,#5dbeff 42%,#a6a2ff 72%,#c6faff) border-box!important;
   box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 0 1px rgba(195,247,255,.2),0 0 10px rgba(67,179,255,.45),0 0 18px rgba(117,174,255,.23)!important;
 }
 html body[data-rgb1-lux='gold'][data-ledv3-enabled='1'] .profilePage[data-rl-profile-compact='psf1'] :is(
  .rl-profile-quicknav[data-rl-psf1-menu='1'] > :is(#rl-psf1-button-basic,button.rl-profile-quicknav__button[data-section]):is(#rl-psf1-button-about,button.rl-profile-quicknav__button[data-section]),
  #rl-psf1-preferences-nav > :is(#rl-psf1-button-basic,button.rl-profile-quicknav__button[data-preference])
 ) {
   border-width:2px!important;
   background:radial-gradient(ellipse 95% 90% at 20% -15%,rgba(255,255,255,.29),transparent 67%) padding-box,
     linear-gradient(142deg,rgba(35,27,29,.98),rgba(20,20,33,.98)) padding-box,
     linear-gradient(110deg,#fff1c4,#db9c35 40%,#a57435 75%,#fff1c4) border-box!important;
   box-shadow:inset 0 1px 0 rgba(255,255,255,.56),0 0 0 1px rgba(255,230,180,.16),0 0 12px rgba(231,169,65,.39),0 0 18px rgba(219,132,33,.2)!important;
 }
 /* Navigation: retain native active-tab fill, add only an opt-in stationary neon rim. */
 html body[data-rgb1-lux]:not([data-rgb1-lux='off'])[data-ledv3-enabled='1'] :is(#rl-world-nav a,#rl-world-nav button,.sf-nav a,.sf-nav button,[data-bottom-nav] a,[data-bottom-nav] button) {
   box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 0 1px rgba(102,228,255,.40),0 0 8px rgba(97,213,255,.32),0 0 13px rgba(247,86,216,.18)!important;
 }
 /* The engine already renders an SVG stroke and moving beam. It is enhanced, not cloned. */
 html body[data-rgb1-lux]:not([data-rgb1-lux='off'])[data-ledv3-enabled='1'] [data-rl-led-v3-target] > .rl-led-v3-edge .rl-led-v3-svg-base {
   stroke-width:max(1.8px,var(--rl-led-border))!important;opacity:.83!important;
 }
 html body[data-rgb1-lux]:not([data-rgb1-lux='off'])[data-ledv3-enabled='1'] [data-rl-led-v3-target] > .rl-led-v3-edge .rl-led-v3-svg-beam {
   stroke-width:calc(var(--rl-led-border)*1.4)!important;opacity:.98!important;
 }
}
@media (max-width:520px){#rlrgb34-dialog .rgb-lux-gallery{gap:7px}#rlrgb34-dialog .rgb-lux-sample{padding:9px;min-height:110px}}
@media (prefers-reduced-motion:reduce){#rlrgb34-dialog .rgb-lux-sample *{animation:none!important}}