/* =====================================================================
   Communauté v4 — écran d'arrivée du portail + collection de marques
   dans les magasins partenaires
   ===================================================================== */
/* écran d'arrivée : la planète QOYU, apparaît quand le flash blanc couvre la scène */
.qy-pt-land{--P:min(40vmin,380px);position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,2vh,22px);text-align:center;padding:24px 16px;pointer-events:none;overflow:hidden;
  background:radial-gradient(ellipse 80% 60% at 50% 58%,#3B1573 0%,#1A0B3D 45%,#07031A 100%);
  opacity:clamp(0,calc((var(--pf,0) - .55) * 2.6),1)}
.qy-pt-land .qy-kicker{background:linear-gradient(90deg,#FFB380,#FF7AC0,#C4A1FF);-webkit-background-clip:text;background-clip:text;margin-bottom:10px}
.qy-pt-land .qy-h{font-size:clamp(30px,4.6vw,60px);color:#fff}
.qpl-sys,.qpl-chips{position:relative;z-index:2;transform:translateY(calc((1 - clamp(0,calc((var(--pf,0) - .55) * 2.6),1)) * 30px))}
/* étoiles */
/* système planétaire */
.qpl-sys{width:calc(var(--P) * 2.3);max-width:96vw;height:calc(var(--P) * 1.3);display:grid;place-items:center}
.qpl-sys > *{grid-area:1/1}
/* anneau : moitié arrière derrière la planète, moitié avant devant */
/* QOYU posé sur sa planète */
/* compagnons en orbite (positionnés par community-v4.js) */
.qpl-orb{position:relative;width:100%;height:100%;z-index:auto}
.qpl-orb img{position:absolute;left:50%;top:50%;width:calc(var(--P) * .22);height:auto;transform:translate(-50%,-50%);will-change:transform;filter:drop-shadow(0 8px 10px rgba(0,0,0,.4))}
.qpl-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.qpl-chips span{font-size:13px;font-weight:800;color:#fff;padding:8px 14px;border-radius:99px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media(max-width:760px){.qy-pt-land{--P:min(52vw,260px)}.qpl-chips span{font-size:12px;padding:7px 11px}}

/* collection de marques */

/* ===== v5 : l'île QOYU (remplace la planète) ===== */
.qy-pt-land.qis{background:#2A1450;justify-content:flex-start;padding:0}
.qis-sky{position:absolute;inset:0;overflow:hidden}
.qis-sky img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;animation:qisZoom 24s ease-in-out infinite alternate}
@keyframes qisZoom{from{transform:scale(1.04)}to{transform:scale(1.12) translateY(-1.5%)}}
.qis-sky::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,10,60,.55) 0%,rgba(30,10,60,0) 32%,rgba(30,10,60,0) 70%,rgba(30,10,60,.55) 100%)}
.qis-cl{position:absolute;z-index:1;height:120px;width:420px;border-radius:50%;background:radial-gradient(ellipse at 50% 60%,rgba(255,255,255,.85),rgba(255,255,255,0) 70%);filter:blur(6px);pointer-events:none}
.qis-cl1{top:58%;left:-30%;animation:qisCloud 38s linear infinite}
.qis-cl2{top:20%;left:-40%;width:300px;opacity:.6;animation:qisCloud 52s linear infinite;animation-delay:-20s}
@keyframes qisCloud{to{transform:translateX(160vw)}}
.qis-head{position:relative;z-index:3;margin-top:clamp(40px,9vh,90px);text-align:center;transform:translateY(calc((1 - clamp(0,calc((var(--pf,0) - .55) * 2.6),1)) * 30px))}
.qis-head .qy-h{color:#fff;text-shadow:0 4px 30px rgba(40,10,80,.5)}
.qis-head .qy-kicker{background:linear-gradient(90deg,#FFD7B3,#FFB3DA,#E1CCFF);-webkit-background-clip:text;background-clip:text}
.qy-pt-land.qis .qpl-chips{position:absolute;left:0;right:0;bottom:clamp(22px,6vh,60px);z-index:4}
@media(max-width:760px){.qis-sky img{object-position:50% 55%}}

/* ===== v5 : marche — le QOYU avance sur le chemin (remplace l'image aux pas inversés) ===== */
.qwk{position:relative;margin:0;border-radius:28px;overflow:hidden;aspect-ratio:9/14;max-height:680px;background:#2A1450;box-shadow:0 40px 80px -40px rgba(90,30,170,.6)}
.qwk::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,10,60,.25),rgba(30,10,60,0) 30%,rgba(30,10,60,.15) 70%,rgba(30,10,60,.6));pointer-events:none}
.qwk-m{position:absolute;left:var(--x);top:var(--y);z-index:2;transform:translate(-50%,-50%);background:rgba(255,255,255,.92);border-radius:14px;padding:7px 11px;text-align:center;box-shadow:0 10px 24px -10px rgba(40,10,80,.6);opacity:.55;transition:opacity .4s,transform .4s}
.qwk-m b{display:block;font-size:13px;font-weight:900;color:#1D1B26}
.qwk-m small{display:block;font-size:11px;font-weight:700;color:#7C3AED}
.qwk-m.g{background:linear-gradient(90deg,#F97316,#EC4899,#7C3AED)}.qwk-m.g b,.qwk-m.g small{color:#fff}
.qwk-m.on{opacity:1;transform:translate(-50%,-50%) scale(1.12)}
.qwk-q{position:absolute;z-index:3;width:clamp(56px,16%,92px);left:0;top:0;transform:translate(-50%,-90%);filter:drop-shadow(0 10px 8px rgba(40,10,80,.5));will-change:left,top}
.qy-walk-art.qwk{width:min(100%,460px)}
.qy-walk-art.qwk img{border-radius:0;box-shadow:none}
.qy-walk-art.qwk img.qwk-q{position:absolute;width:clamp(56px,17%,90px);height:auto}
.qis-head .qy-grad{background:linear-gradient(90deg,#FFB070,#FF7AC0,#C9A6FF);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 12px rgba(40,10,80,.6))}
.qis-sky img{object-position:50% 50%}.qis-sky::after{background:linear-gradient(180deg,rgba(30,10,60,.6) 0%,rgba(30,10,60,.08) 30%,rgba(30,10,60,0) 70%,rgba(30,10,60,.45) 100%)!important}