/* v3.0 — veto de biome : écran de bannissement façon CS2 (grandes cartes verticales à visuel plein cadre) */
.bt.vzr{justify-content:flex-start;align-items:center;gap:clamp(8px,2vh,22px);overflow-y:auto;overflow-x:hidden;text-align:center;background:radial-gradient(120% 90% at 50% 0,#0a1a2ee6,#02050bf2 70%);padding:calc(10px + env(safe-area-inset-top)) clamp(8px,3vw,40px) calc(12px + env(safe-area-inset-bottom))}
.vzr .bh{display:flex;gap:8px;align-items:center;justify-content:space-between;width:100%;max-width:1400px;flex:none}
.vz-st{background:linear-gradient(90deg,#7c2d12,#b45309);color:#fff;border-color:#f59e0b66}
.vz-top{flex:none;width:100%;max-width:900px}
.vz-top h2{margin:0;font:900 clamp(1.3rem,4.2vw,2.6rem)/1.05 system-ui;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 2px 24px #000}
.vzr.my .vz-top h2{color:#fcd34d;animation:vzp 1.3s ease-in-out infinite alternate}
.vzr.fin .vz-top h2{color:#86efac}
@keyframes vzp{to{text-shadow:0 0 28px #f59e0bbb,0 2px 24px #000}}
.vz-top small{display:block;margin-top:6px;opacity:.75;letter-spacing:.04em}
.vz-pips{display:flex;gap:6px;justify-content:center;margin:10px 0 8px}
.vz-pips i{width:34px;height:5px;border-radius:3px;background:#ffffff26;transition:background .3s}
.vz-pips i.on{background:#ef4444;box-shadow:0 0 10px #ef4444aa}
.vz-bar{height:4px;border-radius:3px;background:#ffffff1a;overflow:hidden;max-width:420px;margin:0 auto}
.vz-bar i{display:block;height:100%;transform-origin:0 50%;background:linear-gradient(90deg,#f59e0b,#fde68a)}

/* rangée de cartes verticales : 6 sur une ligne (tablette / PC), 3 × 2 sur téléphone */
.vz-g{flex:1 1 auto;min-height:0;width:100%;max-width:1400px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:clamp(8px,1.4vw,18px);align-content:center}
@media(min-width:900px){.vz-g{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:auto;align-content:center}}
.vz-c{all:unset;box-sizing:border-box;position:relative;display:block;aspect-ratio:2/3;max-height:62vh;width:100%;justify-self:center;border-radius:14px;overflow:hidden;background:#0a1210;border:2px solid color-mix(in srgb,var(--bc) 50%,#000);box-shadow:0 18px 34px -16px #000;transition:transform .25s cubic-bezier(.2,.9,.3,1.2),box-shadow .25s,filter .5s,border-color .25s;-webkit-tap-highlight-color:transparent}
@media(max-width:899px){.vz-c{aspect-ratio:3/4;max-height:none}}
.vz-pv{position:absolute;inset:0;overflow:hidden;background:#0d1a14}
.vz-sh{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(180deg,#0000 38%,#000c 78%,#000f),radial-gradient(110% 70% at 50% 0,#ffffff26,#0000 60%)}
.vz-c.can{cursor:pointer}
.vz-c.can:hover{transform:translateY(-10px) scale(1.03);border-color:var(--bc);box-shadow:0 26px 40px -16px #000,0 0 30px -2px var(--bc)}
.vz-c.sel{transform:translateY(-14px) scale(1.06);border-color:#fcd34d;box-shadow:0 28px 44px -16px #000,0 0 0 3px #fcd34d,0 0 40px 4px #fcd34d77;z-index:3}
.vz-i{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:10px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.vz-em{font-size:clamp(1.3rem,2.6vw,2rem);line-height:1;filter:drop-shadow(0 2px 6px #000)}
.vz-i b{font:900 clamp(.9rem,1.7vw,1.35rem)/1.1 system-ui;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 2px 10px #000}
.vz-i small{font-size:.7rem;line-height:1.25;opacity:.85;max-height:0;overflow:hidden;transition:max-height .3s;text-shadow:0 1px 6px #000}
.vz-c.can:hover .vz-i small,.vz-c.sel .vz-i small,.vz-c.pick .vz-i small,.vz-c.ban .vz-i small{max-height:6.5em}
@media(hover:none){.vz-i small{max-height:6.5em;font-size:.62rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}}
.vz-i::before{content:"";width:34px;height:3px;border-radius:2px;background:var(--bc);box-shadow:0 0 10px var(--bc);margin-bottom:4px}

/* banni : visuel éteint, grande croix rouge, tampon */
.vz-c.ban{filter:grayscale(1) brightness(.45);border-color:#3b0d0d;transform:scale(.95)}
.vz-c.ban::before,.vz-c.ban::after{content:"";position:absolute;left:-15%;top:50%;width:130%;height:6px;background:#ef4444;box-shadow:0 0 14px #ef4444;z-index:4;pointer-events:none;transform:rotate(56deg)}
.vz-c.ban::after{transform:rotate(-56deg)}
.vz-c.ban.new::before{animation:vzx .35s .05s cubic-bezier(.2,1.2,.4,1) both}.vz-c.ban.new::after{animation:vzx .35s .2s cubic-bezier(.2,1.2,.4,1) both}
@keyframes vzx{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
.vz-x{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.vz-x span{font:900 clamp(1rem,2.4vw,1.6rem)/1 system-ui;letter-spacing:.16em;color:#fecaca;border:3px solid #ef4444;padding:4px 10px;border-radius:6px;transform:rotate(-10deg);background:#450a0add;text-shadow:0 0 10px #ef4444}
.vz-x small{margin-top:8px;font-size:.74rem;color:#fff;background:#000b;padding:2px 8px;border-radius:10px}
.vz-c.new .vz-x span{animation:vzst .45s .3s cubic-bezier(.2,1.6,.4,1) both}
@keyframes vzst{from{transform:rotate(-10deg) scale(2.6);opacity:0}to{transform:rotate(-10deg) scale(1);opacity:1}}
.vz-c.dim{filter:grayscale(1) brightness(.35);transform:scale(.94)}
/* retenu */
.vz-c.pick{transform:translateY(-12px) scale(1.1);border-color:#86efac;z-index:6;box-shadow:0 0 0 3px #86efac,0 0 60px 8px color-mix(in srgb,var(--bc) 75%,#86efac);animation:vzpk 1.1s ease-in-out infinite alternate}
@keyframes vzpk{to{box-shadow:0 0 0 3px #86efac,0 0 80px 14px color-mix(in srgb,var(--bc) 85%,#86efac)}}
.vz-p{position:absolute;left:0;right:0;top:10px;display:flex;justify-content:center;z-index:5;pointer-events:none}
.vz-p span{font:900 .7rem/1 system-ui;letter-spacing:.18em;background:#16a34a;color:#fff;padding:5px 10px;border-radius:20px;box-shadow:0 0 16px #22c55e}

.vz-foot{flex:none;display:flex;justify-content:center;width:100%;max-width:900px;min-height:52px}
.vz-go{min-width:min(100%,380px);padding:14px 22px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,#dc2626,#991b1b);color:#fff;border:0;box-shadow:0 8px 24px -6px #dc2626}
.vz-go[disabled]{background:#ffffff18;box-shadow:none;color:#fff9}
.vz-w{display:flex;align-items:center;gap:10px;opacity:.85;letter-spacing:.04em}
.vz-dot{width:10px;height:10px;border-radius:50%;background:#fcd34d;animation:vzd 1s ease-in-out infinite alternate}
@keyframes vzd{to{opacity:.2;transform:scale(.6)}}
@media(prefers-reduced-motion:reduce){.vz-c,.vz-c *{animation:none!important;transition:none!important}}
@media(max-height:560px) and (orientation:landscape){.vz-g{grid-template-columns:repeat(6,minmax(0,1fr))}.vz-c{aspect-ratio:2/3;max-height:52vh}.vz-i small{display:none}}