@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&display=swap";:root{--gacha-bg: #090a0f;--discord-bg: #090a0f;--discord-dark: rgba(20, 22, 35, .7);--discord-darker: rgba(10, 12, 20, .85);--gacha-darker: rgba(10, 12, 20, .85);--discord-text: #e2e8f0;--discord-text-muted: #94a3b8;--gacha-text: #e2e8f0;--gacha-text-muted: #94a3b8;--discord-accent: #38bdf8;--discord-accent-hover: #0284c7;--gold-accent: #fbbf24;--panel-border: rgba(255, 255, 255, .1);--glass-blur: blur(16px);color:var(--discord-text);font-family:Outfit,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--discord-bg);background-image:radial-gradient(circle at 15% 50%,rgba(56,189,248,.15),transparent 30%),radial-gradient(circle at 85% 30%,rgba(139,92,246,.15),transparent 30%);color:var(--discord-text)}button,input,select{font:inherit}button{cursor:pointer}.gachaApp{display:flex;flex-direction:column;height:100vh;width:100vw;background:transparent}.gachaHeader{flex-shrink:0;height:64px;background:var(--discord-darker);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--panel-border);box-shadow:0 4px 20px #0000004d;z-index:10}.headerUser{display:flex;align-items:center;gap:8px;font-weight:600;color:#fff}.headerUser svg{color:var(--discord-text-muted)}.userAvatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.headerStats{display:flex;gap:12px}.hStat{display:flex;align-items:center;gap:6px;background:var(--discord-dark);padding:4px 8px;border-radius:4px;font-size:.85rem;font-weight:600}.hStat svg{color:var(--gold-accent)}.gachaContent{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 16px 32px}.gachaBottomNav{flex-shrink:0;height:70px;background:var(--discord-darker);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);display:flex;align-items:center;justify-content:space-around;padding:0 12px;border-top:1px solid var(--panel-border);box-shadow:0 -4px 20px #0000004d;z-index:300;position:relative}.gachaBottomNav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:none;color:var(--discord-text-muted);font-size:.7rem;font-weight:600;border-radius:8px;padding:6px 0;transition:all .2s}.gachaBottomNav button.active{color:var(--discord-text);background:#ffffff0d}.gachaBottomNav button.active svg{color:var(--discord-text)}.gachaBottomNav svg{color:var(--discord-text-muted);transition:all .2s}.fullCardImage{position:relative;z-index:1;width:min(340px,100%);max-width:100%;aspect-ratio:5 / 7;border-radius:8px;box-shadow:0 20px 40px #0006;object-fit:cover}.fullCardImage.large{width:min(400px,100%)}.fullCardFallback{position:relative;z-index:1;width:min(340px,100%);max-width:100%;aspect-ratio:5 / 7;border-radius:8px;background:var(--gacha-darker);border:4px dashed rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--gacha-text-muted)}.fullCardFallback.large{width:min(400px,100%)}.ssA{display:flex;flex-direction:column;align-items:center;gap:20px;z-index:10;cursor:pointer}.ssA-orb{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 38% 38%,#fbbf2459,#fbbf2414 70%);border:2px solid rgba(251,191,36,.5);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #fbbf2440,0 0 60px #fbbf241a,inset 0 0 20px #fbbf2426;color:var(--gold-accent);animation:ssA-pulse 2.5s ease-in-out infinite alternate;transition:all .3s ease}.ssA:hover .ssA-orb{transform:scale(1.12);border-color:var(--gold-accent);box-shadow:0 0 50px #fbbf2480,0 0 100px #fbbf2433,inset 0 0 30px #fbbf2440}.ssA-label{font-size:.8rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--gold-accent);opacity:.7;transition:opacity .3s}.ssA:hover .ssA-label{opacity:1}@keyframes ssA-pulse{0%{transform:scale(1);box-shadow:0 0 30px #fbbf2440,0 0 60px #fbbf241a}to{transform:scale(1.06);box-shadow:0 0 50px #fbbf2466,0 0 90px #fbbf2426}}.ssA-particles{position:absolute;width:140px;height:140px;pointer-events:none}.ssA-p{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--gold-accent);box-shadow:0 0 6px var(--gold-accent);opacity:0}.ssA:hover .ssA-p{animation:ssA-fly 1.2s ease-out infinite}.ssA-p-1{--pa: 0deg;animation-delay:0s}.ssA-p-2{--pa: 60deg;animation-delay:.2s}.ssA-p-3{--pa: 120deg;animation-delay:.4s}.ssA-p-4{--pa: 180deg;animation-delay:.6s}.ssA-p-5{--pa: 240deg;animation-delay:.8s}.ssA-p-6{--pa: 300deg;animation-delay:1s}@keyframes ssA-fly{0%{opacity:1;transform:rotate(var(--pa)) translateY(35px) scale(1)}to{opacity:0;transform:rotate(var(--pa)) translateY(80px) scale(0)}}.ssB{display:flex;flex-direction:column;align-items:center;gap:18px;z-index:10;cursor:pointer}.ssB-hex{position:relative;width:110px;height:110px;display:flex;align-items:center;justify-content:center;color:var(--gold-accent);transition:all .3s ease}.ssB-border{position:absolute;inset:0;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);border:2px solid var(--gold-accent);background:#fbbf240d;animation:ssB-spin 12s linear infinite}.ssB-border:before{content:"";position:absolute;inset:4px;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);border:1px solid rgba(251,191,36,.3)}.ssB-border-2{animation:ssB-spinR 8s linear infinite;clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0% 50%);border-color:#fbbf2466;background:transparent}.ssB:hover .ssB-hex{transform:scale(1.1)}.ssB:hover .ssB-border{background:#fbbf2426;box-shadow:0 0 30px #fbbf2466}.ssB-label{font-size:.8rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--gold-accent);opacity:.7;transition:opacity .3s}.ssB:hover .ssB-label{opacity:1;text-shadow:0 0 12px var(--gold-accent)}@keyframes ssB-spin{to{transform:rotate(360deg)}}@keyframes ssB-spinR{to{transform:rotate(-360deg)}}.ssC{position:relative;width:240px;height:240px;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer}.ssC-circle{position:absolute;inset:0;width:100%;height:100%;stroke:var(--gold-accent);fill:none;filter:drop-shadow(0 0 6px rgba(251,191,36,.4));overflow:visible;transition:filter .4s ease}.ssC-ring{stroke-width:1;opacity:.6;transition:opacity .4s ease,stroke-width .4s ease;transform-origin:center;transform-box:fill-box}.ssC-r1{animation:ssC-spin1 14s linear infinite}.ssC-r2{animation:ssC-spin2 10s linear infinite}.ssC-r3{animation:ssC-spin1 7s linear infinite}.ssC-dot{fill:var(--gold-accent);stroke:none;filter:drop-shadow(0 0 4px var(--gold-accent))}.ssC-center{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--gold-accent);z-index:2}.ssC-center span{font-size:.75rem;font-weight:700;letter-spacing:5px;text-transform:uppercase;opacity:.8;transition:all .4s ease}.ssC-center svg{animation:ssA-pulse 2s ease-in-out infinite alternate;transition:transform .4s ease}.ssC:hover .ssC-ring{opacity:1;stroke-width:2}.ssC:hover .ssC-circle{filter:drop-shadow(0 0 16px rgba(251,191,36,.7)) drop-shadow(0 0 40px rgba(251,191,36,.3))}.ssC:hover .ssC-center span{opacity:1;letter-spacing:7px;text-shadow:0 0 12px var(--gold-accent)}.ssC:hover .ssC-center svg{transform:scale(1.2)}@keyframes ssC-spin1{to{transform:rotate(360deg)}}@keyframes ssC-spin2{to{transform:rotate(-360deg)}}.rarity-common{--rarity: #a9a18e}.rarity-rare{--rarity: #2d9cff}.rarity-epic{--rarity: #9c5cff}.rarity-legendary{--rarity: #f3b833}.rarity-mythic{--rarity: #ff426d}.rarity-secret{--rarity: #6fe7ff}.rarity-divine{--rarity: #fff4a8}.rarity-neutral{--rarity: #ffffff}.displayCard.rarity-rare,.cardTile.rarity-rare{border-color:#2d9cff}.displayCard.rarity-epic,.cardTile.rarity-epic{border-color:#9c5cff;box-shadow:0 20px 80px #9c5cff38}.displayCard.rarity-legendary,.cardTile.rarity-legendary{border-color:#f3b833;background:#fff6d5}.displayCard.rarity-mythic,.cardTile.rarity-mythic{border-color:#ff426d}.displayCard.rarity-secret,.cardTile.rarity-secret{border-color:#242a38}.displayCard.rarity-divine,.cardTile.rarity-divine{border-color:#f5d879;background:#fffdf2}.rollLayout{display:flex;flex-direction:column;height:calc(100% + 48px);margin:-16px -16px -32px;background:transparent}.rollLayout.fullscreen{position:fixed;inset:0;margin:0;height:100%;z-index:200}.summonPanel{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.opening{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.openingAura{position:absolute;inset:6%;z-index:0;opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.32),transparent 62%)}.opening.opening-single .openingAura,.opening.opening-ten .openingAura,.opening.rarity-rare .openingAura,.opening.rarity-epic .openingAura,.opening.rarity-legendary .openingAura,.opening.rarity-mythic .openingAura,.opening.rarity-secret .openingAura,.opening.rarity-divine .openingAura{animation:openFlash 1s ease both}.opening.rarity-epic .openingAura{background:radial-gradient(circle,rgba(156,92,255,.5),transparent 64%)}.opening.rarity-legendary .openingAura{background:radial-gradient(circle,rgba(243,184,51,.75),transparent 66%)}.opening.rarity-mythic{animation:mythicShake .75s ease}.opening.rarity-secret .openingAura{background:repeating-linear-gradient(0deg,rgba(111,231,255,.18),rgba(111,231,255,.18) 3px,transparent 3px,transparent 9px)}.opening.rarity-divine .openingAura{background:radial-gradient(circle,rgba(255,255,255,.9),rgba(245,216,121,.46),transparent 68%);animation-duration:1.6s}.rollControls{display:flex;width:100%;gap:8px}.modeGroup{display:flex;gap:8px;flex:1}.modeGroup button{flex:1;background:var(--discord-darker);border:1px solid var(--panel-border);color:var(--discord-text);border-radius:6px;font-weight:600}.modeGroup button.active{background:var(--discord-accent);border-color:var(--discord-accent);color:#fff}.primaryButton,.gachaButton{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;background:linear-gradient(135deg,var(--discord-accent),var(--discord-accent-hover));color:#fff;border:none;border-radius:30px;font-weight:800;text-transform:uppercase;font-size:1.1rem;box-shadow:0 8px 24px #38bdf866;transition:transform .2s,box-shadow .2s;cursor:pointer}.primaryButton:hover,.gachaButton:hover{transform:translateY(-2px);box-shadow:0 12px 32px #38bdf899}.primaryButton:disabled{opacity:.5;cursor:not-allowed}.sidePanel{background:var(--discord-dark);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:16px}.pityList{display:grid;gap:8px}.pityBar{position:relative;overflow:hidden;padding:10px;border-radius:6px;background:var(--gacha-darker)}.pityBar div{position:relative;z-index:1;display:flex;justify-content:space-between;gap:8px;font-size:.8rem}.pityBar i{position:absolute;inset:auto auto 0 0;height:3px;background:var(--rarity)}.browser{padding:20px 20px 100px;display:flex;flex-direction:column;gap:20px}.sectionHeader{background:var(--discord-dark);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);border-radius:16px;padding:20px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;gap:16px}.sectionHeader h2{margin:0;font-size:1.3rem}.sectionHeader p{margin:0;color:var(--gacha-text-muted);font-size:.9rem}.filters{display:flex;align-items:center;gap:12px;width:100%}@media(max-width:600px){.filters{flex-direction:column;align-items:stretch}}.searchBox{display:flex;align-items:center;background:#00000080;border:1px solid var(--panel-border);border-radius:8px;padding:8px 12px;gap:8px;flex:1}.searchBox input,select{background:transparent;border:none;color:#fff;outline:none;width:100%}select{background:#00000080;border:1px solid var(--panel-border);border-radius:8px;padding:8px 12px;color:#fff}.grid{display:grid}.cardsGrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.cardTile{background:var(--discord-darker);border:2px solid var(--rarity, #666);border-radius:8px;text-align:left;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d;transition:transform .2s,box-shadow .2s}.cardTile:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--rarity, rgba(0,0,0,.5))}.cardTile .tileInfo{padding:8px;background:#000000d9;display:flex;flex-direction:column;gap:2px;position:absolute;bottom:0;left:0;right:0}.cardTile em{position:absolute;top:6px;right:6px;background:linear-gradient(135deg,var(--gold-accent),#d97706);color:#000;font-weight:800;font-size:.8rem;padding:2px 8px;border-radius:12px;font-style:normal;box-shadow:0 2px 8px #0009;z-index:2}.cardTile span{font-size:.7rem;color:#aaa}.cardTile strong{font-size:.9rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cardTile small{font-size:.75rem;color:var(--rarity, #ccc);font-weight:700}.artBox{width:100%;aspect-ratio:5 / 7;overflow:hidden;background:var(--discord-darker);display:flex;align-items:center;justify-content:center}.artBox img{width:100%;height:100%;object-fit:cover}.modalOverlay{position:fixed;inset:0;background:#000000d9;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.modalContent{background:var(--discord-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;padding:24px;display:flex;flex-direction:column}.modalClose{position:absolute;top:16px;right:16px;background:var(--discord-darker);border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:1.2rem;display:flex;align-items:center;justify-content:center;z-index:10}.detailLayout{display:flex;flex-direction:column;align-items:center;gap:20px}.detailPanel{display:flex;flex-direction:column;gap:12px;width:100%}.rarityPill{width:fit-content;padding:4px 8px;border:1px solid var(--rarity);border-radius:4px;color:var(--rarity);font-size:.7rem;font-weight:800;text-transform:uppercase}.detailMeta{display:flex;flex-wrap:wrap;gap:6px}.detailMeta span{background:var(--discord-darker);padding:4px 8px;border-radius:4px;font-size:.8rem}.statsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.statsGrid div{background:var(--gacha-darker);padding:8px;border-radius:4px;display:flex;justify-content:space-between;font-size:.8rem}.statsGrid span{color:var(--gacha-text-muted)}.resultList,.tableList{display:flex;flex-direction:column;gap:8px}.historyList{display:flex;flex-direction:column;gap:12px}.historyCard{background:var(--discord-dark);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);border-left:4px solid var(--rarity, #666);border-radius:12px;padding:12px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px #0003;transition:transform .2s}.historyCard:hover{transform:translate(4px);background:var(--discord-darker)}.historyThumb{width:48px;height:68px;border-radius:6px;object-fit:cover;box-shadow:0 2px 8px #00000080}.historyInfo{display:flex;flex-direction:column;flex:1;gap:4px}.historyInfo strong{font-size:1.1rem;color:#fff}.historyInfo .rarityLabel{font-size:.85rem;color:var(--rarity, #aaa);font-weight:600;text-transform:uppercase}.historyInfo .dateLabel{font-size:.75rem;color:var(--discord-text-muted)}.newBadge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;font-weight:800;font-size:.7rem;padding:4px 8px;border-radius:12px;box-shadow:0 2px 8px #fbbf2466}.leaderboardList{display:flex;flex-direction:column;gap:12px}.leaderboardCard{background:var(--discord-dark);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px #0003;transition:transform .2s}.leaderboardCard:hover{transform:translate(4px);background:var(--discord-darker)}.rankBadge{width:40px;height:40px;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:var(--discord-text-muted);border:2px solid var(--discord-text-muted)}.rankBadge.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;border-color:#fbbf24;box-shadow:0 0 16px #fbbf2480}.rankBadge.rank-2{background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#000;border-color:#cbd5e1}.rankBadge.rank-3{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;border-color:#d97706}.userAvatar{width:48px;height:48px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:4px}.leaderboardInfo{display:flex;flex-direction:column;flex:1;gap:4px}.leaderboardInfo strong{font-size:1.1rem;color:#fff}.leaderboardInfo .rollsLabel{font-size:.85rem;color:var(--discord-text-muted)}.resultRow,.tableRow{display:grid;background:var(--discord-dark);padding:12px;border-radius:6px;border-left:4px solid var(--rarity, #666);text-align:left}.resultRow span,.tableRow span{font-size:.8rem;color:var(--gacha-text-muted)}.resultRow strong,.tableRow strong{font-size:.95rem;color:#fff;margin:4px 0}.tableRow{grid-template-columns:minmax(100px,.8fr) minmax(140px,1.5fr) minmax(80px,.6fr) minmax(80px,.6fr);align-items:center}@keyframes openFlash{0%{opacity:0;transform:scale(.6)}45%{opacity:1}to{opacity:0;transform:scale(1.25)}}@keyframes mythicShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.flipCardContainer{perspective:1000px;width:min(340px,100%);aspect-ratio:5 / 7;animation:cardEntrance .8s cubic-bezier(.175,.885,.32,1.275) backwards;animation-delay:var(--delay, 0ms)}@keyframes cardEntrance{0%{transform:scale(0) translateY(100px) rotate(-15deg);opacity:0}to{transform:scale(1) translateY(0) rotate(0);opacity:1}}.flipCardContainer.large{width:min(400px,100%)}.flipCardInner{position:relative;width:100%;height:100%;text-align:center;transition:transform 1s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;cursor:pointer}.flipCardContainer.flipped .flipCardInner{transform:rotateY(180deg) scale(1.05)}.flipCardFront,.flipCardBack{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:8px}.flipCardFront{transform:rotateY(180deg);display:flex;flex-direction:column;border-radius:8px;box-shadow:inset 0 0 0 2px var(--rarity, transparent),0 0 20px var(--rarity, transparent);overflow:hidden}.flipCardContainer.flipped .flipCardFront{animation:pulseCard 2s infinite alternate}@keyframes pulseCard{0%{box-shadow:0 0 20px var(--rarity, transparent)}to{box-shadow:0 0 50px var(--rarity, transparent),0 0 100px var(--rarity, transparent)}}.flipCardFront:after{content:"";position:absolute;inset:-50%;background:linear-gradient(to right,transparent,rgba(255,255,255,.4) 50%,transparent);transform:rotate(45deg) translate(-150%);z-index:10;pointer-events:none}.flipCardContainer.flipped .flipCardFront:after{animation:sweepGlint 1.5s ease-in-out .4s forwards}@keyframes sweepGlint{0%{transform:rotate(45deg) translate(-150%)}to{transform:rotate(45deg) translate(150%)}}.flipCardContainer.dismissing{animation:suckIntoInventory .6s cubic-bezier(.6,-.28,.735,.045) forwards;animation-delay:0ms!important}@keyframes suckIntoInventory{0%{transform:scale(1) translate(0);opacity:1}20%{transform:scale(.9) translateY(-20px);opacity:1}to{transform:scale(0) translate(-25vw,600px);opacity:0}}.flipCardFront>*{flex:1;margin:0!important}.flipCardBack{background:linear-gradient(135deg,#23122f,#0c1d2a);border:4px solid var(--gold-accent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;box-shadow:inset 0 0 40px #000c}.flipCardBack svg{color:var(--gold-accent);opacity:.8}.flipCardBack span{color:var(--gold-accent);font-weight:800;letter-spacing:2px;font-size:1.2rem}.singleRollContainer{width:100%;display:flex;justify-content:center;align-items:center;z-index:20}.multiRollGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;width:100%;max-width:900px}@media(max-width:768px){.multiRollGrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.multiRollGrid{grid-template-columns:repeat(2,1fr)}}.multiRollGrid .flipCardContainer{width:100%}.summonAnimationContainer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:50;overflow:hidden;--summon-color: var(--rarity, #a78bfa)}.summonVortex{position:absolute;width:130vw;height:130vw;border-radius:50%;background:conic-gradient(from 0deg,transparent 0%,var(--summon-color) 6%,transparent 12%,transparent 50%,var(--summon-color) 56%,transparent 62%);filter:blur(14px);opacity:0;transform:scale(.1)}.summonVortex.vortex-2{width:80vw;height:80vw;background:conic-gradient(from 90deg,transparent 0%,var(--summon-color) 4%,transparent 9%,transparent 33%,var(--summon-color) 37%,transparent 42%,transparent 66%,var(--summon-color) 70%,transparent 75%);filter:blur(8px)}.phase-charging .summonVortex{animation:vortexSpin 3s linear infinite,vortexIn 1.2s ease forwards}.phase-charging .summonVortex.vortex-2{animation:vortexSpinR 2s linear infinite,vortexIn 1.8s ease forwards}.phase-exploding .summonVortex{opacity:.8}@keyframes vortexSpin{to{transform:scale(1) rotate(360deg)}}@keyframes vortexSpinR{to{transform:scale(1) rotate(-360deg)}}@keyframes vortexIn{0%{opacity:0;transform:scale(.1) rotate(0)}to{opacity:.45;transform:scale(1) rotate(180deg)}}.summonAura{position:absolute;inset:-50%;background:radial-gradient(circle at center,var(--summon-color),transparent 40%);opacity:0;filter:blur(40px)}.phase-charging .summonAura{animation:pulseAura 2s ease-in-out infinite alternate}.phase-exploding .summonAura{opacity:.9}@keyframes pulseAura{0%{transform:scale(.7);opacity:.08}to{transform:scale(1.3);opacity:.35}}.summonRotatingAxis{position:absolute;width:150vw;height:150vw;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0)}.phase-charging .summonRotatingAxis{animation:spinAxis 8s linear infinite,scaleInAxis 1s ease forwards}.phase-exploding .summonRotatingAxis{animation:implodeBeam .8s cubic-bezier(.5,0,.1,1) forwards}@keyframes spinAxis{to{transform:rotate(360deg)}}@keyframes scaleInAxis{to{opacity:1;transform:scale(1)}}@keyframes implodeBeam{0%{transform:scale(1);opacity:1}25%{transform:scale(0);opacity:1}35%{transform:scale(0);opacity:1}80%{transform:scale(2);opacity:0}to{transform:scale(2);opacity:0}}.summonBeam{position:absolute;background:linear-gradient(90deg,transparent,var(--summon-color),transparent);box-shadow:0 0 20px var(--summon-color)}.beam-vertical{width:3px;height:100%}.beam-horizontal{width:100%;height:3px}.beam-diagonal-1{width:3px;height:100%;transform:rotate(45deg);opacity:.5}.beam-diagonal-2{width:100%;height:3px;transform:rotate(45deg);opacity:.5}.phase-exploding .summonBeam{box-shadow:0 0 50px var(--summon-color)}.mcWrapper{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0}.mc-1{width:140px;height:140px}.mc-2{width:260px;height:260px}.mc-3{width:400px;height:400px}.mc-4{width:560px;height:560px}.phase-charging .mc-1{animation:spinMC 5s linear infinite,popMC .5s ease forwards 1s}.phase-charging .mc-2{animation:spinMCR 9s linear infinite,popMC .5s ease forwards 2s}.phase-charging .mc-3{animation:spinMC 14s linear infinite,popMC .5s ease forwards 3s}.phase-charging .mc-4{animation:spinMCR 22s linear infinite,popMC .5s ease forwards 4s}.phase-exploding .mcWrapper{opacity:1;animation:implodeMC .8s cubic-bezier(.5,0,.1,1) forwards}.phase-exploding .mc-1{width:200px;height:200px}.phase-exploding .mc-2{width:380px;height:380px}.phase-exploding .mc-3{width:560px;height:560px}.phase-exploding .mc-4{width:800px;height:800px}@keyframes spinMC{to{transform:rotate(360deg)}}@keyframes spinMCR{to{transform:rotate(-360deg)}}@keyframes popMC{to{opacity:.85}}@keyframes implodeMC{0%{transform:scale(1);opacity:.85}25%{transform:scale(0);opacity:1}35%{transform:scale(0);opacity:1}80%{transform:scale(2);opacity:0}to{transform:scale(2);opacity:0}}.mcSvg{width:100%;height:100%;overflow:visible;stroke:var(--summon-color);fill:none;filter:drop-shadow(0 0 4px var(--summon-color))}.mcDot{fill:var(--summon-color);stroke:none;filter:url(#glow)}.orbitTrack{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0}.orbit-1{width:100px;height:100px}.orbit-2{width:185px;height:185px}.orbit-3{width:290px;height:290px}.phase-charging .orbit-1{animation:orbitCW 1.1s linear infinite,fadeOrbit .3s ease forwards .6s}.phase-charging .orbit-2{animation:orbitCCW 2s linear infinite,fadeOrbit .3s ease forwards 1.4s}.phase-charging .orbit-3{animation:orbitCW 3.1s linear infinite,fadeOrbit .3s ease forwards 2.4s}.phase-exploding .orbitTrack{opacity:0;transition:opacity .1s}@keyframes orbitCW{to{transform:rotate(360deg)}}@keyframes orbitCCW{to{transform:rotate(-360deg)}}@keyframes fadeOrbit{to{opacity:1}}.orbiter{position:absolute;top:0;left:50%;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px var(--summon-color),0 0 14px var(--summon-color);transform:translate(-50%,-50%)}.summonOrb{width:44px;height:44px;background:var(--summon-color);border-radius:50%;box-shadow:0 0 50px var(--summon-color),0 0 100px var(--summon-color);position:relative;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0);z-index:2}.summonCore{width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 0 10px #fff;animation:pulseCore 1s infinite alternate}@keyframes pulseCore{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.2);opacity:1}}.phase-charging .summonOrb{animation:popOrb .5s cubic-bezier(.175,.885,.32,1.275) forwards,floatOrb 2s infinite ease-in-out alternate}.phase-exploding .summonOrb{animation:explodeOrb .8s cubic-bezier(.5,0,.1,1) forwards}@keyframes popOrb{to{opacity:1;transform:scale(1)}}@keyframes floatOrb{to{transform:scale(1.3);box-shadow:0 0 80px var(--summon-color),0 0 150px var(--summon-color)}}@keyframes explodeOrb{0%{opacity:1;transform:scale(1)}25%{opacity:1;transform:scale(0)}35%{opacity:1;transform:scale(0)}80%{opacity:1;transform:scale(30);box-shadow:0 0 100px 30px var(--summon-color),inset 0 0 40px #fff}to{opacity:0;transform:scale(100)}}.shard{position:absolute;width:4px;background:linear-gradient(to bottom,#fff 0%,var(--summon-color) 60%,transparent 100%);border-radius:2px;box-shadow:0 0 6px var(--summon-color);opacity:0;transform-origin:center center}.phase-charging .shard{animation:shootShard .9s ease-out infinite}.shard-1{height:35px;--rot: 0deg;animation-delay:.05s}.shard-2{height:22px;--rot: 30deg;animation-delay:.35s}.shard-3{height:38px;--rot: 60deg;animation-delay:.15s}.shard-4{height:20px;--rot: 90deg;animation-delay:.55s}.shard-5{height:32px;--rot: 120deg;animation-delay:.25s}.shard-6{height:18px;--rot: 150deg;animation-delay:.7s}.shard-7{height:36px;--rot: 180deg;animation-delay:.1s}.shard-8{height:24px;--rot: 210deg;animation-delay:.45s}.shard-9{height:34px;--rot: 240deg;animation-delay:.2s}.shard-10{height:19px;--rot: 270deg;animation-delay:.6s}.shard-11{height:30px;--rot: 300deg;animation-delay:.3s}.shard-12{height:21px;--rot: 330deg;animation-delay:.8s}@keyframes shootShard{0%{opacity:1;transform:rotate(var(--rot)) translateY(15px) scaleY(.4)}70%{opacity:.8}to{opacity:0;transform:rotate(var(--rot)) translateY(160px) scaleY(1.8)}}.summonFlash{position:absolute;inset:0;background:#fff;opacity:0;z-index:100;animation:ultraFlash .8s ease-out forwards}@keyframes ultraFlash{0%{opacity:0}35%{opacity:0}45%{opacity:1}to{opacity:0}}