.championArt{display:inline-block;width:100%;height:100%;background-image:url('/champion-sheet.png');background-size:200% 200%;background-repeat:no-repeat;filter:drop-shadow(0 6px 13px #6c2295a0)}.championWolf{background-position:0 0}.championPhoenix{background-position:100% 0}.championDragon{background-position:0 100%}.championEclipse{background-position:100% 100%}.championHero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:30px;border-radius:17px;border:1px solid #aa75cd;background:radial-gradient(circle at 80% 25%,#a236b377,transparent 36%),linear-gradient(110deg,#20112a,#0c0c17 75%);box-shadow:inset 0 1px #ffffff33,0 18px 55px #0008}.championHero>div:first-child{min-width:0}.championHero span,.championCardTop,.championSubtitle{font-size:12px;font-weight:800;letter-spacing:.13em;color:#e5acf8}.championHero h2{font:900 clamp(43px,7vw,88px)/.9 'Barlow Condensed',sans-serif;margin:12px 0;color:#fff}.championHero h2 em{font-style:normal;color:#f4b5ff}.championHero p{max-width:650px;line-height:1.55;color:#d9c9e1}.championHeroFacts{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}.championHeroFacts strong{padding:9px 14px;border:1px solid #b778d6;border-radius:7px;color:#f6cbff}.championHeroFacts small{color:#baabc6}.championHeroArt{width:220px;height:220px;flex:none;filter:drop-shadow(0 0 25px #d646df)}.championGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.championCard{min-width:0;padding:20px;border:1px solid #735076;border-radius:14px;background:radial-gradient(circle at 70% 24%,#8841ac35,transparent 50%),linear-gradient(#1d1626,#101018);box-shadow:inset 0 1px #ffffff1c}.championTier2{border-color:#a1774f}.championTier3{border-color:#5689a5}.championTier4{border-color:#b443aa}.championCard.ready{box-shadow:0 0 28px #a853db88,inset 0 1px #ffffff55}.championCard.claimed{border-color:#c99de3}.championCardTop{display:flex;justify-content:space-between}.championEmblem{height:176px;width:176px;margin:4px auto 0}.championCard h3{text-align:center;font:900 32px/1 'Barlow Condensed',sans-serif;color:#fff;margin:0}.championSubtitle{text-align:center;margin:6px 0 17px;color:#b9a8c9}.championGoals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.championGoals button{min-width:0;display:grid;gap:6px;text-align:left;padding:10px;border:1px solid #564360;border-radius:7px;background:#0f111bd9;color:#b3a6bc}.championGoals button.done{border-color:#886d9a;color:#ebd7ee}.championGoals button span{font-size:12px;letter-spacing:.04em}.championGoals button strong{font-size:15px;color:#fff}.championGoals button i{height:5px;overflow:hidden;background:#393043;border-radius:9px}.championGoals button i b{display:block;height:100%;background:linear-gradient(90deg,#8936b7,#e3a5fb)}.championPayout{margin:19px 0 13px;font-size:13px;font-weight:800;color:#ffda91;text-align:center}.championCard>.primary,.championCard>.secondary{width:100%;min-height:45px}.championNote{margin:15px 2px;color:#b4a8bb;font-size:14px;line-height:1.5}.championMini{display:inline-flex;width:25px;height:25px;vertical-align:middle;margin-left:3px}.equipmentArt .championArt,.welcomePortrait .championArt,.avatar .championArt,.equipmentPortraitArt .championArt{width:100%;height:100%;min-width:38px;min-height:38px}.equipmentArt .championArt{width:52px;height:52px}.avatar .championArt{width:42px;height:42px}.welcomePortrait .championArt{width:88px;height:88px}.equipmentPortraitArt .championArt{width:100px;height:100px}.championMini .championArt{width:25px;height:25px;min-width:0;min-height:0}.championPreview{width:min(340px,75vw);aspect-ratio:1;margin:auto}@media(max-width:680px){.championGrid{grid-template-columns:1fr}.championHero{padding:20px}.championHeroArt{width:96px;height:96px}.championHero h2{font-size:46px}.championHero p{font-size:14px}.championEmblem{height:150px;width:150px}}@media(max-width:380px){.championHeroArt{display:none}.championGoals button span{font-size:11px}}
.championTeaser{margin:10px 0 15px}.championTeaserCard{display:flex;width:100%;align-items:center;gap:18px;text-align:left;padding:13px 22px;border:1px solid #ad6db7;border-radius:13px;color:#f6eaff;background:radial-gradient(circle at 13% 50%,#a044bb77,transparent 32%),linear-gradient(95deg,#21112a,#101019);box-shadow:inset 0 1px #ffffff36,0 10px 27px #0006;transition:transform .2s}.championTeaserCard:hover{transform:translateY(-3px)}.championTeaserArt{width:95px;height:95px;flex:none}.championTeaserCard>span:nth-child(2){display:grid;gap:4px}.championTeaserCard small{font-size:11px;letter-spacing:.15em;color:#ddabef;font-weight:800}.championTeaserCard strong{font:900 31px/1 'Barlow Condensed',sans-serif}.championTeaserCard em{font-size:13px;color:#dbc7dd;font-style:normal}.championTeaserCard>b{margin-left:auto;font-size:12px;letter-spacing:.08em;color:#f7ceff}@media(max-width:600px){.championTeaserCard{padding:12px;gap:10px}.championTeaserArt{width:64px;height:64px}.championTeaserCard>b{display:none}.championTeaserCard strong{font-size:25px}}@media(prefers-reduced-motion:reduce){.championTeaserCard{transition:none}}
.champion-title,.chatChampionTitle{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:4px 10px;border:1px solid #bb8d63;border-radius:4px;color:#ffdb9f;background:linear-gradient(110deg,#291b27,#603723,#291b27);font-size:.77rem;font-weight:900;letter-spacing:.12em;box-shadow:0 0 14px #ff9c3440}
.chatChampionTitle{font-size:.65rem;padding:2px 6px}
.specialArt{display:inline-flex;justify-content:center;align-items:center;width:100%;min-height:52px;border-radius:10px;font-weight:900;letter-spacing:.08em;color:#f8e8ff;background:linear-gradient(135deg,#2c164b,#7e35aa,#321d4c);box-shadow:inset 0 0 14px #ffffff18,0 0 18px #ad54ff55;text-align:center}
.special-phoenixAura{background:linear-gradient(120deg,#4d1228,#d65b2d,#4d1228)}.special-dragonChat{background:linear-gradient(120deg,#102838,#348ba9,#102838)}.special-eclipseEntrance{background:linear-gradient(120deg,#211132,#7846bd,#211132)}
.champion-aura .welcomePortrait,.champion-aura .equipmentPortraitArt,.champion-aura .avatar{filter:drop-shadow(0 0 12px #ff6d29) drop-shadow(0 0 24px #ffb237);animation:championFlame 3s ease-in-out infinite alternate}
.champion-chat .chatBubble{border:1px solid #85e5ff;background:linear-gradient(130deg,#081b32,#113d57,#211b48);box-shadow:0 0 18px #59d4ff66}
.welcomeBar.champion-entrance{animation:championEntrance 1.25s cubic-bezier(.16,1,.3,1) both;box-shadow:0 0 24px #ad57ff55}
@keyframes championFlame{from{filter:drop-shadow(0 0 9px #e44a21)}to{filter:drop-shadow(0 0 20px #ffb038) drop-shadow(0 0 35px #fa673c)}}
@keyframes championEntrance{from{opacity:0;transform:translateY(35px) scale(.93);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.champion-aura .welcomePortrait,.champion-aura .equipmentPortraitArt,.champion-aura .avatar,.welcomeBar.champion-entrance{animation:none}}
.championRewardScene{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:174px;margin:0 0 17px;padding:16px;border:1px solid #795a81;border-radius:12px;background:radial-gradient(circle at 80% 15%,#8a42b84a,transparent 57%),#0a0b16;box-shadow:inset 0 1px #ffffff29}.championRewardScene.compact{min-height:126px;margin:12px 0;padding:12px}.championRewardLabel{font:800 .72rem/1.3 system-ui,sans-serif;letter-spacing:.12em;color:#d9abe7}.championSampleProfile{display:flex;align-items:center;gap:15px;min-width:0}.championSampleProfile>div{display:grid;gap:5px;min-width:0}.championSampleProfile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:900 clamp(1.15rem,2.5vw,1.5rem)/1 'Barlow Condensed',sans-serif;color:white}.championSampleProfile small,.championSampleProfile div>span:not(.champion-title){font-size:.8rem;color:#e6badf}.championSampleAvatar{display:block;flex:none;width:68px;height:68px;border:1px solid #a957d6;border-radius:16px;background:#1b1028;box-shadow:0 0 14px #8e35b66b}.championSampleAvatar .championArt{width:100%;height:100%}.championSampleAura .championSampleAvatar{animation:championPreviewFire 2.5s ease-in-out infinite alternate;border-color:#fbbb5f;box-shadow:0 0 18px #ff592b,0 0 40px #ea9d2f}.championSampleChat{max-width:100%;padding:13px 15px;border:1px solid #7fe1ff;border-radius:13px 13px 13px 2px;background:linear-gradient(120deg,#092132,#163a58,#201335);box-shadow:0 0 22px #76d7ff61}.championSampleChat small{color:#bceeff;font-size:.75rem;font-weight:800}.championSampleChat p{color:#f4fbff;font-size:.95rem;margin:8px 0 0}.championSampleEntrance{padding:12px;border:1px solid #af71df;border-radius:10px;background:linear-gradient(110deg,#301549,#16112b);animation:championEntrance 2.8s ease-in-out infinite alternate;box-shadow:0 0 25px #b551ed7a}.championSampleEntrance .championSampleAvatar{border-color:#e0b9ff}.championSampleEntrance div>span{font-weight:800;letter-spacing:.08em}.championTier2 .championRewardScene{border-color:#a46748}.championTier3 .championRewardScene{border-color:#5aa7b9}.championTier4 .championRewardScene{border-color:#bd6edf}@keyframes championPreviewFire{to{box-shadow:0 0 30px #ffb141,0 0 55px #e84a2c;transform:scale(1.07)}}@media(prefers-reduced-motion:reduce){.championSampleAura .championSampleAvatar,.championSampleEntrance{animation:none}}@media(max-width:420px){.championRewardScene{padding:12px}.championSampleAvatar{width:55px;height:55px}}
.avatar.champion-aura{animation:championFlame 3s ease-in-out infinite alternate}