.rare-card{position:relative;isolation:isolate;overflow:hidden;margin-top:22px;padding:28px 30px 25px;border:1px solid rgba(255,255,255,.88);border-radius:28px;background:linear-gradient(145deg,rgba(244,251,255,.98),rgba(231,226,255,.94) 43%,rgba(220,246,244,.96) 72%,rgba(255,238,245,.94));box-shadow:0 24px 65px rgba(74,88,145,.18),inset 0 0 0 1px rgba(102,143,180,.2),inset 0 0 40px rgba(255,255,255,.7);color:#253858}
.rare-card::before{content:"";position:absolute;z-index:-2;inset:-45%;background:conic-gradient(from 90deg,transparent 0 12%,rgba(118,210,231,.34) 18%,transparent 27% 42%,rgba(186,149,245,.28) 50%,transparent 58% 74%,rgba(255,166,196,.25) 82%,transparent 90%);animation:rare-shimmer 10s linear infinite}
.rare-card::after{content:"✦  ·  ✧  ·  ✦  ·  ✧  ·  ✦";position:absolute;z-index:-1;right:-20px;bottom:14px;color:rgba(76,119,167,.12);font-size:32px;letter-spacing:.35em;transform:rotate(-9deg);white-space:nowrap}
.rare-glow{position:absolute;z-index:-1;width:190px;height:190px;left:50%;top:58px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(157,218,235,.28) 42%,transparent 70%);filter:blur(3px)}
.rare-top,.rare-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}
.rare-card .rare-drop,.rare-card .rare-number{font-size:10px;letter-spacing:.16em;font-weight:800;color:#5875a7}
.rare-drop{padding:7px 10px;border:1px solid rgba(91,117,170,.26);border-radius:999px;background:rgba(255,255,255,.48)}
.rare-number{font-variant-numeric:tabular-nums}
.rare-orbit{display:flex;align-items:center;justify-content:center;gap:12px;width:96px;height:96px;margin:22px auto 13px;border:1px solid rgba(80,124,167,.22);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.28),0 0 35px rgba(96,175,202,.26);color:#668ac1}
.rare-orbit::before,.rare-orbit::after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 12px #74c9e1}
.rare-orbit b{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,#fff,#d8eff6 40%,#dfd7fb);box-shadow:inset -4px -5px 12px rgba(89,113,167,.16),0 8px 20px rgba(83,119,158,.14);font-family:Georgia,serif;font-size:30px;font-weight:500;color:#476e9a}
.rare-orbit i{font-size:10px;font-style:normal}
.rare-card .rare-label{margin:0;text-align:center;color:#7182a2;font-size:11px;letter-spacing:.2em;line-height:1.6}
.rare-card h3{margin:7px 0 11px;text-align:center;font-family:"Songti SC","STSong",serif;font-size:clamp(34px,7vw,48px);line-height:1.25;letter-spacing:.08em;background:linear-gradient(90deg,#305f84,#816bab 48%,#3c8b99);-webkit-background-clip:text;background-clip:text;color:transparent}
.rare-card .rare-text{max-width:560px;margin:0 auto;text-align:center;color:#566987;font-size:15px;line-height:1.9}
.rare-divider{display:flex;align-items:center;gap:10px;margin:19px auto 14px;color:#7a91b8}
.rare-divider::before,.rare-divider::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(93,125,173,.34),transparent)}
.rare-card .rare-divider span{color:#7a91b8;font-size:11px}
.rare-card .rare-gift{margin:0;text-align:center;color:#65738f;font-family:"Songti SC","STSong",serif;font-size:15px;line-height:1.7}
.rare-gift strong{color:#3f668c;font-size:18px;font-weight:700}
.rare-footer{margin-top:22px;padding-top:14px;border-top:1px solid rgba(86,120,164,.18)}
.rare-card .rare-footer span{color:#8292ac;font-size:8px;letter-spacing:.13em;font-weight:700}
@keyframes rare-shimmer{to{transform:rotate(360deg)}}
.is-exporting .rare-card::before{animation:none;transform:none}
.is-exporting .rare-card h3{background:none;color:#566da1;-webkit-text-fill-color:#566da1}
@media(max-width:600px){.rare-card{padding:23px 20px 21px;border-radius:24px}.rare-card h3{font-size:36px}.rare-orbit{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.rare-card::before{animation:none}}