/* Vitrine « Le crew » (js/crew-vitrine.js) — en ligne le 05/10/2026 (remplace l'anneau 3D).
   Tout le reste vient des styles .pks-* de la vitrine des packs (index.html). */
.crw{margin-top:28px}
.crw .pks-title{font-size:clamp(42px,17cqi,104px)}
.crw .pks-l1-long{font-size:.82em}
/* Tranche de la boîte : dégradé aux couleurs de l'éditeur, son nom à la verticale */
.crw .pks-f-left,.crw .pks-f-right{display:grid;place-items:center;overflow:hidden}
.crw .pks-f-left span,.crw .pks-f-right span{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:900;font-size:calc(var(--pks-D) * .44);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.92);white-space:nowrap;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.crw .pks-f-right span{transform:none}
.crw .pks-f-front{background-color:#141119}
/* Les 8 éditeurs : grille de 2 colonnes */
.crw .crw-cards{grid-template-columns:1fr 1fr;gap:8px}
.crw .crw-card{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:7px 10px 7px 7px;border-radius:14px}
.crw .crw-card .pks-thumb{width:44px;height:44px;border-radius:50%}
.crw .crw-card .pks-cname{font-size:13.5px}
.crw .crw-card .pks-cmeta{font-size:11px}
.crw .crw-card .pks-new{font-size:8.5px;padding:2px 6px}
/* Derniers édits : bouton d'écoute de l'extrait */
.crw .crw-tlist li{grid-template-columns:32px minmax(0,1fr) auto}
.crw .crw-tlist .pks-tt,.crw .crw-tlist .pks-ta{grid-column:2}
.crw .crw-tlist .pks-tv{grid-column:3}
/* 18/10/2026 : le prix mène à l'achat (ou au déblocage gratuit) */
.crw .crw-buy{align-self:center;display:inline-flex;align-items:center;gap:6px;text-decoration:none;cursor:pointer;background:color-mix(in srgb,var(--pks-c1) 12%,transparent);transition:background .2s,color .2s,border-color .2s,transform .2s}
.crw .crw-buy:hover,.crw .crw-buy:focus-visible{background:var(--pks-tint);color:#0b0816;border-color:transparent;transform:translateY(-1px)}
.crw .crw-buy:focus-visible{outline:2px solid #fff;outline-offset:2px}
.crw .crw-buy-go{font-size:11px;line-height:1}
.crw .crw-play{grid-column:1;grid-row:1 / span 2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--pks-tint) 55%,transparent);background:color-mix(in srgb,var(--pks-c1) 14%,transparent);color:#fff;cursor:pointer;transition:background .2s,transform .2s}
.crw .crw-play:hover{background:color-mix(in srgb,var(--pks-c1) 34%,transparent);transform:scale(1.06)}
.crw .crw-play.on{background:var(--pks-tint);color:#0b0816;border-color:transparent}
.crw .crw-noplay{border-color:transparent;background:none;color:#9f98b2;cursor:default}
.crw .crw-noplay:hover{transform:none;background:none}
.crw .pks-tt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Avatar 3D : remplace la boîte quand l'éditeur en a un */
.crw .crw-avatar{position:absolute;z-index:2;left:50%;top:50%;width:calc(var(--pks-W) * 1.5);height:calc(var(--pks-W) * 1.5);transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .5s;touch-action:pan-y;cursor:grab}
.crw .crw-avatar:active{cursor:grabbing}
.crw.has-avatar .crw-avatar{opacity:1;pointer-events:auto}
.crw.has-avatar .pks-scene,.crw.has-avatar .pks-shadow{visibility:hidden}
.crw .crw-hint{position:absolute;z-index:3;left:50%;bottom:2%;transform:translateX(-50%);margin:0;font-family:var(--pks-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#d6d0e3;white-space:nowrap;opacity:0;transition:opacity .5s;pointer-events:none}
.crw.has-avatar .crw-hint{opacity:.85}
@media (max-width:960px){
  .crw .crw-cards{grid-template-columns:1fr 1fr}
  .crw .crw-card{grid-template-columns:40px minmax(0,1fr)}
  .crw .crw-card .pks-thumb{width:40px;height:40px}
}
/* Objets de l'univers du DJ (à la place des vinyles) */
.crw .crw-obj{width:100%;height:100%;display:grid;place-items:center;transform:rotate(var(--rot,0deg));filter:drop-shadow(0 14px 16px rgba(0,0,0,.55))}
.crw .crw-obj svg{display:block;width:100%;height:auto;max-height:100%;overflow:visible}
.crw .pks-v-front .pks-vinyl{filter:blur(.7px)}
.crw .pks-v-back .pks-vinyl{opacity:.62;filter:blur(.9px)}