.mastery-crest{--cs:18px;width:calc(var(--cs) * .84);height:var(--cs);vertical-align:middle;filter:drop-shadow(0 1px 1.5px #000c);flex-shrink:0;line-height:0;display:inline-block;position:relative}.mastery-crest--sm{--cs:calc(var(--mfu,1) * 15px)}.mastery-crest--md{--cs:calc(var(--mfc,1) * 24px)}.mastery-crest--lg{--cs:28px}.mastery-crest--xl{--cs:40px}.mastery-crest__rim,.mastery-crest__face{clip-path:polygon(0 0,100% 0,100% 52%,84% 78%,50% 100%,16% 78%,0 52%);position:absolute}.mastery-crest__rim{inset:0}.mastery-crest__face{inset:calc(var(--cs) * .1) calc(var(--cs) * .1) calc(var(--cs) * .12);justify-content:center;align-items:flex-start;gap:max(1px, calc(var(--cs) * .06));padding-top:calc(var(--cs) * .16);display:flex}.mastery-crest__face i{width:max(1px, calc(var(--cs) * .07));height:calc(var(--cs) * .42);background:#2612049e;border-radius:1px;display:block;box-shadow:.5px .5px #ffffff73}.mastery-crest--1 .mastery-crest__rim{background:linear-gradient(160deg,#f6c29a 0%,#b86c3c 45%,#6b3417 70%,#d9925f 100%)}.mastery-crest--1 .mastery-crest__face{background:linear-gradient(170deg,#d88a55 0%,#9a5528 60%,#64300f 100%)}.mastery-crest--2 .mastery-crest__rim{background:linear-gradient(160deg,#fff 0%,#cbd3e1 40%,#7a869b 68%,#eef2f8 100%)}.mastery-crest--2 .mastery-crest__face{background:linear-gradient(170deg,#e9eef5 0%,#a9b4c6 58%,#6c778c 100%)}.mastery-crest--2 .mastery-crest__face i{background:#1c223499}.mastery-crest--3 .mastery-crest__rim{background:linear-gradient(160deg,#fff4d1 0%,#ffb82e 42%,#8c6209 70%,#ffd98a 100%)}.mastery-crest--3 .mastery-crest__face{background:linear-gradient(170deg,#ffda7a 0%,#d99a17 58%,#8c6209 100%)}.mastery-crest--3{filter:drop-shadow(0 1px 1.5px #000c)drop-shadow(0 0 3px #ffb82e73)}.mastery-crest--4 .mastery-crest__rim{background:linear-gradient(140deg,#7cf3ff 0%,#22d3ee 22%,#8b5cf6 55%,#b39aff 78%,#22d3ee 100%)}.mastery-crest--4 .mastery-crest__face{background:radial-gradient(circle at 50% 36%,#fff 0%,#f3eeff 26%,#b9a2ff 62%,#5b3fbf 100%)}.mastery-crest--4 .mastery-crest__face i{background:#2e1065b8;box-shadow:.5px .5px #ffffffb3}.mastery-crest--4{filter:drop-shadow(0 1px 1.5px #000c)drop-shadow(0 0 4px #8b5cf6bf)}.mastery-crest--art{left:calc(var(--mfc,1) * 7px);bottom:calc(var(--mfc,1) * 18px);z-index:2;position:absolute}.mastery-frame{--mfw:calc(var(--mfc,var(--mfu,1)) * 2px);z-index:1;pointer-events:none;position:absolute;inset:0}.mastery-frame--2{box-shadow:inset 0 0 0 var(--mfw) #ecf0f7eb, inset 0 0 0 calc(var(--mfw) * 1.8) #100c2880}.mastery-frame--3{box-shadow:inset 0 0 0 calc(var(--mfw) * 1.3) #f0ae2a, inset 0 0 0 calc(var(--mfw) * 1.8) #fff1c9, inset 0 0 calc(var(--mfw) * 7) #ffd98a80}.mastery-frame--4{box-shadow:inset 0 0 0 calc(var(--mfw) * .6) #fffffff2, inset 0 0 0 calc(var(--mfw) * 1.4) #8b5cf6, inset 0 0 0 calc(var(--mfw) * 2.1) #22d3ee, inset 0 0 calc(var(--mfw) * 9) #a78bfa8c;background:radial-gradient(circle at 0 0, #ffffffd9, transparent calc(var(--mfw) * 6)), radial-gradient(circle at 100% 0, #7cf3ffcc, transparent calc(var(--mfw) * 6)), radial-gradient(circle at 0 100%, #b39affcc, transparent calc(var(--mfw) * 6)), radial-gradient(circle at 100% 100%, #ffffffd9, transparent calc(var(--mfw) * 6))}.mastery-frame--4:before{content:"";mix-blend-mode:screen;background:linear-gradient(125deg,#0000 8%,#ffffff1a 22%,#7cf3ff29 36%,#b39aff33 50%,#ff9ae01f 62%,#0000 78%),repeating-linear-gradient(135deg,#ffffff0f 0 1px,#0000 1px 4px);position:absolute;inset:0}.mastery-frame__sheen{position:absolute;inset:0;overflow:hidden}.mastery-frame__sheen:before,.mastery-frame__sheen:after{content:"";opacity:0;background:linear-gradient(100deg,#0000 0%,#fff9 46%,#c8f0ff66 56%,#0000 100%);width:45%;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-130%)skew(-18deg)}.mastery-frame__sheen--mount:before{animation:1.15s cubic-bezier(.3,.6,.4,1) .35s both mastery-sheen}.mf-card:hover .mastery-frame__sheen:after,.mf-unit:hover .mastery-frame__sheen:after{animation:1.15s cubic-bezier(.3,.6,.4,1) both mastery-sheen}@keyframes mastery-sheen{0%{opacity:0;transform:translate(-130%)skew(-18deg)}15%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(250%)skew(-18deg)}}.mastery-chip{background:#140f2ab3;border:1px solid #ffd88a47;border-radius:999px;align-items:center;gap:6px;padding:2px 10px 2px 6px;display:inline-flex}.mastery-result-row{animation:.4s ease-out both mastery-row-in}@keyframes mastery-row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mastery-crest--pop{animation:.7s cubic-bezier(.2,1.4,.4,1) .25s both mastery-crest-pop}@keyframes mastery-crest-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}.mastery-tierup{color:#ffd98a;background:linear-gradient(100deg,#ffd98a 0% 40%,#fff 50%,#ffd98a 60% 100%) 100% 0/250% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;animation:1.4s ease-out .5s both mastery-tierup-shine}@keyframes mastery-tierup-shine{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.mastery-frame__sheen{display:none}.mastery-frame__sheen--mount:before,.mf-card:hover .mastery-frame__sheen:after,.mf-unit:hover .mastery-frame__sheen:after,.mastery-result-row,.mastery-crest--pop{animation:none}.mastery-tierup{-webkit-text-fill-color:#ffd98a;color:#ffd98a;background:0 0;animation:none}}