/*
 * ATHLIA 3.41.0 — ACCUEIL CINÉMATIQUE « PERFORMANCE OS »
 * Reskin visuel complet de la vue Accueil uniquement. Chargé après
 * coach-playful.css : mêmes sélecteurs `.lsc-home-*`, priorité par ordre
 * de cascade. Aucune autre vue n'est concernée (tout est scopé sous
 * #lsc-view-home). Les éléments lus/écrits par refreshHome() dans
 * coach-playful.js gardent leurs classes et leur structure exactes.
 */

#lsc-view-home{
  --home-ease:cubic-bezier(.16,.84,.24,1);
  --home-ease-soft:cubic-bezier(.22,.9,.3,1);
  --home-glow:var(--ath-cyan);
}
#lsc-view-home .lsc-home-shell{display:grid;gap:0;width:100%;max-width:1680px;margin:0 auto}

/* =========================================================================
   1. HERO CINÉMATIQUE
   ========================================================================= */
#lsc-view-home .lsc-home-hero{
  position:relative;isolation:isolate;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1.28fr) minmax(320px,.92fr);
  align-items:center;gap:12px;
  min-height:min(84vh,860px);
  padding:clamp(28px,4vw,0px);
  border:1px solid rgba(120,200,225,.14);
  border-radius:32px;
  background:#03060a;
  box-shadow:0 50px 140px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.02);
}

/* -- Fond : nébuleuse, grille et silhouettes d'athlètes -- */
#lsc-view-home .lsc-home-hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;border-radius:inherit}
#lsc-view-home .lsc-home-hero-void{
  position:absolute;inset:0;
  background:
    radial-gradient(1100px 640px at 22% -10%,rgba(85,231,242,.16),transparent 60%),
    radial-gradient(900px 560px at 108% 30%,rgba(139,92,246,.14),transparent 62%),
    radial-gradient(700px 500px at 50% 118%,rgba(85,231,242,.09),transparent 68%),
    linear-gradient(180deg,#050a10 0%,#030509 58%,#020306 100%);
}
#lsc-view-home .lsc-home-hero-aurora{
  position:absolute;inset:-20%;
  background:conic-gradient(from 120deg at 30% 20%,rgba(85,231,242,.10),transparent 22%,rgba(139,92,246,.08) 45%,transparent 60%,rgba(85,231,242,.07) 82%,transparent 100%);
  filter:blur(60px);
  animation:homeAuroraDrift 34s linear infinite;
  will-change:transform;
}
#lsc-view-home .lsc-home-hero-grid{
  position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(150,220,236,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(150,220,236,.05) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(1100px 700px at 50% 20%,#000 0%,transparent 78%);
  mask-image:radial-gradient(1100px 700px at 50% 20%,#000 0%,transparent 78%);
}
#lsc-view-home .lsc-home-hero-scan{
  position:absolute;left:0;right:0;height:120px;
  background:linear-gradient(180deg,transparent,rgba(85,231,242,.05) 45%,transparent);
  animation:homeScanSweep 9s var(--home-ease) infinite;
  pointer-events:none;
}
#lsc-view-home .lsc-home-hero-athlete{position:absolute;display:block;line-height:0;pointer-events:none;opacity:.16;mix-blend-mode:screen;filter:saturate(1.15) blur(.3px)}
#lsc-view-home .lsc-home-hero-athlete img{display:block;width:100%;height:auto}
#lsc-view-home .lsc-home-hero-athlete.run{left:-4%;bottom:-6%;width:min(30vw,360px)}
#lsc-view-home .lsc-home-hero-athlete.press{right:-2%;top:-8%;width:min(26vw,320px)}
#lsc-view-home .lsc-home-hero-vignette{position:absolute;inset:0;box-shadow:inset 0 0 160px 40px rgba(2,4,7,.75),inset 0 -120px 140px -60px rgba(2,4,7,.9)}

#lsc-view-home .lsc-home-hero-particles{position:absolute;inset:0;overflow:hidden}
#lsc-view-home .lsc-home-hero-particles i{
  position:absolute;bottom:-10px;display:block;width:3px;height:3px;border-radius:50%;
  background:var(--ath-cyan);box-shadow:0 0 8px 1px rgba(85,231,242,.8);opacity:0;
  animation:homeParticleFloat linear infinite;
}
#lsc-view-home .lsc-home-hero-particles i:nth-child(1){left:6%;animation-duration:13s;animation-delay:.2s}
#lsc-view-home .lsc-home-hero-particles i:nth-child(2){left:16%;animation-duration:16s;animation-delay:2.4s;background:var(--ath-violet);box-shadow:0 0 8px 1px rgba(167,139,250,.75)}
#lsc-view-home .lsc-home-hero-particles i:nth-child(3){left:28%;animation-duration:11s;animation-delay:1.1s}
#lsc-view-home .lsc-home-hero-particles i:nth-child(4){left:41%;animation-duration:18s;animation-delay:4s;background:var(--ath-violet);box-shadow:0 0 8px 1px rgba(167,139,250,.75)}
#lsc-view-home .lsc-home-hero-particles i:nth-child(5){left:54%;animation-duration:14s;animation-delay:.6s}
#lsc-view-home .lsc-home-hero-particles i:nth-child(6){left:66%;animation-duration:12s;animation-delay:3.2s}
#lsc-view-home .lsc-home-hero-particles i:nth-child(7){left:76%;animation-duration:17s;animation-delay:1.8s;background:var(--ath-violet);box-shadow:0 0 8px 1px rgba(167,139,250,.75)}
#lsc-view-home .lsc-home-hero-particles i:nth-child(8){left:85%;animation-duration:15s;animation-delay:2.9s}
#lsc-view-home .lsc-home-hero-particles i:nth-child(9){left:93%;animation-duration:19s;animation-delay:.9s}
#lsc-view-home .lsc-home-hero-particles i:nth-child(10){left:49%;animation-duration:20s;animation-delay:5.5s}

@keyframes homeAuroraDrift{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.12)}100%{transform:rotate(360deg) scale(1)}}
@keyframes homeScanSweep{0%{top:-10%;opacity:0}8%{opacity:1}92%{opacity:1}100%{top:104%;opacity:0}}
@keyframes homeParticleFloat{0%{transform:translateY(0) scale(.6);opacity:0}10%{opacity:.9}85%{opacity:.5}100%{transform:translateY(-620px) scale(1);opacity:0}}

/* -- Colonne texte -- */
#lsc-view-home .lsc-home-hero-copy{position:relative;z-index:2;max-width:760px;padding:clamp(40px,5vw,0) 0 clamp(40px,5vw,0) clamp(40px,5vw,74px)}
#lsc-view-home .lsc-home-date{
  display:inline-flex;align-items:center;gap:10px;margin-bottom:28px;padding:8px 16px 8px 12px;
  border:1px solid rgba(85,231,242,.22);border-radius:999px;background:rgba(85,231,242,.05);
  color:var(--ath-cyan);font-size:10px;font-weight:900;letter-spacing:.18em;
}
#lsc-view-home .lsc-home-date::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ath-cyan);box-shadow:0 0 14px var(--ath-cyan);animation:homeLivePulse 2.2s ease-in-out infinite}
@keyframes homeLivePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.35)}}

#lsc-view-home .lsc-home-hero h2{
  max-width:12ch;margin:0;color:#f8fcfd!important;
  font-size:clamp(46px,6.6vw,98px);font-weight:380;line-height:.94;letter-spacing:-.045em;
}
#lsc-view-home .lsc-home-hero h2 em{
  position:relative;display:inline-block;font-style:normal;font-weight:560;
  background:linear-gradient(100deg,#7ff2ff,var(--ath-cyan) 45%,#8fb4ff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
#lsc-view-home .lsc-home-hero-copy>p{max-width:46ch;margin:26px 0 34px;color:#93aab5!important;font-size:16px;line-height:1.65}

#lsc-view-home .lsc-home-actions{display:flex;flex-wrap:wrap;gap:12px}
#lsc-view-home .lsc-home-actions button{
  position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;
  min-height:56px;padding:14px 24px;border:1px solid rgba(180,225,236,.18);border-radius:16px;
  background:rgba(255,255,255,.03);color:#e6f5f8;font-size:12.5px;font-weight:800;letter-spacing:.02em;
  cursor:pointer;transition:transform .35s var(--home-ease),border-color .35s ease,box-shadow .35s ease;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
#lsc-view-home .lsc-home-actions button span{font-size:13px}
#lsc-view-home .lsc-home-actions button.primary{
  border-color:transparent;color:#031318;
  background:linear-gradient(135deg,#7ef4ff,#55c9f2 55%,#6f95ff);
  box-shadow:0 18px 46px rgba(85,231,242,.25);
}
#lsc-view-home .lsc-home-actions button:hover{transform:translateY(-3px);border-color:rgba(85,231,242,.45)}
#lsc-view-home .lsc-home-actions button.primary:hover{box-shadow:0 22px 54px rgba(85,231,242,.36)}
#lsc-view-home .lsc-home-actions button:focus-visible{outline:2px solid var(--ath-cyan);outline-offset:3px}

/* -- ATHLIA Core : la présence vivante, en vraie 3D --
   Structure : .lsc-home-athlia (hôte, inchangé pour le responsive)
     > .lsc-home-core-float   (flottement vertical continu + perspective)
       > .lsc-home-core-tilt  (inclinaison 3D pilotée par le pointeur, JS)
         > anneaux + portrait + badge, chacun avec sa profondeur (translateZ) */
#lsc-view-home .lsc-home-athlia{
  position:relative;z-index:2;isolation:auto;overflow:visible;
  display:grid;place-items:center;align-self:center;min-height:420px;
}
#lsc-view-home .lsc-home-core-float{
  position:absolute;inset:0;display:grid;place-items:center;
  perspective:1200px;
  animation:homeCoreFloat 6.4s ease-in-out infinite;
}
#lsc-view-home .lsc-home-core-tilt{
  position:relative;width:100%;height:100%;display:grid;place-items:center;
  transform-style:preserve-3d;transform:rotateX(0deg) rotateY(0deg);
  transition:transform .6s var(--home-ease-soft);
  will-change:transform;
}
@keyframes homeCoreFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

#lsc-view-home .lsc-home-orbit{
  position:absolute;z-index:0;left:50%;top:50%;width:340px;height:340px;
  border:1px solid rgba(85,231,242,.2);border-radius:50%;
  box-shadow:0 0 0 34px rgba(85,231,242,.02),0 0 0 74px rgba(111,168,255,.014);
  transform:translate(-50%,-50%) translateZ(-26px) rotateX(68deg) rotateZ(0deg);
  animation:homeRingSpinA 22s linear infinite;
}
#lsc-view-home .lsc-home-orbit::before{content:"";position:absolute;right:-4px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--ath-cyan);box-shadow:0 0 14px 3px var(--ath-cyan)}
#lsc-view-home .lsc-home-orbit-2{
  width:410px;height:410px;border-color:rgba(139,92,246,.16);border-style:dashed;
  transform:translate(-50%,-50%) translateZ(-52px) rotateX(70deg) rotateZ(0deg);
  animation:homeRingSpinB 30s linear infinite;
}
#lsc-view-home .lsc-home-orbit-2::before{background:var(--ath-violet);box-shadow:0 0 14px 3px var(--ath-violet)}
#lsc-view-home .lsc-home-orbit-3{
  width:270px;height:270px;border-color:rgba(87,224,208,.22);
  transform:translate(-50%,-50%) translateZ(-8px) rotateX(64deg) rotateZ(0deg);
  animation:homeRingSpinC 17s linear infinite;
}
#lsc-view-home .lsc-home-orbit-3::before{background:var(--ath-teal);box-shadow:0 0 14px 3px var(--ath-teal)}

@keyframes homeRingSpinA{to{transform:translate(-50%,-50%) translateZ(-26px) rotateX(68deg) rotateZ(360deg)}}
@keyframes homeRingSpinB{to{transform:translate(-50%,-50%) translateZ(-52px) rotateX(70deg) rotateZ(-360deg)}}
@keyframes homeRingSpinC{to{transform:translate(-50%,-50%) translateZ(-8px) rotateX(64deg) rotateZ(360deg)}}

#lsc-view-home .lsc-home-athlia picture{
  position:relative;z-index:2;display:grid;place-items:center;width:min(300px,72%);aspect-ratio:1;
  border-radius:50%;overflow:hidden;
  border:1px solid rgba(85,231,242,.28);
  box-shadow:0 0 0 10px rgba(4,10,16,.9),0 0 0 11px rgba(85,231,242,.18),0 30px 90px rgba(0,0,0,.55),0 0 70px rgba(85,231,242,.12);
  transform:translateZ(30px);
  animation:homeCoreBreathe 5.4s ease-in-out infinite;
}
#lsc-view-home .lsc-home-athlia img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
@keyframes homeCoreBreathe{0%,100%{box-shadow:0 0 0 10px rgba(4,10,16,.9),0 0 0 11px rgba(85,231,242,.18),0 30px 90px rgba(0,0,0,.55),0 0 70px rgba(85,231,242,.12)}50%{box-shadow:0 0 0 10px rgba(4,10,16,.9),0 0 0 11px rgba(85,231,242,.32),0 30px 90px rgba(0,0,0,.55),0 0 100px rgba(85,231,242,.22)}}

#lsc-view-home .lsc-home-athlia b{
  position:absolute;z-index:4;bottom:2px;left:50%;transform:translateX(-50%) translateZ(48px);
  display:flex;align-items:center;gap:9px;padding:11px 18px;border-radius:999px;
  border:1px solid rgba(85,231,242,.25);background:rgba(4,11,17,.88);
  color:#d6f9fb!important;font-size:10px;font-weight:800;letter-spacing:.04em;white-space:nowrap;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 14px 34px rgba(0,0,0,.4);
}
#lsc-view-home .lsc-home-athlia b i{width:8px;height:8px;border-radius:50%;background:#4fe3c1;box-shadow:0 0 12px #4fe3c1;animation:homeLivePulse 1.8s ease-in-out infinite}

/* petite forme d'onde vocale, purement décorative */
#lsc-view-home .lsc-home-core-tilt::after{
  content:"";position:absolute;z-index:4;bottom:52px;left:50%;transform:translateX(-50%) translateZ(48px);
  width:64px;height:16px;
  background-image:repeating-linear-gradient(90deg,var(--ath-cyan) 0 3px,transparent 3px 8px);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);
  opacity:.55;animation:homeWaveform 1.6s ease-in-out infinite;
  pointer-events:none;
}
@keyframes homeWaveform{0%,100%{opacity:.3;transform:translateX(-50%) translateZ(48px) scaleY(.6)}50%{opacity:.7;transform:translateX(-50%) translateZ(48px) scaleY(1)}}

/* -- Repère de défilement -- */
#lsc-view-home .lsc-home-hero-cue{
  position:absolute;z-index:3;left:50%;bottom:22px;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:6px;
  color:#6f8994;font-size:8.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  opacity:.7;animation:homeCueBob 2.4s var(--home-ease) infinite;pointer-events:none;
}
#lsc-view-home .lsc-home-hero-cue i{display:block;width:1px;height:26px;background:linear-gradient(180deg,var(--ath-cyan),transparent)}
@keyframes homeCueBob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,7px)}}

/* =========================================================================
   2. TRANSITION — LIGNE DE BALAYAGE
   ========================================================================= */
#lsc-view-home .lsc-home-scanline{
  position:relative;display:flex;align-items:center;gap:18px;
  margin:38px 0 26px;padding:0 4px;
  color:#5f7883;font-size:9.5px;font-weight:900;letter-spacing:.22em;
}
#lsc-view-home .lsc-home-scanline::before,#lsc-view-home .lsc-home-scanline::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(85,231,242,.28),transparent)}
#lsc-view-home .lsc-home-scanline span{display:flex;align-items:center;gap:8px;white-space:nowrap}
#lsc-view-home .lsc-home-scanline span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ath-cyan);box-shadow:0 0 10px var(--ath-cyan)}

/* =========================================================================
   3. TABLEAU DE BORD — MISSION + INSIGHTS
   ========================================================================= */
#lsc-view-home .lsc-home-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start;padding:0 4px}

#lsc-view-home .lsc-home-mission{
  position:relative;overflow:hidden;min-width:0;padding:34px;border-radius:28px;
  border:1px solid rgba(150,210,230,.1);
  background:linear-gradient(165deg,rgba(15,28,38,.92),rgba(6,15,22,.96));
  box-shadow:0 24px 70px rgba(0,0,0,.32);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  opacity:0;transform:translateY(18px);
}
#lsc-view-home .lsc-home-mission::before{content:"";position:absolute;left:0;top:14%;bottom:14%;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--ath-cyan),transparent)}
#lsc-view-home .lsc-home-mission>header{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:16px;align-items:center}
#lsc-view-home .lsc-home-mission-icon{display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(85,231,242,.2);border-radius:18px;background:rgba(85,231,242,.08);color:var(--ath-cyan);font-size:26px}
#lsc-view-home .lsc-home-mission header span{color:var(--ath-cyan);font-size:8.5px;font-weight:950;letter-spacing:.18em}
#lsc-view-home .lsc-home-mission h3{margin:6px 0 0;font-size:26px;font-weight:520;letter-spacing:-.02em;line-height:1.15}
#lsc-view-home .lsc-home-intensity{align-self:start;padding:8px 12px;border:1px solid rgba(255,176,87,.28);border-radius:11px;background:rgba(255,176,87,.08);color:var(--ath-orange)!important;font-size:8.5px;font-weight:900;letter-spacing:.06em;white-space:nowrap}
#lsc-view-home .lsc-home-mission-meta{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}
#lsc-view-home .lsc-home-mission-meta span{padding:9px 13px;border:1px solid rgba(150,210,230,.12);border-radius:12px;background:rgba(255,255,255,.02);color:#a9bdc8;font-size:10.5px;font-weight:700}
#lsc-view-home .lsc-home-mission-meta span::before{content:"";display:inline-block;width:5px;height:5px;margin-right:8px;border-radius:50%;background:var(--ath-cyan);vertical-align:middle}
#lsc-view-home .lsc-home-exercises{display:grid;gap:9px}
#lsc-view-home .lsc-home-exercises article{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:64px;padding:11px 15px;border:1px solid rgba(255,255,255,.04);border-radius:16px;background:rgba(255,255,255,.018);transition:border-color .3s ease,background .3s ease}
#lsc-view-home .lsc-home-exercises article:hover{border-color:rgba(85,231,242,.22);background:rgba(85,231,242,.03)}
#lsc-view-home .lsc-home-exercises article>b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(85,231,242,.08);color:var(--ath-cyan)!important;font-size:10px;font-weight:900}
#lsc-view-home .lsc-home-exercises strong{display:block;font-size:12.5px;font-weight:700}
#lsc-view-home .lsc-home-exercises small{display:block;margin-top:4px;font-size:9.5px}
#lsc-view-home .lsc-home-exercises article>span{color:#62dc9d;font-size:8px;font-weight:900;letter-spacing:.04em}
#lsc-view-home .lsc-home-mission-start{
  position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;width:100%;
  min-height:52px;margin-top:22px;padding:12px 18px;border:1px solid rgba(85,231,242,.22);border-radius:16px;
  background:rgba(85,231,242,.05);color:#d6f9fb;font-size:12px;font-weight:850;cursor:pointer;
  transition:transform .3s var(--home-ease),background .3s ease;
}
#lsc-view-home .lsc-home-mission-start:hover{transform:translateY(-2px);background:rgba(85,231,242,.09)}

#lsc-view-home .lsc-home-insights{display:grid;gap:14px}
#lsc-view-home .lsc-home-insights>article{
  position:relative;border-radius:24px;border:1px solid rgba(150,210,230,.1);
  background:linear-gradient(165deg,rgba(15,28,38,.92),rgba(6,15,22,.96));
  box-shadow:0 18px 50px rgba(0,0,0,.28);opacity:0;transform:translateY(18px);
}
#lsc-view-home .lsc-home-insights>article::before,#lsc-view-home .lsc-home-insights>article::after{content:"";position:absolute;width:14px;height:14px;border-color:rgba(85,231,242,.35);border-style:solid;pointer-events:none}
#lsc-view-home .lsc-home-insights>article::before{left:10px;top:10px;border-width:1px 0 0 1px;border-radius:6px 0 0 0}
#lsc-view-home .lsc-home-insights>article::after{right:10px;bottom:10px;border-width:0 1px 1px 0;border-radius:0 0 6px 0}
#lsc-view-home .lsc-home-energy{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:center;min-height:178px;padding:22px}
#lsc-view-home .lsc-home-energy-ring{
  display:grid;place-content:center;width:92px;height:92px;border-radius:50%;text-align:center;
  background:radial-gradient(circle at center,#0a1720 58%,transparent 59%),conic-gradient(var(--ath-cyan) calc(var(--home-score)*1%),rgba(255,255,255,.06) 0);
  transition:background 1s var(--home-ease);
}
#lsc-view-home .lsc-home-energy-ring strong{font-size:24px;font-weight:700}
#lsc-view-home .lsc-home-energy-ring small{font-size:8px;color:#7f97a3}
#lsc-view-home .lsc-home-energy span{color:var(--ath-cyan);font-size:8.5px;font-weight:900;letter-spacing:.14em}
#lsc-view-home .lsc-home-energy h3{margin:8px 0 6px;font-size:15px;font-weight:650}
#lsc-view-home .lsc-home-energy p{margin:0;font-size:9.5px;line-height:1.55}

#lsc-view-home .lsc-home-streak{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;min-height:96px;padding:19px}
#lsc-view-home .lsc-home-streak>i{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(255,176,87,.09);color:var(--ath-orange);font-style:normal;font-size:22px}
#lsc-view-home .lsc-home-streak strong{display:block;font-size:14px;font-weight:700}
#lsc-view-home .lsc-home-streak small{font-size:9.5px}
#lsc-view-home .lsc-home-streak>b{color:var(--ath-orange)!important;font-size:10px;font-weight:900}

#lsc-view-home .lsc-home-next-quest{min-height:150px;padding:21px}
#lsc-view-home .lsc-home-next-quest>span{color:var(--ath-violet);font-size:8.5px;font-weight:900;letter-spacing:.14em}
#lsc-view-home .lsc-home-next-quest h3{margin:10px 0 15px;font-size:14.5px;font-weight:650}
#lsc-view-home .lsc-home-next-quest>div{height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.06)}
#lsc-view-home .lsc-home-next-quest>div i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ath-violet),var(--ath-cyan));transition:width 1s var(--home-ease);box-shadow:0 0 12px rgba(85,231,242,.4)}
#lsc-view-home .lsc-home-next-quest>small{display:block;margin-top:9px;font-size:9.5px}

/* révélation au scroll : dégradé propre dès que .lsc-home-js est présent */
#lsc-view-home.lsc-home-js .lsc-home-mission,
#lsc-view-home.lsc-home-js .lsc-home-insights>article{transition:opacity .8s var(--home-ease-soft),transform .8s var(--home-ease-soft)}
#lsc-view-home.lsc-home-js .lsc-home-mission.is-in,
#lsc-view-home.lsc-home-js .lsc-home-insights>article.is-in{opacity:1;transform:none}
#lsc-view-home:not(.lsc-home-js) .lsc-home-mission,
#lsc-view-home:not(.lsc-home-js) .lsc-home-insights>article{opacity:1;transform:none}
#lsc-view-home .lsc-home-insights>article:nth-child(2).is-in{transition-delay:.08s}
#lsc-view-home .lsc-home-insights>article:nth-child(3).is-in{transition-delay:.16s}

/* =========================================================================
   4. ACCÈS RAPIDES — DOCK DE COMMANDES
   ========================================================================= */
#lsc-view-home .lsc-home-shortcuts{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:26px 4px 4px;padding:1px;
  overflow:hidden;border-radius:24px;border:1px solid rgba(150,210,230,.08);
  background:rgba(150,210,230,.08);
}
#lsc-view-home .lsc-home-shortcuts button{
  display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:13px;align-items:center;
  min-height:92px;padding:16px;border:0;background:#070f16;color:#dbe9ee;text-align:left;cursor:pointer;
  transition:background .3s ease,transform .3s ease;
}
#lsc-view-home .lsc-home-shortcuts button:hover{background:#0b1a24;transform:translateY(-1px)}
#lsc-view-home .lsc-home-shortcuts i{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:rgba(85,231,242,.08);color:var(--ath-cyan);font-style:normal;transition:box-shadow .3s ease}
#lsc-view-home .lsc-home-shortcuts button:hover i{box-shadow:0 0 22px color-mix(in srgb,currentColor 40%,transparent)}
#lsc-view-home .lsc-home-shortcuts button:nth-child(2) i{background:rgba(182,227,79,.08);color:var(--ath-lime)}
#lsc-view-home .lsc-home-shortcuts button:nth-child(3) i{background:rgba(255,176,87,.08);color:var(--ath-orange)}
#lsc-view-home .lsc-home-shortcuts button:nth-child(4) i{background:rgba(167,139,250,.09);color:var(--ath-violet)}
#lsc-view-home .lsc-home-shortcuts strong{display:block;font-size:12px;font-weight:750}
#lsc-view-home .lsc-home-shortcuts small{display:block;margin-top:4px;font-size:8.5px}
#lsc-view-home .lsc-home-shortcuts button>b{color:var(--ath-dim)!important;transition:transform .3s var(--home-ease)}
#lsc-view-home .lsc-home-shortcuts button:hover>b{transform:translateX(4px);color:var(--ath-cyan)!important}

@media(prefers-reduced-motion:reduce){
  #lsc-view-home .lsc-home-hero-aurora,#lsc-view-home .lsc-home-hero-scan,#lsc-view-home .lsc-home-hero-particles i,
  #lsc-view-home .lsc-home-core-float,#lsc-view-home .lsc-home-orbit,#lsc-view-home .lsc-home-orbit-2,
  #lsc-view-home .lsc-home-orbit-3,#lsc-view-home .lsc-home-athlia picture,
  #lsc-view-home .lsc-home-core-tilt::after,#lsc-view-home .lsc-home-athlia b i,#lsc-view-home .lsc-home-date::before,
  #lsc-view-home .lsc-home-hero-cue{animation:none!important}
  #lsc-view-home .lsc-home-core-tilt{transition:none!important}
}

/* =========================================================================
   3bis. INCLINAISON 3D AU SURVOL — MISSION, INSIGHTS, ACCÈS RAPIDES
   Le JS pose `style.transform` au pointermove et le retire (chaîne vide) au
   pointerleave : la valeur de repos ci-dessous (ou `.is-in{transform:none}`
   pour mission/insights) reprend alors la main sans à-coup.
   ========================================================================= */
#lsc-view-home .lsc-home-mission,
#lsc-view-home .lsc-home-insights>article,
#lsc-view-home .lsc-home-shortcuts button{
  transition:opacity .8s var(--home-ease-soft),transform .5s var(--home-ease-soft),box-shadow .5s ease;
}
/* Halo qui suit le curseur : uniquement sur la carte mission, dont les deux
   pseudo-éléments sont libres (les cartes insights utilisent déjà ::before
   ET ::after pour leurs coins HUD — impossible d'y ajouter un halo dessus). */
#lsc-view-home .lsc-home-mission{--tilt-glow:rgba(85,231,242,.16)}
#lsc-view-home .lsc-home-mission::after{
  content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;opacity:0;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),var(--tilt-glow),transparent 68%);
  transition:opacity .4s ease;
}
#lsc-view-home .lsc-home-mission:hover::after{opacity:1}
#lsc-view-home .lsc-home-mission>*{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){
  #lsc-view-home .lsc-home-mission,#lsc-view-home .lsc-home-insights>article,#lsc-view-home .lsc-home-shortcuts button{transition:opacity .3s ease!important}
}

/* =========================================================================
   5. RESPONSIVE
   ========================================================================= */
@media(max-width:1180px){
  #lsc-view-home .lsc-home-hero{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);min-height:min(78vh,720px)}
  #lsc-view-home .lsc-home-hero-copy{padding-left:clamp(28px,4vw,48px)}
  #lsc-view-home .lsc-home-hero h2{font-size:clamp(42px,6vw,72px)}
  #lsc-view-home .lsc-home-athlia{min-height:340px}
  #lsc-view-home .lsc-home-orbit{width:270px;height:270px}
  #lsc-view-home .lsc-home-orbit-2{width:330px;height:330px}
  #lsc-view-home .lsc-home-orbit-3{width:216px;height:216px}
  #lsc-view-home .lsc-home-athlia picture{width:min(240px,72%)}
  #lsc-view-home .lsc-home-grid{grid-template-columns:minmax(0,1fr) 300px}
}
@media(max-width:900px) and (min-width:761px){
  #lsc-view-home .lsc-home-hero{grid-template-columns:1fr;min-height:0;padding-bottom:300px}
  #lsc-view-home .lsc-home-hero-copy{padding:44px 40px 0}
  #lsc-view-home .lsc-home-athlia{position:absolute!important;left:auto!important;right:6%!important;top:auto!important;bottom:20px!important;width:220px!important;min-height:0!important;transform:none!important}
  #lsc-view-home .lsc-home-orbit{width:220px;height:220px}
  #lsc-view-home .lsc-home-orbit-2{width:270px;height:270px}
  #lsc-view-home .lsc-home-orbit-3{width:176px;height:176px}
  #lsc-view-home .lsc-home-athlia picture{width:190px}
  #lsc-view-home .lsc-home-grid{grid-template-columns:1fr}
  #lsc-view-home .lsc-home-insights{grid-template-columns:repeat(3,minmax(0,1fr))}
  #lsc-view-home .lsc-home-shortcuts{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  #lsc-view-home .lsc-home-shell{gap:0}
  #lsc-view-home .lsc-home-hero{grid-template-columns:1fr;min-height:0;padding-bottom:270px;border-radius:26px}
  #lsc-view-home .lsc-home-hero-copy{padding:36px 22px 0;max-width:none}
  #lsc-view-home .lsc-home-hero h2{max-width:none;font-size:clamp(38px,11vw,58px)}
  #lsc-view-home .lsc-home-hero-copy>p{font-size:13.5px;margin:18px 0 24px}
  #lsc-view-home .lsc-home-actions{display:grid;grid-template-columns:1fr}
  #lsc-view-home .lsc-home-actions button{justify-content:center;width:100%}
  #lsc-view-home .lsc-home-athlia{position:absolute!important;left:50%!important;right:auto!important;top:auto!important;bottom:14px!important;width:190px!important;min-height:0!important;transform:translateX(-50%)!important}
  #lsc-view-home .lsc-home-orbit{width:190px;height:190px}
  #lsc-view-home .lsc-home-orbit-2{width:230px;height:230px}
  #lsc-view-home .lsc-home-orbit-3{width:150px;height:150px}
  #lsc-view-home .lsc-home-athlia picture{width:150px}
  #lsc-view-home .lsc-home-core-tilt::after{bottom:38px}
  #lsc-view-home .lsc-home-hero-cue{display:none}
  #lsc-view-home .lsc-home-hero-athlete{opacity:.1}
  #lsc-view-home .lsc-home-scanline{margin:28px 0 18px}
  #lsc-view-home .lsc-home-grid{grid-template-columns:1fr;gap:12px;padding:0}
  #lsc-view-home .lsc-home-mission{padding:20px;border-radius:22px}
  #lsc-view-home .lsc-home-mission h3{font-size:20px}
  #lsc-view-home .lsc-home-intensity{display:none}
  #lsc-view-home .lsc-home-insights{grid-template-columns:1fr}
  #lsc-view-home .lsc-home-shortcuts{grid-template-columns:1fr;margin:20px 0 0;border-radius:20px}
  #lsc-view-home .lsc-home-shortcuts button{min-height:78px}
}
@media(max-width:430px){
  #lsc-view-home .lsc-home-hero{padding-bottom:240px}
  #lsc-view-home .lsc-home-athlia{bottom:10px!important;width:168px!important}
  #lsc-view-home .lsc-home-orbit{width:168px;height:168px}
  #lsc-view-home .lsc-home-orbit-2{width:204px;height:204px}
  #lsc-view-home .lsc-home-orbit-3{width:132px;height:132px}
  #lsc-view-home .lsc-home-athlia picture{width:132px}
}