.lootHero{display:flex;align-items:center;justify-content:space-between;min-height:300px;overflow:hidden;padding:clamp(23px,4vw,48px);border:1px solid #9257ca;border-radius:12px;background:radial-gradient(circle at 80% 40%,#672ca977,transparent 55%),linear-gradient(130deg,#191123,#090b17);box-shadow:0 20px 40px #0009}.lootHero>div{position:relative;z-index:1;max-width:660px}.lootHero span,.lootCardContent>span{font-size:12px;letter-spacing:.16em;font-weight:800;color:#e0aafc}.lootHero h1{font:900 clamp(42px,6vw,75px)/.95 'Barlow Condensed',Impact,sans-serif;margin:14px 0}.lootHero h1 em{font-style:normal;color:#e49dff}.lootHero p{font-size:17px;line-height:1.5;color:#e5d6eb}.lootHero strong{color:#ffd9a5}.lootHero>img{width:clamp(170px,30%,320px);height:auto;filter:drop-shadow(0 12px 38px #a236ee);animation:lootFloat 4s ease-in-out infinite}.lootCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:15px 0}.lootCard{display:grid;grid-template-columns:38% 1fr;align-items:center;overflow:hidden;min-height:245px;border:1px solid #764fa7;border-radius:12px;background:linear-gradient(125deg,#24172c,#10121e);box-shadow:0 14px 35px #0008}.lootCard.weekly{border-color:#ac7a49;background:linear-gradient(125deg,#322123,#15121c)}.lootCardArt{display:grid;place-items:center;height:100%;background:radial-gradient(circle,#9f5dd45c,transparent 70%)}.lootCard.weekly .lootCardArt{background:radial-gradient(circle,#e5a04542,transparent 70%)}.lootCardArt img{width:100%;max-width:225px;filter:drop-shadow(0 5px 19px #af4ded);transform:rotate(-5deg)}.lootCardContent{padding:20px 16px 20px 0}.lootCardContent h2{font:900 clamp(29px,3vw,41px)/1 'Barlow Condensed',sans-serif;margin:10px 0}.lootCardContent p{color:#ddcede;font-size:14px;line-height:1.5}.lootCardContent button{min-height:42px;margin:8px 0}.lootCardContent small{display:block;color:#bdaaca;line-height:1.5}.lootOdds,.lootHistory{margin-bottom:14px}.lootOdds h2,.lootHistory h2{font:900 30px 'Barlow Condensed',sans-serif}.lootOdds p{color:#dac9dc;line-height:1.55}.lootOddsRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #4f3c5a}.lootOddsRow>strong{min-width:110px}.lootRarity{padding:7px 9px;border:1px solid #796b83;border-radius:5px;font-size:12px;color:#eee}.lootRarity.rare{border-color:#578ec8;color:#bcd9ff}.lootRarity.epic{border-color:#9865d5;color:#dcb8ff}.lootRarity.mythic{border-color:#ef9c4d;color:#ffdbab}.lootRarity.legendary{border-color:#eb5ca4;color:#ffc0e1}.lootOddsRow b{margin-left:4px;color:white}.lootOdds>button{margin-top:16px}.lootHistoryRow{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #53435a}.lootHistoryRow img{width:52px;height:52px;object-fit:contain}.lootHistoryRow span{flex:1;min-width:0}.lootHistoryRow small{display:block;color:#b9a9c2}.lootHistoryRow b{color:#ffd9a5;font-size:13px;text-align:right}.lootReveal{position:fixed;width:min(91vw,470px);padding:27px;text-align:center;color:white;border:1px solid #b968ee;border-radius:17px;background:radial-gradient(circle at 50% 32%,#7d35ab,#20122b 60%,#0e0b18);box-shadow:0 0 80px #b85bed94;animation:lootRevealIn .55s both}.lootReveal::backdrop{background:#090413dc;backdrop-filter:blur(7px)}.lootReveal>img{position:relative;width:190px;height:190px;object-fit:contain;filter:drop-shadow(0 0 28px #d385ff);animation:lootFloat 3s ease-in-out infinite}.lootReveal>span{display:block;color:#f9cb9a;letter-spacing:.18em;font-weight:800}.lootReveal h2{font:900 38px/1 'Barlow Condensed',sans-serif;margin:9px 0}.lootReveal p{color:#ebd8ed;line-height:1.5}.lootReveal button{margin-top:8px;min-height:44px}.lootReveal.rarity-legendary{border-color:#ffae69;box-shadow:0 0 95px #e3a04eaa}.lootReveal.rarity-mythic{border-color:#f5ae88}@keyframes lootFloat{50%{transform:translateY(-10px)}}@keyframes lootRevealIn{from{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:750px){.lootHero{min-height:250px}.lootHero>img{width:30%;min-width:90px}.lootCards{grid-template-columns:1fr}.lootCard{grid-template-columns:34% 1fr}}@media(max-width:480px){.lootHero{align-items:flex-start}.lootHero>img{position:absolute;right:5%;opacity:.28}.lootHero p{font-size:15px}.lootCard{grid-template-columns:32% 1fr;min-height:200px}.lootCardContent{padding-right:12px}.lootCardContent h2{font-size:29px}.lootCardContent p{font-size:13px}.lootHistoryRow{flex-wrap:wrap}.lootHistoryRow b{width:100%;text-align:left;padding-left:64px}}@media(prefers-reduced-motion:reduce){.lootHero>img,.lootReveal,.lootReveal>img{animation:none!important}}
.lootOpening{position:fixed;width:min(93vw,560px);max-height:min(90vh,690px);padding:24px 18px 20px;text-align:center;color:#fff;border:1px solid #a46cda;border-radius:20px;background:radial-gradient(circle at 50% 47%,#572378,#150e24 72%);box-shadow:0 0 80px #9e47d088;overflow:hidden}.lootOpening::backdrop{background:#06030bec;backdrop-filter:blur(8px)}.lootOpeningScene{position:relative;height:clamp(270px,55vw,385px);display:grid;place-items:center;isolation:isolate;perspective:700px}.lootOpeningScene>img{position:absolute;width:min(92%,400px);height:auto;filter:drop-shadow(0 20px 24px #07040b);transform-origin:50% 42%}.lootOpeningBase{clip-path:inset(37% 0 0 0);z-index:2}.lootOpeningLid{clip-path:inset(0 0 60% 0);z-index:4}.lootOpeningHalo{position:absolute;z-index:1;width:30%;aspect-ratio:1;border-radius:50%;background:#c473ff;filter:blur(47px);opacity:.35;transform:scale(.7)}.lootOpeningBurst{position:absolute;inset:0;z-index:3;pointer-events:none}.lootOpeningBurst i{position:absolute;top:44%;left:50%;width:8px;height:26px;border-radius:100%;background:linear-gradient(#fff5bc,#c969fb);box-shadow:0 0 15px #dc84ff;opacity:0}.lootOpening p{position:relative;z-index:5;color:#f1dbfc;font:800 21px 'Barlow Condensed',sans-serif;letter-spacing:.08em;margin:2px 0 16px}.lootOpening button{position:relative;z-index:5;min-height:40px}.lootOpening.opening .lootOpeningBase{animation:lootRumble 1.15s ease-in-out both}.lootOpening.opening .lootOpeningLid{animation:lootLid 1.1s 1s cubic-bezier(.14,.67,.25,1) both}.lootOpening.opening .lootOpeningHalo{animation:lootHalo 1.5s .72s ease-out both}.lootOpening.opening .lootOpeningBurst i{animation:lootShard 1.15s calc(.85s + var(--d)) ease-out both;transform:rotate(var(--a))}@keyframes lootRumble{0%,100%{transform:translateX(0)}15%,45%,75%{transform:translateX(-8px) rotate(-2deg)}30%,60%,90%{transform:translateX(8px) rotate(2deg)}}@keyframes lootLid{0%{transform:translateY(0) rotateX(0);opacity:1}55%{transform:translateY(-44px) rotateX(-28deg);opacity:1}100%{transform:translateY(-120px) rotateX(-45deg) scale(1.06);opacity:0}}@keyframes lootHalo{0%{transform:scale(.5);opacity:.15}48%{transform:scale(2.3);opacity:1;filter:blur(31px)}100%{transform:scale(3.3);opacity:.48;filter:blur(35px)}}@keyframes lootShard{0%{opacity:0;transform:rotate(var(--a)) translateY(0) scale(.3)}24%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(-155px) scale(1.3)}}@media(prefers-reduced-motion:reduce){.lootOpening.opening .lootOpeningBase,.lootOpening.opening .lootOpeningLid,.lootOpening.opening .lootOpeningHalo,.lootOpening.opening .lootOpeningBurst i{animation:none!important}}
.lootCollection{margin-bottom:15px}.lootCollection>p{color:#ccbcd6}.lootCollectionGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:16px}.lootCollectible{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;min-height:142px;padding:13px 8px;border:1px solid #594575;border-radius:11px;background:radial-gradient(circle at 50% 5%,#683a7939,transparent 80%),#15101e}.lootCollectible.rarity-rare{border-color:#4385ae}.lootCollectible.rarity-epic{border-color:#b866cc}.lootCollectible.rarity-mythic{border-color:#d67c49}.lootCollectible.rarity-legendary{border-color:#e4b950;box-shadow:inset 0 0 22px #b6953829}.lootCollectible strong{font:800 19px/1.1 'Barlow Condensed',sans-serif}.lootCollectible small{color:#d3badf}.lootPrizeArt{display:grid;place-items:center;width:62px;height:62px;border-radius:16px;color:var(--loot-glow);background:radial-gradient(circle,#783d9466,#100d1c);border:1px solid var(--loot-glow);box-shadow:0 0 20px color-mix(in srgb,var(--loot-glow) 48%,transparent)}.lootPrizeArt svg{width:36px;height:36px;filter:drop-shadow(0 0 9px var(--loot-glow))}.lootHistoryArt{width:52px;height:52px;flex:none}.lootHistoryArt .lootPrizeArt{width:52px;height:52px}.lootHistoryArt img{width:52px;height:52px;object-fit:contain}.lootReveal>.lootPrizeArt{position:relative;width:190px;height:190px;margin:0 auto 15px;border-radius:40px;animation:lootFloat 3s ease-in-out infinite}.lootReveal>.lootPrizeArt svg{width:110px;height:110px}.lootHistoryRow b{max-width:40%}@media(max-width:480px){.lootCollectionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.lootHistoryRow b{max-width:100%}}
.welcomeBar[style*="--loot-banner"],.equipmentPortrait[style*="--loot-banner"],.profile-grid[style*="--loot-banner"] .panel:first-child{background-image:linear-gradient(125deg,color-mix(in srgb,var(--loot-banner) 30%,#080716),#0c0b18 75%)}.welcomeBar[style*="--loot-frame"] .welcomePortrait,.user[style*="--loot-frame"] .avatar,.equipmentPortrait[style*="--loot-frame"] .equipmentPortraitArt{border:2px solid var(--loot-frame);box-shadow:0 0 21px var(--loot-frame)}.welcomeBar[style*="--loot-name"] h1,.user[style*="--loot-name"] strong,.equipmentPortrait[style*="--loot-name"] strong,.profile-grid[style*="--loot-name"] .profileDisplayName{color:var(--loot-name);text-shadow:0 0 15px var(--loot-name)}.welcomeBar[style*="--loot-aura"] .welcomePortrait,.user[style*="--loot-aura"] .avatar,.equipmentPortrait[style*="--loot-aura"] .equipmentPortraitArt{filter:drop-shadow(0 0 14px var(--loot-aura));animation:lootAuraPulse 3s ease-in-out infinite}@keyframes lootAuraPulse{50%{filter:drop-shadow(0 0 27px var(--loot-aura))}}@media(prefers-reduced-motion:reduce){.welcomeBar[style*="--loot-aura"] .welcomePortrait,.user[style*="--loot-aura"] .avatar,.equipmentPortrait[style*="--loot-aura"] .equipmentPortraitArt{animation:none}}
/* Individual vector artifacts are shown as layered objects, with optional spatial motion. */
.lootPrizeArt{position:relative;display:block;width:72px;height:72px;background:transparent;border:0;border-radius:0;box-shadow:none;isolation:isolate;perspective:600px;overflow:visible}.lootPrizeArt::before{content:"";position:absolute;inset:13%;z-index:-1;border-radius:50%;background:var(--loot-glow);filter:blur(15px);opacity:.45}.lootArtDepth{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;filter:drop-shadow(0 7px 5px #0009);transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .4s}.lootPrizeArt img{width:100%;height:100%;display:block;object-fit:contain;transform:translateZ(12px);backface-visibility:hidden}.lootCollectible{cursor:pointer;color:#f4eafb;font-family:inherit;transition:transform .25s,border-color .25s,box-shadow .25s;perspective:850px}.lootCollectible:hover,.lootCollectible:focus-visible{transform:translateY(-5px);border-color:var(--loot-glow,#c58cf0);box-shadow:0 12px 32px #0009}.lootCollectible:hover .lootArtDepth,.lootCollectible:focus-visible .lootArtDepth{transform:rotateY(18deg) rotateX(-12deg) translateZ(8px);filter:drop-shadow(-8px 14px 7px #000b)}.lootCollectible.rarity-legendary .lootPrizeArt,.lootCollectible.rarity-mythic .lootPrizeArt,.lootCollectible.rarity-epic .lootPrizeArt{animation:lootArtifactHover 5s ease-in-out infinite}.lootCollectible.rarity-legendary .lootPrizeArt::after,.lootReveal.rarity-legendary .lootPrizeArt::after,.lootPreview.rarity-legendary .lootPrizeArt::after{content:"";position:absolute;inset:1%;border-radius:50%;border:2px dotted var(--loot-glow);opacity:.7;animation:lootOrbit 8s linear infinite;pointer-events:none}.lootCollectible.rarity-epic .lootPrizeArt::before{animation:lootSpell 3s ease-in-out infinite}.lootCollectible.rarity-mythic .lootArtDepth{animation:lootMythicYaw 7s ease-in-out infinite}.lootReveal>.lootPrizeArt,.lootPreview .lootPrizeArt{width:min(54vw,220px);height:min(54vw,220px);margin:4px auto 20px;animation:lootArtifactHover 4s ease-in-out infinite}.lootReveal>.lootPrizeArt img{width:100%;height:100%}.lootReveal>.lootPrizeArt::before,.lootPreview .lootPrizeArt::before{filter:blur(29px);opacity:.65}.lootPreview{position:fixed;width:min(90vw,450px);padding:18px 20px 26px;text-align:center;border:1px solid #bb83db;border-radius:18px;background:radial-gradient(circle at 50% 40%,#54266e,#100d1a 74%);box-shadow:0 18px 70px #000c;color:white}.lootPreview::backdrop{background:#080412df;backdrop-filter:blur(5px)}.lootPreviewStage{height:min(68vw,265px);display:grid;place-items:center;perspective:700px}.lootPreviewStage .lootPrizeArt{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .16s ease-out}.lootPreview>span{color:#f2caff;letter-spacing:.17em;font-size:12px;font-weight:800}.lootPreview h2{font:900 38px/1 'Barlow Condensed',sans-serif;margin:9px 0}.lootPreview p{line-height:1.5;color:#e0d2e8}.lootPreviewClose{position:absolute;right:10px;top:7px;z-index:1;font-size:29px;border:0;background:none;color:white;cursor:pointer}.lootHistoryArt .lootPrizeArt{width:52px;height:52px}.equipmentArt .lootPrizeArt,.equipmentPortraitArt .lootPrizeArt,.avatar .lootPrizeArt,.welcomePortrait .lootPrizeArt{width:100%;height:100%;max-width:90px;max-height:90px}.lootCollectible small{font-size:12px}.lootCollectible strong{font-size:20px}@keyframes lootArtifactHover{50%{transform:translateY(-8px) rotateZ(2deg)}}@keyframes lootOrbit{to{transform:rotate(360deg)}}@keyframes lootSpell{50%{opacity:.95;filter:blur(22px)}}@keyframes lootMythicYaw{50%{transform:rotateY(20deg) rotateZ(-4deg)}}@media(prefers-reduced-motion:reduce){.lootPrizeArt,.lootPrizeArt::before,.lootPrizeArt::after,.lootArtDepth,.lootReveal>.lootPrizeArt{animation:none!important;transition:none!important}}
.lootPreviewStage .lootPrizeArt{animation:none;transform-style:preserve-3d}.lootPreviewStage .lootArtDepth{transform:translateZ(18px)}.lootReveal .lootArtDepth{animation:lootRevealTurn 2.5s ease-in-out 1}@keyframes lootRevealTurn{0%{transform:rotateY(-48deg) scale(.55);opacity:.3}50%{transform:rotateY(18deg) scale(1.14);opacity:1}100%{transform:rotateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.lootReveal .lootArtDepth{animation:none}}
.lootCollectible{min-height:178px;justify-content:center}.lootCollectible .lootPrizeArt{width:104px;height:104px;margin-bottom:2px}.lootPrizeArt img{object-fit:contain}.lootReveal>.lootPrizeArt,.lootPreview .lootPrizeArt{width:min(66vw,255px);height:min(66vw,255px)}.lootCollectible .lootPrizeArt::before{inset:21%;opacity:.29}.lootCollectible.rarity-legendary .lootPrizeArt::after{inset:5%}.lootHistoryArt .lootPrizeArt{width:52px;height:52px}.equipmentArt .lootPrizeArt,.equipmentPortraitArt .lootPrizeArt,.avatar .lootPrizeArt,.welcomePortrait .lootPrizeArt{width:100%;height:100%;max-width:90px;max-height:90px}