/* LA SALLE DES VENTES DES PRESIDENTS (11/10/2026, prototype) — voir salle-des-ventes.js
   Le dessin des cartes, boutons et listes vient de nft.css (Ju : « de la meme maniere que
   les NFT ») ; ce fichier n'ajoute que ce qui est propre aux encheres. */
.sdv .sdv-titre2{background:linear-gradient(90deg,#ffe9a8,#ffd76a,#e2a92b);-webkit-background-clip:text;background-clip:text;color:transparent}
.sdv-onglets{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px;scrollbar-width:none}
.sdv-onglets button{flex:none;border:1px solid #ffffff1f;background:#111834;color:#cfe6ff;border-radius:10px;padding:9px 14px;font-weight:900;font-size:13px;cursor:pointer}
.sdv-onglets button.on{background:linear-gradient(90deg,#27b863,#1f8f4e);border-color:#39d98a;color:#fff}
.sdv-onglets button i{font-style:normal;background:#0006;border-radius:8px;padding:1px 7px;margin-left:6px;font-size:11px}

/* sur le visuel : la rarete et le bandeau « aux encheres » */
.sdv-carte .nft-visuel{position:relative}
.sdv-rar{position:absolute;top:10px;left:10px;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--c);
  background:#000a;border:1px solid color-mix(in srgb,var(--c) 70%,transparent);border-radius:20px;padding:3px 9px}
.sdv-badge{position:absolute;top:10px;right:10px;font-size:10px;font-weight:900;background:#fb5b70;color:#fff;border-radius:20px;padding:3px 9px}
.sdv-carte[data-r=legendaire],.sdv-carte[data-r=mythique]{box-shadow:0 10px 30px #0008,0 0 34px color-mix(in srgb,var(--c) 35%,transparent)}
.sdv-carte[data-r=mythique] .nft-visuel:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#fff3 50%,transparent 65%);animation:sdvBrille 3.2s ease-in-out infinite;pointer-events:none}
@keyframes sdvBrille{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}

/* le chrono, a la place de la variation des NFT */
.sdv-temps{text-align:right}
.sdv-temps b{display:block;font:900 18px/1 ui-monospace,Menlo,Consolas,monospace;color:#39d98a;letter-spacing:1px}
.sdv-temps small{font-size:10px;color:var(--doux)}
.sdv-temps.urgent b{color:#fb5b70;animation:sdvPouls 1s ease-in-out infinite}
@keyframes sdvPouls{50%{opacity:.55}}
.sdv-vendeur{display:inline-flex;align-items:center;gap:6px}
.sdv-vendeur .avatar.nft-av{width:22px;height:22px}
.nft-top-l.sdv-premier{background:linear-gradient(90deg,#ffd76a22,transparent);border-radius:9px}
.nft-top-l.sdv-premier b{color:#ffd76a}
.nft-top-l.sdv-premier .avatar.nft-av{border:2px solid #ffd76a;box-shadow:0 0 10px #ffd76a66}
.sdv-actions1{grid-template-columns:1fr}
.sdv-actions2{grid-template-columns:1fr 1fr}
.sdv .nft-fil-l span{color:#cfd8f0}

/* formulaire de mise en vente */
.sdv-form{margin-top:10px;display:grid;gap:6px}
.sdv-form label{font-size:11px;color:var(--doux)}
.sdv-form input,.sdv-form select{width:100%;box-sizing:border-box;background:#0008;border:1px solid #ffffff1f;border-radius:8px;color:#fff;padding:8px;font-size:14px}

/* le coffre du jour */
.sdv-coffre-carte{max-width:420px;margin:0 auto}
.sdv-coffre-v{height:190px}
.sdv-coffre-ico{font-size:110px!important}
.sdv-chances{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:12px 0 2px}
.sdv-chances span{font-size:11px;font-weight:800;border-radius:20px;padding:3px 10px;border:1px solid color-mix(in srgb,var(--r) 60%,transparent);color:var(--r)}

/* la bande qui defile a l'ouverture (meme famille que la roue du jour) */
.sdv-ov{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:16px;overflow:auto;
  background:radial-gradient(70% 60% at 50% 40%,#2a1d06e6,#05070ff5 72%);backdrop-filter:blur(6px);opacity:0;transition:opacity .35s}
.sdv-ov.on{opacity:1}
.sdv-ov-t{color:#ffd76a;font-weight:900;letter-spacing:4px;font-size:13px}
.sdv-ov-g{color:#fff3cf;font-size:24px;font-weight:900;margin:6px 0 16px;text-align:center}
.sdv-fen{position:relative;flex:none;width:min(760px,94vw);height:180px;overflow:hidden;border-radius:18px;border:2px solid #ffd76a66;background:linear-gradient(180deg,#140e03,#241905)}
.sdv-fen:before,.sdv-fen:after{content:"";position:absolute;top:0;bottom:0;width:110px;z-index:3;pointer-events:none}
.sdv-fen:before{left:0;background:linear-gradient(90deg,#140e03,transparent)}.sdv-fen:after{right:0;background:linear-gradient(-90deg,#140e03,transparent)}
.sdv-rep{position:absolute;left:50%;top:-4px;bottom:-4px;width:4px;margin-left:-2px;z-index:4;background:#ffd76a;box-shadow:0 0 18px #ffd76a}
.sdv-bande{position:absolute;top:14px;left:0;display:flex;gap:12px;will-change:transform}
.sdv-c{flex:none;width:118px;height:150px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:6px;box-sizing:border-box;
  background:radial-gradient(80% 70% at 50% 35%,color-mix(in srgb,var(--r) 45%,transparent),#140e03 80%);border:1px solid color-mix(in srgb,var(--r) 70%,transparent)}
.sdv-c img{width:86px;height:86px;object-fit:contain;filter:drop-shadow(0 6px 10px #000a)}
.sdv-c > span:not(:last-child){font-size:44px}
.sdv-c > span:last-child{font-size:10.5px;color:#fff3cf;line-height:1.15}
.sdv-revele{margin-top:18px;width:min(320px,92vw);animation:sdvRevele .7s cubic-bezier(.2,.9,.3,1.3)}
@keyframes sdvRevele{from{transform:scale(.6) rotateY(90deg);opacity:0}}
/* nft.css grossit tout <span> du visuel (c'est l'emoji des NFT) : pas les etiquettes. */
.sdv-carte .nft-visuel .sdv-rar,.sdv-carte .nft-visuel .sdv-badge{font-size:10px;line-height:1.3;animation:none;filter:none}

/* la pop-up de la nouvelle collection NFT (11/10/2026) */
.nfta-ov{position:fixed;inset:0;z-index:9100;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(70% 60% at 50% 40%,#1a1240e6,#05070ff2 72%);backdrop-filter:blur(6px);opacity:0;transition:opacity .35s}
.nfta-ov.on{opacity:1}
.nfta{width:min(380px,94vw);text-align:center;border-radius:22px;padding:18px 18px 16px;background:#111834;border:1px solid color-mix(in srgb,var(--c) 60%,transparent);box-shadow:0 20px 60px #000c,0 0 50px color-mix(in srgb,var(--c) 30%,transparent);animation:nftaEntre .6s cubic-bezier(.2,.9,.3,1.3)}
@keyframes nftaEntre{from{transform:translateY(30px) scale(.9);opacity:0}}
.nfta-sur{font-size:11px;font-weight:900;letter-spacing:.2em;color:var(--c)}
.nfta-titre{font-size:24px;font-weight:900;color:#fff;margin:4px 0 6px}
.nfta-img{height:180px;display:flex;align-items:center;justify-content:center;background:radial-gradient(55% 75% at 50% 100%,color-mix(in srgb,var(--c) 50%,transparent),transparent)}
.nfta-img img{height:170px;width:170px;object-fit:contain;filter:drop-shadow(0 12px 22px #000b);animation:nftFlotte 3.4s ease-in-out infinite}
.nfta-img span{font-size:90px}
.nfta-nom{font-size:19px;font-weight:900;color:#fff;margin-top:4px}
.nfta-desc{font-size:12.5px;color:#9aa6c8;margin-top:2px}
.nfta-cd{margin:12px 0 6px;font-size:13px;color:#cfd8f0}
.nfta-cd b{display:block;font:900 26px/1.2 ui-monospace,Menlo,Consolas,monospace;color:var(--c)}
.nfta-prix{font-size:12px;color:#9aa6c8;margin-bottom:12px}
.nfta-prix b{color:#ffd76a}

/* Garage, hangar, port : la barre « tout entretenir » (11/10/2026, index.html vehiculeListeHtml) */
.veh-tout{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 14px;padding:14px 16px;border-radius:16px;
  background:linear-gradient(90deg,#7c2d1222,#1f8f4e22);border:1px solid #ffc07866}
.veh-tout b{display:block;color:#fff;font-size:15px}
.veh-tout span{font-size:12.5px;color:#ffc078}
.veh-tout .nft-btn{flex:none;min-width:220px;padding:11px 18px}
@media(max-width:600px){.veh-tout .nft-btn{flex:1 1 100%}}