diff --git a/css/app.f9c0dfc4.css b/css/app.f9c0dfc4.css new file mode 100644 index 0000000..32972ab --- /dev/null +++ b/css/app.f9c0dfc4.css @@ -0,0 +1 @@ +.circle .player{margin-bottom:10px;padding-top:156px}.circle .player .shroud{top:0;left:0;position:absolute;width:100%;height:100px;cursor:pointer;transform:rotateX(0deg);transform-origin:top center;transition:transform .2s ease-in-out;z-index:2;-webkit-filter:drop-shadow(0 0 5px rgba(0,0,0,.8));filter:drop-shadow(0 0 5px rgba(0,0,0,.8))}.circle .player .shroud:before{content:" ";background:url(../img/shroud.5303197a.png) center -10px no-repeat;background-size:auto 100%;position:absolute;margin-left:-50px;width:100px;height:100px;left:50%;top:-30px;opacity:0;transform:perspective(400px) scale(1.5);transform-origin:top center;transition:all .2s ease-in-out;pointer-events:none}.circle .player .shroud:hover:before{opacity:.5;top:-10px;transform:scale(1)}.circle .player.dead .shroud:before{opacity:1;top:0;transform:perspective(400px) scale(1)}.circle .player.dead .name{opacity:.5}.player .life{border-radius:50%;height:156px;width:156px;background:url(../img/life.37b97717.png) 50%;background-size:100%;border:3px solid #000;box-shadow:0 0 10px rgba(0,0,0,.5);cursor:pointer;transition:transform .2s ease-in-out;transform:perspective(400px) rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;left:50%;top:0;margin-left:-78px}.player.dead.no-vote .life:after{display:none}.player.dead .life{background-image:url(../img/death.2d96d4ce.png)}.player.dead .life:after{content:" ";position:absolute;left:0;top:0;width:100%;background:url(../img/vote.49ad13e5.png) 50% no-repeat;background-size:50%;height:153px;pointer-events:none}.player.traveler .life{-webkit-filter:grayscale(100%);filter:grayscale(100%)}#townsquare.public .player .shroud{transform:perspective(400px) rotateX(90deg);pointer-events:none}#townsquare.public .player .life{transform:perspective(400px) rotateY(0deg)}.circle .token{border-radius:50%;height:156px;width:156px;background:url(../img/token.d0b9dbdf.png) 50%;background-size:100%;text-align:center;color:#000;font-weight:600;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 0 5px rgba(0,0,0,.75);padding-top:105px;font-family:Papyrus,serif;border:3px solid #000;box-shadow:0 0 10px rgba(0,0,0,.5);cursor:pointer;transition:transform .2s ease-in-out;transform:perspective(400px) rotateY(0deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;left:50%;top:0;margin-left:-78px}.circle .token:before{content:" "}.circle .token:before,.circle .token span{background-size:100%;position:absolute;width:100%;height:100%;left:0;top:0}.circle .token span{pointer-events:none}.circle .token span.leaf-left{background-image:url(../img/leaf-left.334a9f91.png)}.circle .token span.leaf-orange{background-image:url(../img/leaf-orange.1b67c7dd.png)}.circle .token span.leaf-right{background-image:url(../img/leaf-right.58c52b77.png)}.circle .token span.leaf-top1{background-image:url(../img/leaf-top1.1f96fcda.png)}.circle .token span.leaf-top2{background-image:url(../img/leaf-top2.68c0883c.png)}.circle .token span.leaf-top3{background-image:url(../img/leaf-top3.b0a496c7.png)}.circle .token span.leaf-top4{background-image:url(../img/leaf-top4.e1f358c9.png)}.circle .token span.leaf-top5{background-image:url(../img/leaf-top5.47824085.png)}#townsquare.public .token{transform:perspective(400px) rotateY(-180deg)}.name{font-size:120%;line-height:120%;-webkit-filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000);filter:drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 1px black);cursor:pointer}.name span{display:none}.name:hover span{display:inline-block}.name:hover span:hover{color:red}#townsquare.public .ability{display:none}.circle .ability{position:absolute;padding:5px 10px;top:20px;right:100%;width:250px;z-index:25;font-size:80%;background:rgba(0,0,0,.7);border-radius:10px;border:3px solid #000;text-align:left;display:none}.circle .ability:after{content:" ";border:10px solid transparent;position:absolute;left:100%;width:0;height:0;border-left-color:#000;top:20px;margin:0 2px}.player:hover .ability{display:block}.circle .reminder{background:url(../img/reminder.5097ab11.png) 50%;background-size:100%;width:75px;height:75px;color:#000;font-size:50%;font-weight:700;display:block;margin:5px -37.5px 0;text-align:center;padding-top:47px;border-radius:50%;line-height:90%;border:3px solid #000;box-shadow:0 0 10px rgba(0,0,0,.5);transition:all .2s;cursor:pointer}.circle .reminder:after,.circle .reminder:before{content:" ";position:absolute;left:0;top:0;width:100%;height:100%;background-size:100%;background-position:center 0;background-repeat:no-repeat;background-image:url(../img/plus.c11bf1ed.png);transition:opacity .2s}.circle .reminder:after{background-image:url(../img/x.fbca4d75.png);opacity:0}.circle .reminder.add{opacity:0;top:30px}.circle .reminder.add:after{display:none}.circle .reminder:hover:before{opacity:0}.circle .reminder:hover:after{opacity:1}.circle li:hover .reminder.add{opacity:1;top:0}.circle li:hover .reminder.add:before{opacity:1}#townsquare.public .reminder{opacity:0;pointer-events:none}.modal-backdrop{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;z-index:100}.modal{background:rgba(0,0,0,.8);padding:10px 20px;border-radius:10px;box-shadow:2px 2px 20px 1px #000;overflow-x:auto;display:flex;flex-direction:column;max-width:60%}.modal h2{margin:0;text-align:center}.modal ul{list-style-type:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-content:center;align-items:center;overflow:hidden;justify-content:center;font-size:75%;line-height:100%}.modal-fade-enter,.modal-fade-leave-active{opacity:0}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .2s ease}.reminder.apprentice:before,.token.apprentice:before{background-image:url(../img/apprentice.b7055345.png)}.reminder.artist:before,.token.artist:before{background-image:url(../img/artist.f89690cd.png)}.reminder.assassin:before,.token.assassin:before{background-image:url(../img/assassin.db54a5ff.png)}.reminder.barber:before,.token.barber:before{background-image:url(../img/barber.a354ad9e.png)}.reminder.barista:before,.token.barista:before{background-image:url(../img/barista.fd2bba67.png)}.reminder.baron:before,.token.baron:before{background-image:url(../img/baron.9ce9bd3b.png)}.reminder.beggar:before,.token.beggar:before{background-image:url(../img/beggar.b7a4fbda.png)}.reminder.bishop:before,.token.bishop:before{background-image:url(../img/bishop.dec14fdc.png)}.token.bonecollector{font-size:75%}.reminder.bonecollector:before,.token.bonecollector:before{background-image:url(../img/bonecollector.846af8c8.png)}.reminder.bureaucrat:before,.token.bureaucrat:before{background-image:url(../img/bureaucrat.88ec372a.png)}.reminder.butcher:before,.token.butcher:before{background-image:url(../img/butcher.e0b672b7.png)}.reminder.butler:before,.token.butler:before{background-image:url(../img/butler.3763fa3d.png)}.reminder.cerenovus:before,.token.cerenovus:before{background-image:url(../img/cerenovus.736554ca.png)}.token.chambermaid{font-size:90%}.reminder.chambermaid:before,.token.chambermaid:before{background-image:url(../img/chambermaid.b6f002ce.png)}.reminder.chef:before,.token.chef:before{background-image:url(../img/chef.d4e7f9a6.png)}.reminder.clockmaker:before,.token.clockmaker:before{background-image:url(../img/clockmaker.41906ffc.png)}.reminder.courtier:before,.token.courtier:before{background-image:url(../img/courtier.345180fb.png)}.reminder.deviant:before,.token.deviant:before{background-image:url(../img/deviant.e8a761ae.png)}.token.devilsadvocate{font-size:70%}.reminder.devilsadvocate:before,.token.devilsadvocate:before{background-image:url(../img/devilsadvocate.e455fea0.png)}.reminder.dreamer:before,.token.dreamer:before{background-image:url(../img/dreamer.ab7f2328.png)}.reminder.drunk:before,.token.drunk:before{background-image:url(../img/drunk.4883c5a1.png)}.reminder.empath:before,.token.empath:before{background-image:url(../img/empath.d7a89ed7.png)}.reminder.evil:before,.token.evil:before{background-image:url(../img/evil.908a2622.png)}.reminder.eviltwin:before,.token.eviltwin:before{background-image:url(../img/eviltwin.06a5a8b8.png)}.reminder.exorcist:before,.token.exorcist:before{background-image:url(../img/exorcist.8c0f5cac.png)}.reminder.fanggu:before,.token.fanggu:before{background-image:url(../img/fanggu.cb4e346c.png)}.reminder.flowergirl:before,.token.flowergirl:before{background-image:url(../img/flowergirl.4ee69cb5.png)}.reminder.fool:before,.token.fool:before{background-image:url(../img/fool.a730aab3.png)}.token.fortuneteller{font-size:80%}.reminder.fortuneteller:before,.token.fortuneteller:before{background-image:url(../img/fortuneteller.4396927c.png)}.reminder.gambler:before,.token.gambler:before{background-image:url(../img/gambler.000b4b9b.png)}.reminder.godfather:before,.token.godfather:before{background-image:url(../img/godfather.2febcd81.png)}.reminder.good:before,.token.good:before{background-image:url(../img/good.9b3436c8.png)}.reminder.goon:before,.token.goon:before{background-image:url(../img/goon.719106f2.png)}.reminder.gossip:before,.token.gossip:before{background-image:url(../img/gossip.dd8d7312.png)}.token.grandmother{font-size:90%}.reminder.grandmother:before,.token.grandmother:before{background-image:url(../img/grandmother.16001541.png)}.reminder.gunslinger:before,.token.gunslinger:before{background-image:url(../img/gunslinger.9f84c9f2.png)}.reminder.harlot:before,.token.harlot:before{background-image:url(../img/harlot.1a418200.png)}.reminder.imp:before,.token.imp:before{background-image:url(../img/imp.cd0fa5b8.png)}.reminder.innkeeper:before,.token.innkeeper:before{background-image:url(../img/innkeeper.8b0b87f1.png)}.reminder.investigator:before,.token.investigator:before{background-image:url(../img/investigator.13194f19.png)}.reminder.judge:before,.token.judge:before{background-image:url(../img/judge.79ec3877.png)}.reminder.juggler:before,.token.juggler:before{background-image:url(../img/juggler.7cc6d089.png)}.reminder.klutz:before,.token.klutz:before{background-image:url(../img/klutz.c7e784cd.png)}.reminder.librarian:before,.token.librarian:before{background-image:url(../img/librarian.6fd7f267.png)}.reminder.lunatic:before,.token.lunatic:before{background-image:url(../img/lunatic.f2982146.png)}.reminder.mastermind:before,.token.mastermind:before{background-image:url(../img/mastermind.c3ba5fbb.png)}.token.mathematician{font-size:80%}.reminder.mathematician:before,.token.mathematician:before{background-image:url(../img/mathematician.31142ad1.png)}.reminder.matron:before,.token.matron:before{background-image:url(../img/matron.ffb17746.png)}.reminder.mayor:before,.token.mayor:before{background-image:url(../img/mayor.98dda8d8.png)}.reminder.minstrel:before,.token.minstrel:before{background-image:url(../img/minstrel.1647382d.png)}.reminder.monk:before,.token.monk:before{background-image:url(../img/monk.a6f2667a.png)}.reminder.moonchild:before,.token.moonchild:before{background-image:url(../img/moonchild.6c84161e.png)}.reminder.mutant:before,.token.mutant:before{background-image:url(../img/mutant.b28a535c.png)}.reminder.nodashii:before,.token.nodashii:before{background-image:url(../img/nodashii.5c943357.png)}.reminder.oracle:before,.token.oracle:before{background-image:url(../img/oracle.63459162.png)}.reminder.pacifist:before,.token.pacifist:before{background-image:url(../img/pacifist.ad2d0310.png)}.reminder.philosopher:before,.token.philosopher:before{background-image:url(../img/philosopher.92032c70.png)}.reminder.pithag:before,.token.pithag:before{background-image:url(../img/pithag.adc1ce12.png)}.reminder.po:before,.token.po:before{background-image:url(../img/po.4c484011.png)}.reminder.poisoner:before,.token.poisoner:before{background-image:url(../img/poisoner.44c80b94.png)}.reminder.professor:before,.token.professor:before{background-image:url(../img/professor.8a5ccf04.png)}.reminder.pukka:before,.token.pukka:before{background-image:url(../img/pukka.cbbc2d26.png)}.token.ravenkeeper{font-size:80%}.reminder.ravenkeeper:before,.token.ravenkeeper:before{background-image:url(../img/ravenkeeper.552f1f2f.png)}.reminder.recluse:before,.token.recluse:before{background-image:url(../img/recluse.a6519a1d.png)}.reminder.sage:before,.token.sage:before{background-image:url(../img/sage.5afc100d.png)}.reminder.sailor:before,.token.sailor:before{background-image:url(../img/sailor.631521c2.png)}.reminder.saint:before,.token.saint:before{background-image:url(../img/saint.f81db252.png)}.reminder.savant:before,.token.savant:before{background-image:url(../img/savant.16bfbc30.png)}.reminder.scapegoat:before,.token.scapegoat:before{background-image:url(../img/scapegoat.8bd95c23.png)}.token.scarletwoman{font-size:75%}.reminder.scarletwoman:before,.token.scarletwoman:before{background-image:url(../img/scarletwoman.d2cdaffd.png)}.reminder.seamstress:before,.token.seamstress:before{background-image:url(../img/seamstress.05f0eb74.png)}.reminder.shabaloth:before,.token.shabaloth:before{background-image:url(../img/shabaloth.f461dd08.png)}.reminder.slayer:before,.token.slayer:before{background-image:url(../img/slayer.0859544b.png)}.token.snakecharmer{font-size:75%}.reminder.snakecharmer:before,.token.snakecharmer:before{background-image:url(../img/snakecharmer.e512cc1e.png)}.reminder.soldier:before,.token.soldier:before{background-image:url(../img/soldier.451de0df.png)}.reminder.spy:before,.token.spy:before{background-image:url(../img/spy.b739966f.png)}.reminder.sweetheart:before,.token.sweetheart:before{background-image:url(../img/sweetheart.ec1cef03.png)}.reminder.tealady:before,.token.tealady:before{background-image:url(../img/tealady.2d47353e.png)}.reminder.thief:before,.token.thief:before{background-image:url(../img/thief.60ce8845.png)}.reminder.tinker:before,.token.tinker:before{background-image:url(../img/tinker.669b5612.png)}.reminder.towncrier:before,.token.towncrier:before{background-image:url(../img/towncrier.18a4377b.png)}.token.undertaker{font-size:85%}.reminder.undertaker:before,.token.undertaker:before{background-image:url(../img/undertaker.1df72155.png)}.reminder.vigormortis:before,.token.vigormortis:before{background-image:url(../img/vigormortis.7716a80d.png)}.reminder.virgin:before,.token.virgin:before{background-image:url(../img/virgin.eaf181e8.png)}.reminder.vortox:before,.token.vortox:before{background-image:url(../img/vortox.6add3a3a.png)}.reminder.voudon:before,.token.voudon:before{background-image:url(../img/voudon.2b1f0492.png)}.token.washerwoman{font-size:75%}.reminder.washerwoman:before,.token.washerwoman:before{background-image:url(../img/washerwoman.a0c66e53.png)}.reminder.witch:before,.token.witch:before{background-image:url(../img/witch.2f895245.png)}.reminder.zombuul:before,.token.zombuul:before{background-image:url(../img/zombuul.ec71a259.png)}.reminder.amnesiac:before,.token.amnesiac:before{background-image:url(../img/amnesiac.03ce8f67.png)}.reminder.cannibal:before,.token.cannibal:before{background-image:url(../img/cannibal.e2bfb541.png)}.reminder.fisherman:before,.token.fisherman:before{background-image:url(../img/fisherman.9077de7e.png)}.reminder.balloonist:before,.token.balloonist:before{background-image:url(../img/balloonist.3d6e31f8.png)}.reminder.goblin:before,.token.goblin:before{background-image:url(../img/goblin.7ebbd9ad.png)}.reminder.widow:before,.token.widow:before{background-image:url(../img/widow.ec8d8cb0.png)}.reminder.leviathan:before,.token.leviathan:before{background-image:url(../img/leviathan.dfbff6e8.png)}.circle{padding:0;width:100%;height:100%;list-style:none;margin:0}.circle li{position:absolute;top:0;left:50%;height:50%;transform-origin:0 100%;text-align:center}.circle li:hover{z-index:25!important}.circle li>*{margin-left:-100px;width:200px}.circle.size-1 li:first-child{transform:rotate(0deg);z-index:1}.circle.size-1 li:first-child .ability{left:100%;right:auto}.circle.size-1 li:first-child .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-1 li:first-child>*{transform:rotate(0deg)}.circle.size-1 li:first-child .life,.circle.size-1 li:first-child .shroud,.circle.size-1 li:first-child .token{transition-delay:0ms}.circle.size-2 li:first-child{transform:rotate(0deg);z-index:2}.circle.size-2 li:first-child .ability{left:100%;right:auto}.circle.size-2 li:first-child .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-2 li:first-child>*{transform:rotate(0deg)}.circle.size-2 li:first-child .life,.circle.size-2 li:first-child .shroud,.circle.size-2 li:first-child .token{transition-delay:0ms}.circle.size-2 li:nth-child(2){transform:rotate(180deg);z-index:1}.circle.size-2 li:nth-child(2) .ability{left:100%;right:auto}.circle.size-2 li:nth-child(2) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-2 li:nth-child(2)>*{transform:rotate(-180deg)}.circle.size-2 li:nth-child(2) .life,.circle.size-2 li:nth-child(2) .shroud,.circle.size-2 li:nth-child(2) .token{transition-delay:50ms}.circle.size-3 li:first-child{transform:rotate(0deg);z-index:3}.circle.size-3 li:first-child .ability{left:100%;right:auto}.circle.size-3 li:first-child .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-3 li:first-child>*{transform:rotate(0deg)}.circle.size-3 li:first-child .life,.circle.size-3 li:first-child .shroud,.circle.size-3 li:first-child .token{transition-delay:0ms}.circle.size-3 li:nth-child(2){transform:rotate(120deg);z-index:2}.circle.size-3 li:nth-child(2) .ability{left:100%;right:auto}.circle.size-3 li:nth-child(2) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-3 li:nth-child(2)>*{transform:rotate(-120deg)}.circle.size-3 li:nth-child(2) .life,.circle.size-3 li:nth-child(2) .shroud,.circle.size-3 li:nth-child(2) .token{transition-delay:50ms}.circle.size-3 li:nth-child(3){transform:rotate(240deg);z-index:2}.circle.size-3 li:nth-child(3)>*{transform:rotate(-240deg)}.circle.size-3 li:nth-child(3) .life,.circle.size-3 li:nth-child(3) .shroud,.circle.size-3 li:nth-child(3) .token{transition-delay:.1s}.circle.size-4 li:first-child{transform:rotate(0deg);z-index:4}.circle.size-4 li:first-child .ability{left:100%;right:auto}.circle.size-4 li:first-child .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-4 li:first-child>*{transform:rotate(0deg)}.circle.size-4 li:first-child .life,.circle.size-4 li:first-child .shroud,.circle.size-4 li:first-child .token{transition-delay:0ms}.circle.size-4 li:nth-child(2){transform:rotate(90deg);z-index:3}.circle.size-4 li:nth-child(2) .ability{left:100%;right:auto}.circle.size-4 li:nth-child(2) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-4 li:nth-child(2)>*{transform:rotate(-90deg)}.circle.size-4 li:nth-child(2) .life,.circle.size-4 li:nth-child(2) .shroud,.circle.size-4 li:nth-child(2) .token{transition-delay:50ms}.circle.size-4 li:nth-child(3){transform:rotate(180deg);z-index:2}.circle.size-4 li:nth-child(3) .ability{left:100%;right:auto}.circle.size-4 li:nth-child(3) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-4 li:nth-child(3)>*{transform:rotate(-180deg)}.circle.size-4 li:nth-child(3) .life,.circle.size-4 li:nth-child(3) .shroud,.circle.size-4 li:nth-child(3) .token{transition-delay:.1s}.circle.size-4 li:nth-child(4){transform:rotate(270deg);z-index:3}.circle.size-4 li:nth-child(4)>*{transform:rotate(-270deg)}.circle.size-4 li:nth-child(4) .life,.circle.size-4 li:nth-child(4) .shroud,.circle.size-4 li:nth-child(4) .token{transition-delay:.15s}.circle.size-5 li:first-child{transform:rotate(0deg);z-index:5}.circle.size-5 li:first-child .ability{left:100%;right:auto}.circle.size-5 li:first-child .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-5 li:first-child>*{transform:rotate(0deg)}.circle.size-5 li:first-child .life,.circle.size-5 li:first-child .shroud,.circle.size-5 li:first-child .token{transition-delay:0ms}.circle.size-5 li:nth-child(2){transform:rotate(72deg);z-index:4}.circle.size-5 li:nth-child(2) .ability{left:100%;right:auto}.circle.size-5 li:nth-child(2) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-5 li:nth-child(2)>*{transform:rotate(-72deg)}.circle.size-5 li:nth-child(2) .life,.circle.size-5 li:nth-child(2) .shroud,.circle.size-5 li:nth-child(2) .token{transition-delay:50ms}.circle.size-5 li:nth-child(3){transform:rotate(144deg);z-index:3}.circle.size-5 li:nth-child(3) .ability{left:100%;right:auto}.circle.size-5 li:nth-child(3) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-5 li:nth-child(3)>*{transform:rotate(-144deg)}.circle.size-5 li:nth-child(3) .life,.circle.size-5 li:nth-child(3) .shroud,.circle.size-5 li:nth-child(3) .token{transition-delay:.1s}.circle.size-5 li:nth-child(4){transform:rotate(216deg);z-index:3}.circle.size-5 li:nth-child(4)>*{transform:rotate(-216deg)}.circle.size-5 li:nth-child(4) .life,.circle.size-5 li:nth-child(4) .shroud,.circle.size-5 li:nth-child(4) .token{transition-delay:.15s}.circle.size-5 li:nth-child(5){transform:rotate(288deg);z-index:4}.circle.size-5 li:nth-child(5)>*{transform:rotate(-288deg)}.circle.size-5 li:nth-child(5) .life,.circle.size-5 li:nth-child(5) .shroud,.circle.size-5 li:nth-child(5) .token{transition-delay:.2s}.circle.size-6 li:first-child{transform:rotate(0deg);z-index:6}.circle.size-6 li:first-child .ability{left:100%;right:auto}.circle.size-6 li:first-child .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-6 li:first-child>*{transform:rotate(0deg)}.circle.size-6 li:first-child .life,.circle.size-6 li:first-child .shroud,.circle.size-6 li:first-child .token{transition-delay:0ms}.circle.size-6 li:nth-child(2){transform:rotate(60deg);z-index:5}.circle.size-6 li:nth-child(2) .ability{left:100%;right:auto}.circle.size-6 li:nth-child(2) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-6 li:nth-child(2)>*{transform:rotate(-60deg)}.circle.size-6 li:nth-child(2) .life,.circle.size-6 li:nth-child(2) .shroud,.circle.size-6 li:nth-child(2) .token{transition-delay:50ms}.circle.size-6 li:nth-child(3){transform:rotate(120deg);z-index:4}.circle.size-6 li:nth-child(3) .ability{left:100%;right:auto}.circle.size-6 li:nth-child(3) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-6 li:nth-child(3)>*{transform:rotate(-120deg)}.circle.size-6 li:nth-child(3) .life,.circle.size-6 li:nth-child(3) .shroud,.circle.size-6 li:nth-child(3) .token{transition-delay:.1s}.circle.size-6 li:nth-child(4){transform:rotate(180deg);z-index:3}.circle.size-6 li:nth-child(4) .ability{left:100%;right:auto}.circle.size-6 li:nth-child(4) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-6 li:nth-child(4)>*{transform:rotate(-180deg)}.circle.size-6 li:nth-child(4) .life,.circle.size-6 li:nth-child(4) .shroud,.circle.size-6 li:nth-child(4) .token{transition-delay:.15s}.circle.size-6 li:nth-child(5){transform:rotate(240deg);z-index:4}.circle.size-6 li:nth-child(5)>*{transform:rotate(-240deg)}.circle.size-6 li:nth-child(5) .life,.circle.size-6 li:nth-child(5) .shroud,.circle.size-6 li:nth-child(5) .token{transition-delay:.2s}.circle.size-6 li:nth-child(6){transform:rotate(300deg);z-index:5}.circle.size-6 li:nth-child(6)>*{transform:rotate(-300deg)}.circle.size-6 li:nth-child(6) .life,.circle.size-6 li:nth-child(6) .shroud,.circle.size-6 li:nth-child(6) .token{transition-delay:.25s}.circle.size-7 li:first-child{transform:rotate(0deg);z-index:7}.circle.size-7 li:first-child .ability{left:100%;right:auto}.circle.size-7 li:first-child .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-7 li:first-child>*{transform:rotate(0deg)}.circle.size-7 li:first-child .life,.circle.size-7 li:first-child .shroud,.circle.size-7 li:first-child .token{transition-delay:0ms}.circle.size-7 li:nth-child(2){transform:rotate(51.4285714286deg);z-index:6}.circle.size-7 li:nth-child(2) .ability{left:100%;right:auto}.circle.size-7 li:nth-child(2) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-7 li:nth-child(2)>*{transform:rotate(-51.4285714286deg)}.circle.size-7 li:nth-child(2) .life,.circle.size-7 li:nth-child(2) .shroud,.circle.size-7 li:nth-child(2) .token{transition-delay:50ms}.circle.size-7 li:nth-child(3){transform:rotate(102.8571428571deg);z-index:5}.circle.size-7 li:nth-child(3) .ability{left:100%;right:auto}.circle.size-7 li:nth-child(3) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-7 li:nth-child(3)>*{transform:rotate(-102.8571428571deg)}.circle.size-7 li:nth-child(3) .life,.circle.size-7 li:nth-child(3) .shroud,.circle.size-7 li:nth-child(3) .token{transition-delay:.1s}.circle.size-7 li:nth-child(4){transform:rotate(154.2857142857deg);z-index:4}.circle.size-7 li:nth-child(4) .ability{left:100%;right:auto}.circle.size-7 li:nth-child(4) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-7 li:nth-child(4)>*{transform:rotate(-154.2857142857deg)}.circle.size-7 li:nth-child(4) .life,.circle.size-7 li:nth-child(4) .shroud,.circle.size-7 li:nth-child(4) .token{transition-delay:.15s}.circle.size-7 li:nth-child(5){transform:rotate(205.7142857143deg);z-index:4}.circle.size-7 li:nth-child(5)>*{transform:rotate(-205.7142857143deg)}.circle.size-7 li:nth-child(5) .life,.circle.size-7 li:nth-child(5) .shroud,.circle.size-7 li:nth-child(5) .token{transition-delay:.2s}.circle.size-7 li:nth-child(6){transform:rotate(257.1428571429deg);z-index:5}.circle.size-7 li:nth-child(6)>*{transform:rotate(-257.1428571429deg)}.circle.size-7 li:nth-child(6) .life,.circle.size-7 li:nth-child(6) .shroud,.circle.size-7 li:nth-child(6) .token{transition-delay:.25s}.circle.size-7 li:nth-child(7){transform:rotate(308.5714285714deg);z-index:6}.circle.size-7 li:nth-child(7)>*{transform:rotate(-308.5714285714deg)}.circle.size-7 li:nth-child(7) .life,.circle.size-7 li:nth-child(7) .shroud,.circle.size-7 li:nth-child(7) .token{transition-delay:.3s}.circle.size-8 li:first-child{transform:rotate(0deg);z-index:8}.circle.size-8 li:first-child .ability{left:100%;right:auto}.circle.size-8 li:first-child .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-8 li:first-child>*{transform:rotate(0deg)}.circle.size-8 li:first-child .life,.circle.size-8 li:first-child .shroud,.circle.size-8 li:first-child .token{transition-delay:0ms}.circle.size-8 li:nth-child(2){transform:rotate(45deg);z-index:7}.circle.size-8 li:nth-child(2) .ability{left:100%;right:auto}.circle.size-8 li:nth-child(2) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-8 li:nth-child(2)>*{transform:rotate(-45deg)}.circle.size-8 li:nth-child(2) .life,.circle.size-8 li:nth-child(2) .shroud,.circle.size-8 li:nth-child(2) .token{transition-delay:50ms}.circle.size-8 li:nth-child(3){transform:rotate(90deg);z-index:6}.circle.size-8 li:nth-child(3) .ability{left:100%;right:auto}.circle.size-8 li:nth-child(3) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-8 li:nth-child(3)>*{transform:rotate(-90deg)}.circle.size-8 li:nth-child(3) .life,.circle.size-8 li:nth-child(3) .shroud,.circle.size-8 li:nth-child(3) .token{transition-delay:.1s}.circle.size-8 li:nth-child(4){transform:rotate(135deg);z-index:5}.circle.size-8 li:nth-child(4) .ability{left:100%;right:auto}.circle.size-8 li:nth-child(4) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-8 li:nth-child(4)>*{transform:rotate(-135deg)}.circle.size-8 li:nth-child(4) .life,.circle.size-8 li:nth-child(4) .shroud,.circle.size-8 li:nth-child(4) .token{transition-delay:.15s}.circle.size-8 li:nth-child(5){transform:rotate(180deg);z-index:4}.circle.size-8 li:nth-child(5) .ability{left:100%;right:auto}.circle.size-8 li:nth-child(5) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-8 li:nth-child(5)>*{transform:rotate(-180deg)}.circle.size-8 li:nth-child(5) .life,.circle.size-8 li:nth-child(5) .shroud,.circle.size-8 li:nth-child(5) .token{transition-delay:.2s}.circle.size-8 li:nth-child(6){transform:rotate(225deg);z-index:5}.circle.size-8 li:nth-child(6)>*{transform:rotate(-225deg)}.circle.size-8 li:nth-child(6) .life,.circle.size-8 li:nth-child(6) .shroud,.circle.size-8 li:nth-child(6) .token{transition-delay:.25s}.circle.size-8 li:nth-child(7){transform:rotate(270deg);z-index:6}.circle.size-8 li:nth-child(7)>*{transform:rotate(-270deg)}.circle.size-8 li:nth-child(7) .life,.circle.size-8 li:nth-child(7) .shroud,.circle.size-8 li:nth-child(7) .token{transition-delay:.3s}.circle.size-8 li:nth-child(8){transform:rotate(315deg);z-index:7}.circle.size-8 li:nth-child(8)>*{transform:rotate(-315deg)}.circle.size-8 li:nth-child(8) .life,.circle.size-8 li:nth-child(8) .shroud,.circle.size-8 li:nth-child(8) .token{transition-delay:.35s}.circle.size-9 li:first-child{transform:rotate(0deg);z-index:9}.circle.size-9 li:first-child .ability{left:100%;right:auto}.circle.size-9 li:first-child .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-9 li:first-child>*{transform:rotate(0deg)}.circle.size-9 li:first-child .life,.circle.size-9 li:first-child .shroud,.circle.size-9 li:first-child .token{transition-delay:0ms}.circle.size-9 li:nth-child(2){transform:rotate(40deg);z-index:8}.circle.size-9 li:nth-child(2) .ability{left:100%;right:auto}.circle.size-9 li:nth-child(2) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-9 li:nth-child(2)>*{transform:rotate(-40deg)}.circle.size-9 li:nth-child(2) .life,.circle.size-9 li:nth-child(2) .shroud,.circle.size-9 li:nth-child(2) .token{transition-delay:50ms}.circle.size-9 li:nth-child(3){transform:rotate(80deg);z-index:7}.circle.size-9 li:nth-child(3) .ability{left:100%;right:auto}.circle.size-9 li:nth-child(3) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-9 li:nth-child(3)>*{transform:rotate(-80deg)}.circle.size-9 li:nth-child(3) .life,.circle.size-9 li:nth-child(3) .shroud,.circle.size-9 li:nth-child(3) .token{transition-delay:.1s}.circle.size-9 li:nth-child(4){transform:rotate(120deg);z-index:6}.circle.size-9 li:nth-child(4) .ability{left:100%;right:auto}.circle.size-9 li:nth-child(4) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-9 li:nth-child(4)>*{transform:rotate(-120deg)}.circle.size-9 li:nth-child(4) .life,.circle.size-9 li:nth-child(4) .shroud,.circle.size-9 li:nth-child(4) .token{transition-delay:.15s}.circle.size-9 li:nth-child(5){transform:rotate(160deg);z-index:5}.circle.size-9 li:nth-child(5) .ability{left:100%;right:auto}.circle.size-9 li:nth-child(5) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-9 li:nth-child(5)>*{transform:rotate(-160deg)}.circle.size-9 li:nth-child(5) .life,.circle.size-9 li:nth-child(5) .shroud,.circle.size-9 li:nth-child(5) .token{transition-delay:.2s}.circle.size-9 li:nth-child(6){transform:rotate(200deg);z-index:5}.circle.size-9 li:nth-child(6)>*{transform:rotate(-200deg)}.circle.size-9 li:nth-child(6) .life,.circle.size-9 li:nth-child(6) .shroud,.circle.size-9 li:nth-child(6) .token{transition-delay:.25s}.circle.size-9 li:nth-child(7){transform:rotate(240deg);z-index:6}.circle.size-9 li:nth-child(7)>*{transform:rotate(-240deg)}.circle.size-9 li:nth-child(7) .life,.circle.size-9 li:nth-child(7) .shroud,.circle.size-9 li:nth-child(7) .token{transition-delay:.3s}.circle.size-9 li:nth-child(8){transform:rotate(280deg);z-index:7}.circle.size-9 li:nth-child(8)>*{transform:rotate(-280deg)}.circle.size-9 li:nth-child(8) .life,.circle.size-9 li:nth-child(8) .shroud,.circle.size-9 li:nth-child(8) .token{transition-delay:.35s}.circle.size-9 li:nth-child(9){transform:rotate(320deg);z-index:8}.circle.size-9 li:nth-child(9)>*{transform:rotate(-320deg)}.circle.size-9 li:nth-child(9) .life,.circle.size-9 li:nth-child(9) .shroud,.circle.size-9 li:nth-child(9) .token{transition-delay:.4s}.circle.size-10 li:first-child{transform:rotate(0deg);z-index:10}.circle.size-10 li:first-child .ability{left:100%;right:auto}.circle.size-10 li:first-child .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-10 li:first-child>*{transform:rotate(0deg)}.circle.size-10 li:first-child .life,.circle.size-10 li:first-child .shroud,.circle.size-10 li:first-child .token{transition-delay:0ms}.circle.size-10 li:nth-child(2){transform:rotate(36deg);z-index:9}.circle.size-10 li:nth-child(2) .ability{left:100%;right:auto}.circle.size-10 li:nth-child(2) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-10 li:nth-child(2)>*{transform:rotate(-36deg)}.circle.size-10 li:nth-child(2) .life,.circle.size-10 li:nth-child(2) .shroud,.circle.size-10 li:nth-child(2) .token{transition-delay:50ms}.circle.size-10 li:nth-child(3){transform:rotate(72deg);z-index:8}.circle.size-10 li:nth-child(3) .ability{left:100%;right:auto}.circle.size-10 li:nth-child(3) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-10 li:nth-child(3)>*{transform:rotate(-72deg)}.circle.size-10 li:nth-child(3) .life,.circle.size-10 li:nth-child(3) .shroud,.circle.size-10 li:nth-child(3) .token{transition-delay:.1s}.circle.size-10 li:nth-child(4){transform:rotate(108deg);z-index:7}.circle.size-10 li:nth-child(4) .ability{left:100%;right:auto}.circle.size-10 li:nth-child(4) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-10 li:nth-child(4)>*{transform:rotate(-108deg)}.circle.size-10 li:nth-child(4) .life,.circle.size-10 li:nth-child(4) .shroud,.circle.size-10 li:nth-child(4) .token{transition-delay:.15s}.circle.size-10 li:nth-child(5){transform:rotate(144deg);z-index:6}.circle.size-10 li:nth-child(5) .ability{left:100%;right:auto}.circle.size-10 li:nth-child(5) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-10 li:nth-child(5)>*{transform:rotate(-144deg)}.circle.size-10 li:nth-child(5) .life,.circle.size-10 li:nth-child(5) .shroud,.circle.size-10 li:nth-child(5) .token{transition-delay:.2s}.circle.size-10 li:nth-child(6){transform:rotate(180deg);z-index:5}.circle.size-10 li:nth-child(6) .ability{left:100%;right:auto}.circle.size-10 li:nth-child(6) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-10 li:nth-child(6)>*{transform:rotate(-180deg)}.circle.size-10 li:nth-child(6) .life,.circle.size-10 li:nth-child(6) .shroud,.circle.size-10 li:nth-child(6) .token{transition-delay:.25s}.circle.size-10 li:nth-child(7){transform:rotate(216deg);z-index:6}.circle.size-10 li:nth-child(7)>*{transform:rotate(-216deg)}.circle.size-10 li:nth-child(7) .life,.circle.size-10 li:nth-child(7) .shroud,.circle.size-10 li:nth-child(7) .token{transition-delay:.3s}.circle.size-10 li:nth-child(8){transform:rotate(252deg);z-index:7}.circle.size-10 li:nth-child(8)>*{transform:rotate(-252deg)}.circle.size-10 li:nth-child(8) .life,.circle.size-10 li:nth-child(8) .shroud,.circle.size-10 li:nth-child(8) .token{transition-delay:.35s}.circle.size-10 li:nth-child(9){transform:rotate(288deg);z-index:8}.circle.size-10 li:nth-child(9)>*{transform:rotate(-288deg)}.circle.size-10 li:nth-child(9) .life,.circle.size-10 li:nth-child(9) .shroud,.circle.size-10 li:nth-child(9) .token{transition-delay:.4s}.circle.size-10 li:nth-child(10){transform:rotate(324deg);z-index:9}.circle.size-10 li:nth-child(10)>*{transform:rotate(-324deg)}.circle.size-10 li:nth-child(10) .life,.circle.size-10 li:nth-child(10) .shroud,.circle.size-10 li:nth-child(10) .token{transition-delay:.45s}.circle.size-11 li:first-child{transform:rotate(0deg);z-index:11}.circle.size-11 li:first-child .ability{left:100%;right:auto}.circle.size-11 li:first-child .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-11 li:first-child>*{transform:rotate(0deg)}.circle.size-11 li:first-child .life,.circle.size-11 li:first-child .shroud,.circle.size-11 li:first-child .token{transition-delay:0ms}.circle.size-11 li:nth-child(2){transform:rotate(32.7272727273deg);z-index:10}.circle.size-11 li:nth-child(2) .ability{left:100%;right:auto}.circle.size-11 li:nth-child(2) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-11 li:nth-child(2)>*{transform:rotate(-32.7272727273deg)}.circle.size-11 li:nth-child(2) .life,.circle.size-11 li:nth-child(2) .shroud,.circle.size-11 li:nth-child(2) .token{transition-delay:50ms}.circle.size-11 li:nth-child(3){transform:rotate(65.4545454545deg);z-index:9}.circle.size-11 li:nth-child(3) .ability{left:100%;right:auto}.circle.size-11 li:nth-child(3) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-11 li:nth-child(3)>*{transform:rotate(-65.4545454545deg)}.circle.size-11 li:nth-child(3) .life,.circle.size-11 li:nth-child(3) .shroud,.circle.size-11 li:nth-child(3) .token{transition-delay:.1s}.circle.size-11 li:nth-child(4){transform:rotate(98.1818181818deg);z-index:8}.circle.size-11 li:nth-child(4) .ability{left:100%;right:auto}.circle.size-11 li:nth-child(4) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-11 li:nth-child(4)>*{transform:rotate(-98.1818181818deg)}.circle.size-11 li:nth-child(4) .life,.circle.size-11 li:nth-child(4) .shroud,.circle.size-11 li:nth-child(4) .token{transition-delay:.15s}.circle.size-11 li:nth-child(5){transform:rotate(130.9090909091deg);z-index:7}.circle.size-11 li:nth-child(5) .ability{left:100%;right:auto}.circle.size-11 li:nth-child(5) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-11 li:nth-child(5)>*{transform:rotate(-130.9090909091deg)}.circle.size-11 li:nth-child(5) .life,.circle.size-11 li:nth-child(5) .shroud,.circle.size-11 li:nth-child(5) .token{transition-delay:.2s}.circle.size-11 li:nth-child(6){transform:rotate(163.6363636364deg);z-index:6}.circle.size-11 li:nth-child(6) .ability{left:100%;right:auto}.circle.size-11 li:nth-child(6) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-11 li:nth-child(6)>*{transform:rotate(-163.6363636364deg)}.circle.size-11 li:nth-child(6) .life,.circle.size-11 li:nth-child(6) .shroud,.circle.size-11 li:nth-child(6) .token{transition-delay:.25s}.circle.size-11 li:nth-child(7){transform:rotate(196.3636363636deg);z-index:6}.circle.size-11 li:nth-child(7)>*{transform:rotate(-196.3636363636deg)}.circle.size-11 li:nth-child(7) .life,.circle.size-11 li:nth-child(7) .shroud,.circle.size-11 li:nth-child(7) .token{transition-delay:.3s}.circle.size-11 li:nth-child(8){transform:rotate(229.0909090909deg);z-index:7}.circle.size-11 li:nth-child(8)>*{transform:rotate(-229.0909090909deg)}.circle.size-11 li:nth-child(8) .life,.circle.size-11 li:nth-child(8) .shroud,.circle.size-11 li:nth-child(8) .token{transition-delay:.35s}.circle.size-11 li:nth-child(9){transform:rotate(261.8181818182deg);z-index:8}.circle.size-11 li:nth-child(9)>*{transform:rotate(-261.8181818182deg)}.circle.size-11 li:nth-child(9) .life,.circle.size-11 li:nth-child(9) .shroud,.circle.size-11 li:nth-child(9) .token{transition-delay:.4s}.circle.size-11 li:nth-child(10){transform:rotate(294.5454545455deg);z-index:9}.circle.size-11 li:nth-child(10)>*{transform:rotate(-294.5454545455deg)}.circle.size-11 li:nth-child(10) .life,.circle.size-11 li:nth-child(10) .shroud,.circle.size-11 li:nth-child(10) .token{transition-delay:.45s}.circle.size-11 li:nth-child(11){transform:rotate(327.2727272727deg);z-index:10}.circle.size-11 li:nth-child(11)>*{transform:rotate(-327.2727272727deg)}.circle.size-11 li:nth-child(11) .life,.circle.size-11 li:nth-child(11) .shroud,.circle.size-11 li:nth-child(11) .token{transition-delay:.5s}.circle.size-12 li:first-child{transform:rotate(0deg);z-index:12}.circle.size-12 li:first-child .ability{left:100%;right:auto}.circle.size-12 li:first-child .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-12 li:first-child>*{transform:rotate(0deg)}.circle.size-12 li:first-child .life,.circle.size-12 li:first-child .shroud,.circle.size-12 li:first-child .token{transition-delay:0ms}.circle.size-12 li:nth-child(2){transform:rotate(30deg);z-index:11}.circle.size-12 li:nth-child(2) .ability{left:100%;right:auto}.circle.size-12 li:nth-child(2) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-12 li:nth-child(2)>*{transform:rotate(-30deg)}.circle.size-12 li:nth-child(2) .life,.circle.size-12 li:nth-child(2) .shroud,.circle.size-12 li:nth-child(2) .token{transition-delay:50ms}.circle.size-12 li:nth-child(3){transform:rotate(60deg);z-index:10}.circle.size-12 li:nth-child(3) .ability{left:100%;right:auto}.circle.size-12 li:nth-child(3) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-12 li:nth-child(3)>*{transform:rotate(-60deg)}.circle.size-12 li:nth-child(3) .life,.circle.size-12 li:nth-child(3) .shroud,.circle.size-12 li:nth-child(3) .token{transition-delay:.1s}.circle.size-12 li:nth-child(4){transform:rotate(90deg);z-index:9}.circle.size-12 li:nth-child(4) .ability{left:100%;right:auto}.circle.size-12 li:nth-child(4) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-12 li:nth-child(4)>*{transform:rotate(-90deg)}.circle.size-12 li:nth-child(4) .life,.circle.size-12 li:nth-child(4) .shroud,.circle.size-12 li:nth-child(4) .token{transition-delay:.15s}.circle.size-12 li:nth-child(5){transform:rotate(120deg);z-index:8}.circle.size-12 li:nth-child(5) .ability{left:100%;right:auto}.circle.size-12 li:nth-child(5) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-12 li:nth-child(5)>*{transform:rotate(-120deg)}.circle.size-12 li:nth-child(5) .life,.circle.size-12 li:nth-child(5) .shroud,.circle.size-12 li:nth-child(5) .token{transition-delay:.2s}.circle.size-12 li:nth-child(6){transform:rotate(150deg);z-index:7}.circle.size-12 li:nth-child(6) .ability{left:100%;right:auto}.circle.size-12 li:nth-child(6) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-12 li:nth-child(6)>*{transform:rotate(-150deg)}.circle.size-12 li:nth-child(6) .life,.circle.size-12 li:nth-child(6) .shroud,.circle.size-12 li:nth-child(6) .token{transition-delay:.25s}.circle.size-12 li:nth-child(7){transform:rotate(180deg);z-index:6}.circle.size-12 li:nth-child(7) .ability{left:100%;right:auto}.circle.size-12 li:nth-child(7) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-12 li:nth-child(7)>*{transform:rotate(-180deg)}.circle.size-12 li:nth-child(7) .life,.circle.size-12 li:nth-child(7) .shroud,.circle.size-12 li:nth-child(7) .token{transition-delay:.3s}.circle.size-12 li:nth-child(8){transform:rotate(210deg);z-index:7}.circle.size-12 li:nth-child(8)>*{transform:rotate(-210deg)}.circle.size-12 li:nth-child(8) .life,.circle.size-12 li:nth-child(8) .shroud,.circle.size-12 li:nth-child(8) .token{transition-delay:.35s}.circle.size-12 li:nth-child(9){transform:rotate(240deg);z-index:8}.circle.size-12 li:nth-child(9)>*{transform:rotate(-240deg)}.circle.size-12 li:nth-child(9) .life,.circle.size-12 li:nth-child(9) .shroud,.circle.size-12 li:nth-child(9) .token{transition-delay:.4s}.circle.size-12 li:nth-child(10){transform:rotate(270deg);z-index:9}.circle.size-12 li:nth-child(10)>*{transform:rotate(-270deg)}.circle.size-12 li:nth-child(10) .life,.circle.size-12 li:nth-child(10) .shroud,.circle.size-12 li:nth-child(10) .token{transition-delay:.45s}.circle.size-12 li:nth-child(11){transform:rotate(300deg);z-index:10}.circle.size-12 li:nth-child(11)>*{transform:rotate(-300deg)}.circle.size-12 li:nth-child(11) .life,.circle.size-12 li:nth-child(11) .shroud,.circle.size-12 li:nth-child(11) .token{transition-delay:.5s}.circle.size-12 li:nth-child(12){transform:rotate(330deg);z-index:11}.circle.size-12 li:nth-child(12)>*{transform:rotate(-330deg)}.circle.size-12 li:nth-child(12) .life,.circle.size-12 li:nth-child(12) .shroud,.circle.size-12 li:nth-child(12) .token{transition-delay:.55s}.circle.size-13 li:first-child{transform:rotate(0deg);z-index:13}.circle.size-13 li:first-child .ability{left:100%;right:auto}.circle.size-13 li:first-child .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-13 li:first-child>*{transform:rotate(0deg)}.circle.size-13 li:first-child .life,.circle.size-13 li:first-child .shroud,.circle.size-13 li:first-child .token{transition-delay:0ms}.circle.size-13 li:nth-child(2){transform:rotate(27.6923076923deg);z-index:12}.circle.size-13 li:nth-child(2) .ability{left:100%;right:auto}.circle.size-13 li:nth-child(2) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-13 li:nth-child(2)>*{transform:rotate(-27.6923076923deg)}.circle.size-13 li:nth-child(2) .life,.circle.size-13 li:nth-child(2) .shroud,.circle.size-13 li:nth-child(2) .token{transition-delay:50ms}.circle.size-13 li:nth-child(3){transform:rotate(55.3846153846deg);z-index:11}.circle.size-13 li:nth-child(3) .ability{left:100%;right:auto}.circle.size-13 li:nth-child(3) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-13 li:nth-child(3)>*{transform:rotate(-55.3846153846deg)}.circle.size-13 li:nth-child(3) .life,.circle.size-13 li:nth-child(3) .shroud,.circle.size-13 li:nth-child(3) .token{transition-delay:.1s}.circle.size-13 li:nth-child(4){transform:rotate(83.0769230769deg);z-index:10}.circle.size-13 li:nth-child(4) .ability{left:100%;right:auto}.circle.size-13 li:nth-child(4) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-13 li:nth-child(4)>*{transform:rotate(-83.0769230769deg)}.circle.size-13 li:nth-child(4) .life,.circle.size-13 li:nth-child(4) .shroud,.circle.size-13 li:nth-child(4) .token{transition-delay:.15s}.circle.size-13 li:nth-child(5){transform:rotate(110.7692307692deg);z-index:9}.circle.size-13 li:nth-child(5) .ability{left:100%;right:auto}.circle.size-13 li:nth-child(5) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-13 li:nth-child(5)>*{transform:rotate(-110.7692307692deg)}.circle.size-13 li:nth-child(5) .life,.circle.size-13 li:nth-child(5) .shroud,.circle.size-13 li:nth-child(5) .token{transition-delay:.2s}.circle.size-13 li:nth-child(6){transform:rotate(138.4615384615deg);z-index:8}.circle.size-13 li:nth-child(6) .ability{left:100%;right:auto}.circle.size-13 li:nth-child(6) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-13 li:nth-child(6)>*{transform:rotate(-138.4615384615deg)}.circle.size-13 li:nth-child(6) .life,.circle.size-13 li:nth-child(6) .shroud,.circle.size-13 li:nth-child(6) .token{transition-delay:.25s}.circle.size-13 li:nth-child(7){transform:rotate(166.1538461538deg);z-index:7}.circle.size-13 li:nth-child(7) .ability{left:100%;right:auto}.circle.size-13 li:nth-child(7) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-13 li:nth-child(7)>*{transform:rotate(-166.1538461538deg)}.circle.size-13 li:nth-child(7) .life,.circle.size-13 li:nth-child(7) .shroud,.circle.size-13 li:nth-child(7) .token{transition-delay:.3s}.circle.size-13 li:nth-child(8){transform:rotate(193.8461538462deg);z-index:7}.circle.size-13 li:nth-child(8)>*{transform:rotate(-193.8461538462deg)}.circle.size-13 li:nth-child(8) .life,.circle.size-13 li:nth-child(8) .shroud,.circle.size-13 li:nth-child(8) .token{transition-delay:.35s}.circle.size-13 li:nth-child(9){transform:rotate(221.5384615385deg);z-index:8}.circle.size-13 li:nth-child(9)>*{transform:rotate(-221.5384615385deg)}.circle.size-13 li:nth-child(9) .life,.circle.size-13 li:nth-child(9) .shroud,.circle.size-13 li:nth-child(9) .token{transition-delay:.4s}.circle.size-13 li:nth-child(10){transform:rotate(249.2307692308deg);z-index:9}.circle.size-13 li:nth-child(10)>*{transform:rotate(-249.2307692308deg)}.circle.size-13 li:nth-child(10) .life,.circle.size-13 li:nth-child(10) .shroud,.circle.size-13 li:nth-child(10) .token{transition-delay:.45s}.circle.size-13 li:nth-child(11){transform:rotate(276.9230769231deg);z-index:10}.circle.size-13 li:nth-child(11)>*{transform:rotate(-276.9230769231deg)}.circle.size-13 li:nth-child(11) .life,.circle.size-13 li:nth-child(11) .shroud,.circle.size-13 li:nth-child(11) .token{transition-delay:.5s}.circle.size-13 li:nth-child(12){transform:rotate(304.6153846154deg);z-index:11}.circle.size-13 li:nth-child(12)>*{transform:rotate(-304.6153846154deg)}.circle.size-13 li:nth-child(12) .life,.circle.size-13 li:nth-child(12) .shroud,.circle.size-13 li:nth-child(12) .token{transition-delay:.55s}.circle.size-13 li:nth-child(13){transform:rotate(332.3076923077deg);z-index:12}.circle.size-13 li:nth-child(13)>*{transform:rotate(-332.3076923077deg)}.circle.size-13 li:nth-child(13) .life,.circle.size-13 li:nth-child(13) .shroud,.circle.size-13 li:nth-child(13) .token{transition-delay:.6s}.circle.size-14 li:first-child{transform:rotate(0deg);z-index:14}.circle.size-14 li:first-child .ability{left:100%;right:auto}.circle.size-14 li:first-child .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-14 li:first-child>*{transform:rotate(0deg)}.circle.size-14 li:first-child .life,.circle.size-14 li:first-child .shroud,.circle.size-14 li:first-child .token{transition-delay:0ms}.circle.size-14 li:nth-child(2){transform:rotate(25.7142857143deg);z-index:13}.circle.size-14 li:nth-child(2) .ability{left:100%;right:auto}.circle.size-14 li:nth-child(2) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-14 li:nth-child(2)>*{transform:rotate(-25.7142857143deg)}.circle.size-14 li:nth-child(2) .life,.circle.size-14 li:nth-child(2) .shroud,.circle.size-14 li:nth-child(2) .token{transition-delay:50ms}.circle.size-14 li:nth-child(3){transform:rotate(51.4285714286deg);z-index:12}.circle.size-14 li:nth-child(3) .ability{left:100%;right:auto}.circle.size-14 li:nth-child(3) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-14 li:nth-child(3)>*{transform:rotate(-51.4285714286deg)}.circle.size-14 li:nth-child(3) .life,.circle.size-14 li:nth-child(3) .shroud,.circle.size-14 li:nth-child(3) .token{transition-delay:.1s}.circle.size-14 li:nth-child(4){transform:rotate(77.1428571429deg);z-index:11}.circle.size-14 li:nth-child(4) .ability{left:100%;right:auto}.circle.size-14 li:nth-child(4) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-14 li:nth-child(4)>*{transform:rotate(-77.1428571429deg)}.circle.size-14 li:nth-child(4) .life,.circle.size-14 li:nth-child(4) .shroud,.circle.size-14 li:nth-child(4) .token{transition-delay:.15s}.circle.size-14 li:nth-child(5){transform:rotate(102.8571428571deg);z-index:10}.circle.size-14 li:nth-child(5) .ability{left:100%;right:auto}.circle.size-14 li:nth-child(5) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-14 li:nth-child(5)>*{transform:rotate(-102.8571428571deg)}.circle.size-14 li:nth-child(5) .life,.circle.size-14 li:nth-child(5) .shroud,.circle.size-14 li:nth-child(5) .token{transition-delay:.2s}.circle.size-14 li:nth-child(6){transform:rotate(128.5714285714deg);z-index:9}.circle.size-14 li:nth-child(6) .ability{left:100%;right:auto}.circle.size-14 li:nth-child(6) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-14 li:nth-child(6)>*{transform:rotate(-128.5714285714deg)}.circle.size-14 li:nth-child(6) .life,.circle.size-14 li:nth-child(6) .shroud,.circle.size-14 li:nth-child(6) .token{transition-delay:.25s}.circle.size-14 li:nth-child(7){transform:rotate(154.2857142857deg);z-index:8}.circle.size-14 li:nth-child(7) .ability{left:100%;right:auto}.circle.size-14 li:nth-child(7) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-14 li:nth-child(7)>*{transform:rotate(-154.2857142857deg)}.circle.size-14 li:nth-child(7) .life,.circle.size-14 li:nth-child(7) .shroud,.circle.size-14 li:nth-child(7) .token{transition-delay:.3s}.circle.size-14 li:nth-child(8){transform:rotate(180deg);z-index:7}.circle.size-14 li:nth-child(8) .ability{left:100%;right:auto}.circle.size-14 li:nth-child(8) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-14 li:nth-child(8)>*{transform:rotate(-180deg)}.circle.size-14 li:nth-child(8) .life,.circle.size-14 li:nth-child(8) .shroud,.circle.size-14 li:nth-child(8) .token{transition-delay:.35s}.circle.size-14 li:nth-child(9){transform:rotate(205.7142857143deg);z-index:8}.circle.size-14 li:nth-child(9)>*{transform:rotate(-205.7142857143deg)}.circle.size-14 li:nth-child(9) .life,.circle.size-14 li:nth-child(9) .shroud,.circle.size-14 li:nth-child(9) .token{transition-delay:.4s}.circle.size-14 li:nth-child(10){transform:rotate(231.4285714286deg);z-index:9}.circle.size-14 li:nth-child(10)>*{transform:rotate(-231.4285714286deg)}.circle.size-14 li:nth-child(10) .life,.circle.size-14 li:nth-child(10) .shroud,.circle.size-14 li:nth-child(10) .token{transition-delay:.45s}.circle.size-14 li:nth-child(11){transform:rotate(257.1428571429deg);z-index:10}.circle.size-14 li:nth-child(11)>*{transform:rotate(-257.1428571429deg)}.circle.size-14 li:nth-child(11) .life,.circle.size-14 li:nth-child(11) .shroud,.circle.size-14 li:nth-child(11) .token{transition-delay:.5s}.circle.size-14 li:nth-child(12){transform:rotate(282.8571428571deg);z-index:11}.circle.size-14 li:nth-child(12)>*{transform:rotate(-282.8571428571deg)}.circle.size-14 li:nth-child(12) .life,.circle.size-14 li:nth-child(12) .shroud,.circle.size-14 li:nth-child(12) .token{transition-delay:.55s}.circle.size-14 li:nth-child(13){transform:rotate(308.5714285714deg);z-index:12}.circle.size-14 li:nth-child(13)>*{transform:rotate(-308.5714285714deg)}.circle.size-14 li:nth-child(13) .life,.circle.size-14 li:nth-child(13) .shroud,.circle.size-14 li:nth-child(13) .token{transition-delay:.6s}.circle.size-14 li:nth-child(14){transform:rotate(334.2857142857deg);z-index:13}.circle.size-14 li:nth-child(14)>*{transform:rotate(-334.2857142857deg)}.circle.size-14 li:nth-child(14) .life,.circle.size-14 li:nth-child(14) .shroud,.circle.size-14 li:nth-child(14) .token{transition-delay:.65s}.circle.size-15 li:first-child{transform:rotate(0deg);z-index:15}.circle.size-15 li:first-child .ability{left:100%;right:auto}.circle.size-15 li:first-child .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-15 li:first-child>*{transform:rotate(0deg)}.circle.size-15 li:first-child .life,.circle.size-15 li:first-child .shroud,.circle.size-15 li:first-child .token{transition-delay:0ms}.circle.size-15 li:nth-child(2){transform:rotate(24deg);z-index:14}.circle.size-15 li:nth-child(2) .ability{left:100%;right:auto}.circle.size-15 li:nth-child(2) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-15 li:nth-child(2)>*{transform:rotate(-24deg)}.circle.size-15 li:nth-child(2) .life,.circle.size-15 li:nth-child(2) .shroud,.circle.size-15 li:nth-child(2) .token{transition-delay:50ms}.circle.size-15 li:nth-child(3){transform:rotate(48deg);z-index:13}.circle.size-15 li:nth-child(3) .ability{left:100%;right:auto}.circle.size-15 li:nth-child(3) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-15 li:nth-child(3)>*{transform:rotate(-48deg)}.circle.size-15 li:nth-child(3) .life,.circle.size-15 li:nth-child(3) .shroud,.circle.size-15 li:nth-child(3) .token{transition-delay:.1s}.circle.size-15 li:nth-child(4){transform:rotate(72deg);z-index:12}.circle.size-15 li:nth-child(4) .ability{left:100%;right:auto}.circle.size-15 li:nth-child(4) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-15 li:nth-child(4)>*{transform:rotate(-72deg)}.circle.size-15 li:nth-child(4) .life,.circle.size-15 li:nth-child(4) .shroud,.circle.size-15 li:nth-child(4) .token{transition-delay:.15s}.circle.size-15 li:nth-child(5){transform:rotate(96deg);z-index:11}.circle.size-15 li:nth-child(5) .ability{left:100%;right:auto}.circle.size-15 li:nth-child(5) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-15 li:nth-child(5)>*{transform:rotate(-96deg)}.circle.size-15 li:nth-child(5) .life,.circle.size-15 li:nth-child(5) .shroud,.circle.size-15 li:nth-child(5) .token{transition-delay:.2s}.circle.size-15 li:nth-child(6){transform:rotate(120deg);z-index:10}.circle.size-15 li:nth-child(6) .ability{left:100%;right:auto}.circle.size-15 li:nth-child(6) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-15 li:nth-child(6)>*{transform:rotate(-120deg)}.circle.size-15 li:nth-child(6) .life,.circle.size-15 li:nth-child(6) .shroud,.circle.size-15 li:nth-child(6) .token{transition-delay:.25s}.circle.size-15 li:nth-child(7){transform:rotate(144deg);z-index:9}.circle.size-15 li:nth-child(7) .ability{left:100%;right:auto}.circle.size-15 li:nth-child(7) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-15 li:nth-child(7)>*{transform:rotate(-144deg)}.circle.size-15 li:nth-child(7) .life,.circle.size-15 li:nth-child(7) .shroud,.circle.size-15 li:nth-child(7) .token{transition-delay:.3s}.circle.size-15 li:nth-child(8){transform:rotate(168deg);z-index:8}.circle.size-15 li:nth-child(8) .ability{left:100%;right:auto}.circle.size-15 li:nth-child(8) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-15 li:nth-child(8)>*{transform:rotate(-168deg)}.circle.size-15 li:nth-child(8) .life,.circle.size-15 li:nth-child(8) .shroud,.circle.size-15 li:nth-child(8) .token{transition-delay:.35s}.circle.size-15 li:nth-child(9){transform:rotate(192deg);z-index:8}.circle.size-15 li:nth-child(9)>*{transform:rotate(-192deg)}.circle.size-15 li:nth-child(9) .life,.circle.size-15 li:nth-child(9) .shroud,.circle.size-15 li:nth-child(9) .token{transition-delay:.4s}.circle.size-15 li:nth-child(10){transform:rotate(216deg);z-index:9}.circle.size-15 li:nth-child(10)>*{transform:rotate(-216deg)}.circle.size-15 li:nth-child(10) .life,.circle.size-15 li:nth-child(10) .shroud,.circle.size-15 li:nth-child(10) .token{transition-delay:.45s}.circle.size-15 li:nth-child(11){transform:rotate(240deg);z-index:10}.circle.size-15 li:nth-child(11)>*{transform:rotate(-240deg)}.circle.size-15 li:nth-child(11) .life,.circle.size-15 li:nth-child(11) .shroud,.circle.size-15 li:nth-child(11) .token{transition-delay:.5s}.circle.size-15 li:nth-child(12){transform:rotate(264deg);z-index:11}.circle.size-15 li:nth-child(12)>*{transform:rotate(-264deg)}.circle.size-15 li:nth-child(12) .life,.circle.size-15 li:nth-child(12) .shroud,.circle.size-15 li:nth-child(12) .token{transition-delay:.55s}.circle.size-15 li:nth-child(13){transform:rotate(288deg);z-index:12}.circle.size-15 li:nth-child(13)>*{transform:rotate(-288deg)}.circle.size-15 li:nth-child(13) .life,.circle.size-15 li:nth-child(13) .shroud,.circle.size-15 li:nth-child(13) .token{transition-delay:.6s}.circle.size-15 li:nth-child(14){transform:rotate(312deg);z-index:13}.circle.size-15 li:nth-child(14)>*{transform:rotate(-312deg)}.circle.size-15 li:nth-child(14) .life,.circle.size-15 li:nth-child(14) .shroud,.circle.size-15 li:nth-child(14) .token{transition-delay:.65s}.circle.size-15 li:nth-child(15){transform:rotate(336deg);z-index:14}.circle.size-15 li:nth-child(15)>*{transform:rotate(-336deg)}.circle.size-15 li:nth-child(15) .life,.circle.size-15 li:nth-child(15) .shroud,.circle.size-15 li:nth-child(15) .token{transition-delay:.7s}.circle.size-16 li:first-child{transform:rotate(0deg);z-index:16}.circle.size-16 li:first-child .ability{left:100%;right:auto}.circle.size-16 li:first-child .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-16 li:first-child>*{transform:rotate(0deg)}.circle.size-16 li:first-child .life,.circle.size-16 li:first-child .shroud,.circle.size-16 li:first-child .token{transition-delay:0ms}.circle.size-16 li:nth-child(2){transform:rotate(22.5deg);z-index:15}.circle.size-16 li:nth-child(2) .ability{left:100%;right:auto}.circle.size-16 li:nth-child(2) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-16 li:nth-child(2)>*{transform:rotate(-22.5deg)}.circle.size-16 li:nth-child(2) .life,.circle.size-16 li:nth-child(2) .shroud,.circle.size-16 li:nth-child(2) .token{transition-delay:50ms}.circle.size-16 li:nth-child(3){transform:rotate(45deg);z-index:14}.circle.size-16 li:nth-child(3) .ability{left:100%;right:auto}.circle.size-16 li:nth-child(3) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-16 li:nth-child(3)>*{transform:rotate(-45deg)}.circle.size-16 li:nth-child(3) .life,.circle.size-16 li:nth-child(3) .shroud,.circle.size-16 li:nth-child(3) .token{transition-delay:.1s}.circle.size-16 li:nth-child(4){transform:rotate(67.5deg);z-index:13}.circle.size-16 li:nth-child(4) .ability{left:100%;right:auto}.circle.size-16 li:nth-child(4) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-16 li:nth-child(4)>*{transform:rotate(-67.5deg)}.circle.size-16 li:nth-child(4) .life,.circle.size-16 li:nth-child(4) .shroud,.circle.size-16 li:nth-child(4) .token{transition-delay:.15s}.circle.size-16 li:nth-child(5){transform:rotate(90deg);z-index:12}.circle.size-16 li:nth-child(5) .ability{left:100%;right:auto}.circle.size-16 li:nth-child(5) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-16 li:nth-child(5)>*{transform:rotate(-90deg)}.circle.size-16 li:nth-child(5) .life,.circle.size-16 li:nth-child(5) .shroud,.circle.size-16 li:nth-child(5) .token{transition-delay:.2s}.circle.size-16 li:nth-child(6){transform:rotate(112.5deg);z-index:11}.circle.size-16 li:nth-child(6) .ability{left:100%;right:auto}.circle.size-16 li:nth-child(6) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-16 li:nth-child(6)>*{transform:rotate(-112.5deg)}.circle.size-16 li:nth-child(6) .life,.circle.size-16 li:nth-child(6) .shroud,.circle.size-16 li:nth-child(6) .token{transition-delay:.25s}.circle.size-16 li:nth-child(7){transform:rotate(135deg);z-index:10}.circle.size-16 li:nth-child(7) .ability{left:100%;right:auto}.circle.size-16 li:nth-child(7) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-16 li:nth-child(7)>*{transform:rotate(-135deg)}.circle.size-16 li:nth-child(7) .life,.circle.size-16 li:nth-child(7) .shroud,.circle.size-16 li:nth-child(7) .token{transition-delay:.3s}.circle.size-16 li:nth-child(8){transform:rotate(157.5deg);z-index:9}.circle.size-16 li:nth-child(8) .ability{left:100%;right:auto}.circle.size-16 li:nth-child(8) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-16 li:nth-child(8)>*{transform:rotate(-157.5deg)}.circle.size-16 li:nth-child(8) .life,.circle.size-16 li:nth-child(8) .shroud,.circle.size-16 li:nth-child(8) .token{transition-delay:.35s}.circle.size-16 li:nth-child(9){transform:rotate(180deg);z-index:8}.circle.size-16 li:nth-child(9) .ability{left:100%;right:auto}.circle.size-16 li:nth-child(9) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-16 li:nth-child(9)>*{transform:rotate(-180deg)}.circle.size-16 li:nth-child(9) .life,.circle.size-16 li:nth-child(9) .shroud,.circle.size-16 li:nth-child(9) .token{transition-delay:.4s}.circle.size-16 li:nth-child(10){transform:rotate(202.5deg);z-index:9}.circle.size-16 li:nth-child(10)>*{transform:rotate(-202.5deg)}.circle.size-16 li:nth-child(10) .life,.circle.size-16 li:nth-child(10) .shroud,.circle.size-16 li:nth-child(10) .token{transition-delay:.45s}.circle.size-16 li:nth-child(11){transform:rotate(225deg);z-index:10}.circle.size-16 li:nth-child(11)>*{transform:rotate(-225deg)}.circle.size-16 li:nth-child(11) .life,.circle.size-16 li:nth-child(11) .shroud,.circle.size-16 li:nth-child(11) .token{transition-delay:.5s}.circle.size-16 li:nth-child(12){transform:rotate(247.5deg);z-index:11}.circle.size-16 li:nth-child(12)>*{transform:rotate(-247.5deg)}.circle.size-16 li:nth-child(12) .life,.circle.size-16 li:nth-child(12) .shroud,.circle.size-16 li:nth-child(12) .token{transition-delay:.55s}.circle.size-16 li:nth-child(13){transform:rotate(270deg);z-index:12}.circle.size-16 li:nth-child(13)>*{transform:rotate(-270deg)}.circle.size-16 li:nth-child(13) .life,.circle.size-16 li:nth-child(13) .shroud,.circle.size-16 li:nth-child(13) .token{transition-delay:.6s}.circle.size-16 li:nth-child(14){transform:rotate(292.5deg);z-index:13}.circle.size-16 li:nth-child(14)>*{transform:rotate(-292.5deg)}.circle.size-16 li:nth-child(14) .life,.circle.size-16 li:nth-child(14) .shroud,.circle.size-16 li:nth-child(14) .token{transition-delay:.65s}.circle.size-16 li:nth-child(15){transform:rotate(315deg);z-index:14}.circle.size-16 li:nth-child(15)>*{transform:rotate(-315deg)}.circle.size-16 li:nth-child(15) .life,.circle.size-16 li:nth-child(15) .shroud,.circle.size-16 li:nth-child(15) .token{transition-delay:.7s}.circle.size-16 li:nth-child(16){transform:rotate(337.5deg);z-index:15}.circle.size-16 li:nth-child(16)>*{transform:rotate(-337.5deg)}.circle.size-16 li:nth-child(16) .life,.circle.size-16 li:nth-child(16) .shroud,.circle.size-16 li:nth-child(16) .token{transition-delay:.75s}.circle.size-17 li:first-child{transform:rotate(0deg);z-index:17}.circle.size-17 li:first-child .ability{left:100%;right:auto}.circle.size-17 li:first-child .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-17 li:first-child>*{transform:rotate(0deg)}.circle.size-17 li:first-child .life,.circle.size-17 li:first-child .shroud,.circle.size-17 li:first-child .token{transition-delay:0ms}.circle.size-17 li:nth-child(2){transform:rotate(21.1764705882deg);z-index:16}.circle.size-17 li:nth-child(2) .ability{left:100%;right:auto}.circle.size-17 li:nth-child(2) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-17 li:nth-child(2)>*{transform:rotate(-21.1764705882deg)}.circle.size-17 li:nth-child(2) .life,.circle.size-17 li:nth-child(2) .shroud,.circle.size-17 li:nth-child(2) .token{transition-delay:50ms}.circle.size-17 li:nth-child(3){transform:rotate(42.3529411765deg);z-index:15}.circle.size-17 li:nth-child(3) .ability{left:100%;right:auto}.circle.size-17 li:nth-child(3) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-17 li:nth-child(3)>*{transform:rotate(-42.3529411765deg)}.circle.size-17 li:nth-child(3) .life,.circle.size-17 li:nth-child(3) .shroud,.circle.size-17 li:nth-child(3) .token{transition-delay:.1s}.circle.size-17 li:nth-child(4){transform:rotate(63.5294117647deg);z-index:14}.circle.size-17 li:nth-child(4) .ability{left:100%;right:auto}.circle.size-17 li:nth-child(4) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-17 li:nth-child(4)>*{transform:rotate(-63.5294117647deg)}.circle.size-17 li:nth-child(4) .life,.circle.size-17 li:nth-child(4) .shroud,.circle.size-17 li:nth-child(4) .token{transition-delay:.15s}.circle.size-17 li:nth-child(5){transform:rotate(84.7058823529deg);z-index:13}.circle.size-17 li:nth-child(5) .ability{left:100%;right:auto}.circle.size-17 li:nth-child(5) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-17 li:nth-child(5)>*{transform:rotate(-84.7058823529deg)}.circle.size-17 li:nth-child(5) .life,.circle.size-17 li:nth-child(5) .shroud,.circle.size-17 li:nth-child(5) .token{transition-delay:.2s}.circle.size-17 li:nth-child(6){transform:rotate(105.8823529412deg);z-index:12}.circle.size-17 li:nth-child(6) .ability{left:100%;right:auto}.circle.size-17 li:nth-child(6) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-17 li:nth-child(6)>*{transform:rotate(-105.8823529412deg)}.circle.size-17 li:nth-child(6) .life,.circle.size-17 li:nth-child(6) .shroud,.circle.size-17 li:nth-child(6) .token{transition-delay:.25s}.circle.size-17 li:nth-child(7){transform:rotate(127.0588235294deg);z-index:11}.circle.size-17 li:nth-child(7) .ability{left:100%;right:auto}.circle.size-17 li:nth-child(7) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-17 li:nth-child(7)>*{transform:rotate(-127.0588235294deg)}.circle.size-17 li:nth-child(7) .life,.circle.size-17 li:nth-child(7) .shroud,.circle.size-17 li:nth-child(7) .token{transition-delay:.3s}.circle.size-17 li:nth-child(8){transform:rotate(148.2352941176deg);z-index:10}.circle.size-17 li:nth-child(8) .ability{left:100%;right:auto}.circle.size-17 li:nth-child(8) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-17 li:nth-child(8)>*{transform:rotate(-148.2352941176deg)}.circle.size-17 li:nth-child(8) .life,.circle.size-17 li:nth-child(8) .shroud,.circle.size-17 li:nth-child(8) .token{transition-delay:.35s}.circle.size-17 li:nth-child(9){transform:rotate(169.4117647059deg);z-index:9}.circle.size-17 li:nth-child(9) .ability{left:100%;right:auto}.circle.size-17 li:nth-child(9) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-17 li:nth-child(9)>*{transform:rotate(-169.4117647059deg)}.circle.size-17 li:nth-child(9) .life,.circle.size-17 li:nth-child(9) .shroud,.circle.size-17 li:nth-child(9) .token{transition-delay:.4s}.circle.size-17 li:nth-child(10){transform:rotate(190.5882352941deg);z-index:9}.circle.size-17 li:nth-child(10)>*{transform:rotate(-190.5882352941deg)}.circle.size-17 li:nth-child(10) .life,.circle.size-17 li:nth-child(10) .shroud,.circle.size-17 li:nth-child(10) .token{transition-delay:.45s}.circle.size-17 li:nth-child(11){transform:rotate(211.7647058824deg);z-index:10}.circle.size-17 li:nth-child(11)>*{transform:rotate(-211.7647058824deg)}.circle.size-17 li:nth-child(11) .life,.circle.size-17 li:nth-child(11) .shroud,.circle.size-17 li:nth-child(11) .token{transition-delay:.5s}.circle.size-17 li:nth-child(12){transform:rotate(232.9411764706deg);z-index:11}.circle.size-17 li:nth-child(12)>*{transform:rotate(-232.9411764706deg)}.circle.size-17 li:nth-child(12) .life,.circle.size-17 li:nth-child(12) .shroud,.circle.size-17 li:nth-child(12) .token{transition-delay:.55s}.circle.size-17 li:nth-child(13){transform:rotate(254.1176470588deg);z-index:12}.circle.size-17 li:nth-child(13)>*{transform:rotate(-254.1176470588deg)}.circle.size-17 li:nth-child(13) .life,.circle.size-17 li:nth-child(13) .shroud,.circle.size-17 li:nth-child(13) .token{transition-delay:.6s}.circle.size-17 li:nth-child(14){transform:rotate(275.2941176471deg);z-index:13}.circle.size-17 li:nth-child(14)>*{transform:rotate(-275.2941176471deg)}.circle.size-17 li:nth-child(14) .life,.circle.size-17 li:nth-child(14) .shroud,.circle.size-17 li:nth-child(14) .token{transition-delay:.65s}.circle.size-17 li:nth-child(15){transform:rotate(296.4705882353deg);z-index:14}.circle.size-17 li:nth-child(15)>*{transform:rotate(-296.4705882353deg)}.circle.size-17 li:nth-child(15) .life,.circle.size-17 li:nth-child(15) .shroud,.circle.size-17 li:nth-child(15) .token{transition-delay:.7s}.circle.size-17 li:nth-child(16){transform:rotate(317.6470588235deg);z-index:15}.circle.size-17 li:nth-child(16)>*{transform:rotate(-317.6470588235deg)}.circle.size-17 li:nth-child(16) .life,.circle.size-17 li:nth-child(16) .shroud,.circle.size-17 li:nth-child(16) .token{transition-delay:.75s}.circle.size-17 li:nth-child(17){transform:rotate(338.8235294118deg);z-index:16}.circle.size-17 li:nth-child(17)>*{transform:rotate(-338.8235294118deg)}.circle.size-17 li:nth-child(17) .life,.circle.size-17 li:nth-child(17) .shroud,.circle.size-17 li:nth-child(17) .token{transition-delay:.8s}.circle.size-18 li:first-child{transform:rotate(0deg);z-index:18}.circle.size-18 li:first-child .ability{left:100%;right:auto}.circle.size-18 li:first-child .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-18 li:first-child>*{transform:rotate(0deg)}.circle.size-18 li:first-child .life,.circle.size-18 li:first-child .shroud,.circle.size-18 li:first-child .token{transition-delay:0ms}.circle.size-18 li:nth-child(2){transform:rotate(20deg);z-index:17}.circle.size-18 li:nth-child(2) .ability{left:100%;right:auto}.circle.size-18 li:nth-child(2) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-18 li:nth-child(2)>*{transform:rotate(-20deg)}.circle.size-18 li:nth-child(2) .life,.circle.size-18 li:nth-child(2) .shroud,.circle.size-18 li:nth-child(2) .token{transition-delay:50ms}.circle.size-18 li:nth-child(3){transform:rotate(40deg);z-index:16}.circle.size-18 li:nth-child(3) .ability{left:100%;right:auto}.circle.size-18 li:nth-child(3) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-18 li:nth-child(3)>*{transform:rotate(-40deg)}.circle.size-18 li:nth-child(3) .life,.circle.size-18 li:nth-child(3) .shroud,.circle.size-18 li:nth-child(3) .token{transition-delay:.1s}.circle.size-18 li:nth-child(4){transform:rotate(60deg);z-index:15}.circle.size-18 li:nth-child(4) .ability{left:100%;right:auto}.circle.size-18 li:nth-child(4) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-18 li:nth-child(4)>*{transform:rotate(-60deg)}.circle.size-18 li:nth-child(4) .life,.circle.size-18 li:nth-child(4) .shroud,.circle.size-18 li:nth-child(4) .token{transition-delay:.15s}.circle.size-18 li:nth-child(5){transform:rotate(80deg);z-index:14}.circle.size-18 li:nth-child(5) .ability{left:100%;right:auto}.circle.size-18 li:nth-child(5) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-18 li:nth-child(5)>*{transform:rotate(-80deg)}.circle.size-18 li:nth-child(5) .life,.circle.size-18 li:nth-child(5) .shroud,.circle.size-18 li:nth-child(5) .token{transition-delay:.2s}.circle.size-18 li:nth-child(6){transform:rotate(100deg);z-index:13}.circle.size-18 li:nth-child(6) .ability{left:100%;right:auto}.circle.size-18 li:nth-child(6) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-18 li:nth-child(6)>*{transform:rotate(-100deg)}.circle.size-18 li:nth-child(6) .life,.circle.size-18 li:nth-child(6) .shroud,.circle.size-18 li:nth-child(6) .token{transition-delay:.25s}.circle.size-18 li:nth-child(7){transform:rotate(120deg);z-index:12}.circle.size-18 li:nth-child(7) .ability{left:100%;right:auto}.circle.size-18 li:nth-child(7) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-18 li:nth-child(7)>*{transform:rotate(-120deg)}.circle.size-18 li:nth-child(7) .life,.circle.size-18 li:nth-child(7) .shroud,.circle.size-18 li:nth-child(7) .token{transition-delay:.3s}.circle.size-18 li:nth-child(8){transform:rotate(140deg);z-index:11}.circle.size-18 li:nth-child(8) .ability{left:100%;right:auto}.circle.size-18 li:nth-child(8) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-18 li:nth-child(8)>*{transform:rotate(-140deg)}.circle.size-18 li:nth-child(8) .life,.circle.size-18 li:nth-child(8) .shroud,.circle.size-18 li:nth-child(8) .token{transition-delay:.35s}.circle.size-18 li:nth-child(9){transform:rotate(160deg);z-index:10}.circle.size-18 li:nth-child(9) .ability{left:100%;right:auto}.circle.size-18 li:nth-child(9) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-18 li:nth-child(9)>*{transform:rotate(-160deg)}.circle.size-18 li:nth-child(9) .life,.circle.size-18 li:nth-child(9) .shroud,.circle.size-18 li:nth-child(9) .token{transition-delay:.4s}.circle.size-18 li:nth-child(10){transform:rotate(180deg);z-index:9}.circle.size-18 li:nth-child(10) .ability{left:100%;right:auto}.circle.size-18 li:nth-child(10) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-18 li:nth-child(10)>*{transform:rotate(-180deg)}.circle.size-18 li:nth-child(10) .life,.circle.size-18 li:nth-child(10) .shroud,.circle.size-18 li:nth-child(10) .token{transition-delay:.45s}.circle.size-18 li:nth-child(11){transform:rotate(200deg);z-index:10}.circle.size-18 li:nth-child(11)>*{transform:rotate(-200deg)}.circle.size-18 li:nth-child(11) .life,.circle.size-18 li:nth-child(11) .shroud,.circle.size-18 li:nth-child(11) .token{transition-delay:.5s}.circle.size-18 li:nth-child(12){transform:rotate(220deg);z-index:11}.circle.size-18 li:nth-child(12)>*{transform:rotate(-220deg)}.circle.size-18 li:nth-child(12) .life,.circle.size-18 li:nth-child(12) .shroud,.circle.size-18 li:nth-child(12) .token{transition-delay:.55s}.circle.size-18 li:nth-child(13){transform:rotate(240deg);z-index:12}.circle.size-18 li:nth-child(13)>*{transform:rotate(-240deg)}.circle.size-18 li:nth-child(13) .life,.circle.size-18 li:nth-child(13) .shroud,.circle.size-18 li:nth-child(13) .token{transition-delay:.6s}.circle.size-18 li:nth-child(14){transform:rotate(260deg);z-index:13}.circle.size-18 li:nth-child(14)>*{transform:rotate(-260deg)}.circle.size-18 li:nth-child(14) .life,.circle.size-18 li:nth-child(14) .shroud,.circle.size-18 li:nth-child(14) .token{transition-delay:.65s}.circle.size-18 li:nth-child(15){transform:rotate(280deg);z-index:14}.circle.size-18 li:nth-child(15)>*{transform:rotate(-280deg)}.circle.size-18 li:nth-child(15) .life,.circle.size-18 li:nth-child(15) .shroud,.circle.size-18 li:nth-child(15) .token{transition-delay:.7s}.circle.size-18 li:nth-child(16){transform:rotate(300deg);z-index:15}.circle.size-18 li:nth-child(16)>*{transform:rotate(-300deg)}.circle.size-18 li:nth-child(16) .life,.circle.size-18 li:nth-child(16) .shroud,.circle.size-18 li:nth-child(16) .token{transition-delay:.75s}.circle.size-18 li:nth-child(17){transform:rotate(320deg);z-index:16}.circle.size-18 li:nth-child(17)>*{transform:rotate(-320deg)}.circle.size-18 li:nth-child(17) .life,.circle.size-18 li:nth-child(17) .shroud,.circle.size-18 li:nth-child(17) .token{transition-delay:.8s}.circle.size-18 li:nth-child(18){transform:rotate(340deg);z-index:17}.circle.size-18 li:nth-child(18)>*{transform:rotate(-340deg)}.circle.size-18 li:nth-child(18) .life,.circle.size-18 li:nth-child(18) .shroud,.circle.size-18 li:nth-child(18) .token{transition-delay:.85s}.circle.size-19 li:first-child{transform:rotate(0deg);z-index:19}.circle.size-19 li:first-child .ability{left:100%;right:auto}.circle.size-19 li:first-child .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-19 li:first-child>*{transform:rotate(0deg)}.circle.size-19 li:first-child .life,.circle.size-19 li:first-child .shroud,.circle.size-19 li:first-child .token{transition-delay:0ms}.circle.size-19 li:nth-child(2){transform:rotate(18.9473684211deg);z-index:18}.circle.size-19 li:nth-child(2) .ability{left:100%;right:auto}.circle.size-19 li:nth-child(2) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-19 li:nth-child(2)>*{transform:rotate(-18.9473684211deg)}.circle.size-19 li:nth-child(2) .life,.circle.size-19 li:nth-child(2) .shroud,.circle.size-19 li:nth-child(2) .token{transition-delay:50ms}.circle.size-19 li:nth-child(3){transform:rotate(37.8947368421deg);z-index:17}.circle.size-19 li:nth-child(3) .ability{left:100%;right:auto}.circle.size-19 li:nth-child(3) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-19 li:nth-child(3)>*{transform:rotate(-37.8947368421deg)}.circle.size-19 li:nth-child(3) .life,.circle.size-19 li:nth-child(3) .shroud,.circle.size-19 li:nth-child(3) .token{transition-delay:.1s}.circle.size-19 li:nth-child(4){transform:rotate(56.8421052632deg);z-index:16}.circle.size-19 li:nth-child(4) .ability{left:100%;right:auto}.circle.size-19 li:nth-child(4) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-19 li:nth-child(4)>*{transform:rotate(-56.8421052632deg)}.circle.size-19 li:nth-child(4) .life,.circle.size-19 li:nth-child(4) .shroud,.circle.size-19 li:nth-child(4) .token{transition-delay:.15s}.circle.size-19 li:nth-child(5){transform:rotate(75.7894736842deg);z-index:15}.circle.size-19 li:nth-child(5) .ability{left:100%;right:auto}.circle.size-19 li:nth-child(5) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-19 li:nth-child(5)>*{transform:rotate(-75.7894736842deg)}.circle.size-19 li:nth-child(5) .life,.circle.size-19 li:nth-child(5) .shroud,.circle.size-19 li:nth-child(5) .token{transition-delay:.2s}.circle.size-19 li:nth-child(6){transform:rotate(94.7368421053deg);z-index:14}.circle.size-19 li:nth-child(6) .ability{left:100%;right:auto}.circle.size-19 li:nth-child(6) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-19 li:nth-child(6)>*{transform:rotate(-94.7368421053deg)}.circle.size-19 li:nth-child(6) .life,.circle.size-19 li:nth-child(6) .shroud,.circle.size-19 li:nth-child(6) .token{transition-delay:.25s}.circle.size-19 li:nth-child(7){transform:rotate(113.6842105263deg);z-index:13}.circle.size-19 li:nth-child(7) .ability{left:100%;right:auto}.circle.size-19 li:nth-child(7) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-19 li:nth-child(7)>*{transform:rotate(-113.6842105263deg)}.circle.size-19 li:nth-child(7) .life,.circle.size-19 li:nth-child(7) .shroud,.circle.size-19 li:nth-child(7) .token{transition-delay:.3s}.circle.size-19 li:nth-child(8){transform:rotate(132.6315789474deg);z-index:12}.circle.size-19 li:nth-child(8) .ability{left:100%;right:auto}.circle.size-19 li:nth-child(8) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-19 li:nth-child(8)>*{transform:rotate(-132.6315789474deg)}.circle.size-19 li:nth-child(8) .life,.circle.size-19 li:nth-child(8) .shroud,.circle.size-19 li:nth-child(8) .token{transition-delay:.35s}.circle.size-19 li:nth-child(9){transform:rotate(151.5789473684deg);z-index:11}.circle.size-19 li:nth-child(9) .ability{left:100%;right:auto}.circle.size-19 li:nth-child(9) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-19 li:nth-child(9)>*{transform:rotate(-151.5789473684deg)}.circle.size-19 li:nth-child(9) .life,.circle.size-19 li:nth-child(9) .shroud,.circle.size-19 li:nth-child(9) .token{transition-delay:.4s}.circle.size-19 li:nth-child(10){transform:rotate(170.5263157895deg);z-index:10}.circle.size-19 li:nth-child(10) .ability{left:100%;right:auto}.circle.size-19 li:nth-child(10) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-19 li:nth-child(10)>*{transform:rotate(-170.5263157895deg)}.circle.size-19 li:nth-child(10) .life,.circle.size-19 li:nth-child(10) .shroud,.circle.size-19 li:nth-child(10) .token{transition-delay:.45s}.circle.size-19 li:nth-child(11){transform:rotate(189.4736842105deg);z-index:10}.circle.size-19 li:nth-child(11)>*{transform:rotate(-189.4736842105deg)}.circle.size-19 li:nth-child(11) .life,.circle.size-19 li:nth-child(11) .shroud,.circle.size-19 li:nth-child(11) .token{transition-delay:.5s}.circle.size-19 li:nth-child(12){transform:rotate(208.4210526316deg);z-index:11}.circle.size-19 li:nth-child(12)>*{transform:rotate(-208.4210526316deg)}.circle.size-19 li:nth-child(12) .life,.circle.size-19 li:nth-child(12) .shroud,.circle.size-19 li:nth-child(12) .token{transition-delay:.55s}.circle.size-19 li:nth-child(13){transform:rotate(227.3684210526deg);z-index:12}.circle.size-19 li:nth-child(13)>*{transform:rotate(-227.3684210526deg)}.circle.size-19 li:nth-child(13) .life,.circle.size-19 li:nth-child(13) .shroud,.circle.size-19 li:nth-child(13) .token{transition-delay:.6s}.circle.size-19 li:nth-child(14){transform:rotate(246.3157894737deg);z-index:13}.circle.size-19 li:nth-child(14)>*{transform:rotate(-246.3157894737deg)}.circle.size-19 li:nth-child(14) .life,.circle.size-19 li:nth-child(14) .shroud,.circle.size-19 li:nth-child(14) .token{transition-delay:.65s}.circle.size-19 li:nth-child(15){transform:rotate(265.2631578947deg);z-index:14}.circle.size-19 li:nth-child(15)>*{transform:rotate(-265.2631578947deg)}.circle.size-19 li:nth-child(15) .life,.circle.size-19 li:nth-child(15) .shroud,.circle.size-19 li:nth-child(15) .token{transition-delay:.7s}.circle.size-19 li:nth-child(16){transform:rotate(284.2105263158deg);z-index:15}.circle.size-19 li:nth-child(16)>*{transform:rotate(-284.2105263158deg)}.circle.size-19 li:nth-child(16) .life,.circle.size-19 li:nth-child(16) .shroud,.circle.size-19 li:nth-child(16) .token{transition-delay:.75s}.circle.size-19 li:nth-child(17){transform:rotate(303.1578947368deg);z-index:16}.circle.size-19 li:nth-child(17)>*{transform:rotate(-303.1578947368deg)}.circle.size-19 li:nth-child(17) .life,.circle.size-19 li:nth-child(17) .shroud,.circle.size-19 li:nth-child(17) .token{transition-delay:.8s}.circle.size-19 li:nth-child(18){transform:rotate(322.1052631579deg);z-index:17}.circle.size-19 li:nth-child(18)>*{transform:rotate(-322.1052631579deg)}.circle.size-19 li:nth-child(18) .life,.circle.size-19 li:nth-child(18) .shroud,.circle.size-19 li:nth-child(18) .token{transition-delay:.85s}.circle.size-19 li:nth-child(19){transform:rotate(341.0526315789deg);z-index:18}.circle.size-19 li:nth-child(19)>*{transform:rotate(-341.0526315789deg)}.circle.size-19 li:nth-child(19) .life,.circle.size-19 li:nth-child(19) .shroud,.circle.size-19 li:nth-child(19) .token{transition-delay:.9s}.circle.size-20 li:first-child{transform:rotate(0deg);z-index:20}.circle.size-20 li:first-child .ability{left:100%;right:auto}.circle.size-20 li:first-child .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-20 li:first-child>*{transform:rotate(0deg)}.circle.size-20 li:first-child .life,.circle.size-20 li:first-child .shroud,.circle.size-20 li:first-child .token{transition-delay:0ms}.circle.size-20 li:nth-child(2){transform:rotate(18deg);z-index:19}.circle.size-20 li:nth-child(2) .ability{left:100%;right:auto}.circle.size-20 li:nth-child(2) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-20 li:nth-child(2)>*{transform:rotate(-18deg)}.circle.size-20 li:nth-child(2) .life,.circle.size-20 li:nth-child(2) .shroud,.circle.size-20 li:nth-child(2) .token{transition-delay:50ms}.circle.size-20 li:nth-child(3){transform:rotate(36deg);z-index:18}.circle.size-20 li:nth-child(3) .ability{left:100%;right:auto}.circle.size-20 li:nth-child(3) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-20 li:nth-child(3)>*{transform:rotate(-36deg)}.circle.size-20 li:nth-child(3) .life,.circle.size-20 li:nth-child(3) .shroud,.circle.size-20 li:nth-child(3) .token{transition-delay:.1s}.circle.size-20 li:nth-child(4){transform:rotate(54deg);z-index:17}.circle.size-20 li:nth-child(4) .ability{left:100%;right:auto}.circle.size-20 li:nth-child(4) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-20 li:nth-child(4)>*{transform:rotate(-54deg)}.circle.size-20 li:nth-child(4) .life,.circle.size-20 li:nth-child(4) .shroud,.circle.size-20 li:nth-child(4) .token{transition-delay:.15s}.circle.size-20 li:nth-child(5){transform:rotate(72deg);z-index:16}.circle.size-20 li:nth-child(5) .ability{left:100%;right:auto}.circle.size-20 li:nth-child(5) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-20 li:nth-child(5)>*{transform:rotate(-72deg)}.circle.size-20 li:nth-child(5) .life,.circle.size-20 li:nth-child(5) .shroud,.circle.size-20 li:nth-child(5) .token{transition-delay:.2s}.circle.size-20 li:nth-child(6){transform:rotate(90deg);z-index:15}.circle.size-20 li:nth-child(6) .ability{left:100%;right:auto}.circle.size-20 li:nth-child(6) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-20 li:nth-child(6)>*{transform:rotate(-90deg)}.circle.size-20 li:nth-child(6) .life,.circle.size-20 li:nth-child(6) .shroud,.circle.size-20 li:nth-child(6) .token{transition-delay:.25s}.circle.size-20 li:nth-child(7){transform:rotate(108deg);z-index:14}.circle.size-20 li:nth-child(7) .ability{left:100%;right:auto}.circle.size-20 li:nth-child(7) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-20 li:nth-child(7)>*{transform:rotate(-108deg)}.circle.size-20 li:nth-child(7) .life,.circle.size-20 li:nth-child(7) .shroud,.circle.size-20 li:nth-child(7) .token{transition-delay:.3s}.circle.size-20 li:nth-child(8){transform:rotate(126deg);z-index:13}.circle.size-20 li:nth-child(8) .ability{left:100%;right:auto}.circle.size-20 li:nth-child(8) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-20 li:nth-child(8)>*{transform:rotate(-126deg)}.circle.size-20 li:nth-child(8) .life,.circle.size-20 li:nth-child(8) .shroud,.circle.size-20 li:nth-child(8) .token{transition-delay:.35s}.circle.size-20 li:nth-child(9){transform:rotate(144deg);z-index:12}.circle.size-20 li:nth-child(9) .ability{left:100%;right:auto}.circle.size-20 li:nth-child(9) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-20 li:nth-child(9)>*{transform:rotate(-144deg)}.circle.size-20 li:nth-child(9) .life,.circle.size-20 li:nth-child(9) .shroud,.circle.size-20 li:nth-child(9) .token{transition-delay:.4s}.circle.size-20 li:nth-child(10){transform:rotate(162deg);z-index:11}.circle.size-20 li:nth-child(10) .ability{left:100%;right:auto}.circle.size-20 li:nth-child(10) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-20 li:nth-child(10)>*{transform:rotate(-162deg)}.circle.size-20 li:nth-child(10) .life,.circle.size-20 li:nth-child(10) .shroud,.circle.size-20 li:nth-child(10) .token{transition-delay:.45s}.circle.size-20 li:nth-child(11){transform:rotate(180deg);z-index:10}.circle.size-20 li:nth-child(11) .ability{left:100%;right:auto}.circle.size-20 li:nth-child(11) .ability:after{border-left-color:transparent;border-right-color:#000;left:auto;right:100%}.circle.size-20 li:nth-child(11)>*{transform:rotate(-180deg)}.circle.size-20 li:nth-child(11) .life,.circle.size-20 li:nth-child(11) .shroud,.circle.size-20 li:nth-child(11) .token{transition-delay:.5s}.circle.size-20 li:nth-child(12){transform:rotate(198deg);z-index:11}.circle.size-20 li:nth-child(12)>*{transform:rotate(-198deg)}.circle.size-20 li:nth-child(12) .life,.circle.size-20 li:nth-child(12) .shroud,.circle.size-20 li:nth-child(12) .token{transition-delay:.55s}.circle.size-20 li:nth-child(13){transform:rotate(216deg);z-index:12}.circle.size-20 li:nth-child(13)>*{transform:rotate(-216deg)}.circle.size-20 li:nth-child(13) .life,.circle.size-20 li:nth-child(13) .shroud,.circle.size-20 li:nth-child(13) .token{transition-delay:.6s}.circle.size-20 li:nth-child(14){transform:rotate(234deg);z-index:13}.circle.size-20 li:nth-child(14)>*{transform:rotate(-234deg)}.circle.size-20 li:nth-child(14) .life,.circle.size-20 li:nth-child(14) .shroud,.circle.size-20 li:nth-child(14) .token{transition-delay:.65s}.circle.size-20 li:nth-child(15){transform:rotate(252deg);z-index:14}.circle.size-20 li:nth-child(15)>*{transform:rotate(-252deg)}.circle.size-20 li:nth-child(15) .life,.circle.size-20 li:nth-child(15) .shroud,.circle.size-20 li:nth-child(15) .token{transition-delay:.7s}.circle.size-20 li:nth-child(16){transform:rotate(270deg);z-index:15}.circle.size-20 li:nth-child(16)>*{transform:rotate(-270deg)}.circle.size-20 li:nth-child(16) .life,.circle.size-20 li:nth-child(16) .shroud,.circle.size-20 li:nth-child(16) .token{transition-delay:.75s}.circle.size-20 li:nth-child(17){transform:rotate(288deg);z-index:16}.circle.size-20 li:nth-child(17)>*{transform:rotate(-288deg)}.circle.size-20 li:nth-child(17) .life,.circle.size-20 li:nth-child(17) .shroud,.circle.size-20 li:nth-child(17) .token{transition-delay:.8s}.circle.size-20 li:nth-child(18){transform:rotate(306deg);z-index:17}.circle.size-20 li:nth-child(18)>*{transform:rotate(-306deg)}.circle.size-20 li:nth-child(18) .life,.circle.size-20 li:nth-child(18) .shroud,.circle.size-20 li:nth-child(18) .token{transition-delay:.85s}.circle.size-20 li:nth-child(19){transform:rotate(324deg);z-index:18}.circle.size-20 li:nth-child(19)>*{transform:rotate(-324deg)}.circle.size-20 li:nth-child(19) .life,.circle.size-20 li:nth-child(19) .shroud,.circle.size-20 li:nth-child(19) .token{transition-delay:.9s}.circle.size-20 li:nth-child(20){transform:rotate(342deg);z-index:19}.circle.size-20 li:nth-child(20)>*{transform:rotate(-342deg)}.circle.size-20 li:nth-child(20) .life,.circle.size-20 li:nth-child(20) .shroud,.circle.size-20 li:nth-child(20) .token{transition-delay:.95s}#townsquare{width:100%;height:100%;border-radius:50%;padding:20px}ul.tokens .token{border-radius:50%;height:120px;width:120px;background:url(../img/token.d0b9dbdf.png) 50%;background-size:100%;text-align:center;color:#000;margin:5px;font-weight:600;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 0 5px rgba(0,0,0,.75);padding-top:85px;font-family:Papyrus,serif;border:3px solid #000;box-shadow:0 0 10px rgba(0,0,0,.5);cursor:pointer;transition:transform .5s ease}ul.tokens .token.townsfolk{box-shadow:0 0 10px #1f65ff,0 0 10px #004cff}ul.tokens .token.outsider{box-shadow:0 0 10px #46d5ff,0 0 10px #46d5ff}ul.tokens .token.minion{box-shadow:0 0 10px #ff6900,0 0 10px #ff6900}ul.tokens .token.demon{box-shadow:0 0 10px #ce0100,0 0 10px #ce0100}ul.tokens .token.traveler{box-shadow:0 0 10px #cc04ff,0 0 10px #cc04ff}ul.tokens .token:before{content:" ";background-size:100%;position:absolute;width:100%;height:100%;left:0;top:0}ul.tokens .token:hover{transform:scale(1.2)}ul.reminders .reminder{background:url(../img/reminder.5097ab11.png) 50%;background-size:100%;width:100px;height:100px;color:#000;font-size:65%;font-weight:700;display:block;margin:5px;text-align:center;border-radius:50%;border:3px solid #000;box-shadow:0 0 10px rgba(0,0,0,.5);cursor:pointer;padding-top:65px;transition:transform .5s ease}ul.reminders .reminder:before{content:" ";position:absolute;left:0;top:0;width:100%;height:100%;background-size:100%;background-position:center 0;background-repeat:no-repeat}ul.reminders .reminder:hover{transform:scale(1.2)}.info{position:absolute;display:flex;left:50%;top:50%;width:20%;height:20%;margin-left:-10%;margin-top:-5%;padding:50px 0 0;align-items:center;align-content:center;justify-content:center;flex-wrap:wrap;background:url(../img/demon-head.68161573.png) 50% no-repeat;background-size:auto 100%}.info li{display:block;white-space:nowrap;font-weight:700;text-align:center;padding:0 5px;width:100%;-webkit-filter:drop-shadow(0 0 2px rgba(0,0,0,.7));filter:drop-shadow(0 0 2px rgba(0,0,0,.7))}.info li svg{margin-right:10px}.info li .players{color:#00f700}.info li .alive{color:#ff4a50}.info li .votes{color:#1cfff2}.info li .townsfolk{color:#1f65ff}.info li .outsider{color:#46d5ff}.info li .minion{color:#ff6900}.info li .demon{color:#ce0100}.info li .traveler{color:#cc04ff}.info li.edition{width:220px;height:200px;background-position:0;background-repeat:no-repeat;background-size:100% auto;position:absolute;top:-50px}.roles .modal ul.tokens{padding-left:20px}.roles .modal ul.tokens .count{position:absolute;left:0;font-weight:700;padding:5px}.roles .modal ul.tokens .count.townsfolk{color:#1f65ff}.roles .modal ul.tokens .count.outsider{color:#46d5ff}.roles .modal ul.tokens .count.minion{color:#ff6900}.roles .modal ul.tokens .count.demon{color:#ce0100}.roles .modal ul.tokens .token{opacity:.5}.roles .modal ul.tokens .token.selected{opacity:1}@font-face{font-family:Papyrus;src:url(../fonts/papyrus.6d21d922.eot);src:url(../fonts/papyrus.6d21d922.eot?#iefix) format("embedded-opentype"),url(../fonts/papyrus.7cb5242a.woff2) format("woff2"),url(../fonts/papyrus.fa5c81d6.woff) format("woff"),url(../fonts/papyrus.a0e1b188.ttf) format("truetype"),url(../img/papyrus.f672c802.svg#PapyrusW01) format("svg")}body,html{font-size:1.2em;line-height:1.4;background:url(../img/background.70b59cf9.jpg) 50%;background-size:cover;color:#fff;height:100%;font-family:Roboto Condensed,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;margin:0;overflow:hidden}*{box-sizing:border-box;position:relative}#app{height:100%}.controls{position:absolute;right:0;top:0;text-align:right;padding:10px}.controls svg{cursor:pointer}.controls ul{display:flex;list-style-type:none;padding:0;margin:0;flex-direction:column;border-radius:10px;overflow:hidden;box-shadow:0 0 10px #000}.controls ul li{padding:5px 10px;color:#fff;text-align:center;background:rgba(0,0,0,.7);margin-bottom:1px;cursor:pointer}.controls ul li:hover{background-color:red}.controls ul li em{text-decoration:underline;font-style:normal;font-weight:700}.edition-tb{background-image:url(../img/edition-tb.438499cd.png)}.edition-bmr{background-image:url(../img/edition-bmr.1d06ca78.png)}.edition-snv{background-image:url(../img/edition-snv.288a42ad.png)}.edition-luf{background-image:url(../img/edition-luf.8e16a6e6.png)}ul.editions .edition{text-align:center;padding-top:100px;background-position:50%;background-size:cover;width:200px;margin:5px;font-size:120%;font-weight:700;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 5px rgba(0,0,0,.75);cursor:pointer} \ No newline at end of file diff --git a/index.html b/index.html index 13edede..4c1f14f 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -
, or missing
. Bailing hydration and performing ' +\n 'full client-side render.'\n );\n }\n }\n // either not server-rendered, or hydration failed.\n // create an empty node and replace it\n oldVnode = emptyNodeAt(oldVnode);\n }\n\n // replacing existing element\n var oldElm = oldVnode.elm;\n var parentElm = nodeOps.parentNode(oldElm);\n\n // create new node\n createElm(\n vnode,\n insertedVnodeQueue,\n // extremely rare edge case: do not insert if old element is in a\n // leaving transition. Only happens when combining transition +\n // keep-alive + HOCs. (#4590)\n oldElm._leaveCb ? null : parentElm,\n nodeOps.nextSibling(oldElm)\n );\n\n // update parent placeholder node element, recursively\n if (isDef(vnode.parent)) {\n var ancestor = vnode.parent;\n var patchable = isPatchable(vnode);\n while (ancestor) {\n for (var i = 0; i < cbs.destroy.length; ++i) {\n cbs.destroy[i](ancestor);\n }\n ancestor.elm = vnode.elm;\n if (patchable) {\n for (var i$1 = 0; i$1 < cbs.create.length; ++i$1) {\n cbs.create[i$1](emptyNode, ancestor);\n }\n // #6513\n // invoke insert hooks that may have been merged by create hooks.\n // e.g. for directives that uses the \"inserted\" hook.\n var insert = ancestor.data.hook.insert;\n if (insert.merged) {\n // start at index 1 to avoid re-invoking component mounted hook\n for (var i$2 = 1; i$2 < insert.fns.length; i$2++) {\n insert.fns[i$2]();\n }\n }\n } else {\n registerRef(ancestor);\n }\n ancestor = ancestor.parent;\n }\n }\n\n // destroy old node\n if (isDef(parentElm)) {\n removeVnodes([oldVnode], 0, 0);\n } else if (isDef(oldVnode.tag)) {\n invokeDestroyHook(oldVnode);\n }\n }\n }\n\n invokeInsertHook(vnode, insertedVnodeQueue, isInitialPatch);\n return vnode.elm\n }\n}\n\n/* */\n\nvar directives = {\n create: updateDirectives,\n update: updateDirectives,\n destroy: function unbindDirectives (vnode) {\n updateDirectives(vnode, emptyNode);\n }\n};\n\nfunction updateDirectives (oldVnode, vnode) {\n if (oldVnode.data.directives || vnode.data.directives) {\n _update(oldVnode, vnode);\n }\n}\n\nfunction _update (oldVnode, vnode) {\n var isCreate = oldVnode === emptyNode;\n var isDestroy = vnode === emptyNode;\n var oldDirs = normalizeDirectives$1(oldVnode.data.directives, oldVnode.context);\n var newDirs = normalizeDirectives$1(vnode.data.directives, vnode.context);\n\n var dirsWithInsert = [];\n var dirsWithPostpatch = [];\n\n var key, oldDir, dir;\n for (key in newDirs) {\n oldDir = oldDirs[key];\n dir = newDirs[key];\n if (!oldDir) {\n // new directive, bind\n callHook$1(dir, 'bind', vnode, oldVnode);\n if (dir.def && dir.def.inserted) {\n dirsWithInsert.push(dir);\n }\n } else {\n // existing directive, update\n dir.oldValue = oldDir.value;\n dir.oldArg = oldDir.arg;\n callHook$1(dir, 'update', vnode, oldVnode);\n if (dir.def && dir.def.componentUpdated) {\n dirsWithPostpatch.push(dir);\n }\n }\n }\n\n if (dirsWithInsert.length) {\n var callInsert = function () {\n for (var i = 0; i < dirsWithInsert.length; i++) {\n callHook$1(dirsWithInsert[i], 'inserted', vnode, oldVnode);\n }\n };\n if (isCreate) {\n mergeVNodeHook(vnode, 'insert', callInsert);\n } else {\n callInsert();\n }\n }\n\n if (dirsWithPostpatch.length) {\n mergeVNodeHook(vnode, 'postpatch', function () {\n for (var i = 0; i < dirsWithPostpatch.length; i++) {\n callHook$1(dirsWithPostpatch[i], 'componentUpdated', vnode, oldVnode);\n }\n });\n }\n\n if (!isCreate) {\n for (key in oldDirs) {\n if (!newDirs[key]) {\n // no longer present, unbind\n callHook$1(oldDirs[key], 'unbind', oldVnode, oldVnode, isDestroy);\n }\n }\n }\n}\n\nvar emptyModifiers = Object.create(null);\n\nfunction normalizeDirectives$1 (\n dirs,\n vm\n) {\n var res = Object.create(null);\n if (!dirs) {\n // $flow-disable-line\n return res\n }\n var i, dir;\n for (i = 0; i < dirs.length; i++) {\n dir = dirs[i];\n if (!dir.modifiers) {\n // $flow-disable-line\n dir.modifiers = emptyModifiers;\n }\n res[getRawDirName(dir)] = dir;\n dir.def = resolveAsset(vm.$options, 'directives', dir.name, true);\n }\n // $flow-disable-line\n return res\n}\n\nfunction getRawDirName (dir) {\n return dir.rawName || ((dir.name) + \".\" + (Object.keys(dir.modifiers || {}).join('.')))\n}\n\nfunction callHook$1 (dir, hook, vnode, oldVnode, isDestroy) {\n var fn = dir.def && dir.def[hook];\n if (fn) {\n try {\n fn(vnode.elm, dir, vnode, oldVnode, isDestroy);\n } catch (e) {\n handleError(e, vnode.context, (\"directive \" + (dir.name) + \" \" + hook + \" hook\"));\n }\n }\n}\n\nvar baseModules = [\n ref,\n directives\n];\n\n/* */\n\nfunction updateAttrs (oldVnode, vnode) {\n var opts = vnode.componentOptions;\n if (isDef(opts) && opts.Ctor.options.inheritAttrs === false) {\n return\n }\n if (isUndef(oldVnode.data.attrs) && isUndef(vnode.data.attrs)) {\n return\n }\n var key, cur, old;\n var elm = vnode.elm;\n var oldAttrs = oldVnode.data.attrs || {};\n var attrs = vnode.data.attrs || {};\n // clone observed objects, as the user probably wants to mutate it\n if (isDef(attrs.__ob__)) {\n attrs = vnode.data.attrs = extend({}, attrs);\n }\n\n for (key in attrs) {\n cur = attrs[key];\n old = oldAttrs[key];\n if (old !== cur) {\n setAttr(elm, key, cur);\n }\n }\n // #4391: in IE9, setting type can reset value for input[type=radio]\n // #6666: IE/Edge forces progress value down to 1 before setting a max\n /* istanbul ignore if */\n if ((isIE || isEdge) && attrs.value !== oldAttrs.value) {\n setAttr(elm, 'value', attrs.value);\n }\n for (key in oldAttrs) {\n if (isUndef(attrs[key])) {\n if (isXlink(key)) {\n elm.removeAttributeNS(xlinkNS, getXlinkProp(key));\n } else if (!isEnumeratedAttr(key)) {\n elm.removeAttribute(key);\n }\n }\n }\n}\n\nfunction setAttr (el, key, value) {\n if (el.tagName.indexOf('-') > -1) {\n baseSetAttr(el, key, value);\n } else if (isBooleanAttr(key)) {\n // set attribute for blank value\n // e.g. \n if (isFalsyAttrValue(value)) {\n el.removeAttribute(key);\n } else {\n // technically allowfullscreen is a boolean attribute for