/* Pages GTA Online de la semaine (podium, Prize Ride, Salvage Yard, Gun Van, Time Trials), 01/10/2026.
   Voir generateurs-opus/gtao_visuel.py. Charte du site : Bebas Neue, Barlow Condensed, cyan, rose, fond sombre. */
.wk-hero{position:relative;margin:26px 0 0;border-radius:18px;overflow:hidden;border:1px solid rgba(0,245,255,.28);
  box-shadow:0 0 0 1px rgba(255,45,120,.08),0 18px 60px rgba(0,0,0,.55),0 0 50px rgba(0,245,255,.10);background:#0c1018}
.wk-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.wk-over{position:absolute;left:0;right:0;bottom:0;padding:90px 30px 26px;display:flex;flex-direction:column;gap:6px;
  background:linear-gradient(180deg,rgba(6,9,14,0) 0%,rgba(6,9,14,.78) 45%,rgba(6,9,14,.96) 100%)}
.wk-badge{align-self:flex-start;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.78rem;letter-spacing:2.5px;
  text-transform:uppercase;color:#0c1018;background:var(--pink,#ff2d78);padding:5px 12px;border-radius:999px;box-shadow:0 0 18px rgba(255,45,120,.5)}
.wk-name{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.4rem,6vw,4.4rem);line-height:.95;letter-spacing:1.5px;color:#fff;
  text-shadow:0 0 28px rgba(0,245,255,.35)}
.wk-sub{font-size:1rem;color:rgba(232,238,245,.85);max-width:720px}
.wk-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.wk-chip{font-family:'Barlow Condensed',sans-serif;font-size:.82rem;letter-spacing:1.2px;text-transform:uppercase;color:var(--cyan,#00f5ff);
  border:1px solid rgba(0,245,255,.35);background:rgba(0,245,255,.07);padding:5px 11px;border-radius:8px}
.wk-credit{font-size:.72rem;color:rgba(232,238,245,.45);margin:6px 2px 0;text-align:right}
.wk-noimg{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;font-family:'Bebas Neue',sans-serif;font-size:2.4rem;
  color:rgba(232,238,245,.55);letter-spacing:2px;text-align:center;padding:20px;
  background:radial-gradient(ellipse at 30% 20%,rgba(0,245,255,.16),transparent 60%),radial-gradient(ellipse at 80% 90%,rgba(255,45,120,.18),transparent 60%),#121826}
.wk-noimg-s{font-size:1.3rem}

.wk-count{margin:22px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:16px 22px;border-radius:14px;
  background:linear-gradient(90deg,rgba(0,245,255,.08),rgba(255,45,120,.06));border:1px solid rgba(255,255,255,.07)}
.wk-count-l{font-family:'Barlow Condensed',sans-serif;font-size:.85rem;letter-spacing:2px;text-transform:uppercase;color:rgba(232,238,245,.7)}
.wk-count-v{display:flex;align-items:baseline;gap:6px}
.wk-count-v b{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:2.1rem;color:var(--cyan,#00f5ff);min-width:1.4em;text-align:right}
.wk-count-v i{font-style:normal;font-size:.75rem;color:rgba(232,238,245,.55);margin-right:8px;text-transform:uppercase;letter-spacing:1px}
.wk-count-n{font-size:.78rem;color:rgba(232,238,245,.45);margin-left:auto}

.wk-duo{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;margin-top:22px}
.wk-card{background:var(--surface,#1c2535);border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden}
.wk-card h3{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:1.5rem;letter-spacing:1px;margin:0 0 12px}
.wk-steps{padding:22px 24px;display:flex;flex-direction:column}
.wk-steps-img{margin:18px -24px -22px;display:block;width:calc(100% + 48px);height:auto;aspect-ratio:21/9;object-fit:cover;opacity:.9;margin-top:auto}
.wk-steps ol{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:14px}
.wk-steps li{display:flex;gap:14px;align-items:flex-start;font-size:.93rem;line-height:1.6;color:rgba(232,238,245,.85)}
.wk-steps strong{color:#fff}
.wk-step-n{flex:0 0 34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;
  font-size:1.3rem;color:#0c1018;background:var(--cyan,#00f5ff);box-shadow:0 0 16px rgba(0,245,255,.45)}
.wk-link{text-decoration:none;color:inherit;display:block}
.wk-link .wk-card{transition:transform .18s,border-color .18s}
.wk-link:hover .wk-card{transform:translateY(-3px);border-color:rgba(0,245,255,.4)}
.wk-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.wk-media-t{padding:16px 20px 20px;display:flex;flex-direction:column;gap:4px}
.wk-kicker{font-family:'Barlow Condensed',sans-serif;font-size:.78rem;letter-spacing:2px;text-transform:uppercase;color:var(--pink,#ff2d78)}
.wk-media-n{font-family:'Bebas Neue',sans-serif;font-size:1.9rem;line-height:1;color:#fff;letter-spacing:1px}
.wk-media-x{font-size:.88rem;line-height:1.6;color:rgba(232,238,245,.75)}

.wk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:18px}
.wk-tile{background:var(--surface,#1c2535);border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.wk-tile img,.wk-tile .wk-noimg{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.wk-tile-w{font-family:'Barlow Condensed',sans-serif;font-size:.74rem;letter-spacing:1.5px;text-transform:uppercase;color:rgba(232,238,245,.5);padding:10px 14px 0}
.wk-tile-n{font-family:'Bebas Neue',sans-serif;font-size:1.35rem;letter-spacing:.5px;color:#fff;padding:2px 14px 0;line-height:1.1}
.wk-tile-s{font-size:.78rem;color:rgba(232,238,245,.6);padding:4px 14px 14px}
.wk-now{border-color:rgba(255,45,120,.55);box-shadow:0 0 24px rgba(255,45,120,.18)}
.wk-now .wk-tile-w{color:var(--pink,#ff2d78)}

.wk-band{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.wk-band .wk-media-n{font-size:1.4rem}
.wk-band .wk-media-x{font-size:.82rem}
.wk-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.wk-list{padding:22px 24px}
.wk-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.wk-list li{display:flex;flex-direction:column;gap:2px;border-left:3px solid var(--cyan,#00f5ff);padding-left:12px}
.wk-big{font-family:'Bebas Neue',sans-serif;font-size:1.45rem;color:#fff;letter-spacing:.5px;line-height:1.05}
.wk-det{font-size:.85rem;color:rgba(232,238,245,.7)}
.wk-list.wk-pink li{border-left-color:var(--pink,#ff2d78)}

.bz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:18px;margin-top:16px}
.bz-card{background:var(--surface,#1c2535);border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.bz-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.bz-body{padding:16px 18px 18px}
.bz-head{display:flex;align-items:center;gap:10px}
.bz-head h3{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:1.55rem;letter-spacing:.5px;line-height:1.05;margin:0;color:#fff}
.bz-tier{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 8px;border-radius:8px;font-family:'Bebas Neue',sans-serif;font-size:1.2rem;color:#0c1018;flex:0 0 auto}
.bz-s{background:#ff2d78;box-shadow:0 0 14px rgba(255,45,120,.45)}.bz-a{background:#00f5ff}.bz-b{background:#ffe600}.bz-c{background:#8395ac}.bz-d{background:#4b5566;color:#e8eef5}
.bz-stats{display:grid;grid-template-columns:1fr;gap:6px;margin:12px 0 10px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.bz-stats div{display:flex;justify-content:space-between;gap:12px;font-size:.85rem}
.bz-stats dt{font-family:'Barlow Condensed',sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:rgba(232,238,245,.5);font-size:.74rem;margin:0}
.bz-stats dd{margin:0;color:#e8eef5;text-align:right;font-weight:600}
.bz-body p{font-size:.88rem;line-height:1.65;color:rgba(232,238,245,.78);margin:0}

@media (max-width:767px){
  .wk-band{grid-template-columns:1fr 1fr;gap:10px}
  .wk-band .wk-media-t{padding:10px 12px 12px}
  .wk-band .wk-media-n{font-size:1.15rem}
  .wk-band .wk-media-x{display:none}
  .wk-trio{grid-template-columns:1fr}
  .wk-hero{border-radius:14px}
  .wk-over{position:static;padding:16px 18px 18px;background:#0c1018}
  .wk-name{font-size:2.5rem}
  .wk-duo{grid-template-columns:1fr}
  .wk-count{padding:14px 16px}
  .wk-count-v b{font-size:1.7rem}
  .wk-count-n{margin-left:0}
  .wk-grid{grid-template-columns:1fr 1fr;gap:10px}
  .bz-grid{grid-template-columns:1fr}
  .wk-tile-n{font-size:1.1rem}
}