.mint-reveal[hidden], .mint-reveal [hidden] { display: none !important; }
.mint-reveal { --reveal-pink:#ff6c9b; --reveal-lilac:#c6b6ff; --reveal-mint:#91efd4; scroll-margin-top:16px; margin:28px 0; padding:clamp(18px,3vw,32px); border:1px solid var(--dd-border); border-radius:16px; background:var(--dd-bg-2,#191939); }
.mint-reveal:focus-visible { outline:2px solid var(--reveal-lilac); outline-offset:5px; }
.mint-reveal header { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.mint-reveal h2 { margin:4px 0; font-size:clamp(28px,4vw,40px); }
.mint-reveal-confirmed { display:flex; align-items:center; gap:8px; color:var(--reveal-mint); font-size:13px; }
.mint-reveal-confirmed span { display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:#91efd41a; }
.mint-reveal > p { max-width:65ch; color:var(--dd-muted); font-size:14px; line-height:1.6; margin:10px 0 16px; }
.mint-reveal-progress { display:flex; align-items:center; gap:14px; margin-bottom:24px; font-size:12px; color:var(--dd-muted); }
.mint-reveal-progress [role=progressbar] { width:120px; height:3px; overflow:hidden; border-radius:4px; background:#ffffff16; }
.mint-reveal-progress [role=progressbar] span { display:block; height:100%; width:0; background:var(--reveal-mint); transition:width .4s ease; }
.mint-reveal-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,240px)); gap:14px; align-items:stretch; }
.mint-reveal-card { --reveal-accent:var(--reveal-mint); position:relative; min-width:0; padding:12px; background:#0c0b27; border:1px solid var(--dd-border); border-radius:14px; transition:border-color .45s,box-shadow .45s; }
.mint-reveal-stage { position:relative; aspect-ratio:1; overflow:hidden; isolation:isolate; border-radius:9px; background:#12112b; margin-bottom:14px; }
.mint-reveal-art { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; opacity:0; transform:translateY(8px) scale(.98); transition:opacity .23s ease,transform .32s ease,filter .4s ease; }
.mint-reveal-art.is-current { opacity:1; transform:translateY(0) scale(1); }
.mint-reveal-seal { position:absolute; inset:0; display:grid; place-items:center; background:radial-gradient(ellipse at 50% 80%,#ff6c9b20,transparent 65%),#12112b; transition:opacity .35s,transform .55s cubic-bezier(.2,.7,.2,1); }
.mint-reveal-seal::after { content:''; position:absolute; inset:18%; border:1px solid #c6b6ff26; border-radius:24%; transform:rotate(45deg); }
.mint-reveal-seal img { width:clamp(42px,30%,64px); height:auto; border-radius:10px; }
.mint-reveal-card.is-opening { border-color:#c6b6ff88; box-shadow:0 0 24px #c6b6ff0d; }
.mint-reveal-card.is-opening .mint-reveal-seal { animation:mint-seal-ready .65s ease both; }
.mint-reveal-card.is-shuffling { border-color:#c6b6ff88; }
.mint-reveal-card.is-shuffling .mint-reveal-seal, .mint-reveal-card.is-revealed .mint-reveal-seal { opacity:0; transform:scale(1.14); pointer-events:none; }
.mint-reveal-card.is-shuffling .mint-reveal-art { filter:blur(.7px) saturate(.85); }
.mint-reveal-category { display:block; color:var(--dd-muted); font-size:12px; }
.mint-reveal-card h3 { min-height:2.4em; margin:6px 0 4px; font:600 20px/1.2 Barlow,sans-serif; overflow-wrap:anywhere; }
.mint-reveal-card p { min-height:2.8em; font-size:12px; line-height:1.4; color:var(--reveal-lilac); }
.mint-reveal-card a { display:inline-block; font-size:12px; text-decoration:underline; text-underline-offset:4px; margin-top:10px; }
.mint-reveal-card a:focus-visible { outline:2px solid var(--reveal-lilac); outline-offset:4px; }
.mint-reveal-card.is-revealed { border-color:var(--reveal-accent); }
.mint-reveal-card[data-rarity=rare] { --reveal-accent:#c6b6ff; }
.mint-reveal-card[data-rarity=exceptional] { --reveal-accent:#e7c279; }
.mint-reveal-card.is-revealed p { color:var(--reveal-accent); }
.mint-reveal-card.is-arriving { animation:mint-card-arrive .65s cubic-bezier(.16,.7,.3,1) both; }
.mint-reveal-card.is-arriving .mint-reveal-stage::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(110deg,transparent 25%,#ffffff35 50%,transparent 75%); animation:mint-reveal-shine .8s ease both; }
.mint-reveal footer { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.mint-payment-limit { color:var(--dd-muted); font-size:12px; line-height:1.5; margin-top:10px; overflow-wrap:anywhere; }
@keyframes mint-seal-ready { 50% { transform:scale(.96); filter:brightness(1.2); } }
@keyframes mint-card-arrive { 0% { transform:translateY(4px) scale(.98); box-shadow:0 0 0 transparent; } 55% { transform:translateY(-3px) scale(1.015); box-shadow:0 8px 28px #c6b6ff20; } 100% { transform:none; box-shadow:0 5px 20px #00000012; } }
@keyframes mint-reveal-shine { from { transform:translateX(-100%); } to { transform:translateX(100%); } }
@media(max-width:540px) { .mint-reveal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .mint-reveal-card { padding:9px; } .mint-reveal-card h3 { font-size:16px; } .mint-reveal-card p { font-size:11px; } .mint-reveal footer .dd-btn { flex:1 1 auto; } .mint-reveal header { gap:10px; } }
@media(prefers-reduced-motion:reduce) { .mint-reveal *, .mint-reveal *::after { animation:none !important; transition:none !important; } }
html[data-motion=reduced] .mint-reveal *, html[data-motion=reduced] .mint-reveal *::after { animation:none !important; transition:none !important; }