/* SOLARRA interaction layer — mobile-only touch warp V10 + asymmetrical solar-panel transition V16 */
:root{
  --solarra-transition-roof:#0e1828;
  --solarra-transition-seam:#0a1220;
}

/* Page transition layer. A real solid underlay prevents a flash on destination pages. */
#solarraPageTransition{
  position:fixed;inset:0;z-index:2147483000;pointer-events:none;overflow:hidden;
  contain:strict;
}
#solarraPageTransitionCanvas{
  position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;
}
#solarraPageTransitionSolid{
  position:absolute;inset:0;
  background-color:var(--solarra-transition-roof);
  background-image:linear-gradient(rgba(8,9,10,.08),rgba(5,6,7,.20)),url('assets/solar-panel-transition-texture-v4.webp');
  background-size:auto,cover;background-repeat:no-repeat,no-repeat;background-position:center,center;
  opacity:0;pointer-events:none;
}
html.solarra-transition-arrival #solarraPageTransitionSolid{opacity:1}
html.solarra-transition-running{overflow:hidden}
.solarra-transition-tap-ring{
  position:absolute;left:0;top:0;width:48px;height:48px;border:2.2px solid rgba(15,15,13,.92);
  border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.62);pointer-events:none;
  will-change:transform,opacity;
}

/* Approved V10 touch-scroll feedback. Mobile/touch exclusive; native scrolling remains untouched. */
#solarraTouchRig{
  position:fixed;left:0;top:0;width:0;height:0;z-index:2147483001;pointer-events:none;opacity:0;
  transform-origin:0 0;will-change:transform,opacity;
}
#solarraTouchRig .solarra-touch-ring,
#solarraTouchRig .solarra-touch-ghost-a,
#solarraTouchRig .solarra-touch-ghost-b{
  position:absolute;left:0;top:0;transform:translate(-50%,-50%);border-radius:999px;pointer-events:none;
  will-change:width,height,opacity,transform,filter;
}
#solarraTouchRig .solarra-touch-ring{
  border:3.6px solid rgba(12,12,12,.98);background:rgba(255,255,255,.018);
  box-shadow:0 0 .5px rgba(0,0,0,.18);
}
#solarraTouchRig .solarra-touch-ghost-a{border:4px solid rgba(30,30,30,.24);filter:blur(4.5px)}
#solarraTouchRig .solarra-touch-ghost-b{border:2px solid rgba(30,30,30,.11);filter:blur(8px)}

@media (prefers-reduced-motion:reduce){#solarraTouchRig{display:none}}

@media (hover:hover) and (pointer:fine){#solarraTouchRig,.solarra-transition-tap-ring{display:none!important}}