.power-tier-badge{--tier:#87909a;--light:#d3d8dd;--dark:#303841;position:relative;width:50px;height:42px;display:grid;place-items:center;color:#fff;isolation:isolate;filter:drop-shadow(0 4px 4px rgba(0,0,0,.38))}.power-tier-badge:before,.power-tier-badge:after{content:"";position:absolute;z-index:-2;background:linear-gradient(145deg,var(--light),var(--tier) 45%,var(--dark));transition:.18s}.power-tier-badge i{position:relative;display:grid;place-items:center;width:27px;height:31px;background:linear-gradient(145deg,var(--light),var(--tier) 46%,var(--dark));font-size:10px;font-weight:1000;font-style:normal;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9);clip-path:polygon(50% 0,96% 25%,83% 78%,50% 100%,17% 78%,4% 25%)}.power-tier-badge i:after{content:"";position:absolute;inset:4px;z-index:-1;background:color-mix(in srgb,var(--dark) 78%,#06101a);clip-path:inherit}.power-tier-badge small{display:none}
/* 1 · 아이언: 가장 단순한 한 겹 방패 */
.tier-iron{--tier:#6f7880;--light:#aeb5bb;--dark:#2f353b}.tier-iron:before{width:34px;height:30px;top:6px;clip-path:polygon(50% 0,94% 24%,78% 78%,50% 100%,22% 78%,6% 24%)}.tier-iron:after{display:none}.tier-iron i{width:20px;height:23px}
/* 2 · 브론즈: 구리색 V 갈매기 */
.tier-bronze{--tier:#a85e43;--light:#e49a76;--dark:#512b25}.tier-bronze:before{width:44px;height:29px;top:8px;clip-path:polygon(0 0,50% 58%,100% 0,82% 72%,50% 100%,18% 72%)}.tier-bronze:after{display:none}.tier-bronze i{width:22px;height:24px;clip-path:polygon(50% 26%,94% 0,78% 70%,50% 100%,22% 70%,6% 0)}
/* 3 · 실버: 두 겹 은빛 날 */
.tier-silver{--tier:#9aaec0;--light:#eef6fc;--dark:#485b6c}.tier-silver:before{width:48px;height:34px;top:3px;clip-path:polygon(0 0,50% 48%,100% 0,82% 55%,100% 38%,76% 86%,50% 100%,24% 86%,0 38%,18% 55%)}.tier-silver:after{display:none}.tier-silver i{width:23px;height:27px}
/* 4 · 골드: 왕관형 금빛 문장 */
.tier-gold{--tier:#d99a27;--light:#ffe58a;--dark:#765015}.tier-gold:before{width:48px;height:37px;top:1px;clip-path:polygon(0 3%,28% 32%,50% 0,72% 32%,100% 3%,83% 78%,50% 100%,17% 78%)}.tier-gold:after{display:none}.tier-gold i{width:25px;height:29px;clip-path:polygon(50% 0,93% 31%,76% 80%,50% 100%,24% 80%,7% 31%)}
/* 5 · 플래티넘: 청록 결정 날개 */
.tier-platinum{--tier:#16a5b7;--light:#83f1ed;--dark:#07536a}.tier-platinum:before,.tier-platinum:after{top:4px;width:28px;height:33px;clip-path:polygon(0 0,100% 28%,66% 50%,100% 100%,17% 67%)}.tier-platinum:before{right:50%}.tier-platinum:after{left:50%;transform:scaleX(-1)}.tier-platinum i{width:25px;height:31px}
/* 6 · 다이아: 보라빛 다면체 결정 */
.tier-diamond{--tier:#597fe5;--light:#c0d8ff;--dark:#452c82}.tier-diamond:before{width:49px;height:37px;top:1px;clip-path:polygon(15% 0,85% 0,100% 28%,72% 86%,50% 100%,28% 86%,0 28%)}.tier-diamond:after{width:35px;height:30px;top:5px;background:linear-gradient(90deg,transparent 47%,rgba(255,255,255,.45) 49%,rgba(255,255,255,.45) 51%,transparent 53%);clip-path:polygon(50% 0,100% 30%,72% 100%,28% 100%,0 30%)}.tier-diamond i{width:22px;height:26px;clip-path:polygon(50% 0,100% 30%,72% 100%,28% 100%,0 30%)}
/* 7 · 챌린저: 플래티넘의 청록색과 구분되는 황금 왕관·겹날개·루비 문장 */
.tier-challenger{--tier:#efb83f;--light:#fff3ba;--dark:#9b570f;width:58px;background:radial-gradient(circle at 8% 27%,#fff8d4 0 1px,transparent 1.8px),radial-gradient(circle at 92% 27%,#fff8d4 0 1px,transparent 1.8px);filter:drop-shadow(0 0 5px rgba(255,192,65,.55)) drop-shadow(0 3px 4px rgba(0,0,0,.55))}
.tier-challenger:before{top:5px;left:50%;width:58px;height:36px;transform:translateX(-50%);background:linear-gradient(165deg,#fff8d7 0%,#f6cf65 22%,#ac650f 43%,#ffdf7b 57%,#b06b15 76%,#ffe9a2 100%);clip-path:polygon(0 0,24% 19%,35% 12%,50% 28%,65% 12%,76% 19%,100% 0,92% 29%,78% 42%,94% 36%,84% 59%,71% 65%,83% 62%,68% 83%,50% 100%,32% 83%,17% 62%,29% 65%,16% 59%,6% 36%,22% 42%,8% 29%)}
.tier-challenger:after{z-index:1;top:0;left:50%;width:27px;height:13px;transform:translateX(-50%);background:linear-gradient(150deg,#fff9df,#ffd768 48%,#c4831d);clip-path:polygon(0 15%,25% 48%,28% 0,43% 36%,50% 0,57% 36%,72% 0,75% 48%,100% 15%,88% 88%,50% 100%,12% 88%)}
.tier-challenger i{isolation:isolate;margin-top:8px;width:27px;height:31px;background:linear-gradient(130deg,#fff6ca,#e1a331 45%,#fff0a9 72%,#a35b16);color:#fff7d6;text-shadow:0 1px 2px #300a17;font-size:11px;clip-path:polygon(50% 0,96% 24%,86% 74%,50% 100%,14% 74%,4% 24%)}
.tier-challenger i:after{inset:3px;background:linear-gradient(145deg,#b33354,#5a1437 55%,#260f27)}
.tier-challenger i:before{content:"";position:absolute;top:4px;left:calc(50% - 2px);width:4px;height:4px;transform:rotate(45deg);background:#fff2be;box-shadow:0 0 4px #ffe4a0}
.player>.power-tier-badge{justify-self:center}.player.selected>.power-tier-badge{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--tier) 75%,transparent)) drop-shadow(0 4px 4px rgba(0,0,0,.35))}.member .power-tier-badge{width:32px;height:30px;transform:scale(.76);transform-origin:center}.stats-hero>.power-tier-badge.large{width:74px;height:62px;flex:0 0 74px;transform:scale(1.25)}
@media(max-width:620px){.power-tier-badge{width:44px;height:38px;transform:scale(.9)}.member .power-tier-badge{transform:scale(.7)}.stats-hero>.power-tier-badge.large{width:58px;height:50px;flex-basis:58px}}
