.wizard-badge-collection{grid-column:1/-1;min-width:0;color:#f7e8bf;padding:14px;box-sizing:border-box}.wizard-badge-collection h3{font:700 25px Georgia;margin:0 0 8px}.wizard-badge-note{font:14px/1.4 system-ui;color:#d0c1dc;margin:0 0 18px}.wizard-badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wizard-badge-card{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid #9478b4;border-radius:18px;background:linear-gradient(135deg,#543d68,#272239);min-width:0}.wizard-badge-card h4{font:700 21px Georgia;margin:5px 0}.wizard-badge-card p{font:13px/1.4 system-ui;margin:0;color:#d5c8df}.wizard-badge-card small{font:700 10px system-ui;letter-spacing:1.5px;color:#f1da9f}.wizard-badge-seal{flex:0 0 66px;height:76px;display:grid;place-items:center;font:46px Georgia;color:#f8dfa0;background:linear-gradient(135deg,#8b688f,#3c304e);clip-path:polygon(50% 0,94% 23%,94% 76%,50% 100%,6% 76%,6% 23%);text-shadow:0 0 12px #f5d48870}.wizard-badge-card.is-exclusive{border-color:#e3c885;box-shadow:inset 0 0 26px #d6bb6720}.wizard-badge-card.is-locked{background:#241e34;border-color:#655774}.wizard-badge-card.is-locked .wizard-badge-seal{opacity:.45}.wizard-badge-card.is-locked small{color:#baaacb}.profile-stats-dialog:has(.wizard-badge-collection){overflow:auto}.shared-wizard-profile .wizard-badge-card{padding:12px}.shared-wizard-profile .wizard-badge-card h4{font-size:18px}@media(max-width:600px){.wizard-badge-grid{grid-template-columns:1fr}}@media(max-height:500px){.wizard-badge-card{padding:12px;gap:10px}.wizard-badge-seal{flex-basis:50px;height:60px;font-size:35px}.wizard-badge-card h4{font-size:18px}.wizard-badge-collection{padding:8px}.wizard-badge-note{margin-bottom:10px}}

/* Badge collections grow with their cards, not the fixed statistics dashboard rows. */
body.hex-screen-ui .profile-stats-dialog[open]:not(.show-leaderboard):has(>.wizard-badge-collection){grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(44px,auto)!important;grid-auto-rows:max-content!important;align-content:start!important;overflow:auto!important}
body.hex-screen-ui .profile-stats-dialog>.wizard-badge-collection{min-height:min-content;align-self:start}
body.hex-screen-ui .profile-stats-dialog>.wizard-badge-collection+.wizard-badge-collection{border-top:1px solid #bda47744;padding-top:20px}
.wizard-badge-card>div{min-width:0;overflow-wrap:anywhere}

.wizard-badge-card[role=button]{cursor:pointer;transition:border-color .15s,box-shadow .15s}.wizard-badge-card[role=button]:hover,.wizard-badge-card[role=button]:focus-visible{outline:2px solid #e9d395;outline-offset:2px}.wizard-badge-card.is-featured{border:2px solid #f1da9c;box-shadow:inset 0 0 20px #f1da9c22,0 0 10px #f1da9c33}.wizard-badge-card.is-featured h4:after{content:" · Displayed";font:700 12px system-ui;color:#f1da9c}

html body.hex-screen-ui .profile-stats-dialog.show-badges[open]:not(.show-leaderboard):not(.stats-overview):has(.wizard-badges-scroll){display:flex!important;flex-direction:column!important;overflow:hidden!important;min-height:0!important;gap:0!important}html body .profile-stats-dialog.show-badges>.chronicle-heading{flex:0 0 auto!important;position:relative!important;top:auto!important}html body .profile-stats-dialog.show-badges>.wizard-badges-scroll{position:relative!important;flex:1 1 0!important;min-height:0!important;min-width:0!important;width:100%!important;overflow-y:auto!important;overflow-x:hidden!important;touch-action:pan-y;overscroll-behavior:contain;padding:6px 8px 24px;box-sizing:border-box;scrollbar-gutter:stable}.wizard-badges-scroll>.wizard-badge-collection+.wizard-badge-collection{border-top:1px solid #bda47744;padding-top:20px}

/* Badges page header matches Your Stats: Back top-left, then the page tabs, in one row (the highlighted tab names the page). */
html body.hex-screen-ui dialog.profile-stats-dialog.show-badges:not(.show-leaderboard):not(.stats-overview)>.chronicle-heading{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:center!important;gap:10px!important;min-height:0!important;height:auto!important;margin:0 0 6px!important;padding:0 0 8px!important}
html body.hex-screen-ui dialog.profile-stats-dialog.show-badges:not(.show-leaderboard):not(.stats-overview)>.chronicle-heading>div:first-child{display:none!important}
html body.hex-screen-ui dialog.profile-stats-dialog.show-badges:not(.show-leaderboard):not(.stats-overview)>.chronicle-heading>button[aria-label]{grid-area:1/1!important;order:-1!important}
html body.hex-screen-ui dialog.profile-stats-dialog.show-badges:not(.show-leaderboard):not(.stats-overview)>.chronicle-heading>.wizard-page-tabs{grid-area:1/2!important;order:0!important;margin:0!important;max-width:none!important;width:100%!important}
/* Scroll cue for the badge list (it is longer than one screen on phones). */
html body.hex-screen-ui dialog.profile-stats-dialog.show-badges>.wizard-badges-scroll{scrollbar-width:thin;scrollbar-color:#d6b878 #241a33}
html body.hex-screen-ui dialog.profile-stats-dialog.show-badges>.wizard-badges-scroll::after{content:'↓ Scroll down for more';position:sticky;bottom:-24px;display:block;margin:6px -8px -24px;padding:16px 0 6px;text-align:center;font:12px system-ui;color:#f1dca7;background:linear-gradient(transparent,#211a30 55%);pointer-events:none}
@supports (animation-timeline:scroll()){html body.hex-screen-ui dialog.profile-stats-dialog.show-badges>.wizard-badges-scroll::after{opacity:0;animation:hex-badges-hint linear both;animation-timeline:scroll(nearest)}}
@keyframes hex-badges-hint{0%,88%{opacity:1}100%{opacity:0}}

/* Apex Laureate: the one-holder legendary crest gets a gold frame, a slow glow and a light sweep. */
.wizard-badge-card.is-legendary{position:relative;overflow:hidden;border:2px solid #f0cf7f;background:radial-gradient(120% 140% at 0 50%,#7a4fa866,transparent 60%),linear-gradient(135deg,#4a2f6e,#1d1530);box-shadow:inset 0 0 28px #f2cd7a2e,0 0 14px #f2cd7a40}
.wizard-badge-card.is-legendary .wizard-badge-seal{flex:0 0 84px;height:94px;background:none;clip-path:none;filter:drop-shadow(0 0 8px #f6d48a99);animation:hex-apex-seal 2.8s ease-in-out infinite}
.wizard-badge-card.is-legendary small{color:#ffe29a;letter-spacing:2px}
.wizard-badge-card.is-legendary h4{color:#fff3cf;text-shadow:0 0 12px #f2c96a80}
.wizard-badge-card.is-legendary::after{content:"";position:absolute;top:-40%;bottom:-40%;left:-60%;width:40%;background:linear-gradient(100deg,transparent,#fff4cf2e,transparent);transform:skewX(-18deg);animation:hex-apex-sweep 4.5s ease-in-out infinite;pointer-events:none}
@keyframes hex-apex-seal{50%{filter:drop-shadow(0 0 14px #ffe3a0e0)}}
@keyframes hex-apex-sweep{0%,55%{left:-60%}100%{left:130%}}
html[data-motion=gentle] .wizard-badge-card.is-legendary .wizard-badge-seal{animation:none}
html[data-motion=gentle] .wizard-badge-card.is-legendary::after{display:none}
@media(prefers-reduced-motion:reduce){.wizard-badge-card.is-legendary .wizard-badge-seal{animation:none}.wizard-badge-card.is-legendary::after{display:none}}
@media(max-height:500px){.wizard-badge-card.is-legendary .wizard-badge-seal{flex-basis:62px;height:70px}}

/* Realm Architect (developer crest): the most premium frame in the game. A turning opal gradient border, drifting
   motes, a prismatic sweep and a floating crest, on the badge card, the profile honour and every leaderboard row. */
@property --hex-dev-turn{syntax:'<angle>';inherits:false;initial-value:0deg}
.wizard-badge-card.is-legendary.is-developer,.wizard-badge-card.is-legendary.is-developer.is-featured{border:2px solid transparent;background:radial-gradient(120% 140% at 0 50%,#9a5fd666,transparent 60%) padding-box,linear-gradient(135deg,#4e2f78,#1b1230) padding-box,conic-gradient(from var(--hex-dev-turn),#ff8fcf,#ffe6f6,#f6c9e8,#c7a4f6,#6f9dff,#f6c9e8,#ff8fcf) border-box;box-shadow:inset 0 0 30px #d8a8ff33,0 0 18px #e9b9f055,0 0 34px #ff8fcf2e;animation:hex-dev-turn 6s linear infinite}
.wizard-badge-card.is-legendary.is-developer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 4% 18%,#ffe6f6 0 1.2px,transparent 2px),radial-gradient(circle at 15% 88%,#ff8fcf 0 1px,transparent 1.8px),radial-gradient(circle at 93% 24%,#ffffff 0 1.4px,transparent 2.2px),radial-gradient(circle at 97% 70%,#6f9dff 0 1px,transparent 1.8px),radial-gradient(circle at 88% 90%,#ffe6f6 0 1.2px,transparent 2px);background-size:100% 100%;opacity:.8;animation:hex-dev-motes 7s linear infinite;pointer-events:none}
.wizard-badge-card.is-legendary.is-developer::after{width:46%;background:linear-gradient(100deg,transparent,#f6c9e833 30%,#ffffff55 50%,#6f9dff33 70%,transparent);animation-duration:3.6s}
.wizard-badge-card.is-legendary.is-developer .wizard-badge-seal{flex-basis:92px;height:104px;animation:hex-dev-seal 3.2s ease-in-out infinite;filter:drop-shadow(0 0 10px #e9b9f0aa)}
.wizard-badge-card.is-legendary.is-developer small{color:#f6d8ff;letter-spacing:2.4px}
.wizard-badge-card.is-legendary.is-developer h4{background:linear-gradient(90deg,#ffe6f6,#ff8fcf 25%,#ffffff 40%,#f6c9e8 55%,#c7a4f6 70%,#ffe6f6);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 8px #e9b9f080);animation:hex-dev-text 4s linear infinite}
.wizard-badge-card.is-legendary.is-developer.is-featured h4:after{-webkit-text-fill-color:#f1da9c}
@keyframes hex-dev-turn{to{--hex-dev-turn:360deg}}
@keyframes hex-dev-motes{from{transform:translateY(12%)}to{transform:translateY(-12%)}}
@keyframes hex-dev-seal{0%,100%{transform:translateY(0);filter:drop-shadow(0 0 8px #e9b9f099)}50%{transform:translateY(-4px);filter:drop-shadow(0 0 16px #ffd6f2f0) drop-shadow(0 0 26px #c79bf288)}}
@keyframes hex-dev-text{to{background-position:-220% 0}}
@media(max-height:500px){.wizard-badge-card.is-legendary.is-developer .wizard-badge-seal{flex-basis:66px;height:74px}}
/* Profile honour pill under the name. */
.profile-season-honor.is-developer{border:1.5px solid transparent!important;background:linear-gradient(135deg,#4e2f78,#21163a) padding-box,conic-gradient(from var(--hex-dev-turn),#ff8fcf,#ffe6f6,#f6c9e8,#c7a4f6,#6f9dff,#ff8fcf) border-box!important;color:#ffe6f6!important;box-shadow:0 0 16px #e9b9f055,0 0 26px #ff8fcf2a!important;animation:hex-dev-turn 6s linear infinite;position:relative;overflow:hidden}
.profile-season-honor.is-developer img{filter:drop-shadow(0 0 6px #e9b9f0cc);animation:hex-dev-seal 3.2s ease-in-out infinite}
.profile-season-honor.is-developer::after{content:"";position:absolute;top:0;bottom:0;left:-50%;width:40%;background:linear-gradient(100deg,transparent,#ffffff55,transparent);transform:skewX(-18deg);animation:hex-apex-sweep 3.6s ease-in-out infinite;pointer-events:none}
/* Leaderboard rows: crest beside the name, a turning opal edge and a "Hexbound developer" line. */
.leaderboard-row.is-developer{position:relative;overflow:hidden;background:linear-gradient(90deg,#c79bf240,#ff8fcf22 45%,transparent);box-shadow:inset 3px 0 #f6c9e8,inset 0 0 0 1px #e9b9f066}
.leaderboard-row.is-developer::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,#ffffff24,#f6c9e81f,transparent);transform:skewX(-18deg);animation:hex-apex-sweep 5s ease-in-out infinite;pointer-events:none}
.leaderboard-row.is-developer .leaderboard-wizard{color:#ffe9f8!important;animation:hex-dev-name 3.2s ease-in-out infinite}
@keyframes hex-dev-name{0%,100%{text-shadow:0 0 8px #ff8fcf99,0 0 16px #c79bf255}50%{text-shadow:0 0 10px #f6c9e8cc,0 0 22px #6f9dff77}}
.leaderboard-name-line>.leaderboard-developer{flex:0 0 auto;width:30px;height:34px;object-fit:contain;filter:drop-shadow(0 0 5px #e9b9f0c0);animation:hex-dev-seal 3.2s ease-in-out infinite}
.leaderboard-row small.leaderboard-developer-title{display:inline-block;margin-top:3px;padding:1px 8px;border:1px solid transparent;border-radius:999px;background:linear-gradient(90deg,#3e2766,#2a1a46) padding-box,conic-gradient(from var(--hex-dev-turn),#ff8fcf,#f6c9e8,#c7a4f6,#6f9dff,#ff8fcf) border-box;color:#ffe9f8;font:700 10px/1.5 system-ui;letter-spacing:.06em;white-space:nowrap;animation:hex-dev-turn 6s linear infinite}
.leaderboard-self .leaderboard-row small.leaderboard-developer-title{display:none}
html[data-animation=minimal] :is(.wizard-badge-card.is-developer,.wizard-badge-card.is-developer .wizard-badge-seal,.wizard-badge-card.is-developer h4,.profile-season-honor.is-developer,.profile-season-honor.is-developer img,.leaderboard-row.is-developer .leaderboard-wizard,.leaderboard-name-line>.leaderboard-developer,.leaderboard-developer-title){animation:none}
html[data-animation=minimal] :is(.wizard-badge-card.is-developer,.profile-season-honor.is-developer,.leaderboard-row.is-developer)::before,html[data-animation=minimal] :is(.wizard-badge-card.is-developer,.profile-season-honor.is-developer,.leaderboard-row.is-developer)::after{display:none}
@media(prefers-reduced-motion:reduce){:is(.wizard-badge-card.is-developer,.wizard-badge-card.is-developer .wizard-badge-seal,.wizard-badge-card.is-developer h4,.profile-season-honor.is-developer,.profile-season-honor.is-developer img,.leaderboard-row.is-developer .leaderboard-wizard,.leaderboard-name-line>.leaderboard-developer,.leaderboard-developer-title){animation:none}:is(.wizard-badge-card.is-developer,.profile-season-honor.is-developer,.leaderboard-row.is-developer)::before,:is(.wizard-badge-card.is-developer,.profile-season-honor.is-developer,.leaderboard-row.is-developer)::after{display:none}}

/* Bot-defeat milestones: full gear crest instead of the hexagon seal. */
.wizard-badge-card.is-milestone .wizard-badge-seal{flex:0 0 76px;height:86px;background:none;clip-path:none;filter:drop-shadow(0 0 6px #f2cd7a55)}
.wizard-badge-card.is-milestone.is-locked .wizard-badge-seal{filter:grayscale(.6)}
@media(max-height:500px){.wizard-badge-card.is-milestone .wizard-badge-seal{flex-basis:58px;height:66px}}

/* Silver and Bronze Laureate cards: the Apex frame in their own metal. */
.wizard-badge-card.is-legendary.is-second{border-color:#dfe6f5;box-shadow:inset 0 0 28px #dfe6f52e,0 0 14px #dfe6f540}
.wizard-badge-card.is-legendary.is-second small{color:#eef3ff}
.wizard-badge-card.is-legendary.is-second h4{color:#f6f8ff;text-shadow:0 0 12px #c9d4ec80}
.wizard-badge-card.is-legendary.is-second .wizard-badge-seal{filter:drop-shadow(0 0 8px #dfe6f599);animation-name:hex-apex-seal-silver}
.wizard-badge-card.is-legendary.is-third{border-color:#e8a66a;box-shadow:inset 0 0 28px #e8a66a2e,0 0 14px #e8a66a40}
.wizard-badge-card.is-legendary.is-third small{color:#ffd2a6}
.wizard-badge-card.is-legendary.is-third h4{color:#ffe6cc;text-shadow:0 0 12px #e0965280}
.wizard-badge-card.is-legendary.is-third .wizard-badge-seal{filter:drop-shadow(0 0 8px #e8a66a99);animation-name:hex-apex-seal-bronze}
/* Runner-up Laureate: a plain card (not legendary) that shows the whole crest instead of the hexagon seal. */
.wizard-badge-card.is-fourth .wizard-badge-seal{flex:0 0 72px;height:78px;background:none;clip-path:none}
.wizard-badge-card.is-fourth.is-locked .wizard-badge-seal{filter:grayscale(.6)}
@media(max-height:500px){.wizard-badge-card.is-fourth .wizard-badge-seal{flex-basis:56px;height:60px}}
@keyframes hex-apex-seal-silver{50%{filter:drop-shadow(0 0 14px #eef3ffe0)}}
@keyframes hex-apex-seal-bronze{50%{filter:drop-shadow(0 0 14px #ffc58ae0)}}
/* 5k and up: the winged crests get a little more room and a warmer glow. */
.wizard-badge-card.is-grand-milestone .wizard-badge-seal{flex-basis:84px;height:94px;filter:drop-shadow(0 0 9px #f2cd7a80)}
@media(max-height:500px){.wizard-badge-card.is-grand-milestone .wizard-badge-seal{flex-basis:62px;height:70px}}

/* Founding Wizard: not a rank, so it leaves the violet rank halo behind for a midnight-sapphire sky, a double gold
   frame, twinkling stars, a slow gold sweep and gold-leaf lettering; on the badge card, the profile honour and leaderboards. */
.wizard-badge-card.is-legendary.is-founder,.wizard-badge-card.is-legendary.is-founder.is-featured{border:2px solid #f0cf7f;background:radial-gradient(130% 150% at 0 50%,#3f5fc466,transparent 62%),linear-gradient(135deg,#22307a,#161a45 55%,#1d1233);box-shadow:inset 0 0 0 3px #161a45,inset 0 0 0 4px #e2b45c88,inset 0 0 30px #6f8fff2e,0 0 16px #f2cd7a4d}
.wizard-badge-card.is-legendary.is-founder::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 5% 16%,#fff6dc 0 1.1px,transparent 1.8px),radial-gradient(circle at 18% 86%,#ffe3a0 0 1px,transparent 1.7px),radial-gradient(circle at 46% 10%,#fff6dc 0 .9px,transparent 1.6px),radial-gradient(circle at 92% 20%,#ffffff 0 1.3px,transparent 2px),radial-gradient(circle at 96% 74%,#ffe3a0 0 1px,transparent 1.7px),radial-gradient(circle at 70% 92%,#fff6dc 0 1px,transparent 1.7px);opacity:.85;animation:hex-founder-stars 3.4s ease-in-out infinite;pointer-events:none}
.wizard-badge-card.is-legendary.is-founder::after{width:42%;background:linear-gradient(100deg,transparent,#ffe9a62e 35%,#fff8dc55 50%,#ffe9a62e 65%,transparent);animation-duration:5.2s}
.wizard-badge-card.is-legendary.is-founder .wizard-badge-seal{flex-basis:92px;height:104px;animation:hex-founder-seal 3.6s ease-in-out infinite;filter:drop-shadow(0 0 9px #f6d48aaa)}
.wizard-badge-card.is-legendary.is-founder small{color:#ffe7a3;letter-spacing:2.4px}
.wizard-badge-card.is-legendary.is-founder h4{background:linear-gradient(90deg,#fff3cf,#e9c46f 25%,#fffbe8 42%,#d6a54e 60%,#fff3cf);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 8px #f2c96a70);animation:hex-dev-text 5s linear infinite}
.wizard-badge-card.is-legendary.is-founder.is-featured h4:after{-webkit-text-fill-color:#f1da9c}
.wizard-badge-card.is-legendary.is-founder p{color:#dfe3f6}
@keyframes hex-founder-stars{50%{opacity:.35}}
@keyframes hex-founder-seal{0%,100%{transform:translateY(0);filter:drop-shadow(0 0 8px #f6d48a99)}50%{transform:translateY(-3px);filter:drop-shadow(0 0 15px #ffe3a0e6) drop-shadow(0 0 24px #6f8fff66)}}
@media(max-height:500px){.wizard-badge-card.is-legendary.is-founder .wizard-badge-seal{flex-basis:66px;height:74px}}
.profile-season-honor.is-founder{border:1.5px solid #f0cf7f!important;background:linear-gradient(135deg,#2c3f97,#161a45)!important;color:#fff1c4!important;box-shadow:inset 0 0 0 2px #161a45,inset 0 0 0 2.6px #e2b45c88,0 0 14px #f2cd7a55!important;position:relative;overflow:hidden}
.profile-season-honor.is-founder img{filter:drop-shadow(0 0 5px #f6d48acc);animation:hex-founder-seal 3.6s ease-in-out infinite}
.profile-season-honor.is-founder::after{content:"";position:absolute;top:0;bottom:0;left:-50%;width:40%;background:linear-gradient(100deg,transparent,#fff8dc55,transparent);transform:skewX(-18deg);animation:hex-apex-sweep 4.4s ease-in-out infinite;pointer-events:none}
.leaderboard-row.is-founder{background:linear-gradient(90deg,#3f5fc433,#22307a1f 45%,transparent);box-shadow:inset 3px 0 #e9c46f}
.leaderboard-name-line>.leaderboard-founder{flex:0 0 auto;width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 0 4px #f6d48aaa)}
html[data-animation=minimal] :is(.wizard-badge-card.is-founder,.wizard-badge-card.is-founder .wizard-badge-seal,.wizard-badge-card.is-founder h4,.profile-season-honor.is-founder img){animation:none}
html[data-animation=minimal] :is(.wizard-badge-card.is-founder,.profile-season-honor.is-founder)::before,html[data-animation=minimal] :is(.wizard-badge-card.is-founder,.profile-season-honor.is-founder)::after{display:none}
@media(prefers-reduced-motion:reduce){:is(.wizard-badge-card.is-founder,.wizard-badge-card.is-founder .wizard-badge-seal,.wizard-badge-card.is-founder h4,.profile-season-honor.is-founder img){animation:none}:is(.wizard-badge-card.is-founder,.profile-season-honor.is-founder)::before,:is(.wizard-badge-card.is-founder,.profile-season-honor.is-founder)::after{display:none}}

/* Event Champion: the ×N wins count sits on the crest (player-badges.js eventChampion). */
.wizard-badge-count{position:absolute;right:-8px;bottom:-2px;min-width:24px;padding:2px 7px;box-sizing:border-box;border:1.5px solid #ffe7a3;border-radius:999px;background:linear-gradient(#5b3a86,#2c1a48);color:#fff3cf;font:800 13px/1.2 system-ui;letter-spacing:.5px;text-align:center;text-shadow:none;box-shadow:0 2px 8px #0008,0 0 10px #f2c96a55}
.wizard-badge-card.is-champion-arcane .wizard-badge-count{border-color:#e6c2ff;background:linear-gradient(#8f5ad8,#4c2690)}
.wizard-badge-card:is(.is-champion-bronze,.is-champion-silver,.is-champion-gold,.is-champion-arcane) .wizard-badge-seal{flex:0 0 84px;height:94px;background:none;clip-path:none;filter:drop-shadow(0 0 8px #0007)}
.wizard-badge-card.is-champion-bronze{border-color:#d9955a;background:radial-gradient(120% 140% at 0 50%,#a8622f40,transparent 60%),linear-gradient(135deg,#4d3352,#251d36);box-shadow:inset 0 0 22px #d9955a26}
.wizard-badge-card.is-champion-bronze small{color:#ffc58f}
.wizard-badge-card.is-champion-silver{border-color:#c9d6ea;background:radial-gradient(120% 140% at 0 50%,#8fa2c240,transparent 60%),linear-gradient(135deg,#3f3d6a,#1f1d36);box-shadow:inset 0 0 22px #c9d6ea26,0 0 10px #9fc4ff30}
.wizard-badge-card.is-champion-silver small{color:#dbe8ff}
.wizard-badge-card.is-champion-arcane{border-color:#e6c2ff;background:radial-gradient(120% 140% at 0 50%,#a35cff55,transparent 60%),linear-gradient(135deg,#4a2a7e,#1d1232);box-shadow:inset 0 0 28px #c58bff38,0 0 16px #c58bff55}
@media(max-height:500px){.wizard-badge-card:is(.is-champion-bronze,.is-champion-silver,.is-champion-gold,.is-champion-arcane) .wizard-badge-seal{flex-basis:62px;height:70px}}