diff --git a/css/app.4f82930b.css b/css/app.4f82930b.css
new file mode 100644
index 0000000..dda3e8f
--- /dev/null
+++ b/css/app.4f82930b.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.traveller{-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-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)}.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.reminders,ul.tokens{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%}ul.reminders .token,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.reminders .token.townsfolk,ul.tokens .token.townsfolk{box-shadow:0 0 10px #1f65ff,0 0 10px #004cff}ul.reminders .token.outsider,ul.tokens .token.outsider{box-shadow:0 0 10px #46d5ff,0 0 10px #46d5ff}ul.reminders .token.minion,ul.tokens .token.minion{box-shadow:0 0 10px #ff6900,0 0 10px #ff6900}ul.reminders .token.demon,ul.tokens .token.demon{box-shadow:0 0 10px #ce0100,0 0 10px #ce0100}ul.reminders .token.traveller,ul.tokens .token.traveller{box-shadow:0 0 10px #cc04ff,0 0 10px #cc04ff}ul.reminders .token:before,ul.tokens .token:before{content:" ";background-size:100%;position:absolute;width:100%;height:100%;left:0;top:0}ul.reminders .token:hover,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 .traveller{color:#cc04ff}.info li.edition{width:220px;height:200px;background:0 no-repeat;background-size:100% auto;position:absolute;top:-50px}.info li.edition.edition-TB{background-image:url(../img/edition-tb.438499cd.png)}.info li.edition.edition-BMR{background-image:url(../img/edition-bmr.1d06ca78.png)}.info li.edition.edition-SNV{background-image:url(../img/edition-snv.288a42ad.png)}@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}
\ No newline at end of file
diff --git a/img/edition-bmr.1d06ca78.png b/img/edition-bmr.1d06ca78.png
new file mode 100644
index 0000000..96f789d
Binary files /dev/null and b/img/edition-bmr.1d06ca78.png differ
diff --git a/img/edition-snv.288a42ad.png b/img/edition-snv.288a42ad.png
new file mode 100644
index 0000000..5090ca6
Binary files /dev/null and b/img/edition-snv.288a42ad.png differ
diff --git a/img/edition-tb.438499cd.png b/img/edition-tb.438499cd.png
new file mode 100644
index 0000000..83e1ccc
Binary files /dev/null and b/img/edition-tb.438499cd.png differ
diff --git a/index.html b/index.html
index 21ab442..a6e9a13 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><title>Vue App</title><link href=/townsquare/css/app.c782a133.css rel=preload as=style><link href=/townsquare/js/app.d427fa24.js rel=preload as=script><link href=/townsquare/js/chunk-vendors.6166f0f6.js rel=preload as=script><link href=/townsquare/css/app.c782a133.css rel=stylesheet></head><body><div id=app></div><script src=/townsquare/js/chunk-vendors.6166f0f6.js></script><script src=/townsquare/js/app.d427fa24.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><title>Vue App</title><link href=/townsquare/css/app.4f82930b.css rel=preload as=style><link href=/townsquare/js/app.1403d45d.js rel=preload as=script><link href=/townsquare/js/chunk-vendors.6166f0f6.js rel=preload as=script><link href=/townsquare/css/app.4f82930b.css rel=stylesheet></head><body><div id=app></div><script src=/townsquare/js/chunk-vendors.6166f0f6.js></script><script src=/townsquare/js/app.1403d45d.js></script></body></html>
\ No newline at end of file
diff --git a/js/app.1403d45d.js b/js/app.1403d45d.js
new file mode 100644
index 0000000..fba209f
--- /dev/null
+++ b/js/app.1403d45d.js
@@ -0,0 +1,2 @@
+(function(e){function t(t){for(var a,s,n=t[0],l=t[1],h=t[2],u=0,m=[];u<n.length;u++)s=n[u],Object.prototype.hasOwnProperty.call(r,s)&&r[s]&&m.push(r[s][0]),r[s]=0;for(a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a]);d&&d(t);while(m.length)m.shift()();return o.push.apply(o,h||[]),i()}function i(){for(var e,t=0;t<o.length;t++){for(var i=o[t],a=!0,n=1;n<i.length;n++){var l=i[n];0!==r[l]&&(a=!1)}a&&(o.splice(t--,1),e=s(s.s=i[0]))}return e}var a={},r={app:0},o=[];function s(t){if(a[t])return a[t].exports;var i=a[t]={i:t,l:!1,exports:{}};return e[t].call(i.exports,i,i.exports,s),i.l=!0,i.exports}s.m=e,s.c=a,s.d=function(e,t,i){s.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},s.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.t=function(e,t){if(1&t&&(e=s(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(s.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)s.d(i,a,function(t){return e[t]}.bind(null,a));return i},s.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return s.d(t,"a",t),t},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.p="/townsquare/";var n=window["webpackJsonp"]=window["webpackJsonp"]||[],l=n.push.bind(n);n.push=t,n=n.slice();for(var h=0;h<n.length;h++)t(n[h]);var d=l;o.push(["56d7","chunk-vendors"]),i()})({"0025":function(e,t,i){},"30db":function(e,t,i){"use strict";var a=i("0025"),r=i.n(a);r.a},3636:function(e,t,i){"use strict";var a=i("d4b2"),r=i.n(a);r.a},"56d7":function(e,t,i){"use strict";i.r(t);var a=i("2b0e"),r=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{attrs:{id:"app",tabindex:"-1"},on:{keyup:e.keyup}},[i("TownInfo",{attrs:{players:e.players,edition:e.edition}}),i("TownSquare",{attrs:{"is-public":e.isPublic,players:e.players,roles:e.roles}}),i("div",{staticClass:"controls"},[i("font-awesome-icon",{attrs:{icon:"cogs"},on:{click:function(t){e.isControlOpen=!e.isControlOpen}}}),e.isControlOpen?i("ul",[i("li",{on:{click:e.togglePublic}},[e._v("Toggle "),i("em",[e._v("G")]),e._v("rimoire")]),e.players.length<20?i("li",{on:{click:e.addPlayer}},[i("em",[e._v("A")]),e._v("dd Player ")]):e._e(),e.players.length>4?i("li",{on:{click:e.togglePublic}},[e._v(" Select Roles ")]):e._e(),e.players.length>2?i("li",{on:{click:e.randomizeSeatings}},[i("em",[e._v("R")]),e._v("andomize Seatings ")]):e._e(),e.players.length?i("li",{on:{click:e.clearPlayers}},[e._v(" Clear Players ")]):e._e()]):e._e()],1)],1)},o=[],s=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"square",class:{public:e.isPublic},attrs:{id:"townsquare"}},[i("ul",{staticClass:"circle",class:["size-"+e.players.length]},e._l(e.players,(function(t,a){return i("Player",{key:a,attrs:{player:t,roles:e.roles,"is-public":e.isPublic},on:{"add-reminder":e.openReminderModal,"set-role":e.openRoleModal,"remove-player":e.removePlayer}})})),1),i("Modal",{directives:[{name:"show",rawName:"v-show",value:e.availableReminders.length,expression:"availableReminders.length"}],on:{close:e.closeModal}},[i("h2",[e._v("Choose a reminder token:")]),i("ul",{staticClass:"reminders"},e._l(e.availableReminders,(function(t){return i("li",{key:t.role+" "+t.name,staticClass:"reminder",class:[t.role],on:{click:function(i){return e.addReminder(t)}}},[e._v(" "+e._s(t.name)+" ")])})),0)]),i("Modal",{directives:[{name:"show",rawName:"v-show",value:e.availableRoles.length,expression:"availableRoles.length"}],on:{close:e.closeModal}},[i("h2",[e._v("Choose a new role:")]),i("ul",{staticClass:"tokens"},e._l(e.availableRoles,(function(t){return i("li",{key:t.id,staticClass:"token",class:[t.id,t.team],on:{click:function(i){return e.setRole(t)}}},[e._v(" "+e._s(t.name)+" ")])})),0)])],1)},n=[],l=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("li",[i("div",{staticClass:"player",class:{dead:e.player.hasDied,"no-vote":e.player.hasVoted,traveller:e.player.role&&"traveller"===e.player.role.team}},[i("div",{staticClass:"shroud",on:{click:function(t){return e.toggleStatus()}}}),i("div",{staticClass:"life",on:{click:function(t){return e.toggleStatus()}}}),i("div",{staticClass:"token",class:[e.player.role.id],on:{click:function(t){return e.changeRole()}}},[e.player.role.firstNight?i("span",{staticClass:"leaf-left"}):e._e(),e.player.role.otherNight?i("span",{staticClass:"leaf-right"}):e._e(),e.player.role.reminders&&e.player.role.reminders.length?i("span",{class:["leaf-top"+e.player.role.reminders.length]}):e._e(),e.player.role.setup?i("span",{staticClass:"leaf-orange"}):e._e(),i("div",[e._v(e._s(e.player.role.name))])]),e.player.role.ability?i("div",{staticClass:"ability"},[e._v(" "+e._s(e.player.role.ability)+" ")]):e._e(),i("div",{staticClass:"name",on:{click:e.changeName}},[e._v(" "+e._s(e.player.name)+" "),i("span",{staticClass:"remove",on:{click:function(t){return t.stopPropagation(),e.$emit("remove-player",e.player)}}},[i("font-awesome-icon",{attrs:{icon:"times-circle"}})],1)])]),e.player.reminders?e._l(e.player.reminders,(function(t){return i("div",{key:t.role+" "+t.name,staticClass:"reminder",class:[t.role],on:{click:function(i){return e.removeReminder(t)}}},[e._v(" "+e._s(t.name)+" ")])})):e._e(),i("div",{staticClass:"reminder add",on:{click:function(t){return e.$emit("add-reminder",e.player)}}})],2)},h=[],d={props:{player:{type:Object,required:!0},roles:{type:Map,required:!0},isPublic:{type:Boolean,required:!0}},data(){return{}},methods:{toggleStatus(){this.isPublic?this.player.hasDied?this.player.hasVoted?(this.$set(this.player,"hasVoted",!1),this.$set(this.player,"hasDied",!1)):this.$set(this.player,"hasVoted",!0):this.$set(this.player,"hasDied",!0):this.$set(this.player,"hasDied",!this.player.hasDied)},changeRole(){this.$emit("set-role",this.player)},changeName(){const e=prompt("Player name",this.player.name);this.player.name=e||this.player.name},removeReminder(e){this.player.reminders.splice(this.player.reminders.indexOf(e),1)}}},u=d,m=(i("74c9"),i("2877")),f=Object(m["a"])(u,l,h,!1,null,null,null),c=f.exports,y=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("transition",{attrs:{name:"modal-fade"}},[i("div",{staticClass:"modal-backdrop",on:{click:e.close}},[i("div",{staticClass:"modal",attrs:{role:"dialog","aria-labelledby":"modalTitle","aria-describedby":"modalDescription"},on:{click:function(e){e.stopPropagation()}}},[e._t("default")],2)])])},p=[],g={methods:{close(){this.$emit("close")}}},b=g,N=(i("30db"),Object(m["a"])(b,y,p,!1,null,null,null)),v=N.exports,k={components:{Modal:v,Player:c},props:{isPublic:{type:Boolean,required:!0},players:{type:Array,required:!0},roles:{type:Map,required:!0}},data(){return{selectedPlayer:!1,availableReminders:[],availableRoles:[]}},methods:{openReminderModal(e){this.selectedPlayer=e,this.availableReminders=[],this.roles.forEach(e=>{this.players.some(t=>t.role.id===e.id)&&(this.availableReminders=[...this.availableReminders,...e.reminders.map(t=>({role:e.id,name:t}))])}),this.availableReminders.push({role:"good",name:"Good"}),this.availableReminders.push({role:"evil",name:"Evil"})},openRoleModal(e){this.selectedPlayer=e,this.availableRoles=[],this.roles.forEach(t=>{t.id!==e.role&&this.availableRoles.push(t)}),this.availableRoles.push({})},addReminder(e){this.selectedPlayer.reminders.push(e),this.closeModal()},setRole(e){this.selectedPlayer.role=e,this.closeModal()},closeModal(){this.selectedPlayer=!1,this.availableReminders=[],this.availableRoles=[]},removePlayer(e){confirm(`Do you really want to remove ${e.name}?`)&&this.players.splice(this.players.indexOf(e),1)}}},w=k,S=(i("3636"),Object(m["a"])(w,s,n,!1,null,null,null)),_=S.exports,D=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("ul",{staticClass:"info"},[i("li",{staticClass:"edition",class:["edition-"+e.edition]}),e.players.length<5?i("li",[e._v("Please add more players!")]):e._e(),i("li",[e._v(" "+e._s(e.players.length)+" "),i("font-awesome-icon",{staticClass:"players",attrs:{icon:"users"}}),e._v(" "+e._s(e.teams.alive)+" "),i("font-awesome-icon",{staticClass:"alive",attrs:{icon:"heartbeat"}}),e._v(" "+e._s(e.teams.votes)+" "),i("font-awesome-icon",{staticClass:"votes",attrs:{icon:"vote-yea"}})],1),e.players.length>=5?i("li",[e._v(" "+e._s(e.teams.townsfolk)+" "),i("font-awesome-icon",{staticClass:"townsfolk",attrs:{icon:"user-friends"}}),e._v(" "+e._s(e.teams.outsiders)+" "),i("font-awesome-icon",{staticClass:"outsider",attrs:{icon:e.teams.outsiders>1?"user-friends":"user"}}),e._v(" "+e._s(e.teams.minions)+" "),i("font-awesome-icon",{staticClass:"minion",attrs:{icon:e.teams.minions>1?"user-friends":"user"}}),e._v(" "+e._s(e.teams.demons)+" "),i("font-awesome-icon",{staticClass:"demon",attrs:{icon:e.teams.demons>1?"user-friends":"user"}}),e.teams.travellers?[e._v(" "+e._s(e.teams.travellers)+" "),i("font-awesome-icon",{staticClass:"traveller",attrs:{icon:e.teams.travellers>1?"user-friends":"user"}})]:e._e()],2):e._e()])},M=[],B=i("634a"),T={props:{players:{type:Array,required:!0},edition:{type:String,required:!0}},computed:{teams:function(){const e=this.players.filter(e=>"traveller"!==e.role.team).length,t=this.players.filter(e=>!0!==e.hasDied).length;return{...B[e-5],travellers:this.players.length-e,alive:t,votes:t+this.players.filter(e=>!0===e.hasDied&&!0!==e.hasVoted).length}}}},R=T,P=(i("8d43"),Object(m["a"])(R,D,M,!1,null,null,null)),E=P.exports,O=i("b1d9");const C=(e="TB")=>new Map(O.filter(t=>t.edition===e).sort((e,t)=>t.team.localeCompare(e.team)).map(e=>[e.id,e]));console.log(C());var x={components:{TownSquare:_,TownInfo:E},data:()=>({isPublic:!0,isControlOpen:!1,players:[],roles:C(),edition:"TB"}),methods:{togglePublic(){this.isPublic=!this.isPublic,this.isControlOpen=!1},addPlayer(){const e=prompt("Player name");e&&this.players.push({name:e,role:{},reminders:[]})},randomizeSeatings(){confirm("Are you sure you want to randomize seatings?")&&(this.players=this.players.map(e=>[Math.random(),e]).sort((e,t)=>e[0]-t[0]).map(e=>e[1]))},clearPlayers(){this.players=[]},keyup({key:e}){switch(e){case"g":this.togglePublic();break;case"a":this.addPlayer();break;case"r":this.randomizeSeatings();break}}},mounted(){localStorage.edition&&(this.edition=localStorage.edition,this.roles=C(this.edition)),localStorage.players&&(this.players=JSON.parse(localStorage.players).map(e=>({...e,role:this.roles.get(e.role)||{}})))},watch:{players:{handler(e){localStorage.players=JSON.stringify(e.map(e=>({...e,role:e.role.id||{}})))},deep:!0},edition(e){localStorage.edition=e}}},V=x,I=(i("5c0b"),Object(m["a"])(V,r,o,!1,null,null,null)),A=I.exports,Y=i("ecee"),j=i("c074"),$=i("ad3d");Y["c"].add(j["f"],j["b"],j["g"],j["e"],j["d"],j["c"],j["a"]),a["a"].component("font-awesome-icon",$["a"]),a["a"].config.productionTip=!1,new a["a"]({render:e=>e(A)}).$mount("#app")},"5c0b":function(e,t,i){"use strict";var a=i("9c0c"),r=i.n(a);r.a},"634a":function(e){e.exports=JSON.parse('[{"townsfolk":3,"outsiders":0,"minions":1,"demons":1},{"townsfolk":3,"outsiders":1,"minions":1,"demons":1},{"townsfolk":5,"outsiders":0,"minions":1,"demons":1},{"townsfolk":5,"outsiders":1,"minions":1,"demons":1},{"townsfolk":5,"outsiders":2,"minions":1,"demons":1},{"townsfolk":7,"outsiders":0,"minions":2,"demons":1},{"townsfolk":7,"outsiders":1,"minions":2,"demons":1},{"townsfolk":7,"outsiders":2,"minions":2,"demons":1},{"townsfolk":9,"outsiders":0,"minions":3,"demons":1},{"townsfolk":9,"outsiders":1,"minions":3,"demons":1},{"townsfolk":9,"outsiders":2,"minions":3,"demons":1}]')},"74c9":function(e,t,i){"use strict";var a=i("9fd8"),r=i.n(a);r.a},"7a65":function(e,t,i){},"8d43":function(e,t,i){"use strict";var a=i("7a65"),r=i.n(a);r.a},"9c0c":function(e,t,i){},"9fd8":function(e,t,i){},b1d9:function(e){e.exports=JSON.parse('[{"id":"washerwoman","name":"Washerwoman","edition":"TB","team":"townsfolk","firstNight":true,"otherNight":false,"reminders":["Townsfolk","Decoy"],"setup":false,"ability":"You start knowing 1 of 2 players is a particular Townsfolk."},{"id":"librarian","name":"Librarian","edition":"TB","team":"townsfolk","firstNight":true,"otherNight":false,"reminders":["Outsider","Decoy"],"setup":false,"ability":"You start knowing that 1 of 2 players is a particular Outsider. (Or that zero are in play)"},{"id":"investigator","name":"Investigator","edition":"TB","team":"townsfolk","firstNight":true,"otherNight":false,"reminders":["Minion","Decoy"],"setup":false,"ability":"You start knowing 1 of 2 players is a particular Minion."},{"id":"chef","name":"Chef","edition":"TB","team":"townsfolk","firstNight":true,"otherNight":false,"reminders":[],"setup":false,"ability":"You start knowing how many pairs of evil players there are."},{"id":"empath","name":"Empath","edition":"TB","team":"townsfolk","firstNight":true,"otherNight":true,"reminders":[],"setup":false,"ability":"Each night, you learn how many of your 2 alive neighbours are evil."},{"id":"fortuneteller","name":"Fortune Teller","edition":"TB","team":"townsfolk","firstNight":true,"otherNight":true,"reminders":["Decoy"],"setup":false,"ability":"Each night, choose 2 players: you learn if either is a Demon. There is 1 good player that registers falsely to you."},{"id":"undertaker","name":"Undertaker","edition":"TB","team":"townsfolk","firstNight":false,"otherNight":true,"reminders":["Executed"],"setup":false,"ability":"Each night*, you learn which character died by execution today."},{"id":"monk","name":"Monk","edition":"TB","team":"townsfolk","firstNight":false,"otherNight":true,"reminders":["Protected"],"setup":false,"ability":"Each night*, choose a player (not yourself): they are safe from the Demon tonight."},{"id":"ravenkeeper","name":"Ravenkeeper","edition":"TB","team":"townsfolk","firstNight":false,"otherNight":true,"reminders":[],"setup":false,"ability":"If you die at night, you are woken to choose a player: you learn their character."},{"id":"mayor","name":"Mayor","edition":"TB","team":"townsfolk","firstNight":false,"otherNight":false,"reminders":[],"setup":false,"ability":"If only 3 players live & no execution occurs, your team wins. If you die at night, another player might die instead."},{"id":"slayer","name":"Slayer","edition":"TB","team":"townsfolk","firstNight":false,"otherNight":false,"reminders":["Used"],"setup":false,"ability":"Once per game, during the day, publicly choose a player: if they are the Demon, they die."},{"id":"soldier","name":"Soldier","edition":"TB","team":"townsfolk","firstNight":false,"otherNight":false,"reminders":[],"setup":false,"ability":"You are safe from the Demon."},{"id":"virgin","name":"Virgin","edition":"TB","team":"townsfolk","firstNight":false,"otherNight":false,"reminders":["Used"],"setup":false,"ability":"The first time you are nominated, if the nominator is a Townsfolk, they are executed immediately."},{"id":"butler","name":"Butler","edition":"TB","team":"outsider","firstNight":true,"otherNight":true,"reminders":["Master"],"setup":false,"ability":"Each night, choose a player (not yourself): tomorrow, you may only vote if they are voting too."},{"id":"drunk","name":"Drunk","edition":"TB","team":"outsider","firstNight":false,"otherNight":false,"reminders":["Drunk"],"setup":true,"ability":"You do not know you are the Drunk. You think you are a Townsfolk, but your ability malfunctions."},{"id":"recluse","name":"Recluse","edition":"TB","team":"outsider","firstNight":false,"otherNight":false,"reminders":[],"setup":false,"ability":"You might register as evil and as a Minion or Demon, even if dead."},{"id":"saint","name":"Saint","edition":"TB","team":"outsider","firstNight":false,"otherNight":false,"reminders":[],"setup":false,"ability":"If you die by execution, your team loses."},{"id":"baron","name":"Baron","edition":"TB","team":"minion","firstNight":false,"otherNight":false,"reminders":[],"setup":true,"ability":"There are extra Outsiders in play. [+2 Outsiders]"},{"id":"poisoner","name":"Poisoner","edition":"TB","team":"minion","firstNight":true,"otherNight":true,"reminders":["Poisoned"],"setup":false,"ability":"Each night, choose a player: their ability malfunctions tonight and tomorrow day."},{"id":"spy","name":"Spy","edition":"TB","team":"minion","firstNight":true,"otherNight":true,"reminders":[],"setup":false,"ability":"Each night, you see the Grimoire. You might register as good and as a Townsfolk or Outsider, even if dead."},{"id":"scarletwoman","name":"Scarlet Woman","edition":"TB","team":"minion","firstNight":false,"otherNight":true,"reminders":["Demon"],"setup":false,"ability":"If there are 5 or more players alive (Travellers don\'t count) and the Demon dies, you become the Demon."},{"id":"imp","name":"Imp","edition":"TB","team":"demon","firstNight":false,"otherNight":true,"reminders":["Die"],"setup":false,"ability":"Each night*, choose a player: they die. If you kill yourself this way, a Minion becomes the Imp."},{"id":"grandmother","edition":"BMR","firstNight":true,"otherNight":true,"reminders":["Grandchild"],"setup":false,"name":"Grandmother","team":"townsfolk","ability":"You start knowing a good player & character. If the Demon kills them, you die too."},{"id":"sailor","edition":"BMR","firstNight":true,"otherNight":true,"reminders":["Drunk"],"setup":false,"name":"Sailor","team":"townsfolk","ability":"Each night, choose a player: either you or they are drunk until dusk. You can not die."},{"id":"chambermaid","edition":"BMR","firstNight":true,"otherNight":true,"reminders":[],"setup":false,"name":"Chambermaid","team":"townsfolk","ability":"Each night, choose 2 alive players (not yourself): you learn how many woke tonight due to their ability."},{"id":"exorcist","edition":"BMR","firstNight":false,"otherNight":true,"reminders":["Chosen"],"setup":false,"name":"Exorcist","team":"townsfolk","ability":"Each night*, choose a player (not the same as last night): the Demon, if chosen, learns who you are & does not act tonight."},{"id":"innkeeper","edition":"BMR","firstNight":false,"otherNight":true,"reminders":["Protected","Drunk"],"setup":false,"name":"Innkeeper","team":"townsfolk","ability":"Each night*, choose 2 players: they cannot die tonight, but 1 is drunk until dusk."},{"id":"gambler","edition":"BMR","firstNight":false,"otherNight":true,"reminders":["Die"],"setup":false,"name":"Gambler","team":"townsfolk","ability":"Each night*, choose a player & guess their character: if you guess wrong, you die."},{"id":"gossip","edition":"BMR","firstNight":false,"otherNight":true,"reminders":["Die"],"setup":false,"name":"Gossip","team":"townsfolk","ability":"Each day, you may make a public statement. Tonight, if it was true, a player dies."},{"id":"courtier","edition":"BMR","firstNight":true,"otherNight":true,"reminders":["Drunk 1","Drunk 2","Drunk 3","Used"],"setup":false,"name":"Courtier","team":"townsfolk","ability":"Once per game, at night, choose a character: they are drunk for 3 nights & 3 days."},{"id":"professor","edition":"BMR","firstNight":false,"otherNight":true,"reminders":["Alive","Used"],"setup":false,"name":"Professor","team":"townsfolk","ability":"Once per game, at night*, choose a dead player. If they are a Townsfolk, they are resurrected."},{"id":"minstrel","edition":"BMR","firstNight":false,"otherNight":true,"reminders":["Everyone drunk"],"setup":false,"name":"Minstrel","team":"townsfolk","ability":"If a Minion died today, all other players (except Travelers) are drunk all night, until dusk."},{"id":"tealady","edition":"BMR","firstNight":false,"otherNight":false,"reminders":["Protected"],"setup":false,"name":"Tea Lady","team":"townsfolk","ability":"If both your alive neighbors are good, they can not die."},{"id":"pacifist","edition":"BMR","firstNight":false,"otherNight":false,"reminders":[],"setup":false,"name":"Pacifist","team":"townsfolk","ability":"Executed good players might not die."},{"id":"fool","edition":"BMR","firstNight":false,"otherNight":false,"reminders":["Used"],"setup":false,"name":"Fool","team":"townsfolk","ability":"The first time you die, you don\'t."},{"id":"tinker","edition":"BMR","firstNight":false,"otherNight":true,"reminders":["Die"],"setup":false,"name":"Tinker","team":"outsider","ability":"You might die at any time."},{"id":"moonchild","edition":"BMR","firstNight":false,"otherNight":true,"reminders":["Die"],"setup":false,"name":"Moonchild","team":"outsider","ability":"When you learn that you died, choose 1 alive player: if good, they die tonight."},{"id":"goon","edition":"BMR","firstNight":true,"otherNight":true,"reminders":["Drunk"],"setup":false,"name":"Goon","team":"outsider","ability":"Each night, the 1st player to choose you with their ability is drunk until dusk. You become their alignment."},{"id":"lunatic","edition":"BMR","firstNight":true,"otherNight":true,"reminders":["Attack 1","Attack 2","Attack 3","Decoy"],"setup":false,"name":"Lunatic","team":"outsider","ability":"You think you are a Demon, but your abilities malfunction. The Demon knows who you are & who you attack."},{"id":"godfather","edition":"BMR","firstNight":true,"otherNight":true,"reminders":["Died today","Die"],"setup":true,"name":"Godfather","team":"minion","ability":"You start knowing which Outsiders are in-play. If 1 died today, choose a player tonight: they die. [-1 or +1 Outsider]"},{"id":"devilsadvocate","edition":"BMR","firstNight":true,"otherNight":true,"reminders":["Survives execution"],"setup":false,"name":"Devils Advocate","team":"minion","ability":"Each night, choose a living player (not the same as last night): if executed tomorrow, they do not die."},{"id":"assassin","edition":"BMR","firstNight":false,"otherNight":true,"reminders":["Die","Used"],"setup":false,"name":"Assassin","team":"minion","ability":"Once per game, at night*, choose a player: they die, even if for some reason they could not."},{"id":"mastermind","edition":"BMR","firstNight":false,"otherNight":false,"reminders":[],"setup":false,"name":"Mastermind","team":"minion","ability":"If the Demon dies by execution, play for 1 more day. If a player is then executed, their team loses."},{"id":"po","edition":"BMR","firstNight":false,"otherNight":true,"reminders":["Die 1","Die 2","Die 3","Attack x3"],"setup":false,"name":"Po","team":"demon","ability":"Each night*, you may choose a player: they die. If you chose no-one last night, choose 3 players tonight."},{"id":"zombuul","edition":"BMR","firstNight":false,"otherNight":true,"reminders":["No death today","Die"],"setup":false,"name":"Zombuul","team":"demon","ability":"Each night*, if no-one died today, choose a player: they die. The 1st time you die, you live but register as dead."},{"id":"pukka","edition":"BMR","firstNight":true,"otherNight":true,"reminders":["Poisoned","Die"],"setup":false,"name":"Pukka","team":"demon","ability":"Each night, choose a player: they are poisoned until tomorrow night, then die. You act on the 1st night."},{"id":"shabaloth","edition":"BMR","firstNight":false,"otherNight":true,"reminders":["Die 1","Die 2","Alive"],"setup":false,"name":"Shabaloth","team":"demon","ability":"Each night*, choose 2 players: they die. A dead player you chose last night might be regurgitated."},{"id":"clockmaker","edition":"SNV","firstNight":true,"otherNight":false,"reminders":[],"setup":false,"name":"Clockmaker","team":"townsfolk","ability":"You start knowing how many steps from the Demon to its nearest Minion."},{"id":"dreamer","edition":"SNV","firstNight":true,"otherNight":true,"reminders":[],"setup":false,"name":"Dreamer","team":"townsfolk","ability":"Each night, choose a player (not yourself): you learn 1 good & 1 evil character, 1 of which is correct."},{"id":"snakecharmer","edition":"SNV","firstNight":true,"otherNight":true,"reminders":["Poisoned"],"setup":false,"name":"Snake Charmer","team":"townsfolk","ability":"Each night, choose an alive player: a chosen Demon swaps characters & alignments with you & is then poisoned."},{"id":"mathematician","edition":"SNV","firstNight":true,"otherNight":true,"reminders":["Abnormal effect"],"setup":false,"name":"Mathematician","team":"townsfolk","ability":"Each night, you learn how many players\' abilities worked abnormally (since dawn) due to another character\'s ability."},{"id":"flowergirl","edition":"SNV","firstNight":false,"otherNight":true,"reminders":["Demon did vote","Demon did not vote"],"setup":false,"name":"Flowergirl","team":"townsfolk","ability":"Each night*, you learn if the Demon voted today."},{"id":"towncrier","edition":"SNV","firstNight":false,"otherNight":true,"reminders":["No Minion nominated","Minion nominated"],"setup":false,"name":"Town Crier","team":"townsfolk","ability":"Each night*, you learn if a Minion nominated today."},{"id":"oracle","edition":"SNV","firstNight":false,"otherNight":true,"reminders":[],"setup":false,"name":"Oracle","team":"townsfolk","ability":"Each night*, you learn how many dead players are evil."},{"id":"savant","edition":"SNV","firstNight":false,"otherNight":false,"reminders":[],"setup":false,"name":"Savant","team":"townsfolk","ability":"Each day, you may visit the Storyteller to learn 2 things in private: 1 is true & 1 is false."},{"id":"seamstress","edition":"SNV","firstNight":true,"otherNight":true,"reminders":["Used"],"setup":false,"name":"Seamstress","team":"townsfolk","ability":"Once per game, at night, choose 2 players (not yourself): you learn if they are the same alignment."},{"id":"philosopher","edition":"SNV","firstNight":true,"otherNight":true,"reminders":["Used","Drunk"],"setup":false,"name":"Philosopher","team":"townsfolk","ability":"Once per game, at night, choose a good character: become them. If you duplicate an in-play character, they are drunk."},{"id":"artist","edition":"SNV","firstNight":false,"otherNight":false,"reminders":["Used"],"setup":false,"name":"Artist","team":"townsfolk","ability":"Once per game, during the day, privately ask the Storyteller any yes/no question."},{"id":"juggler","edition":"SNV","firstNight":false,"otherNight":true,"reminders":["Correct"],"setup":false,"name":"Juggler","team":"townsfolk","ability":"On your 1st day, publicly guess up to 5 player\'s characters. That night, you learn how many you got correct."},{"id":"sage","edition":"SNV","firstNight":false,"otherNight":true,"reminders":[],"setup":false,"name":"Sage","team":"townsfolk","ability":"If the Demon kills you, you learn that it is 1 of 2 players."},{"id":"mutant","edition":"SNV","firstNight":false,"otherNight":false,"reminders":[],"setup":false,"name":"Mutant","team":"outsider","ability":"If you are \\"mad\\" about being an Outsider, you might be executed."},{"id":"sweetheart","edition":"SNV","firstNight":false,"otherNight":true,"reminders":["Drunk"],"setup":false,"name":"Sweetheart","team":"outsider","ability":"If you die, 1 player is drunk from now on."},{"id":"barber","edition":"SNV","firstNight":false,"otherNight":true,"reminders":["Swap"],"setup":false,"name":"Barber","team":"outsider","ability":"If you die, tonight the Demon may choose 2 players to swap characters."},{"id":"klutz","edition":"SNV","firstNight":false,"otherNight":false,"reminders":[],"setup":false,"name":"Klutz","team":"outsider","ability":"When you learn that you died, publicly choose 1 alive good player: if they are evil, your team loses."},{"id":"eviltwin","edition":"SNV","firstNight":true,"otherNight":false,"reminders":["Twin"],"setup":false,"name":"Evil Twin","team":"minion","ability":"You & an opposing player know each other. If the good player is executed, evil wins. Good can\'t win if you both live."},{"id":"witch","edition":"SNV","firstNight":true,"otherNight":true,"reminders":["Cursed"],"setup":false,"name":"Witch","team":"minion","ability":"Each night, choose a player: if they nominate tomorrow, they die. If just 3 players live, you lose this ability."},{"id":"cerenovus","edition":"SNV","firstNight":true,"otherNight":true,"reminders":["Mad"],"setup":false,"name":"Cerenovus","team":"minion","ability":"Each night, choose a player & a good character: they are \\"mad\\" they are this character tomorrow, or might be executed."},{"id":"pithag","edition":"SNV","firstNight":false,"otherNight":true,"reminders":[],"setup":false,"name":"Pit Hag","team":"minion","ability":"Each night*, choose a player & a character they become (if not-in-play). If a Demon is made, deaths tonight are arbitrary."},{"id":"fanggu","edition":"SNV","firstNight":false,"otherNight":true,"reminders":["Die"],"setup":true,"name":"Fang Gu","team":"demon","ability":"Each night*, choose a player: they die. The 1st Outsider chosen becomes an evil Fang Gu & you die instead. [+1 Outsider]"},{"id":"vigormortis","edition":"SNV","firstNight":false,"otherNight":true,"reminders":["Die","Poisoned","Ability active"],"setup":true,"name":"Vigormortis","team":"demon","ability":"Each night*, choose a player: they die. Minions you kill keep their ability & poison 1 Townsfolk neighbor. [-1 Outsider]."},{"id":"nodashii","edition":"SNV","firstNight":false,"otherNight":true,"reminders":["Die","Poisoned"],"setup":false,"name":"No Dashii","team":"demon","ability":"Each night*, choose a player: they die. Your 2 Townsfolk neighbors are poisoned."},{"id":"vortox","edition":"SNV","firstNight":false,"otherNight":true,"reminders":["Die"],"setup":false,"name":"Vortox","team":"demon","ability":"Each night*, choose a player: they die. Good abilities yield false information. Each day, if no-one was executed, evil wins."},{"id":"scapegoat","edition":"TB","firstNight":false,"otherNight":false,"reminders":[],"setup":false,"name":"Scapegoat","team":"traveler","ability":"If a player of your alignment is executed, you might be executed instead."},{"id":"gunslinger","edition":"TB","firstNight":false,"otherNight":false,"reminders":[],"setup":false,"name":"Gunslinger","team":"traveler","ability":"Each day, after the 1st vote has been tallied, you may choose a player that voted: they die."},{"id":"beggar","edition":"TB","firstNight":false,"otherNight":false,"reminders":[],"setup":false,"name":"Beggar","team":"traveler","ability":"You must use a vote token to vote. Dead players may choose to give you theirs. If so, you learn their alignment."},{"id":"bureaucrat","edition":"TB","firstNight":true,"otherNight":true,"reminders":["Vote x3"],"setup":false,"name":"Bureaucrat","team":"traveler","ability":"Each night, choose a player (not yourself): their vote counts as 3 votes tomorrow."},{"id":"thief","edition":"TB","firstNight":true,"otherNight":true,"reminders":["Negative vote"],"setup":false,"name":"Thief","team":"traveler","ability":"Each night, choose a player (not yourself): their vote counts negatively tomorrow."},{"id":"apprentice","edition":"BMR","firstNight":true,"otherNight":false,"reminders":["Apprentice ability"],"setup":false,"name":"Apprentice","team":"traveler","ability":"On your 1st night, you gain a Townsfolk ability (if good), or a Minion ability (if evil)."},{"id":"matron","edition":"BMR","firstNight":false,"otherNight":false,"reminders":[],"setup":false,"name":"Matron","team":"traveler","ability":"Each day, you may choose up to 3 pairs of players to swap seats. Players may not leave their seats to talk in private."},{"id":"voudon","edition":"BMR","firstNight":false,"otherNight":false,"reminders":[],"setup":false,"name":"Voudon","team":"traveler","ability":"Only you & the dead can vote. They don\'t need a vote token to do so. A 50% majority is not required."},{"id":"judge","edition":"BMR","firstNight":false,"otherNight":false,"reminders":["Used"],"setup":false,"name":"Judge","team":"traveler","ability":"Once per game, if another player nominated, you may choose to force the current execution to pass or fail."},{"id":"bishop","edition":"BMR","firstNight":false,"otherNight":false,"reminders":["Nominate Good","Nominate Evil"],"setup":false,"name":"Bishop","team":"traveler","ability":"Only the Storyteller can nominate. At least 1 opposite player must be nominated each day."},{"id":"butcher","edition":"SNV","firstNight":false,"otherNight":false,"reminders":[],"setup":false,"name":"Butcher","team":"traveler","ability":"Each day, after the 1st execution, you nominate again."},{"id":"bonecollector","edition":"SNV","firstNight":false,"otherNight":true,"reminders":["Used","Ability active"],"setup":false,"name":"Bone Collector","team":"traveler","ability":"Once per game, at night, choose a dead player: they regain their ability until dusk."},{"id":"harlot","edition":"SNV","firstNight":false,"otherNight":true,"reminders":["Die"],"setup":false,"name":"Harlot","team":"traveler","ability":"Each night*, choose a living player: if they agree, you learn their character, but you both might die."},{"id":"barista","edition":"SNV","firstNight":true,"otherNight":true,"reminders":["Ability x2","Healthy & Sober"],"setup":false,"name":"Barista","team":"traveler","ability":"Each night, until dusk, 1) a player becomes sober, healthy & gets true info, or 2) their ability works twice. They learn which."},{"id":"deviant","edition":"SNV","firstNight":false,"otherNight":false,"reminders":[],"setup":false,"name":"Deviant","team":"traveler","ability":"If you were funny today, you can not be exiled."}]')},d4b2:function(e,t,i){}});
+//# sourceMappingURL=app.1403d45d.js.map
\ No newline at end of file
diff --git a/js/app.1403d45d.js.map b/js/app.1403d45d.js.map
new file mode 100644
index 0000000..a897260
--- /dev/null
+++ b/js/app.1403d45d.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/Modal.vue?1f08","webpack:///./src/components/TownSquare.vue?b88a","webpack:///./src/App.vue?4c58","webpack:///./src/components/TownSquare.vue?1087","webpack:///./src/components/Player.vue?c159","webpack:///src/components/Player.vue","webpack:///./src/components/Player.vue?1369","webpack:///./src/components/Player.vue","webpack:///./src/components/Modal.vue?1e4c","webpack:///src/components/Modal.vue","webpack:///./src/components/Modal.vue?0f3c","webpack:///./src/components/Modal.vue","webpack:///src/components/TownSquare.vue","webpack:///./src/components/TownSquare.vue?335a","webpack:///./src/components/TownSquare.vue","webpack:///./src/components/TownInfo.vue?9c8c","webpack:///src/components/TownInfo.vue","webpack:///./src/components/TownInfo.vue?6260","webpack:///./src/components/TownInfo.vue","webpack:///src/App.vue","webpack:///./src/App.vue?b65f","webpack:///./src/App.vue","webpack:///./src/main.js","webpack:///./src/App.vue?6ee5","webpack:///./src/components/Player.vue?6d3c","webpack:///./src/components/TownInfo.vue?ca37"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","render","_vm","this","_h","$createElement","_c","_self","attrs","on","keyup","players","edition","isPublic","roles","staticClass","$event","isControlOpen","togglePublic","_v","addPlayer","_e","randomizeSeatings","clearPlayers","staticRenderFns","class","public","_l","player","index","openReminderModal","openRoleModal","removePlayer","directives","rawName","availableReminders","expression","closeModal","reminder","role","addReminder","_s","availableRoles","id","team","setRole","dead","hasDied","hasVoted","traveller","toggleStatus","changeRole","reminders","ability","changeName","stopPropagation","$emit","removeReminder","props","type","required","Map","Boolean","methods","$set","prompt","indexOf","component","close","_t","components","Modal","Player","Array","selectedPlayer","forEach","some","map","confirm","teams","alive","votes","townsfolk","outsiders","minions","demons","travellers","String","computed","nontravellers","filter","game","getRolesByEdition","sort","a","b","localeCompare","console","log","TownSquare","TownInfo","Math","random","localStorage","JSON","parse","watch","newPlayers","stringify","deep","newEdition","add","config","productionTip","h","App","$mount"],"mappings":"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","file":"js/app.1403d45d.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/townsquare/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([\"56d7\",\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TownSquare.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TownSquare.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\",\"tabindex\":\"-1\"},on:{\"keyup\":_vm.keyup}},[_c('TownInfo',{attrs:{\"players\":_vm.players,\"edition\":_vm.edition}}),_c('TownSquare',{attrs:{\"is-public\":_vm.isPublic,\"players\":_vm.players,\"roles\":_vm.roles}}),_c('div',{staticClass:\"controls\"},[_c('font-awesome-icon',{attrs:{\"icon\":\"cogs\"},on:{\"click\":function($event){_vm.isControlOpen = !_vm.isControlOpen}}}),(_vm.isControlOpen)?_c('ul',[_c('li',{on:{\"click\":_vm.togglePublic}},[_vm._v(\"Toggle \"),_c('em',[_vm._v(\"G\")]),_vm._v(\"rimoire\")]),(_vm.players.length < 20)?_c('li',{on:{\"click\":_vm.addPlayer}},[_c('em',[_vm._v(\"A\")]),_vm._v(\"dd Player \")]):_vm._e(),(_vm.players.length > 4)?_c('li',{on:{\"click\":_vm.togglePublic}},[_vm._v(\" Select Roles \")]):_vm._e(),(_vm.players.length > 2)?_c('li',{on:{\"click\":_vm.randomizeSeatings}},[_c('em',[_vm._v(\"R\")]),_vm._v(\"andomize Seatings \")]):_vm._e(),(_vm.players.length)?_c('li',{on:{\"click\":_vm.clearPlayers}},[_vm._v(\" Clear Players \")]):_vm._e()]):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"square\",class:{ public: _vm.isPublic },attrs:{\"id\":\"townsquare\"}},[_c('ul',{staticClass:\"circle\",class:['size-' + _vm.players.length]},_vm._l((_vm.players),function(player,index){return _c('Player',{key:index,attrs:{\"player\":player,\"roles\":_vm.roles,\"is-public\":_vm.isPublic},on:{\"add-reminder\":_vm.openReminderModal,\"set-role\":_vm.openRoleModal,\"remove-player\":_vm.removePlayer}})}),1),_c('Modal',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.availableReminders.length),expression:\"availableReminders.length\"}],on:{\"close\":_vm.closeModal}},[_c('h2',[_vm._v(\"Choose a reminder token:\")]),_c('ul',{staticClass:\"reminders\"},_vm._l((_vm.availableReminders),function(reminder){return _c('li',{key:reminder.role + ' ' + reminder.name,staticClass:\"reminder\",class:[reminder.role],on:{\"click\":function($event){return _vm.addReminder(reminder)}}},[_vm._v(\" \"+_vm._s(reminder.name)+\" \")])}),0)]),_c('Modal',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.availableRoles.length),expression:\"availableRoles.length\"}],on:{\"close\":_vm.closeModal}},[_c('h2',[_vm._v(\"Choose a new role:\")]),_c('ul',{staticClass:\"tokens\"},_vm._l((_vm.availableRoles),function(role){return _c('li',{key:role.id,staticClass:\"token\",class:[role.id, role.team],on:{\"click\":function($event){return _vm.setRole(role)}}},[_vm._v(\" \"+_vm._s(role.name)+\" \")])}),0)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',[_c('div',{staticClass:\"player\",class:{\n      dead: _vm.player.hasDied,\n      'no-vote': _vm.player.hasVoted,\n      traveller: _vm.player.role && _vm.player.role.team === 'traveller'\n    }},[_c('div',{staticClass:\"shroud\",on:{\"click\":function($event){return _vm.toggleStatus()}}}),_c('div',{staticClass:\"life\",on:{\"click\":function($event){return _vm.toggleStatus()}}}),_c('div',{staticClass:\"token\",class:[_vm.player.role.id],on:{\"click\":function($event){return _vm.changeRole()}}},[(_vm.player.role.firstNight)?_c('span',{staticClass:\"leaf-left\"}):_vm._e(),(_vm.player.role.otherNight)?_c('span',{staticClass:\"leaf-right\"}):_vm._e(),(_vm.player.role.reminders && _vm.player.role.reminders.length)?_c('span',{class:['leaf-top' + _vm.player.role.reminders.length]}):_vm._e(),(_vm.player.role.setup)?_c('span',{staticClass:\"leaf-orange\"}):_vm._e(),_c('div',[_vm._v(_vm._s(_vm.player.role.name))])]),(_vm.player.role.ability)?_c('div',{staticClass:\"ability\"},[_vm._v(\" \"+_vm._s(_vm.player.role.ability)+\" \")]):_vm._e(),_c('div',{staticClass:\"name\",on:{\"click\":_vm.changeName}},[_vm._v(\" \"+_vm._s(_vm.player.name)+\" \"),_c('span',{staticClass:\"remove\",on:{\"click\":function($event){$event.stopPropagation();return _vm.$emit('remove-player', _vm.player)}}},[_c('font-awesome-icon',{attrs:{\"icon\":\"times-circle\"}})],1)])]),(_vm.player.reminders)?_vm._l((_vm.player.reminders),function(reminder){return _c('div',{key:reminder.role + ' ' + reminder.name,staticClass:\"reminder\",class:[reminder.role],on:{\"click\":function($event){return _vm.removeReminder(reminder)}}},[_vm._v(\" \"+_vm._s(reminder.name)+\" \")])}):_vm._e(),_c('div',{staticClass:\"reminder add\",on:{\"click\":function($event){return _vm.$emit('add-reminder', _vm.player)}}})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <li>\n    <div\n      class=\"player\"\n      :class=\"{\n        dead: player.hasDied,\n        'no-vote': player.hasVoted,\n        traveller: player.role && player.role.team === 'traveller'\n      }\"\n    >\n      <div class=\"shroud\" @click=\"toggleStatus()\"></div>\n      <div class=\"life\" @click=\"toggleStatus()\"></div>\n      <div class=\"token\" @click=\"changeRole()\" :class=\"[player.role.id]\">\n        <span class=\"leaf-left\" v-if=\"player.role.firstNight\"></span>\n        <span class=\"leaf-right\" v-if=\"player.role.otherNight\"></span>\n        <span\n          v-if=\"player.role.reminders && player.role.reminders.length\"\n          v-bind:class=\"['leaf-top' + player.role.reminders.length]\"\n        ></span>\n        <span class=\"leaf-orange\" v-if=\"player.role.setup\"></span>\n        <div>{{ player.role.name }}</div>\n      </div>\n      <div class=\"ability\" v-if=\"player.role.ability\">\n        {{ player.role.ability }}\n      </div>\n      <div class=\"name\" @click=\"changeName\">\n        {{ player.name }}\n        <span class=\"remove\" @click.stop=\"$emit('remove-player', player)\">\n          <font-awesome-icon icon=\"times-circle\" />\n        </span>\n      </div>\n    </div>\n    <template v-if=\"player.reminders\">\n      <div\n        class=\"reminder\"\n        v-bind:key=\"reminder.role + ' ' + reminder.name\"\n        v-for=\"reminder in player.reminders\"\n        v-bind:class=\"[reminder.role]\"\n        @click=\"removeReminder(reminder)\"\n      >\n        {{ reminder.name }}\n      </div>\n    </template>\n    <div class=\"reminder add\" @click=\"$emit('add-reminder', player)\"></div>\n  </li>\n</template>\n\n<script>\nexport default {\n  props: {\n    player: {\n      type: Object,\n      required: true\n    },\n    roles: {\n      type: Map,\n      required: true\n    },\n    isPublic: {\n      type: Boolean,\n      required: true\n    }\n  },\n  data() {\n    return {};\n  },\n  methods: {\n    toggleStatus() {\n      if (this.isPublic) {\n        if (!this.player.hasDied) {\n          this.$set(this.player, \"hasDied\", true);\n        } else if (this.player.hasVoted) {\n          this.$set(this.player, \"hasVoted\", false);\n          this.$set(this.player, \"hasDied\", false);\n        } else {\n          this.$set(this.player, \"hasVoted\", true);\n        }\n      } else {\n        this.$set(this.player, \"hasDied\", !this.player.hasDied);\n      }\n    },\n    changeRole() {\n      this.$emit(\"set-role\", this.player);\n    },\n    changeName() {\n      const name = prompt(\"Player name\", this.player.name);\n      this.player.name = name || this.player.name;\n    },\n    removeReminder(reminder) {\n      this.player.reminders.splice(this.player.reminders.indexOf(reminder), 1);\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n@import \"../vars.scss\";\n\n/***** Player token *****/\n.circle .player {\n  margin-bottom: 10px;\n  padding-top: $token + 6px;\n\n  .shroud {\n    top: 0;\n    left: 0;\n    position: absolute;\n    width: 100%;\n    height: 2/3 * $token;\n    cursor: pointer;\n    transform: rotateX(0deg);\n    transform-origin: top center;\n    transition: transform 200ms ease-in-out;\n    z-index: 2;\n\n    &:before {\n      content: \" \";\n      background: url(\"../assets/shroud.png\") center -10px no-repeat;\n      background-size: auto 100%;\n      position: absolute;\n      margin-left: -2/6 * $token;\n      width: 2/3 * $token;\n      height: 2/3 * $token;\n      left: 50%;\n      top: -30px;\n      opacity: 0;\n      transform: perspective(400px) scale(1.5);\n      transform-origin: top center;\n      transition: all 200ms ease-in-out;\n      pointer-events: none;\n    }\n\n    &:hover:before {\n      opacity: 0.5;\n      top: -10px;\n      transform: scale(1);\n    }\n  }\n\n  &.dead .shroud:before {\n    opacity: 1;\n    top: 0;\n    transform: perspective(400px) scale(1);\n  }\n  &.dead .name {\n    opacity: 0.5;\n  }\n}\n\n/****** Life token *******/\n.player {\n  .life {\n    border-radius: 50%;\n    height: $token + 6px;\n    width: $token + 6px;\n    background: url(\"../assets/life.png\") center center;\n    background-size: 100%;\n    border: 3px solid black;\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);\n    cursor: pointer;\n    transition: transform 200ms ease-in-out;\n    transform: perspective(400px) rotateY(180deg);\n    backface-visibility: hidden;\n    position: absolute;\n    left: 50%;\n    top: 0;\n    margin-left: ($token + 6) / -2;\n  }\n\n  &.dead {\n    &.traveller {\n      filter: grayscale(100%);\n    }\n\n    &.no-vote .life:after {\n      display: none;\n    }\n\n    .life {\n      background-image: url(\"../assets/death.png\");\n\n      &:after {\n        content: \" \";\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        background: url(\"../assets/vote.png\") center center no-repeat;\n        background-size: 50%;\n        height: $token + 3px;\n        pointer-events: none;\n      }\n    }\n  }\n}\n\n#townsquare.public .player {\n  .shroud {\n    transform: perspective(400px) rotateX(90deg);\n    pointer-events: none;\n  }\n\n  .life {\n    transform: perspective(400px) rotateY(0deg);\n  }\n}\n\n/***** Role token ******/\n.circle .token {\n  border-radius: 50%;\n  height: $token + 6px;\n  width: $token + 6px;\n  background: url(\"../assets/token.png\") center center;\n  background-size: 100%;\n  text-align: center;\n  color: black;\n  font-weight: 600;\n  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,\n    1px 1px 0 #fff, 0 0 5px rgba(0, 0, 0, 0.75);\n  padding-top: $token * 0.7;\n  font-family: \"Papyrus\", serif;\n  border: 3px solid black;\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);\n  cursor: pointer;\n  transition: transform 200ms ease-in-out;\n  transform: perspective(400px) rotateY(0deg);\n  backface-visibility: hidden;\n  position: absolute;\n  left: 50%;\n  top: 0;\n  margin-left: ($token + 6) / -2;\n\n  &:before {\n    content: \" \";\n    background-size: 100%;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n  }\n\n  span {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    background-size: 100%;\n    left: 0;\n    top: 0;\n    pointer-events: none;\n    &.leaf-left {\n      background-image: url(\"../assets/leaf-left.png\");\n    }\n    &.leaf-orange {\n      background-image: url(\"../assets/leaf-orange.png\");\n    }\n    &.leaf-right {\n      background-image: url(\"../assets/leaf-right.png\");\n    }\n    &.leaf-top1 {\n      background-image: url(\"../assets/leaf-top1.png\");\n    }\n    &.leaf-top2 {\n      background-image: url(\"../assets/leaf-top2.png\");\n    }\n    &.leaf-top3 {\n      background-image: url(\"../assets/leaf-top3.png\");\n    }\n    &.leaf-top4 {\n      background-image: url(\"../assets/leaf-top4.png\");\n    }\n    &.leaf-top5 {\n      background-image: url(\"../assets/leaf-top5.png\");\n    }\n  }\n}\n\n#townsquare.public .token {\n  transform: perspective(400px) rotateY(-180deg);\n}\n\n/***** Player name *****/\n.name {\n  font-size: 120%;\n  line-height: 120%;\n  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 1))\n    drop-shadow(0 0 1px rgba(0, 0, 0, 1)) drop-shadow(0 0 1px rgba(0, 0, 0, 1));\n  cursor: pointer;\n  span {\n    display: none;\n  }\n  &:hover span {\n    display: inline-block;\n    &:hover {\n      color: red;\n    }\n  }\n}\n\n/***** Ability text *****/\n#townsquare.public .ability {\n  display: none;\n}\n.circle .ability {\n  position: absolute;\n  padding: 5px 10px;\n  top: 20px;\n  right: 100%;\n  width: 200px;\n  z-index: 25;\n  font-size: 80%;\n  background: rgba(0, 0, 0, 0.7);\n  border-radius: 10px;\n  border: 3px solid black;\n  text-align: left;\n  display: none;\n  &:after {\n    content: \" \";\n    border: 10px solid transparent;\n    position: absolute;\n    left: 100%;\n    width: 0;\n    height: 0;\n    border-left-color: black;\n    top: 20px;\n    margin: 0 2px;\n  }\n}\n\n.player:hover .ability {\n  display: block;\n}\n\n/***** Reminder token *****/\n.circle .reminder {\n  background: url(\"../assets/reminder.png\") center center;\n  background-size: 100%;\n  width: $token / 2;\n  height: $token / 2;\n  color: black;\n  font-size: 50%;\n  font-weight: bold;\n  display: block;\n  margin: 5px ($token / -4) 0;\n  text-align: center;\n  padding-top: $token * 0.3 + 2px;\n  border-radius: 50%;\n  line-height: 90%;\n  border: 3px solid black;\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);\n  transition: all 200ms;\n  cursor: pointer;\n\n  &:before,\n  &:after {\n    content: \" \";\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-size: 100%;\n    background-position: center 0;\n    background-repeat: no-repeat;\n    background-image: url(\"../assets/icons/plus.png\");\n    transition: opacity 200ms;\n  }\n\n  &:after {\n    background-image: url(\"../assets/icons/x.png\");\n    opacity: 0;\n  }\n\n  &.add {\n    opacity: 0;\n    top: 30px;\n    &:after {\n      display: none;\n    }\n  }\n\n  &:hover:before {\n    opacity: 0;\n  }\n  &:hover:after {\n    opacity: 1;\n  }\n}\n.circle li:hover .reminder.add {\n  opacity: 1;\n  top: 0;\n}\n.circle li:hover .reminder.add:before {\n  opacity: 1;\n}\n\n#townsquare.public .reminder {\n  opacity: 0;\n  pointer-events: none;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Player.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Player.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Player.vue?vue&type=template&id=51fa209a&\"\nimport script from \"./Player.vue?vue&type=script&lang=js&\"\nexport * from \"./Player.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Player.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{\"name\":\"modal-fade\"}},[_c('div',{staticClass:\"modal-backdrop\",on:{\"click\":_vm.close}},[_c('div',{staticClass:\"modal\",attrs:{\"role\":\"dialog\",\"aria-labelledby\":\"modalTitle\",\"aria-describedby\":\"modalDescription\"},on:{\"click\":function($event){$event.stopPropagation();}}},[_vm._t(\"default\")],2)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nexport default {\n  methods: {\n    close() {\n      this.$emit(\"close\");\n    }\n  }\n};\n</script>\n<template>\n  <transition name=\"modal-fade\">\n    <div class=\"modal-backdrop\" @click=\"close\">\n      <div\n        class=\"modal\"\n        role=\"dialog\"\n        aria-labelledby=\"modalTitle\"\n        aria-describedby=\"modalDescription\"\n        @click.stop=\"\"\n      >\n        <slot></slot>\n      </div>\n    </div>\n  </transition>\n</template>\n<style lang=\"scss\">\n.modal-backdrop {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.3);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 100;\n}\n\n.modal {\n  background: rgba(0, 0, 0, 0.8);\n  padding: 10px 20px;\n  border-radius: 10px;\n  box-shadow: 2px 2px 20px 1px #000;\n  overflow-x: auto;\n  display: flex;\n  flex-direction: column;\n  max-width: 60%;\n\n  h2 {\n    margin: 0;\n    text-align: center;\n  }\n}\n\n.modal-fade-enter,\n.modal-fade-leave-active {\n  opacity: 0;\n}\n\n.modal-fade-enter-active,\n.modal-fade-leave-active {\n  transition: opacity 0.2s ease;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Modal.vue?vue&type=template&id=510cf159&\"\nimport script from \"./Modal.vue?vue&type=script&lang=js&\"\nexport * from \"./Modal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Modal.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div id=\"townsquare\" class=\"square\" v-bind:class=\"{ public: isPublic }\">\n    <ul class=\"circle\" v-bind:class=\"['size-' + players.length]\">\n      <Player\n        v-for=\"(player, index) in players\"\n        :key=\"index\"\n        :player=\"player\"\n        :roles=\"roles\"\n        :is-public=\"isPublic\"\n        @add-reminder=\"openReminderModal\"\n        @set-role=\"openRoleModal\"\n        @remove-player=\"removePlayer\"\n      ></Player>\n    </ul>\n    <Modal v-show=\"availableReminders.length\" @close=\"closeModal\">\n      <h2>Choose a reminder token:</h2>\n      <ul class=\"reminders\">\n        <li\n          v-for=\"reminder in availableReminders\"\n          class=\"reminder\"\n          v-bind:class=\"[reminder.role]\"\n          v-bind:key=\"reminder.role + ' ' + reminder.name\"\n          @click=\"addReminder(reminder)\"\n        >\n          {{ reminder.name }}\n        </li>\n      </ul>\n    </Modal>\n    <Modal v-show=\"availableRoles.length\" @close=\"closeModal\">\n      <h2>Choose a new role:</h2>\n      <ul class=\"tokens\">\n        <li\n          v-for=\"role in availableRoles\"\n          class=\"token\"\n          v-bind:class=\"[role.id, role.team]\"\n          v-bind:key=\"role.id\"\n          @click=\"setRole(role)\"\n        >\n          {{ role.name }}\n        </li>\n      </ul>\n    </Modal>\n  </div>\n</template>\n\n<script>\nimport Player from \"./Player\";\nimport Modal from \"./Modal\";\n\nexport default {\n  components: {\n    Modal,\n    Player\n  },\n  props: {\n    isPublic: {\n      type: Boolean,\n      required: true\n    },\n    players: {\n      type: Array,\n      required: true\n    },\n    roles: {\n      type: Map,\n      required: true\n    }\n  },\n  data() {\n    return {\n      selectedPlayer: false,\n      availableReminders: [],\n      availableRoles: []\n    };\n  },\n  methods: {\n    openReminderModal(player) {\n      this.selectedPlayer = player;\n      this.availableReminders = [];\n      this.roles.forEach(role => {\n        if (this.players.some(p => p.role.id === role.id)) {\n          this.availableReminders = [\n            ...this.availableReminders,\n            ...role.reminders.map(name => ({ role: role.id, name }))\n          ];\n        }\n      });\n      this.availableReminders.push({ role: \"good\", name: \"Good\" });\n      this.availableReminders.push({ role: \"evil\", name: \"Evil\" });\n    },\n    openRoleModal(player) {\n      this.selectedPlayer = player;\n      this.availableRoles = [];\n      this.roles.forEach(role => {\n        if (role.id !== player.role) {\n          this.availableRoles.push(role);\n        }\n      });\n      this.availableRoles.push({});\n    },\n    addReminder(reminder) {\n      this.selectedPlayer.reminders.push(reminder);\n      this.closeModal();\n    },\n    setRole(role) {\n      this.selectedPlayer.role = role;\n      this.closeModal();\n    },\n    closeModal() {\n      this.selectedPlayer = false;\n      this.availableReminders = [];\n      this.availableRoles = [];\n    },\n    removePlayer(player) {\n      if (confirm(`Do you really want to remove ${player.name}?`)) {\n        this.players.splice(this.players.indexOf(player), 1);\n      }\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n@import \"../vars.scss\";\n\n@each $img, $fontsize in $roles {\n  .token.#{$img} {\n    &:before {\n      background-image: url(\"../assets/icons/#{$img}.png\");\n    }\n    font-size: $fontsize;\n  }\n\n  .reminder.#{$img}:before {\n    background-image: url(\"../assets/icons/#{$img}.png\");\n  }\n}\n\n.circle {\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  list-style: none;\n  margin: 0;\n\n  li {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    height: 50%;\n    transform-origin: 0 100%;\n    text-align: center;\n\n    &:hover {\n      z-index: 25 !important;\n    }\n\n    > * {\n      margin-left: -100px;\n      width: 200px;\n    }\n  }\n}\n\n@mixin on-circle($item-count) {\n  $angle: (360 / $item-count);\n  $rot: 0;\n\n  @for $i from 1 through $item-count {\n    &:nth-child(#{$i}) {\n      transform: rotate($rot * 1deg);\n      @if $i - 1 <= $item-count / 2 {\n        z-index: $item-count - $i + 1;\n        .ability {\n          left: 100%;\n          right: auto;\n          &:after {\n            border-left-color: transparent;\n            border-right-color: black;\n            left: auto;\n            right: 100%;\n          }\n        }\n      } @else {\n        z-index: $i - 1;\n      }\n      > * {\n        transform: rotate($rot * -1deg);\n      }\n      .life,\n      .token,\n      .shroud {\n        transition-delay: ($i - 1) * 50ms;\n      }\n    }\n    $rot: $rot + $angle;\n  }\n}\n\n@for $i from 1 through 20 {\n  .circle.size-#{$i} li {\n    @include on-circle($item-count: $i);\n  }\n}\n\n#townsquare {\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  padding: 20px;\n}\n\n/***** Role token modal ******/\nul.tokens {\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-wrap: wrap;\n  align-content: center;\n  align-items: center;\n  overflow: hidden;\n  justify-content: center;\n  font-size: 75%;\n  line-height: 100%;\n\n  .token {\n    border-radius: 50%;\n    height: 120px;\n    width: 120px;\n    background: url(\"../assets/token.png\") center center;\n    background-size: 100%;\n    text-align: center;\n    color: black;\n    margin: 5px;\n    font-weight: 600;\n    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,\n      1px 1px 0 #fff, 0 0 5px rgba(0, 0, 0, 0.75);\n    padding-top: 85px;\n    font-family: \"Papyrus\", serif;\n    border: 3px solid black;\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);\n    cursor: pointer;\n    transition: transform 500ms ease;\n\n    &.townsfolk {\n      box-shadow: 0 0 10px $townsfolk, 0 0 10px #004cff;\n    }\n    &.outsider {\n      box-shadow: 0 0 10px $outsider, 0 0 10px $outsider;\n    }\n    &.minion {\n      box-shadow: 0 0 10px $minion, 0 0 10px $minion;\n    }\n    &.demon {\n      box-shadow: 0 0 10px $demon, 0 0 10px $demon;\n    }\n    &.traveller {\n      box-shadow: 0 0 10px $traveller, 0 0 10px $traveller;\n    }\n\n    &:before {\n      content: \" \";\n      background-size: 100%;\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      left: 0;\n      top: 0;\n    }\n\n    &:hover {\n      transform: scale(1.2);\n    }\n  }\n}\n\n/***** Reminder token modal ******/\nul.reminders {\n  @extend .tokens;\n\n  .reminder {\n    background: url(\"../assets/reminder.png\") center center;\n    background-size: 100%;\n    width: 100px;\n    height: 100px;\n    color: black;\n    font-size: 65%;\n    font-weight: bold;\n    display: block;\n    margin: 5px;\n    text-align: center;\n    border-radius: 50%;\n    border: 3px solid black;\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);\n    cursor: pointer;\n    padding-top: 65px;\n    transition: transform 500ms ease;\n\n    &:before {\n      content: \" \";\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      background-size: 100%;\n      background-position: center 0;\n      background-repeat: no-repeat;\n    }\n\n    &:hover {\n      transform: scale(1.2);\n    }\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TownSquare.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TownSquare.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TownSquare.vue?vue&type=template&id=2ad0f5a2&\"\nimport script from \"./TownSquare.vue?vue&type=script&lang=js&\"\nexport * from \"./TownSquare.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TownSquare.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{staticClass:\"info\"},[_c('li',{staticClass:\"edition\",class:['edition-' + _vm.edition]}),(_vm.players.length < 5)?_c('li',[_vm._v(\"Please add more players!\")]):_vm._e(),_c('li',[_vm._v(\" \"+_vm._s(_vm.players.length)+\" \"),_c('font-awesome-icon',{staticClass:\"players\",attrs:{\"icon\":\"users\"}}),_vm._v(\" \"+_vm._s(_vm.teams.alive)+\" \"),_c('font-awesome-icon',{staticClass:\"alive\",attrs:{\"icon\":\"heartbeat\"}}),_vm._v(\" \"+_vm._s(_vm.teams.votes)+\" \"),_c('font-awesome-icon',{staticClass:\"votes\",attrs:{\"icon\":\"vote-yea\"}})],1),(_vm.players.length >= 5)?_c('li',[_vm._v(\" \"+_vm._s(_vm.teams.townsfolk)+\" \"),_c('font-awesome-icon',{staticClass:\"townsfolk\",attrs:{\"icon\":\"user-friends\"}}),_vm._v(\" \"+_vm._s(_vm.teams.outsiders)+\" \"),_c('font-awesome-icon',{staticClass:\"outsider\",attrs:{\"icon\":_vm.teams.outsiders > 1 ? 'user-friends' : 'user'}}),_vm._v(\" \"+_vm._s(_vm.teams.minions)+\" \"),_c('font-awesome-icon',{staticClass:\"minion\",attrs:{\"icon\":_vm.teams.minions > 1 ? 'user-friends' : 'user'}}),_vm._v(\" \"+_vm._s(_vm.teams.demons)+\" \"),_c('font-awesome-icon',{staticClass:\"demon\",attrs:{\"icon\":_vm.teams.demons > 1 ? 'user-friends' : 'user'}}),(_vm.teams.travellers)?[_vm._v(\" \"+_vm._s(_vm.teams.travellers)+\" \"),_c('font-awesome-icon',{staticClass:\"traveller\",attrs:{\"icon\":_vm.teams.travellers > 1 ? 'user-friends' : 'user'}})]:_vm._e()],2):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <ul class=\"info\">\n    <li class=\"edition\" v-bind:class=\"['edition-' + edition]\"></li>\n    <li v-if=\"players.length < 5\">Please add more players!</li>\n    <li>\n      {{ players.length }} <font-awesome-icon class=\"players\" icon=\"users\" />\n      {{ teams.alive }} <font-awesome-icon class=\"alive\" icon=\"heartbeat\" />\n      {{ teams.votes }} <font-awesome-icon class=\"votes\" icon=\"vote-yea\" />\n    </li>\n    <li v-if=\"players.length >= 5\">\n      {{ teams.townsfolk }}\n      <font-awesome-icon class=\"townsfolk\" icon=\"user-friends\" />\n      {{ teams.outsiders }}\n      <font-awesome-icon\n        class=\"outsider\"\n        v-bind:icon=\"teams.outsiders > 1 ? 'user-friends' : 'user'\"\n      />\n      {{ teams.minions }}\n      <font-awesome-icon\n        class=\"minion\"\n        v-bind:icon=\"teams.minions > 1 ? 'user-friends' : 'user'\"\n      />\n      {{ teams.demons }}\n      <font-awesome-icon\n        class=\"demon\"\n        v-bind:icon=\"teams.demons > 1 ? 'user-friends' : 'user'\"\n      />\n      <template v-if=\"teams.travellers\">\n        {{ teams.travellers }}\n        <font-awesome-icon\n          class=\"traveller\"\n          v-bind:icon=\"teams.travellers > 1 ? 'user-friends' : 'user'\"\n        />\n      </template>\n    </li>\n  </ul>\n</template>\n\n<script>\nimport gameJSON from \"./../game\";\n\nexport default {\n  props: {\n    players: {\n      type: Array,\n      required: true\n    },\n    edition: {\n      type: String,\n      required: true\n    }\n  },\n  computed: {\n    teams: function() {\n      const nontravellers = this.players.filter(\n        player => player.role.team !== \"traveller\"\n      ).length;\n      const alive = this.players.filter(player => player.hasDied !== true)\n        .length;\n      return {\n        ...gameJSON[nontravellers - 5],\n        travellers: this.players.length - nontravellers,\n        alive,\n        votes:\n          alive +\n          this.players.filter(\n            player => player.hasDied === true && player.hasVoted !== true\n          ).length\n      };\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n@import \"../vars.scss\";\n\n.info {\n  position: absolute;\n  display: flex;\n  left: 50%;\n  top: 50%;\n  width: 20%;\n  height: 20%;\n  margin-left: -10%;\n  margin-top: -5%;\n  padding: 50px 0 0;\n  align-items: center;\n  align-content: center;\n  justify-content: center;\n  flex-wrap: wrap;\n  background: url(\"../assets/demon-head.png\") center center no-repeat;\n  background-size: auto 100%;\n\n  li {\n    display: block;\n    white-space: nowrap;\n    font-weight: bold;\n    text-align: center;\n    padding: 0 5px;\n    width: 100%;\n    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.7));\n\n    svg {\n      margin-right: 10px;\n    }\n\n    .players {\n      color: #00f700;\n    }\n    .alive {\n      color: #ff4a50;\n    }\n    .votes {\n      color: #1cfff2;\n    }\n    .townsfolk {\n      color: $townsfolk;\n    }\n    .outsider {\n      color: $outsider;\n    }\n    .minion {\n      color: $minion;\n    }\n    .demon {\n      color: $demon;\n    }\n    .traveller {\n      color: $traveller;\n    }\n  }\n\n  li.edition {\n    width: 220px;\n    height: 200px;\n    background: 0 center no-repeat;\n    background-size: 100% auto;\n    position: absolute;\n    top: -50px;\n\n    &.edition-TB {\n      background-image: url(\"../assets/edition-tb.png\");\n    }\n    &.edition-BMR {\n      background-image: url(\"../assets/edition-bmr.png\");\n    }\n    &.edition-SNV {\n      background-image: url(\"../assets/edition-snv.png\");\n    }\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TownInfo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TownInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TownInfo.vue?vue&type=template&id=781c83e1&\"\nimport script from \"./TownInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./TownInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TownInfo.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div id=\"app\" @keyup=\"keyup\" tabindex=\"-1\">\n    <TownInfo :players=\"players\" :edition=\"edition\"></TownInfo>\n    <TownSquare\n      :is-public=\"isPublic\"\n      :players=\"players\"\n      :roles=\"roles\"\n    ></TownSquare>\n    <div class=\"controls\">\n      <font-awesome-icon icon=\"cogs\" @click=\"isControlOpen = !isControlOpen\" />\n      <ul v-if=\"isControlOpen\">\n        <li @click=\"togglePublic\">Toggle <em>G</em>rimoire</li>\n        <li @click=\"addPlayer\" v-if=\"players.length < 20\">\n          <em>A</em>dd Player\n        </li>\n        <li @click=\"togglePublic\" v-if=\"players.length > 4\">\n          Select Roles\n        </li>\n        <li @click=\"randomizeSeatings\" v-if=\"players.length > 2\">\n          <em>R</em>andomize Seatings\n        </li>\n        <li @click=\"clearPlayers\" v-if=\"players.length\">\n          Clear Players\n        </li>\n      </ul>\n    </div>\n  </div>\n</template>\n\n<script>\nimport TownSquare from \"./components/TownSquare\";\nimport TownInfo from \"./components/TownInfo\";\nimport rolesJSON from \"./roles\";\n\nconst getRolesByEdition = (edition = \"TB\") =>\n  new Map(\n    rolesJSON\n      .filter(r => r.edition === edition)\n      .sort((a, b) => b.team.localeCompare(a.team))\n      .map(role => [role.id, role])\n  );\n\nconsole.log(getRolesByEdition());\n\nexport default {\n  components: {\n    TownSquare,\n    TownInfo\n  },\n  data: () => ({\n    isPublic: true,\n    isControlOpen: false,\n    players: [],\n    roles: getRolesByEdition(),\n    edition: \"TB\"\n  }),\n  methods: {\n    togglePublic() {\n      this.isPublic = !this.isPublic;\n      this.isControlOpen = false;\n    },\n    addPlayer() {\n      const name = prompt(\"Player name\");\n      if (name) {\n        this.players.push({\n          name,\n          role: {},\n          reminders: []\n        });\n      }\n    },\n    randomizeSeatings() {\n      if (confirm(\"Are you sure you want to randomize seatings?\")) {\n        this.players = this.players\n          .map(a => [Math.random(), a])\n          .sort((a, b) => a[0] - b[0])\n          .map(a => a[1]);\n      }\n    },\n    clearPlayers() {\n      this.players = [];\n    },\n    keyup({ key }) {\n      switch (key) {\n        case \"g\":\n          this.togglePublic();\n          break;\n        case \"a\":\n          this.addPlayer();\n          break;\n        case \"r\":\n          this.randomizeSeatings();\n          break;\n      }\n    }\n  },\n  mounted() {\n    if (localStorage.edition) {\n      this.edition = localStorage.edition;\n      this.roles = getRolesByEdition(this.edition);\n    }\n    if (localStorage.players) {\n      this.players = JSON.parse(localStorage.players).map(player => ({\n        ...player,\n        role: this.roles.get(player.role) || {}\n      }));\n    }\n  },\n  watch: {\n    players: {\n      handler(newPlayers) {\n        localStorage.players = JSON.stringify(\n          newPlayers.map(player => ({\n            ...player,\n            role: player.role.id || {}\n          }))\n        );\n      },\n      deep: true\n    },\n    edition(newEdition) {\n      localStorage.edition = newEdition;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n@font-face {\n  font-family: \"Papyrus\";\n  src: url(\"assets/fonts/papyrus.eot\"); /* IE9*/\n  src: url(\"assets/fonts/papyrus.eot?#iefix\") format(\"embedded-opentype\"),\n    /* IE6-IE8 */ url(\"assets/fonts/papyrus.woff2\") format(\"woff2\"),\n    /* chrome firefox */ url(\"assets/fonts/papyrus.woff\") format(\"woff\"),\n    /* chrome firefox */ url(\"assets/fonts/papyrus.ttf\") format(\"truetype\"),\n    /* chrome firefox opera Safari, Android, iOS 4.2+*/\n      url(\"assets/fonts/papyrus.svg#PapyrusW01\") format(\"svg\"); /* iOS 4.1- */\n}\n\nhtml,\nbody {\n  font-size: 1.2em;\n  line-height: 1.4;\n  background: url(\"assets/background.jpg\") center center;\n  background-size: cover;\n  color: white;\n  height: 100%;\n  font-family: \"Roboto Condensed\", sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n}\n\n* {\n  box-sizing: border-box;\n  position: relative;\n}\n\n#app {\n  height: 100%;\n}\n\n// Controls\n.controls {\n  position: absolute;\n  right: 0;\n  top: 0;\n  text-align: right;\n  padding: 10px;\n  svg {\n    cursor: pointer;\n  }\n  ul {\n    display: flex;\n    list-style-type: none;\n    padding: 0;\n    margin: 0;\n    flex-direction: column;\n    border-radius: 10px;\n    overflow: hidden;\n    box-shadow: 0 0 10px black;\n    li {\n      padding: 5px 10px;\n      color: white;\n      text-align: center;\n      background: rgba(0, 0, 0, 0.7);\n      margin-bottom: 1px;\n      cursor: pointer;\n      &:hover {\n        background-color: red;\n      }\n      em {\n        text-decoration: underline;\n        font-style: normal;\n        font-weight: bold;\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=b34f1fa2&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import Vue from \"vue\";\nimport App from \"./App\";\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\nimport {\n  faUsers,\n  faHeartbeat,\n  faVoteYea,\n  faUserFriends,\n  faUser,\n  faTimesCircle,\n  faCogs\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/vue-fontawesome\";\n\nlibrary.add(\n  faUsers,\n  faHeartbeat,\n  faVoteYea,\n  faUserFriends,\n  faUser,\n  faTimesCircle,\n  faCogs\n);\n\nVue.component(\"font-awesome-icon\", FontAwesomeIcon);\n\nVue.config.productionTip = false;\n\nnew Vue({\n  render: h => h(App)\n}).$mount(\"#app\");\n","import mod from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Player.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Player.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TownInfo.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TownInfo.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}
\ No newline at end of file