diff --git a/css/app.a3425d1d.css b/css/app.a3425d1d.css new file mode 100644 index 0000000..76b95cb --- /dev/null +++ b/css/app.a3425d1d.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}.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.traveler{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.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}#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:200px;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}@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/img/amnesiac.03ce8f67.png b/img/amnesiac.03ce8f67.png new file mode 100644 index 0000000..de16b9b Binary files /dev/null and b/img/amnesiac.03ce8f67.png differ diff --git a/img/balloonist.3d6e31f8.png b/img/balloonist.3d6e31f8.png new file mode 100644 index 0000000..602db2f Binary files /dev/null and b/img/balloonist.3d6e31f8.png differ diff --git a/img/cannibal.e2bfb541.png b/img/cannibal.e2bfb541.png new file mode 100644 index 0000000..e6de6d6 Binary files /dev/null and b/img/cannibal.e2bfb541.png differ diff --git a/img/fisherman.9077de7e.png b/img/fisherman.9077de7e.png new file mode 100644 index 0000000..c2655f3 Binary files /dev/null and b/img/fisherman.9077de7e.png differ diff --git a/img/goblin.7ebbd9ad.png b/img/goblin.7ebbd9ad.png new file mode 100644 index 0000000..a5449d3 Binary files /dev/null and b/img/goblin.7ebbd9ad.png differ diff --git a/img/leviathan.dfbff6e8.png b/img/leviathan.dfbff6e8.png new file mode 100644 index 0000000..f259462 Binary files /dev/null and b/img/leviathan.dfbff6e8.png differ diff --git a/img/widow.ec8d8cb0.png b/img/widow.ec8d8cb0.png new file mode 100644 index 0000000..345a9b1 Binary files /dev/null and b/img/widow.ec8d8cb0.png differ diff --git a/index.html b/index.html index 7b2a1c4..cd8502a 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -