:root{--hr:#69b7ff}
.rarity-HR{--rarity:var(--hr)}
.rarity-pill.rarity-HR{color:#80c5ff;border-color:#458ed5;background:#2b74bc19}
.trading-card.premium-card.rarity-HR{container-type:inline-size;isolation:isolate;background:linear-gradient(135deg,#06192e,#153e68 38%,#0b213d 65%,#123f69);border:1px solid #8ccfff;box-shadow:inset 0 0 0 3px #071629,inset 0 0 0 4px #519fdd,0 9px 22px #0003;animation:none}
.trading-card.premium-card.rarity-HR:before{content:'';position:absolute;inset:2.5%;border:1px solid #66acdc70;border-radius:9px;pointer-events:none;background:linear-gradient(125deg,transparent 12%,#b8e8ff17 27%,transparent 39%,#77d4ff12 78%,transparent 90%)}
.trading-card.premium-card.rarity-HR .card-top{inset:4.6% 10% auto;height:8.5%;display:flex;align-items:center;justify-content:center;gap:3px;flex-direction:column}
.trading-card.premium-card.rarity-HR .rarity-label{padding:1% 12%;background:linear-gradient(115deg,#4b9edb,#d6f3ff 49%,#76c1f3);color:#082b4c;clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%);font-size:clamp(21px,10cqw,35px);line-height:1.05;letter-spacing:.06em;text-shadow:none}
.rarity-HR .card-group{font-size:clamp(5px,2.7cqw,9px);color:#bbdeff;letter-spacing:.14em}
.trading-card.premium-card.rarity-HR .card-art{inset:15.5% 12% auto;aspect-ratio:4/5;border:1px solid #88cbfa;border-radius:5px;background:radial-gradient(ellipse at 50% 30%,#244c6c,#10253d);box-shadow:0 0 0 3px #07182a,0 0 0 4px #448dcc50}
.trading-card.premium-card.rarity-HR .card-image{width:100%;height:100%;object-fit:contain;transform:none;filter:none;animation:none}
.rarity-HR .card-backdrop,.rarity-HR .art-shade,.rarity-HR .holo-layer{display:none}
.trading-card.premium-card.rarity-HR .card-info{inset:82% 7% 3%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.rarity-HR .card-info:before{content:'';position:absolute;top:-9%;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,#8acaff,transparent)}
.trading-card.premium-card.rarity-HR .card-edition{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:clamp(7px,3.5cqw,11px);line-height:1.5;max-height:3em;color:#c3e4ff;margin:0 0 3px}
.trading-card.premium-card.rarity-HR .card-name{font-size:clamp(15px,8cqw,28px);line-height:1.2;color:#f1f8ff;margin:0;letter-spacing:-.04em}
.trading-card.premium-card.rarity-HR .card-code{font-size:clamp(5px,2cqw,7px);color:#87bee8;margin-top:6px;letter-spacing:.1em;gap:8px}
.rarity-HR .premium-frame{inset:3.8%;border:1px solid #8ac4e74d;border-radius:6px;animation:none;box-shadow:none}
.rarity-HR .card-count{color:#cfeaff;border-color:#639fce;background:#0b213a}
.rarity-HR .new-badge{top:15%;left:8%;background:#8cdaff;color:#103450}
.rarity-HR .favorite-mark{top:15%;right:8%}
#summon-view .grade-comparison{grid-template-columns:repeat(4,minmax(0,1fr))}
#summon-view .grade-comparison [data-grade-demo=HR]{background:#ebf5ff;border-color:#a4cbee}
#summon-view .grade-comparison [data-grade-demo=HR] b{color:#2875b9}
.hr-showcase{margin:45px 0 55px}
.hr-showcase h2{margin:8px 0;font-size:26px;color:#2b2440}
.hr-showcase p{font-size:13px;color:#81798a}
.hr-showcase .eyebrow{color:#2c7bc1!important;letter-spacing:.12em}
.hr-browse{background:#e8f3fd;border:1px solid #b9d5ef;border-radius:22px;padding:12px 20px;color:#245d96;font:inherit;font-size:12px;cursor:pointer}
.hr-showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1000px;margin:24px auto 0}
.hr-showcase .edition-caption{color:#4a4255}.hr-showcase .edition-caption p{color:#8b8394}
#summon-view .premium-counts .hr-count,#summon-view .premium-counts .hr-count b{color:#2b7ab8}
.coverage-list>article{grid-template-columns:130px repeat(3,minmax(0,1fr))}
.coverage-slot:nth-child(2) strong{color:#80c8ff}.coverage-slot:nth-child(3) strong{color:#c6a4fc}.coverage-slot:nth-child(4) strong{color:#ffe19a}
#reveal-dialog[data-grade=HR] .rarity-word{color:#9bd5ff;text-shadow:0 0 30px #208fff55}
#reveal-dialog.standard-reveal[data-grade=HR]{--fx:#69b7ff}
#reveal-dialog[data-grade=HR] .prestige-card{animation:hrCardArrive .65s cubic-bezier(.14,.8,.22,1) both;will-change:transform}
#reveal-dialog[data-grade=HR] .stage-orbit{border-color:#6abfff5c;box-shadow:0 0 50px #257dec16;animation:none}
#reveal-dialog[data-grade=HR] .stage-orbit.second{border-color:#72beff26}
#reveal-dialog[data-grade=HR] .reveal-actions .primary{background:#84c8ff;color:#0a2841}
#reveal-dialog[data-grade=HR] .prestige-stage:after{content:'';display:block;position:absolute;inset:-10%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse,#69bcff30,transparent 67%);z-index:-1;animation:hrBlueBloom .8s ease-out both}
@keyframes hrCardArrive{from{opacity:0;transform:translateY(38px) rotateY(-18deg) scale(.9)}to{opacity:1;transform:none}}
@keyframes hrBlueBloom{0%{opacity:0;transform:scale(.6)}40%{opacity:1}100%{opacity:.35;transform:scale(1.15)}}
@media(max-width:800px){#summon-view .grade-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hr-showcase .section-heading{gap:16px;flex-wrap:wrap}.coverage-list>article{grid-template-columns:repeat(3,minmax(0,1fr))}.coverage-list>article>div{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){#reveal-dialog[data-grade=HR] .prestige-card,#reveal-dialog[data-grade=HR] .prestige-stage:after{animation:none;will-change:auto}}
