/* D-SLS — accueil : cadran 2050 (jauges + hyperespace + couronne de la gamme) */
.c50{position:relative;z-index:1;isolation:isolate;padding:clamp(18px,3vw,40px) 0!important;margin:0!important;overflow:hidden;
 background:radial-gradient(50% 60% at 50% 50%,rgba(61,214,195,.08),transparent 70%),linear-gradient(180deg,#040912,#020409);border-bottom:1px solid rgba(255,255,255,.06)}
.c50-d{position:relative;width:min(calc(100vh - 210px),720px,94vw);width:min(calc(100svh - 210px),720px,94vw);min-width:280px;aspect-ratio:1;margin:0 auto;color:#eef3f8;font-family:'Space Grotesk',system-ui,sans-serif}
.c50-d svg.base{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.c50-d canvas{position:absolute;left:23%;top:23%;width:54%;height:54%;border-radius:50%}
.c50-glass{position:absolute;left:22%;top:22%;width:56%;height:56%;border-radius:50%;border:1px solid rgba(61,214,195,.45);box-shadow:inset 0 0 40px rgba(61,214,195,.08);pointer-events:none}
.c50-th{position:absolute;width:8.6%;aspect-ratio:1;border-radius:50%;margin:-4.3% 0 0 -4.3%;border:1px solid rgba(61,214,195,.3);background:#050a12;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden;padding:0}
.c50-th img{max-width:72%;max-height:72%;object-fit:contain;filter:grayscale(.6) brightness(.7);transition:filter .3s;border-radius:0!important}
.c50-th:hover{transform:scale(1.2);border-color:#3DD6C3}.c50-th:hover img{filter:none}
.c50-th.on{border-color:#E8890A;box-shadow:none;transform:scale(1.28)}.c50-th.on img{filter:none}
.c50-p{position:absolute;left:38%;top:25%;width:24%;height:25%;display:flex;align-items:center;justify-content:center;pointer-events:none}
.c50-p img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6)) );border-radius:0!important}
.c50-t{position:absolute;left:26%;right:26%;top:51%;text-align:center}
.c50-k{font:500 clamp(8px,1.1vw,10px) 'JetBrains Mono',monospace;letter-spacing:.24em;color:#3DD6C3}.c50-k em{font-style:normal;color:#E8890A}
.c50-t h2{margin:6px 0 0!important;font:600 clamp(20px,3.4vw,34px)/1 'Space Grotesk',sans-serif!important;letter-spacing:-.02em!important;color:#fff;text-shadow:none}
.c50-t p{font-size:clamp(11px,1.3vw,13px);color:#b8c6d3;margin-top:4px}
.c50-go{display:inline-block;margin-top:clamp(6px,1vw,10px);font:500 clamp(9px,1vw,10.5px) 'JetBrains Mono',monospace;letter-spacing:.16em;color:#e9f6ff!important;text-decoration:none!important;padding:7px 11px;text-transform:uppercase;
 background:linear-gradient(#060b14,#060b14) padding-box,linear-gradient(110deg,#3DD6C3,#E8890A) border-box;border:1px solid transparent;transition:box-shadow .25s}
.c50-go:hover{box-shadow:none}
.c50-term{font:400 clamp(8px,1vw,10px)/1.6 'JetBrains Mono',monospace;color:#6fdbe6;margin-top:6px;min-height:1.6em;direction:ltr}
.c50-term i{display:inline-block;width:6px;height:11px;background:#6fdbe6;vertical-align:-1px;animation:c50b 1s steps(1) infinite}
@keyframes c50b{50%{opacity:0}}
.c50-sw{transition:opacity .35s,transform .45s,filter .35s}.c50-sw.out{opacity:0;filter:blur(4px);transform:scale(.95)}
.c50 .spin{animation:c50s 26s linear infinite;transform-origin:50px 50px}
@keyframes c50s{to{transform:rotate(360deg)}}
.c50 .arc{transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1)}
@media (max-width:600px){.c50-d{width:96vw}.c50-t p{display:none}}
@media (prefers-reduced-motion:reduce){.c50 *{animation:none!important}}

.c50-city{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;display:block}
.c50-d svg.base text{filter:) )}.c50-th{box-shadow:0 0 0 2px rgba(0,0,0,.35),0 4px 14px rgba(0,0,0,.5)}
.c50-th{background:#fff!important;border:2px solid rgba(255,255,255,.9)!important}.c50-th img{filter:none!important;max-width:78%;max-height:78%}
.c50-th:hover{border-color:#3DD6C3!important;box-shadow:none}.c50-th.on{border-color:#E8890A!important;box-shadow:0 0 0 3px rgba(232,137,10,.45)}
/* cercle central : effet 5 « Turquoise D-SLS » — identique en mode clair comme en mode sombre */
html .c50 .c50-d canvas{background:radial-gradient(circle at 50% 35%,#2ad4e6 0%,#0f7f94 40%,#073a4a 75%,#031821 100%)!important}
html .c50 .c50-glass{border:2px solid #3DD6C3!important;box-shadow:0 0 0 2px rgba(61,214,195,.33),inset 0 0 40px rgba(0,0,0,.25)!important;background:none!important}
html .c50 .c50-k{color:#3DD6C3!important}html .c50 .c50-k em{color:#E8890A!important}
html .c50 .c50-t h2{color:#fff!important;text-shadow:0 2px 6px rgba(0,0,0,.45)!important}
html .c50 .c50-t p{color:#c9f7ff!important}
html .c50 .c50-go{color:#fff!important;background:rgba(3,24,33,.55)!important;border:1px solid #3DD6C3!important}
html .c50 .c50-term{color:#c9f7ff!important}
html .c50{background:#031821!important;color:#eef3f8!important}
html .c50 svg.base text{fill:#fff!important}
/* la vitrine reste claire en mode nuit : la « lampe torche » du mode nuit s'efface quand le cadran est à l'écran */
html.c50-vis #torch{opacity:0!important;transition:opacity .4s}#torch{transition:opacity .4s}
html .c50,html .c50 *{filter:none}html .c50 .c50-th img{filter:none!important}
/* laptop widths: keep header items from overlapping */
@media (min-width:761px) and (max-width:1320px){.sysstat{display:none!important}label.s5in{width:200px!important;min-width:0!important}}
@media (min-width:761px) and (max-width:1180px){label.s5in{width:160px!important}}