/* v4.2.6 — « À la une » : showcase de 3 cartes sur fond noir (projecteur doré, rayons lents, éclat qui balaie chaque carte, étincelles).
   Carte du milieu agrandie, cartes latérales inclinées ; la lueur de chaque carte reprend la couleur de sa rareté. */
.scs{position:fixed;inset:0;z-index:900;display:grid;place-items:center;overflow:hidden;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background:#000;cursor:pointer;user-select:none;animation:scsIn .5s ease both}
.scs.out{animation:scsOut .35s ease forwards;pointer-events:none}
@keyframes scsIn{from{opacity:0}}@keyframes scsOut{to{opacity:0}}
.scs-rays{position:absolute;left:50%;top:56%;width:230vmax;height:230vmax;margin:-115vmax 0 0 -115vmax;background:repeating-conic-gradient(from 0deg,#ffd76a22 0 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(circle,#000 0,#0000 22%);mask:radial-gradient(circle,#000 0,#0000 22%);animation:scsSpin 70s linear infinite;pointer-events:none}
@keyframes scsSpin{to{transform:rotate(1turn)}}
.scs-glow{position:absolute;inset:0;background:radial-gradient(ellipse 55% 42% at 50% 62%,#ffcf5a40,#ffcf5a10 45%,transparent 70%),radial-gradient(ellipse 40% 30% at 50% 92%,#ffe9a066,transparent 70%);pointer-events:none;animation:scsPulse 4s ease-in-out infinite}
@keyframes scsPulse{50%{opacity:.7}}
.scs-hd{position:absolute;top:calc(clamp(18px,6vh,64px) + env(safe-area-inset-top,0px));left:0;right:0;text-align:center;padding:0 16px;pointer-events:none;z-index:6;animation:scsRise .8s .15s cubic-bezier(.2,.8,.2,1) both}
.scs-hd small{display:block;font:800 .72rem/1 system-ui;letter-spacing:.38em;text-transform:uppercase;color:#f6d56a;opacity:.9}
.scs-hd h2{margin:.35em 0 0;font-size:clamp(1.7rem,5.5vw,3.4rem);line-height:1.05;background:linear-gradient(180deg,#fff7d6,#f6d56a 55%,#b9851c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 .06em .35em #f6d56a66)}
.scs-hd p{margin:.5em auto 0;max-width:560px;color:#cbbf9a;font-size:.95rem}
@keyframes scsRise{from{opacity:0;transform:translateY(-14px)}}
.scs-stage{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;max-width:100%;margin-top:clamp(40px,9vh,90px);--cw:min(37vw,36vh,300px)}
@supports (height:1dvh){.scs-stage{margin-top:clamp(40px,9dvh,90px);--cw:min(37vw,36dvh,300px)}}
.scs-c{position:relative;display:flex;flex-direction:column;align-items:center;flex:none;width:var(--cw);min-width:0;animation:scsFly .9s cubic-bezier(.2,.9,.2,1) both;animation-delay:var(--dl)}
.scs-c.l{transform:translateX(16%) rotate(-7deg) scale(.84);z-index:1;--dl:.35s}
.scs-c.m{transform:scale(1.08);z-index:3;--dl:.15s}
.scs-c.r{transform:translateX(-16%) rotate(7deg) scale(.84);z-index:1;--dl:.55s}
@keyframes scsFly{from{opacity:0;translate:0 80px;scale:.7}}
.scs-f{position:relative;filter:drop-shadow(0 0 1.6rem color-mix(in srgb,var(--c) 65%,transparent)) drop-shadow(0 0 .4rem #ffffff33);animation:scsFloat 5.5s ease-in-out infinite;animation-delay:calc(var(--dl) * -3)}
@keyframes scsFloat{50%{transform:translateY(-12px)}}
.scs-f .card{box-shadow:0 0 0 1px #ffffff22}
.scs-sw{position:absolute;inset:0;z-index:20;border-radius:calc(var(--cw) / 9 * 1.15);overflow:hidden;pointer-events:none;mix-blend-mode:screen}
.scs-sw::after{content:"";position:absolute;top:-30%;bottom:-30%;left:-70%;width:45%;background:linear-gradient(100deg,transparent,#fff6c844 38%,#ffffffcc 50%,#fff6c844 62%,transparent);transform:skewX(-18deg);animation:scsSweep 4.2s ease-in-out infinite;animation-delay:calc(var(--dl) * 3 + 1s)}
@keyframes scsSweep{0%,60%{left:-70%}100%{left:140%}}
.scs-nm{margin-top:1.1rem;width:100%;text-align:center;text-shadow:0 2px 10px #000;overflow-wrap:anywhere;text-wrap:balance}
.scs-nm b{display:block;font-size:1.05rem;color:#fff}.scs-nm small{display:block;margin-top:.15rem;font:800 .68rem/1 system-ui;letter-spacing:.18em;text-transform:uppercase;color:var(--c)}
.scs-sp{position:absolute;z-index:5;width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle,#fff,#ffe08a 45%,transparent 70%);opacity:0;pointer-events:none;animation:scsTw var(--d) ease-in-out infinite;animation-delay:var(--a)}
@keyframes scsTw{0%,100%{opacity:0;transform:scale(.3)}50%{opacity:.95;transform:scale(1)}}
.scs-go{position:absolute;bottom:calc(clamp(14px,4vh,40px) + env(safe-area-inset-bottom,0px));left:0;right:0;text-align:center;z-index:6;color:#9d927a;font-size:.85rem;letter-spacing:.06em;animation:scsBlink 2.2s ease-in-out infinite;pointer-events:none}
@keyframes scsBlink{50%{opacity:.35}}
@media (max-width:560px){.scs-stage{--cw:min(29vw,32vh)}.scs-c.l{transform:translateX(24%) rotate(-7deg) scale(.82)}.scs-c.r{transform:translateX(-24%) rotate(7deg) scale(.82)}.scs-nm b{font-size:.78rem}.scs-nm small{font-size:.55rem}}
/* v4.3.2 — trèfle étroit (≤ 380 px) : cartes un peu plus petites, noms sur 2 lignes */
@media (max-width:380px){.scs-stage{--cw:min(28vw,30vh)}.scs-nm b{font-size:.7rem}.scs-nm small{letter-spacing:.1em}}
@supports (height:1dvh){@media (max-width:560px){.scs-stage{--cw:min(29vw,32dvh)}}@media (max-width:380px){.scs-stage{--cw:min(28vw,30dvh)}}}
/* v4.2.10 — paysage bas (téléphone) : en-tête compact, cartes dimensionnées sur la hauteur pour ne plus passer sous le titre */
@media (max-height:520px) and (orientation:landscape){
.scs-hd{top:calc(10px + env(safe-area-inset-top,0px))}
.scs-hd small{font-size:.6rem}.scs-hd h2{font-size:clamp(1.15rem,4.2vh,1.6rem);margin-top:.25em}.scs-hd p{display:none}
.scs-stage{margin-top:clamp(36px,12vh,52px);--cw:min(24vw,calc((100vh - 200px) / 1.5))}
.scs-nm{margin-top:.6rem}.scs-nm b{font-size:.8rem}.scs-nm small{font-size:.55rem}
.scs-go{font-size:.72rem}}
@supports (height:1dvh){@media (max-height:520px) and (orientation:landscape){.scs-stage{--cw:min(24vw,calc((100dvh - 200px) / 1.5))}}}
@media (prefers-reduced-motion:reduce){.scs-rays,.scs-glow,.scs-f,.scs-sp,.scs-go,.scs-sw::after{animation:none}.scs-sw,.scs-sp{display:none}}