.app_content {
  margin-bottom: 80px; }
  .app_content.shaking {
    overflow: hidden; }

.btn-primary {
  background-color: #2e2e2e;
  border-color: grey; }
  .btn-primary:focus, .btn-primary:visited {
    background-color: #1a1a1a;
    border-color: grey; }
  .btn-primary:hover, .btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus {
    background-color: #1a1a1a;
    border-color: grey;
    outline: none; }
  .btn-primary:active:hover {
    background-color: #262626; }
  .btn-primary:active:focus {
    outline: 5px auto grey; }

@keyframes heavy-hit {
  1% {
    transform: translate(13.9576911782px, 4.1873073535px); }
  2% {
    transform: translate(23.774025886px, 7.1322077658px); }
  3% {
    transform: translate(27.3492532623px, 8.2047759787px); }
  4% {
    transform: translate(24.1942341272px, 7.2582702382px); }
  5% {
    transform: translate(15.453292443px, 4.6359877329px); }
  6% {
    transform: translate(3.536200169px, 1.0608600507px); }
  7% {
    transform: translate(-8.5301807435px, -2.559054223px); }
  8% {
    transform: translate(-17.859657844px, -5.3578973532px); }
  9% {
    transform: translate(-22.3867934077px, -6.7160380223px); }
  10% {
    transform: translate(-21.3116572477px, -6.3934971743px); }
  11% {
    transform: translate(-15.2168905484px, -4.5650671645px); }
  12% {
    transform: translate(-5.8482473469px, -1.7544742041px); }
  13% {
    transform: translate(4.3694540033px, 1.310836201px); }
  14% {
    transform: translate(12.9501286605px, 3.8850385981px); }
  15% {
    transform: translate(17.9428557424px, 5.3828567227px); }
  16% {
    transform: translate(18.3659535467px, 5.509786064px); }
  17% {
    transform: translate(14.3846394261px, 4.3153918278px); }
  18% {
    transform: translate(7.2048398114px, 2.1614519434px); }
  19% {
    transform: translate(-1.274996111px, -0.3824988333px); }
  20% {
    transform: translate(-8.9569534781px, -2.6870860434px); }
  21% {
    transform: translate(-14.0555624742px, -4.2166687423px); }
  22% {
    transform: translate(-15.505388182px, -4.6516164546px); }
  23% {
    transform: translate(-13.1731758131px, -3.9519527439px); }
  24% {
    transform: translate(-7.8353423497px, -2.3506027049px); }
  25% {
    transform: translate(-0.9398473807px, -0.2819542142px); }
  26% {
    transform: translate(5.778212863px, 1.7334638589px); }
  27% {
    transform: translate(10.7270995697px, 3.2181298709px); }
  28% {
    transform: translate(12.8296686012px, 3.8489005804px); }
  29% {
    transform: translate(11.7502719569px, 3.5250815871px); }
  30% {
    transform: translate(7.9316191772px, 2.3794857532px); }
  31% {
    transform: translate(2.4438753321px, 0.7331625996px); }
  32% {
    transform: translate(-3.307083954px, -0.9921251862px); }
  33% {
    transform: translate(-7.9344852671px, -2.3803455801px); }
  34% {
    transform: translate(-10.400252132px, -3.1200756396px); }
  35% {
    transform: translate(-10.2422510498px, -3.072675315px); }
  36% {
    transform: translate(-7.6509572646px, -2.2952871794px); }
  37% {
    transform: translate(-3.3860267043px, -1.0158080113px); }
  38% {
    transform: translate(1.4380074776px, 0.4314022433px); }
  39% {
    transform: translate(5.6381867154px, 1.6914560146px); }
  40% {
    transform: translate(8.2492147594px, 2.4747644278px); }
  41% {
    transform: translate(8.7409785024px, 2.6222935507px); }
  42% {
    transform: translate(7.1196222199px, 2.135886666px); }
  43% {
    transform: translate(3.8948531315px, 1.1684559395px); }
  44% {
    transform: translate(-0.0709349154px, -0.0212804746px); }
  45% {
    transform: translate(-3.7888574277px, -1.1366572283px); }
  46% {
    transform: translate(-6.3867271456px, -1.9160181437px); }
  47% {
    transform: translate(-7.310250695px, -2.1930752085px); }
  48% {
    transform: translate(-6.4366995486px, -1.9310098646px); }
  49% {
    transform: translate(-4.0790450092px, -1.2237135028px); }
  50% {
    transform: translate(-0.8859500159px, -0.2657850048px); }
  51% {
    transform: translate(2.3324682088px, 0.6997404626px); }
  52% {
    transform: translate(4.8072311053px, 1.4421693316px); }
  53% {
    transform: translate(5.9914831943px, 1.7974449583px); }
  54% {
    transform: translate(5.677966562px, 1.7033899686px); }
  55% {
    transform: translate(4.0286695255px, 1.2086008576px); }
  56% {
    transform: translate(1.514693667px, 0.4544081001px); }
  57% {
    transform: translate(-1.2140922364px, -0.3642276709px); }
  58% {
    transform: translate(-3.4944385566px, -1.048331567px); }
  59% {
    transform: translate(-4.8086607708px, -1.4425982313px); }
  60% {
    transform: translate(-4.8996158697px, -1.4698847609px); }
  61% {
    transform: translate(-3.8168511054px, -1.1450553316px); }
  62% {
    transform: translate(-1.8869280905px, -0.5660784271px); }
  63% {
    transform: translate(0.3805851875px, 0.1141755563px); }
  64% {
    transform: translate(2.4252897172px, 0.7275869152px); }
  65% {
    transform: translate(3.7725553174px, 1.1317665952px); }
  66% {
    transform: translate(4.1417120371px, 1.2425136111px); }
  67% {
    transform: translate(3.5016868222px, 1.0505060467px); }
  68% {
    transform: translate(2.0638781887px, 0.6191634566px); }
  69% {
    transform: translate(0.2176230709px, 0.0652869213px); }
  70% {
    transform: translate(-1.5730116104px, -0.4719034831px); }
  71% {
    transform: translate(-2.8842480256px, -0.8652744077px); }
  72% {
    transform: translate(-3.4313104895px, -1.0293931468px); }
  73% {
    transform: translate(-3.1282417416px, -0.9384725225px); }
  74% {
    transform: translate(-2.0968230948px, -0.6290469284px); }
  75% {
    transform: translate(-0.625435203px, -0.1876305609px); }
  76% {
    transform: translate(0.9094147491px, 0.2728244247px); }
  77% {
    transform: translate(2.1380117px, 0.64140351px); }
  78% {
    transform: translate(2.7852039989px, 0.8355611997px); }
  79% {
    transform: translate(2.7305125301px, 0.819153759px); }
  80% {
    transform: translate(2.0278542266px, 0.608356268px); }
  81% {
    transform: translate(0.8825283364px, 0.2647585009px); }
  82% {
    transform: translate(-0.4065575979px, -0.1219672794px); }
  83% {
    transform: translate(-1.5236202543px, -0.4570860763px); }
  84% {
    transform: translate(-2.2122888997px, -0.6636866699px); }
  85% {
    transform: translate(-2.3332828093px, -0.6999848428px); }
  86% {
    transform: translate(-1.8908070808px, -0.5672421242px); }
  87% {
    transform: translate(-1.0231938707px, -0.3069581612px); }
  88% {
    transform: translate(0.0378969555px, 0.0113690866px); }
  89% {
    transform: translate(1.0281572854px, 0.3084471856px); }
  90% {
    transform: translate(1.7155622298px, 0.5146686689px); }
  91% {
    transform: translate(1.953821621px, 0.5861464863px); }
  92% {
    transform: translate(1.7122733763px, 0.5136820129px); }
  93% {
    transform: translate(1.0764619014px, 0.3229385704px); }
  94% {
    transform: translate(0.2209707742px, 0.0662912323px); }
  95% {
    transform: translate(-0.6373958542px, -0.1912187563px); }
  96% {
    transform: translate(-1.2937737963px, -0.3881321389px); }
  97% {
    transform: translate(-1.6033979482px, -0.4810193845px); }
  98% {
    transform: translate(-1.5126248707px, -0.4537874612px); }
  99% {
    transform: translate(-1.0664187549px, -0.3199256265px); }
  100% {
    transform: translate(-0.3918862434px, -0.117565873px); } }
@keyframes light-hit {
  1% {
    transform: translate(2.175323523px, 1.1601725456px); }
  2% {
    transform: translate(4.1746567439px, 2.2264835967px); }
  3% {
    transform: translate(5.9629284921px, 3.1802285291px); }
  4% {
    transform: translate(7.5118942364px, 4.0063435927px); }
  5% {
    transform: translate(8.8003787669px, 4.6935353423px); }
  6% {
    transform: translate(9.8143445011px, 5.2343170673px); }
  7% {
    transform: translate(10.5467940188px, 5.62495681px); }
  8% {
    transform: translate(10.9975186894px, 5.865343301px); }
  9% {
    transform: translate(11.1727080527px, 5.9587776281px); }
  10% {
    transform: translate(11.0844369167px, 5.9116996889px); }
  11% {
    transform: translate(10.7500489198px, 5.7333594239px); }
  12% {
    transform: translate(10.191456559px, 5.4354434981px); }
  13% {
    transform: translate(9.4343784176px, 5.0316684894px); }
  14% {
    transform: translate(8.5075345379px, 4.5373517535px); }
  15% {
    transform: translate(7.4418206154px, 3.9689709949px); }
  16% {
    transform: translate(6.2694809685px, 3.3437231832px); }
  17% {
    transform: translate(5.0232991px, 2.6790928534px); }
  18% {
    transform: translate(3.7358231746px, 1.9924390264px); }
  19% {
    transform: translate(2.4386419357px, 1.3006090324px); }
  20% {
    transform: translate(1.1617245376px, 0.6195864201px); }
  21% {
    transform: translate(-0.0671644653px, -0.0358210481px); }
  22% {
    transform: translate(-1.2229660879px, -0.6522485802px); }
  23% {
    transform: translate(-2.2837373811px, -1.2179932699px); }
  24% {
    transform: translate(-3.2309673612px, -1.7231825927px); }
  25% {
    transform: translate(-4.0497967472px, -2.1598915985px); }
  26% {
    transform: translate(-4.7291421261px, -2.5222091339px); }
  27% {
    transform: translate(-5.2617272978px, -2.8062545588px); }
  28% {
    transform: translate(-5.6440264938px, -3.0101474633px); }
  29% {
    transform: translate(-5.8761258899px, -3.133933808px); }
  30% {
    transform: translate(-5.9615113099px, -3.1794726986px); }
  31% {
    transform: translate(-5.9067912295px, -3.1502886557px); }
  32% {
    transform: translate(-5.7213651298px, -3.0513947359px); }
  33% {
    transform: translate(-5.4170478978px, -2.8890922122px); }
  34% {
    transform: translate(-5.0076613498px, -2.6707527199px); }
  35% {
    transform: translate(-4.508604049px, -2.4045888261px); }
  36% {
    transform: translate(-3.9364104353px, -2.0994188988px); }
  37% {
    transform: translate(-3.3083098811px, -1.7644319366px); }
  38% {
    transform: translate(-2.6417956734px, -1.4089576925px); }
  39% {
    transform: translate(-1.9542131141px, -1.0422469942px); }
  40% {
    transform: translate(-1.2623749616px, -0.6732666462px); }
  41% {
    transform: translate(-0.58221134px, -0.3105127147px); }
  42% {
    transform: translate(0.0715399586px, 0.0381546446px); }
  43% {
    transform: translate(0.6855981076px, 0.3656523241px); }
  44% {
    transform: translate(1.2483554433px, 0.6657895697px); }
  45% {
    transform: translate(1.7500431448px, 0.9333563439px); }
  46% {
    transform: translate(2.1828455844px, 1.1641843117px); }
  47% {
    transform: translate(2.5409637428px, 1.3551806628px); }
  48% {
    transform: translate(2.8206292218px, 1.504335585px); }
  49% {
    transform: translate(3.0200714098px, 1.6107047519px); }
  50% {
    transform: translate(3.1394412756px, 1.6743686803px); }
  51% {
    transform: translate(3.1806960421px, 1.6963712224px); }
  52% {
    transform: translate(3.1474496328px, 1.6786398042px); }
  53% {
    transform: translate(3.0447942742px, 1.6238902795px); }
  54% {
    transform: translate(2.8790989773px, 1.5355194546px); }
  55% {
    transform: translate(2.657790814px, 1.4174884342px); }
  56% {
    transform: translate(2.3891249463px, 1.2741999714px); }
  57% {
    transform: translate(2.0819492774px, 1.1103729479px); }
  58% {
    transform: translate(1.7454693729px, 0.9309169989px); }
  59% {
    transform: translate(1.3890189642px, 0.7408101142px); }
  60% {
    transform: translate(1.0218409114px, 0.5449818194px); }
  61% {
    transform: translate(0.6528829821px, 0.3482042571px); }
  62% {
    transform: translate(0.290612212px, 0.1549931797px); }
  63% {
    transform: translate(-0.0571490266px, -0.0304794809px); }
  64% {
    transform: translate(-0.3833627972px, -0.2044601585px); }
  65% {
    transform: translate(-0.6818894494px, -0.363674373px); }
  66% {
    transform: translate(-0.9475744784px, -0.5053730552px); }
  67% {
    transform: translate(-1.1763079946px, -0.6273642638px); }
  68% {
    transform: translate(-1.3650570511px, -0.7280304272px); }
  69% {
    transform: translate(-1.5118716769px, -0.806331561px); }
  70% {
    transform: translate(-1.6158660107px, -0.8617952057px); }
  71% {
    transform: translate(-1.6771764124px, -0.8944940866px); }
  72% {
    transform: translate(-1.6968988419px, -0.9050127157px); }
  73% {
    transform: translate(-1.6770081347px, -0.8944043385px); }
  74% {
    transform: translate(-1.6202620543px, -0.8641397623px); }
  75% {
    transform: translate(-1.5300931869px, -0.8160496997px); }
  76% {
    transform: translate(-1.4104918344px, -0.7522623117px); }
  77% {
    transform: translate(-1.2658830844px, -0.675137645px); }
  78% {
    transform: translate(-1.1010011851px, -0.5872006321px); }
  79% {
    transform: translate(-0.9207642266px, -0.4910742542px); }
  80% {
    transform: translate(-0.7301519537px, -0.3894143753px); }
  81% {
    transform: translate(-0.5340892968px, -0.284847625px); }
  82% {
    transform: translate(-0.3373379278px, -0.1799135615px); }
  83% {
    transform: translate(-0.1443978318px, -0.0770121769px); }
  84% {
    transform: translate(0.0405794574px, 0.0216423773px); }
  85% {
    transform: translate(0.2138646696px, 0.1140611571px); }
  86% {
    transform: translate(0.372210742px, 0.1985123957px); }
  87% {
    transform: translate(0.5128983399px, 0.2735457813px); }
  88% {
    transform: translate(0.6337667652px, 0.3380089414px); }
  89% {
    transform: translate(0.7332304019px, 0.3910562143px); }
  90% {
    transform: translate(0.8102811678px, 0.4321499561px); }
  91% {
    transform: translate(0.8644777324px, 0.4610547906px); }
  92% {
    transform: translate(0.8959225157px, 0.4778253417px); }
  93% {
    transform: translate(0.9052277012px, 0.4827881073px); }
  94% {
    transform: translate(0.8934716726px, 0.4765182254px); }
  95% {
    transform: translate(0.8621474203px, 0.4598119575px); }
  96% {
    transform: translate(0.813104554px, 0.4336557621px); }
  97% {
    transform: translate(0.7484866085px, 0.3991928579px); }
  98% {
    transform: translate(0.6706653383px, 0.3576881805px); }
  99% {
    transform: translate(0.5821736653px, 0.3104926215px); }
  100% {
    transform: translate(0.4856388774px, 0.2590074013px); } }
@keyframes blocked_hit {
  1% {
    transform: translate(0.1937657866px, 0.0968828933px); }
  2% {
    transform: translate(0.3741994593px, 0.1870997297px); }
  3% {
    transform: translate(0.5401702655px, 0.2700851327px); }
  4% {
    transform: translate(0.6907661725px, 0.3453830862px); }
  5% {
    transform: translate(0.8252907704px, 0.4126453852px); }
  6% {
    transform: translate(0.9432580762px, 0.4716290381px); }
  7% {
    transform: translate(1.0443854165px, 0.5221927083px); }
  8% {
    transform: translate(1.1285845748px, 0.5642922874px); }
  9% {
    transform: translate(1.1959514003px, 0.5979757002px); }
  10% {
    transform: translate(1.2467540754px, 0.6233770377px); }
  11% {
    transform: translate(1.2814202451px, 0.6407101226px); }
  12% {
    transform: translate(1.3005232105px, 0.6502616053px); }
  13% {
    transform: translate(1.3047673868px, 0.6523836934px); }
  14% {
    transform: translate(1.2949732224px, 0.6474866112px); }
  15% {
    transform: translate(1.2720617691px, 0.6360308846px); }
  16% {
    transform: translate(1.2370390889px, 0.6185195444px); }
  17% {
    transform: translate(1.1909806687px, 0.5954903343px); }
  18% {
    transform: translate(1.1350160099px, 0.567508005px); }
  19% {
    transform: translate(1.0703135445px, 0.5351567722px); }
  20% {
    transform: translate(0.998066017px, 0.4990330085px); }
  21% {
    transform: translate(0.9194764625px, 0.4597382312px); }
  22% {
    transform: translate(0.8357448905px, 0.4178724452px); }
  23% {
    transform: translate(0.748055778px, 0.374027889px); }
  24% {
    transform: translate(0.6575664539px, 0.328783227px); }
  25% {
    transform: translate(0.5653964472px, 0.2826982236px); }
  26% {
    transform: translate(0.4726178554px, 0.2363089277px); }
  27% {
    transform: translate(0.3802467741px, 0.1901233871px); }
  28% {
    transform: translate(0.2892358193px, 0.1446179096px); }
  29% {
    transform: translate(0.2004677543px, 0.1002338771px); }
  30% {
    transform: translate(0.1147502273px, 0.0573751137px); }
  31% {
    transform: translate(0.0328116093px, 0.0164058046px); }
  32% {
    transform: translate(-0.0447020885px, -0.0223510442px); }
  33% {
    transform: translate(-0.1172292461px, -0.0586146231px); }
  34% {
    transform: translate(-0.1842936568px, -0.0921468284px); }
  35% {
    transform: translate(-0.2455045862px, -0.1227522931px); }
  36% {
    transform: translate(-0.3005559251px, -0.1502779625px); }
  37% {
    transform: translate(-0.3492244963px, -0.1746122481px); }
  38% {
    transform: translate(-0.3913675843px, -0.1956837922px); }
  39% {
    transform: translate(-0.4269197583px, -0.2134598791px); }
  40% {
    transform: translate(-0.4558890623px, -0.2279445311px); }
  41% {
    transform: translate(-0.4783526521px, -0.2391763261px); }
  42% {
    transform: translate(-0.4944519545px, -0.2472259772px); }
  43% {
    transform: translate(-0.5043874297px, -0.2521937148px); }
  44% {
    transform: translate(-0.5084130147px, -0.2542065074px); }
  45% {
    transform: translate(-0.506830325px, -0.2534151625px); }
  46% {
    transform: translate(-0.4999826898px, -0.2499913449px); }
  47% {
    transform: translate(-0.488249094px, -0.244124547px); }
  48% {
    transform: translate(-0.4720380961px, -0.236019048px); }
  49% {
    transform: translate(-0.4517817873px, -0.2258908936px); }
  50% {
    transform: translate(-0.427929854px, -0.213964927px); }
  51% {
    transform: translate(-0.4009438001px, -0.2004719px); }
  52% {
    transform: translate(-0.3712913809px, -0.1856456904px); }
  53% {
    transform: translate(-0.3394412946px, -0.1697206473px); }
  54% {
    transform: translate(-0.3058581736px, -0.1529290868px); }
  55% {
    transform: translate(-0.2709979101px, -0.1354989551px); }
  56% {
    transform: translate(-0.2353033465px, -0.1176516732px); }
  57% {
    transform: translate(-0.1992003543px, -0.0996001771px); }
  58% {
    transform: translate(-0.1630943213px, -0.0815471607px); }
  59% {
    transform: translate(-0.1273670595px, -0.0636835298px); }
  60% {
    transform: translate(-0.0923741424px, -0.0461870712px); }
  61% {
    transform: translate(-0.0584426745px, -0.0292213372px); }
  62% {
    transform: translate(-0.0258694918px, -0.0129347459px); }
  63% {
    transform: translate(0.0050802127px, 0.0025401064px); }
  64% {
    transform: translate(0.0341738497px, 0.0170869249px); }
  65% {
    transform: translate(0.0612119932px, 0.0306059966px); }
  66% {
    transform: translate(0.0860285569px, 0.0430142785px); }
  67% {
    transform: translate(0.1084906086px, 0.0542453043px); }
  68% {
    transform: translate(0.1284978442px, 0.0642489221px); }
  69% {
    transform: translate(0.1459817477px, 0.0729908738px); }
  70% {
    transform: translate(0.1609044646px, 0.0804522323px); }
  71% {
    transform: translate(0.1732574161px, 0.086628708px); }
  72% {
    transform: translate(0.1830596849px, 0.0915298425px); }
  73% {
    transform: translate(0.190356203px, 0.0951781015px); }
  74% {
    transform: translate(0.1952157708px, 0.0976078854px); }
  75% {
    transform: translate(0.1977289404px, 0.0988644702px); }
  76% {
    transform: translate(0.1980057916px, 0.0990028958px); }
  77% {
    transform: translate(0.1961736313px, 0.0980868156px); }
  78% {
    transform: translate(0.1923746443px, 0.0961873221px); }
  79% {
    transform: translate(0.1867635243px, 0.0933817621px); }
  80% {
    transform: translate(0.1795051104px, 0.0897525552px); }
  81% {
    transform: translate(0.1707720538px, 0.0853860269px); }
  82% {
    transform: translate(0.160742538px, 0.080371269px); }
  83% {
    transform: translate(0.1495980732px, 0.0747990366px); }
  84% {
    transform: translate(0.1375213841px, 0.0687606921px); }
  85% {
    transform: translate(0.1246944081px, 0.062347204px); }
  86% {
    transform: translate(0.1112964173px, 0.0556482086px); }
  87% {
    transform: translate(0.0975022797px, 0.0487511399px); }
  88% {
    transform: translate(0.0834808669px, 0.0417404335px); }
  89% {
    transform: translate(0.0693936185px, 0.0346968092px); }
  90% {
    transform: translate(0.0553932682px, 0.0276966341px); }
  91% {
    transform: translate(0.0416227371px, 0.0208113685px); }
  92% {
    transform: translate(0.0282141936px, 0.0141070968px); }
  93% {
    transform: translate(0.0152882835px, 0.0076441418px); }
  94% {
    transform: translate(0.0029535252px, 0.0014767626px); }
  95% {
    transform: translate(-0.0086941311px, -0.0043470655px); }
  96% {
    transform: translate(-0.019571585px, -0.0097857925px); }
  97% {
    transform: translate(-0.0296087169px, -0.0148043585px); }
  98% {
    transform: translate(-0.0387483725px, -0.0193741862px); }
  99% {
    transform: translate(-0.0469462119px, -0.0234731059px); }
  100% {
    transform: translate(-0.0541704325px, -0.0270852162px); } }
@keyframes entranceLeft {
  0% {
    opacity: 0;
    transform: translateX(-50px) skew(30deg); }
  55% {
    opacity: 1;
    transform: translateX(10px) skew(-10deg); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes entranceRight {
  0% {
    opacity: 0;
    transform: translateX(50px) skew(-30deg); }
  55% {
    opacity: 1;
    transform: translateX(-10px) skew(10deg); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes emptyBreathPoint {
  from {
    transform: scale3d(1, 1, 1) skewX(-20deg);
    z-index: 10;
    background-color: cornflowerblue; }
  50% {
    transform: scale3d(1.6, 1.6, 1.6) skewX(-20deg);
    z-index: 10; }
  to {
    transform: scale3d(1, 1, 1) skewX(-20deg);
    background-color: white; } }
@keyframes fillBreathPoint {
  from {
    transform: scale3d(1, 1, 1) skewX(-20deg);
    z-index: 10;
    background-color: white; }
  50% {
    transform: scale3d(1.6, 1.6, 1.6) skewX(-20deg);
    z-index: 10;
    background-color: darkseagreen; }
  to {
    transform: scale3d(1, 1, 1) skewX(-20deg);
    background-color: cornflowerblue; } }
@keyframes fillDamagePoint {
  from {
    transform: scale3d(1, 1, 1) skewX(-20deg);
    z-index: 10;
    background-color: white; }
  50% {
    transform: scale3d(1.6, 1.6, 1.6) skewX(-20deg);
    z-index: 10; }
  to {
    transform: scale3d(1, 1, 1) skewX(-20deg);
    background-color: indianred; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes directionAttack {
  0% {
    opacity: 1;
    transform: scale(1, 1); }
  50% {
    opacity: 1;
    transform: scale(1.5, 1.5); }
  100% {
    opacity: 1;
    transform: scale(1, 1); } }
@keyframes directionWin {
  0% {
    opacity: 1;
    transform: scale(1, 1); }
  50% {
    opacity: 1;
    transform: scale(1.5, 1.5); }
  100% {
    opacity: 1;
    transform: scale(1, 1); } }
@keyframes directionLose {
  0% {
    opacity: 1;
    transform: scale(1, 1); }
  50% {
    opacity: 0.2;
    transform: scale(1.5, 1.5); }
  100% {
    opacity: 0.2;
    transform: scale(1, 1); } }
#twitter-widget-0 {
  vertical-align: middle;
  margin-left: 10px; }

.room_manager .page_title {
  margin-bottom: 20px; }
.room_manager .intro_image {
  text-align: center;
  margin-top: 10px; }
  .room_manager .intro_image img {
    max-width: 100%;
    max-height: 30vh; }
.room_manager .pitch {
  padding: 20px;
  font-size: 16px;
  background-color: ghostwhite;
  margin-bottom: 40px; }
  .room_manager .pitch p b {
    color: indianred; }
  .room_manager .pitch ul {
    list-style: square; }
.room_manager .sharing_message {
  color: #90211b; }
.room_manager .rules_button {
  position: absolute;
  top: 15px;
  right: 40px; }
  .room_manager .rules_button .glyphicon {
    margin-right: 15px; }
.room_manager .joining_message {
  text-align: center; }
.room_manager .lobby {
  position: relative; }
.room_manager .panel .panel-body, .room_manager .panel .room_list {
  display: flex;
  flex-direction: column; }
.room_manager .room_list {
  min-height: 100px;
  margin-bottom: 10px; }
.room_manager .room:not(:last-child) {
  margin-bottom: 5px; }
.room_manager .no_room_message {
  color: lightgray;
  font-style: italic; }
.room_manager .play_menu {
  max-width: 400px;
  margin: 30px auto 60px auto; }
  .room_manager .play_menu .button_group {
    display: flex; }
  .room_manager .play_menu input {
    flex: 1;
    padding: 5px 10px; }
  .room_manager .play_menu .play_multi {
    margin-left: 10px;
    width: 150px; }
  .room_manager .play_menu .play_solo {
    width: 100%; }
  .room_manager .play_menu .separator {
    text-align: center;
    margin: 3px 0;
    font-size: 18px;
    font-weight: bold; }
.room_manager .example_cards {
  margin: 20px 0;
  display: flex; }
  .room_manager .example_cards .card {
    display: inline-flex;
    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.05); }
    .room_manager .example_cards .card:not(:last-child) {
      margin-right: 5px; }

.account_controls {
  height: 40px;
  background-color: #2e2e2e; }
  .account_controls .container {
    position: relative;
    display: flex;
    flex-direction: row-reverse; }
  .account_controls .option {
    color: white;
    cursor: pointer;
    background-color: #1a1a1a;
    padding: 0 30px;
    vertical-align: middle;
    line-height: 40px;
    transition: background-color 250ms, color 250ms; }
    .account_controls .option:hover {
      color: white;
      text-decoration: none;
      background-color: #4d4d4d; }
  .account_controls .text_block {
    color: white;
    margin-right: 30px;
    margin-top: auto;
    margin-bottom: auto;
    font-weight: normal; }
  .account_controls .victory_count {
    display: flex; }
    .account_controls .victory_count div:first-child {
      margin-right: 10px; }

.account_window .error_message {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 2px; }
  .account_window .error_message:empty {
    display: none; }

.game_screen {
  display: flex;
  flex-direction: column;
  margin-top: 10px; }
  .game_screen .header {
    flex: 0;
    text-align: center;
    position: relative; }
    .game_screen .header .send_feedback_button {
      margin-left: 10px; }
    .game_screen .header .left_options {
      float: left; }
    .game_screen .header .room_name {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      font-weight: bold; }
      .game_screen .header .room_name .a {
        font-size: 14px; }
      .game_screen .header .room_name .b {
        font-size: 18px; }
    .game_screen .header .right_options {
      float: right; }
      .game_screen .header .right_options .restart_button {
        margin-left: 20px; }

.table {
  display: flex;
  flex: 1;
  margin-top: 10px; }
  .table .side {
    position: relative;
    margin-top: 11px;
    display: flex;
    flex-direction: column;
    flex: 1; }
    .table .side .no_card_hint {
      margin: 50px;
      font-weight: bold; }
    .table .side > .title {
      font-weight: bold;
      padding-bottom: 10px;
      border-bottom: solid 1px rgba(0, 0, 0, 0.1);
      margin-bottom: 5px; }
    .table .side.opponent {
      border-left: solid 1px rgba(0, 0, 0, 0.1);
      padding-left: 10px; }
      .table .side.opponent .no_card_hint {
        color: indianred; }
    .table .side.player {
      text-align: right;
      padding-right: 10px; }
      .table .side.player .two_cards {
        display: flex;
        flex-direction: column; }
      .table .side.player .cards {
        flex-direction: row-reverse; }
        .table .side.player .cards .card:not(.revealed) .mask {
          display: block;
          opacity: 0.6; }
    .table .side .cards {
      position: relative; }
    .table .side .waiting_for_player {
      text-align: center;
      padding: 30px 50px;
      color: indianred;
      margin-right: 40px; }
    .table .side .last_card .card {
      background-color: ghostwhite; }
    .table .side .cards {
      display: flex;
      max-height: 500px; }
    .table .side.player .status {
      text-align: right; }
    .table .side .status {
      display: block;
      position: relative;
      margin-top: 10px; }
      .table .side .status .status_block {
        display: inline-flex; }
        .table .side .status .status_block .value_counter {
          display: flex;
          flex-direction: column;
          padding: 5px;
          border: solid 1px rgba(0, 0, 0, 0.1);
          text-align: center; }
          .table .side .status .status_block .value_counter label {
            display: block; }

.hand {
  display: flex;
  flex-direction: column; }
  .hand .title_panel {
    padding: 10px;
    font-weight: bold; }
  .hand .cards {
    flex: 1;
    margin-bottom: 10px;
    max-width: 250px;
    overflow: auto;
    max-height: 70vh; }
    .hand .cards .card_group {
      display: flex;
      flex-wrap: wrap;
      margin: 9px 0 5px 6px; }
      .hand .cards .card_group .card_block {
        margin: 2px 2px 2px 2px;
        display: flex;
        flex-direction: column; }
        .hand .cards .card_group .card_block:not(:last-child) {
          margin-right: 2px; }
        .hand .cards .card_group .card_block .card {
          flex: 1; }
  .hand .expanded_card {
    z-index: 2; }
    .hand .expanded_card.left {
      position: fixed;
      top: 200px;
      left: 300px; }
    .hand .expanded_card.right {
      position: fixed;
      top: 200px;
      right: 300px; }

.player .main_character img {
  position: relative;
  right: -60px; }

.opponent .main_character img {
  position: relative;
  left: -60px; }

.main_character {
  display: flex;
  flex-direction: column;
  position: relative; }
  .main_character img {
    height: 40vh;
    width: auto;
    max-height: 500px; }
  .main_character .direction_info {
    position: absolute;
    top: 30px;
    right: 0;
    font-size: 30px; }
    .main_character .direction_info.attacking .glyphicon {
      animation: directionAttack 250ms 250ms both; }
    .main_character .direction_info.defending.prevailed .glyphicon {
      animation: directionWin 250ms 250ms both; }
    .main_character .direction_info.defending.failed .glyphicon {
      animation: directionLose 250ms 250ms both; }
    .main_character .direction_info.defending.prevailed .glyphicon, .main_character .direction_info.defending.failed .glyphicon {
      animation-delay: 350ms; }
    .main_character .direction_info .height.high {
      color: brown; }
    .main_character .direction_info .height.low {
      color: cadetblue; }
  .main_character.opp .direction_info {
    left: 0; }

.chain_possibility {
  position: absolute;
  top: 0px;
  right: 0;
  animation: entranceLeft 1s both; }
  .chain_possibility label {
    font-size: 0.7em;
    display: block;
    margin-bottom: 0; }
  .chain_possibility .chain {
    font-size: 0.7em;
    position: relative;
    display: inline-block;
    padding: 2px 7px; }

.opponent .chain_possibility {
  animation: entranceRight 1s both;
  left: 0;
  right: initial; }

.play_countdown {
  position: relative;
  top: 300px;
  transition: opacity 0.5s; }
  .play_countdown .loader__progress {
    position: relative;
    background-color: lavender;
    width: 6rem;
    height: 6rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
    .play_countdown .loader__progress .circle.instant .loader_mask, .play_countdown .loader__progress .circle.instant .fill {
      -webkit-transition: -webkit-transform 0s;
      -moz-transition: -moz-transform 0s;
      -o-transition: -o-transform 0s;
      transition: transform 0s; }
    .play_countdown .loader__progress .circle.ending .loader_mask .fill {
      background-color: brown; }
    .play_countdown .loader__progress .circle .loader_mask, .play_countdown .loader__progress .circle .fill {
      position: absolute;
      width: 6rem;
      height: 6rem;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -webkit-transition: -webkit-transform 1s linear;
      -moz-transition: -moz-transform 1s linear;
      -o-transition: -o-transform 1s linear;
      transition: transform 1s linear;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden; }
    .play_countdown .loader__progress .circle .loader_mask {
      clip: rect(0rem, 6rem, 6rem, 3rem); }
      .play_countdown .loader__progress .circle .loader_mask .fill {
        clip: rect(0rem, 3rem, 6rem, 0rem);
        background-color: slategrey; }
    .play_countdown .loader__progress .circle .inset {
      position: absolute;
      width: 0rem;
      height: 0rem;
      margin-left: 0rem;
      margin-top: 0rem;
      top: 50%;
      left: 50%;
      background: #000;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
      .play_countdown .loader__progress .circle .inset .percentage {
        height: 16px;
        width: 60px;
        overflow: hidden;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -30px;
        line-height: 1; }
    .play_countdown .loader__progress[data-progress="1"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="1"] .circle .fill {
      -webkit-transform: rotate(1.8deg);
      -ms-transform: rotate(1.8deg);
      transform: rotate(1.8deg); }
    .play_countdown .loader__progress[data-progress="1"] .circle .fill.fix {
      -webkit-transform: rotate(3.6deg);
      -ms-transform: rotate(3.6deg);
      transform: rotate(3.6deg); }
    .play_countdown .loader__progress[data-progress="2"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="2"] .circle .fill {
      -webkit-transform: rotate(3.6deg);
      -ms-transform: rotate(3.6deg);
      transform: rotate(3.6deg); }
    .play_countdown .loader__progress[data-progress="2"] .circle .fill.fix {
      -webkit-transform: rotate(7.2deg);
      -ms-transform: rotate(7.2deg);
      transform: rotate(7.2deg); }
    .play_countdown .loader__progress[data-progress="3"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="3"] .circle .fill {
      -webkit-transform: rotate(5.4deg);
      -ms-transform: rotate(5.4deg);
      transform: rotate(5.4deg); }
    .play_countdown .loader__progress[data-progress="3"] .circle .fill.fix {
      -webkit-transform: rotate(10.8deg);
      -ms-transform: rotate(10.8deg);
      transform: rotate(10.8deg); }
    .play_countdown .loader__progress[data-progress="4"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="4"] .circle .fill {
      -webkit-transform: rotate(7.2deg);
      -ms-transform: rotate(7.2deg);
      transform: rotate(7.2deg); }
    .play_countdown .loader__progress[data-progress="4"] .circle .fill.fix {
      -webkit-transform: rotate(14.4deg);
      -ms-transform: rotate(14.4deg);
      transform: rotate(14.4deg); }
    .play_countdown .loader__progress[data-progress="5"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="5"] .circle .fill {
      -webkit-transform: rotate(9deg);
      -ms-transform: rotate(9deg);
      transform: rotate(9deg); }
    .play_countdown .loader__progress[data-progress="5"] .circle .fill.fix {
      -webkit-transform: rotate(18deg);
      -ms-transform: rotate(18deg);
      transform: rotate(18deg); }
    .play_countdown .loader__progress[data-progress="6"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="6"] .circle .fill {
      -webkit-transform: rotate(10.8deg);
      -ms-transform: rotate(10.8deg);
      transform: rotate(10.8deg); }
    .play_countdown .loader__progress[data-progress="6"] .circle .fill.fix {
      -webkit-transform: rotate(21.6deg);
      -ms-transform: rotate(21.6deg);
      transform: rotate(21.6deg); }
    .play_countdown .loader__progress[data-progress="7"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="7"] .circle .fill {
      -webkit-transform: rotate(12.6deg);
      -ms-transform: rotate(12.6deg);
      transform: rotate(12.6deg); }
    .play_countdown .loader__progress[data-progress="7"] .circle .fill.fix {
      -webkit-transform: rotate(25.2deg);
      -ms-transform: rotate(25.2deg);
      transform: rotate(25.2deg); }
    .play_countdown .loader__progress[data-progress="8"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="8"] .circle .fill {
      -webkit-transform: rotate(14.4deg);
      -ms-transform: rotate(14.4deg);
      transform: rotate(14.4deg); }
    .play_countdown .loader__progress[data-progress="8"] .circle .fill.fix {
      -webkit-transform: rotate(28.8deg);
      -ms-transform: rotate(28.8deg);
      transform: rotate(28.8deg); }
    .play_countdown .loader__progress[data-progress="9"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="9"] .circle .fill {
      -webkit-transform: rotate(16.2deg);
      -ms-transform: rotate(16.2deg);
      transform: rotate(16.2deg); }
    .play_countdown .loader__progress[data-progress="9"] .circle .fill.fix {
      -webkit-transform: rotate(32.4deg);
      -ms-transform: rotate(32.4deg);
      transform: rotate(32.4deg); }
    .play_countdown .loader__progress[data-progress="10"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="10"] .circle .fill {
      -webkit-transform: rotate(18deg);
      -ms-transform: rotate(18deg);
      transform: rotate(18deg); }
    .play_countdown .loader__progress[data-progress="10"] .circle .fill.fix {
      -webkit-transform: rotate(36deg);
      -ms-transform: rotate(36deg);
      transform: rotate(36deg); }
    .play_countdown .loader__progress[data-progress="11"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="11"] .circle .fill {
      -webkit-transform: rotate(19.8deg);
      -ms-transform: rotate(19.8deg);
      transform: rotate(19.8deg); }
    .play_countdown .loader__progress[data-progress="11"] .circle .fill.fix {
      -webkit-transform: rotate(39.6deg);
      -ms-transform: rotate(39.6deg);
      transform: rotate(39.6deg); }
    .play_countdown .loader__progress[data-progress="12"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="12"] .circle .fill {
      -webkit-transform: rotate(21.6deg);
      -ms-transform: rotate(21.6deg);
      transform: rotate(21.6deg); }
    .play_countdown .loader__progress[data-progress="12"] .circle .fill.fix {
      -webkit-transform: rotate(43.2deg);
      -ms-transform: rotate(43.2deg);
      transform: rotate(43.2deg); }
    .play_countdown .loader__progress[data-progress="13"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="13"] .circle .fill {
      -webkit-transform: rotate(23.4deg);
      -ms-transform: rotate(23.4deg);
      transform: rotate(23.4deg); }
    .play_countdown .loader__progress[data-progress="13"] .circle .fill.fix {
      -webkit-transform: rotate(46.8deg);
      -ms-transform: rotate(46.8deg);
      transform: rotate(46.8deg); }
    .play_countdown .loader__progress[data-progress="14"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="14"] .circle .fill {
      -webkit-transform: rotate(25.2deg);
      -ms-transform: rotate(25.2deg);
      transform: rotate(25.2deg); }
    .play_countdown .loader__progress[data-progress="14"] .circle .fill.fix {
      -webkit-transform: rotate(50.4deg);
      -ms-transform: rotate(50.4deg);
      transform: rotate(50.4deg); }
    .play_countdown .loader__progress[data-progress="15"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="15"] .circle .fill {
      -webkit-transform: rotate(27deg);
      -ms-transform: rotate(27deg);
      transform: rotate(27deg); }
    .play_countdown .loader__progress[data-progress="15"] .circle .fill.fix {
      -webkit-transform: rotate(54deg);
      -ms-transform: rotate(54deg);
      transform: rotate(54deg); }
    .play_countdown .loader__progress[data-progress="16"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="16"] .circle .fill {
      -webkit-transform: rotate(28.8deg);
      -ms-transform: rotate(28.8deg);
      transform: rotate(28.8deg); }
    .play_countdown .loader__progress[data-progress="16"] .circle .fill.fix {
      -webkit-transform: rotate(57.6deg);
      -ms-transform: rotate(57.6deg);
      transform: rotate(57.6deg); }
    .play_countdown .loader__progress[data-progress="17"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="17"] .circle .fill {
      -webkit-transform: rotate(30.6deg);
      -ms-transform: rotate(30.6deg);
      transform: rotate(30.6deg); }
    .play_countdown .loader__progress[data-progress="17"] .circle .fill.fix {
      -webkit-transform: rotate(61.2deg);
      -ms-transform: rotate(61.2deg);
      transform: rotate(61.2deg); }
    .play_countdown .loader__progress[data-progress="18"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="18"] .circle .fill {
      -webkit-transform: rotate(32.4deg);
      -ms-transform: rotate(32.4deg);
      transform: rotate(32.4deg); }
    .play_countdown .loader__progress[data-progress="18"] .circle .fill.fix {
      -webkit-transform: rotate(64.8deg);
      -ms-transform: rotate(64.8deg);
      transform: rotate(64.8deg); }
    .play_countdown .loader__progress[data-progress="19"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="19"] .circle .fill {
      -webkit-transform: rotate(34.2deg);
      -ms-transform: rotate(34.2deg);
      transform: rotate(34.2deg); }
    .play_countdown .loader__progress[data-progress="19"] .circle .fill.fix {
      -webkit-transform: rotate(68.4deg);
      -ms-transform: rotate(68.4deg);
      transform: rotate(68.4deg); }
    .play_countdown .loader__progress[data-progress="20"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="20"] .circle .fill {
      -webkit-transform: rotate(36deg);
      -ms-transform: rotate(36deg);
      transform: rotate(36deg); }
    .play_countdown .loader__progress[data-progress="20"] .circle .fill.fix {
      -webkit-transform: rotate(72deg);
      -ms-transform: rotate(72deg);
      transform: rotate(72deg); }
    .play_countdown .loader__progress[data-progress="21"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="21"] .circle .fill {
      -webkit-transform: rotate(37.8deg);
      -ms-transform: rotate(37.8deg);
      transform: rotate(37.8deg); }
    .play_countdown .loader__progress[data-progress="21"] .circle .fill.fix {
      -webkit-transform: rotate(75.6deg);
      -ms-transform: rotate(75.6deg);
      transform: rotate(75.6deg); }
    .play_countdown .loader__progress[data-progress="22"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="22"] .circle .fill {
      -webkit-transform: rotate(39.6deg);
      -ms-transform: rotate(39.6deg);
      transform: rotate(39.6deg); }
    .play_countdown .loader__progress[data-progress="22"] .circle .fill.fix {
      -webkit-transform: rotate(79.2deg);
      -ms-transform: rotate(79.2deg);
      transform: rotate(79.2deg); }
    .play_countdown .loader__progress[data-progress="23"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="23"] .circle .fill {
      -webkit-transform: rotate(41.4deg);
      -ms-transform: rotate(41.4deg);
      transform: rotate(41.4deg); }
    .play_countdown .loader__progress[data-progress="23"] .circle .fill.fix {
      -webkit-transform: rotate(82.8deg);
      -ms-transform: rotate(82.8deg);
      transform: rotate(82.8deg); }
    .play_countdown .loader__progress[data-progress="24"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="24"] .circle .fill {
      -webkit-transform: rotate(43.2deg);
      -ms-transform: rotate(43.2deg);
      transform: rotate(43.2deg); }
    .play_countdown .loader__progress[data-progress="24"] .circle .fill.fix {
      -webkit-transform: rotate(86.4deg);
      -ms-transform: rotate(86.4deg);
      transform: rotate(86.4deg); }
    .play_countdown .loader__progress[data-progress="25"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="25"] .circle .fill {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .play_countdown .loader__progress[data-progress="25"] .circle .fill.fix {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
    .play_countdown .loader__progress[data-progress="26"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="26"] .circle .fill {
      -webkit-transform: rotate(46.8deg);
      -ms-transform: rotate(46.8deg);
      transform: rotate(46.8deg); }
    .play_countdown .loader__progress[data-progress="26"] .circle .fill.fix {
      -webkit-transform: rotate(93.6deg);
      -ms-transform: rotate(93.6deg);
      transform: rotate(93.6deg); }
    .play_countdown .loader__progress[data-progress="27"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="27"] .circle .fill {
      -webkit-transform: rotate(48.6deg);
      -ms-transform: rotate(48.6deg);
      transform: rotate(48.6deg); }
    .play_countdown .loader__progress[data-progress="27"] .circle .fill.fix {
      -webkit-transform: rotate(97.2deg);
      -ms-transform: rotate(97.2deg);
      transform: rotate(97.2deg); }
    .play_countdown .loader__progress[data-progress="28"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="28"] .circle .fill {
      -webkit-transform: rotate(50.4deg);
      -ms-transform: rotate(50.4deg);
      transform: rotate(50.4deg); }
    .play_countdown .loader__progress[data-progress="28"] .circle .fill.fix {
      -webkit-transform: rotate(100.8deg);
      -ms-transform: rotate(100.8deg);
      transform: rotate(100.8deg); }
    .play_countdown .loader__progress[data-progress="29"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="29"] .circle .fill {
      -webkit-transform: rotate(52.2deg);
      -ms-transform: rotate(52.2deg);
      transform: rotate(52.2deg); }
    .play_countdown .loader__progress[data-progress="29"] .circle .fill.fix {
      -webkit-transform: rotate(104.4deg);
      -ms-transform: rotate(104.4deg);
      transform: rotate(104.4deg); }
    .play_countdown .loader__progress[data-progress="30"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="30"] .circle .fill {
      -webkit-transform: rotate(54deg);
      -ms-transform: rotate(54deg);
      transform: rotate(54deg); }
    .play_countdown .loader__progress[data-progress="30"] .circle .fill.fix {
      -webkit-transform: rotate(108deg);
      -ms-transform: rotate(108deg);
      transform: rotate(108deg); }
    .play_countdown .loader__progress[data-progress="31"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="31"] .circle .fill {
      -webkit-transform: rotate(55.8deg);
      -ms-transform: rotate(55.8deg);
      transform: rotate(55.8deg); }
    .play_countdown .loader__progress[data-progress="31"] .circle .fill.fix {
      -webkit-transform: rotate(111.6deg);
      -ms-transform: rotate(111.6deg);
      transform: rotate(111.6deg); }
    .play_countdown .loader__progress[data-progress="32"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="32"] .circle .fill {
      -webkit-transform: rotate(57.6deg);
      -ms-transform: rotate(57.6deg);
      transform: rotate(57.6deg); }
    .play_countdown .loader__progress[data-progress="32"] .circle .fill.fix {
      -webkit-transform: rotate(115.2deg);
      -ms-transform: rotate(115.2deg);
      transform: rotate(115.2deg); }
    .play_countdown .loader__progress[data-progress="33"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="33"] .circle .fill {
      -webkit-transform: rotate(59.4deg);
      -ms-transform: rotate(59.4deg);
      transform: rotate(59.4deg); }
    .play_countdown .loader__progress[data-progress="33"] .circle .fill.fix {
      -webkit-transform: rotate(118.8deg);
      -ms-transform: rotate(118.8deg);
      transform: rotate(118.8deg); }
    .play_countdown .loader__progress[data-progress="34"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="34"] .circle .fill {
      -webkit-transform: rotate(61.2deg);
      -ms-transform: rotate(61.2deg);
      transform: rotate(61.2deg); }
    .play_countdown .loader__progress[data-progress="34"] .circle .fill.fix {
      -webkit-transform: rotate(122.4deg);
      -ms-transform: rotate(122.4deg);
      transform: rotate(122.4deg); }
    .play_countdown .loader__progress[data-progress="35"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="35"] .circle .fill {
      -webkit-transform: rotate(63deg);
      -ms-transform: rotate(63deg);
      transform: rotate(63deg); }
    .play_countdown .loader__progress[data-progress="35"] .circle .fill.fix {
      -webkit-transform: rotate(126deg);
      -ms-transform: rotate(126deg);
      transform: rotate(126deg); }
    .play_countdown .loader__progress[data-progress="36"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="36"] .circle .fill {
      -webkit-transform: rotate(64.8deg);
      -ms-transform: rotate(64.8deg);
      transform: rotate(64.8deg); }
    .play_countdown .loader__progress[data-progress="36"] .circle .fill.fix {
      -webkit-transform: rotate(129.6deg);
      -ms-transform: rotate(129.6deg);
      transform: rotate(129.6deg); }
    .play_countdown .loader__progress[data-progress="37"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="37"] .circle .fill {
      -webkit-transform: rotate(66.6deg);
      -ms-transform: rotate(66.6deg);
      transform: rotate(66.6deg); }
    .play_countdown .loader__progress[data-progress="37"] .circle .fill.fix {
      -webkit-transform: rotate(133.2deg);
      -ms-transform: rotate(133.2deg);
      transform: rotate(133.2deg); }
    .play_countdown .loader__progress[data-progress="38"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="38"] .circle .fill {
      -webkit-transform: rotate(68.4deg);
      -ms-transform: rotate(68.4deg);
      transform: rotate(68.4deg); }
    .play_countdown .loader__progress[data-progress="38"] .circle .fill.fix {
      -webkit-transform: rotate(136.8deg);
      -ms-transform: rotate(136.8deg);
      transform: rotate(136.8deg); }
    .play_countdown .loader__progress[data-progress="39"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="39"] .circle .fill {
      -webkit-transform: rotate(70.2deg);
      -ms-transform: rotate(70.2deg);
      transform: rotate(70.2deg); }
    .play_countdown .loader__progress[data-progress="39"] .circle .fill.fix {
      -webkit-transform: rotate(140.4deg);
      -ms-transform: rotate(140.4deg);
      transform: rotate(140.4deg); }
    .play_countdown .loader__progress[data-progress="40"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="40"] .circle .fill {
      -webkit-transform: rotate(72deg);
      -ms-transform: rotate(72deg);
      transform: rotate(72deg); }
    .play_countdown .loader__progress[data-progress="40"] .circle .fill.fix {
      -webkit-transform: rotate(144deg);
      -ms-transform: rotate(144deg);
      transform: rotate(144deg); }
    .play_countdown .loader__progress[data-progress="41"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="41"] .circle .fill {
      -webkit-transform: rotate(73.8deg);
      -ms-transform: rotate(73.8deg);
      transform: rotate(73.8deg); }
    .play_countdown .loader__progress[data-progress="41"] .circle .fill.fix {
      -webkit-transform: rotate(147.6deg);
      -ms-transform: rotate(147.6deg);
      transform: rotate(147.6deg); }
    .play_countdown .loader__progress[data-progress="42"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="42"] .circle .fill {
      -webkit-transform: rotate(75.6deg);
      -ms-transform: rotate(75.6deg);
      transform: rotate(75.6deg); }
    .play_countdown .loader__progress[data-progress="42"] .circle .fill.fix {
      -webkit-transform: rotate(151.2deg);
      -ms-transform: rotate(151.2deg);
      transform: rotate(151.2deg); }
    .play_countdown .loader__progress[data-progress="43"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="43"] .circle .fill {
      -webkit-transform: rotate(77.4deg);
      -ms-transform: rotate(77.4deg);
      transform: rotate(77.4deg); }
    .play_countdown .loader__progress[data-progress="43"] .circle .fill.fix {
      -webkit-transform: rotate(154.8deg);
      -ms-transform: rotate(154.8deg);
      transform: rotate(154.8deg); }
    .play_countdown .loader__progress[data-progress="44"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="44"] .circle .fill {
      -webkit-transform: rotate(79.2deg);
      -ms-transform: rotate(79.2deg);
      transform: rotate(79.2deg); }
    .play_countdown .loader__progress[data-progress="44"] .circle .fill.fix {
      -webkit-transform: rotate(158.4deg);
      -ms-transform: rotate(158.4deg);
      transform: rotate(158.4deg); }
    .play_countdown .loader__progress[data-progress="45"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="45"] .circle .fill {
      -webkit-transform: rotate(81deg);
      -ms-transform: rotate(81deg);
      transform: rotate(81deg); }
    .play_countdown .loader__progress[data-progress="45"] .circle .fill.fix {
      -webkit-transform: rotate(162deg);
      -ms-transform: rotate(162deg);
      transform: rotate(162deg); }
    .play_countdown .loader__progress[data-progress="46"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="46"] .circle .fill {
      -webkit-transform: rotate(82.8deg);
      -ms-transform: rotate(82.8deg);
      transform: rotate(82.8deg); }
    .play_countdown .loader__progress[data-progress="46"] .circle .fill.fix {
      -webkit-transform: rotate(165.6deg);
      -ms-transform: rotate(165.6deg);
      transform: rotate(165.6deg); }
    .play_countdown .loader__progress[data-progress="47"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="47"] .circle .fill {
      -webkit-transform: rotate(84.6deg);
      -ms-transform: rotate(84.6deg);
      transform: rotate(84.6deg); }
    .play_countdown .loader__progress[data-progress="47"] .circle .fill.fix {
      -webkit-transform: rotate(169.2deg);
      -ms-transform: rotate(169.2deg);
      transform: rotate(169.2deg); }
    .play_countdown .loader__progress[data-progress="48"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="48"] .circle .fill {
      -webkit-transform: rotate(86.4deg);
      -ms-transform: rotate(86.4deg);
      transform: rotate(86.4deg); }
    .play_countdown .loader__progress[data-progress="48"] .circle .fill.fix {
      -webkit-transform: rotate(172.8deg);
      -ms-transform: rotate(172.8deg);
      transform: rotate(172.8deg); }
    .play_countdown .loader__progress[data-progress="49"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="49"] .circle .fill {
      -webkit-transform: rotate(88.2deg);
      -ms-transform: rotate(88.2deg);
      transform: rotate(88.2deg); }
    .play_countdown .loader__progress[data-progress="49"] .circle .fill.fix {
      -webkit-transform: rotate(176.4deg);
      -ms-transform: rotate(176.4deg);
      transform: rotate(176.4deg); }
    .play_countdown .loader__progress[data-progress="50"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="50"] .circle .fill {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
    .play_countdown .loader__progress[data-progress="50"] .circle .fill.fix {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
    .play_countdown .loader__progress[data-progress="51"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="51"] .circle .fill {
      -webkit-transform: rotate(91.8deg);
      -ms-transform: rotate(91.8deg);
      transform: rotate(91.8deg); }
    .play_countdown .loader__progress[data-progress="51"] .circle .fill.fix {
      -webkit-transform: rotate(183.6deg);
      -ms-transform: rotate(183.6deg);
      transform: rotate(183.6deg); }
    .play_countdown .loader__progress[data-progress="52"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="52"] .circle .fill {
      -webkit-transform: rotate(93.6deg);
      -ms-transform: rotate(93.6deg);
      transform: rotate(93.6deg); }
    .play_countdown .loader__progress[data-progress="52"] .circle .fill.fix {
      -webkit-transform: rotate(187.2deg);
      -ms-transform: rotate(187.2deg);
      transform: rotate(187.2deg); }
    .play_countdown .loader__progress[data-progress="53"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="53"] .circle .fill {
      -webkit-transform: rotate(95.4deg);
      -ms-transform: rotate(95.4deg);
      transform: rotate(95.4deg); }
    .play_countdown .loader__progress[data-progress="53"] .circle .fill.fix {
      -webkit-transform: rotate(190.8deg);
      -ms-transform: rotate(190.8deg);
      transform: rotate(190.8deg); }
    .play_countdown .loader__progress[data-progress="54"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="54"] .circle .fill {
      -webkit-transform: rotate(97.2deg);
      -ms-transform: rotate(97.2deg);
      transform: rotate(97.2deg); }
    .play_countdown .loader__progress[data-progress="54"] .circle .fill.fix {
      -webkit-transform: rotate(194.4deg);
      -ms-transform: rotate(194.4deg);
      transform: rotate(194.4deg); }
    .play_countdown .loader__progress[data-progress="55"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="55"] .circle .fill {
      -webkit-transform: rotate(99deg);
      -ms-transform: rotate(99deg);
      transform: rotate(99deg); }
    .play_countdown .loader__progress[data-progress="55"] .circle .fill.fix {
      -webkit-transform: rotate(198deg);
      -ms-transform: rotate(198deg);
      transform: rotate(198deg); }
    .play_countdown .loader__progress[data-progress="56"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="56"] .circle .fill {
      -webkit-transform: rotate(100.8deg);
      -ms-transform: rotate(100.8deg);
      transform: rotate(100.8deg); }
    .play_countdown .loader__progress[data-progress="56"] .circle .fill.fix {
      -webkit-transform: rotate(201.6deg);
      -ms-transform: rotate(201.6deg);
      transform: rotate(201.6deg); }
    .play_countdown .loader__progress[data-progress="57"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="57"] .circle .fill {
      -webkit-transform: rotate(102.6deg);
      -ms-transform: rotate(102.6deg);
      transform: rotate(102.6deg); }
    .play_countdown .loader__progress[data-progress="57"] .circle .fill.fix {
      -webkit-transform: rotate(205.2deg);
      -ms-transform: rotate(205.2deg);
      transform: rotate(205.2deg); }
    .play_countdown .loader__progress[data-progress="58"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="58"] .circle .fill {
      -webkit-transform: rotate(104.4deg);
      -ms-transform: rotate(104.4deg);
      transform: rotate(104.4deg); }
    .play_countdown .loader__progress[data-progress="58"] .circle .fill.fix {
      -webkit-transform: rotate(208.8deg);
      -ms-transform: rotate(208.8deg);
      transform: rotate(208.8deg); }
    .play_countdown .loader__progress[data-progress="59"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="59"] .circle .fill {
      -webkit-transform: rotate(106.2deg);
      -ms-transform: rotate(106.2deg);
      transform: rotate(106.2deg); }
    .play_countdown .loader__progress[data-progress="59"] .circle .fill.fix {
      -webkit-transform: rotate(212.4deg);
      -ms-transform: rotate(212.4deg);
      transform: rotate(212.4deg); }
    .play_countdown .loader__progress[data-progress="60"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="60"] .circle .fill {
      -webkit-transform: rotate(108deg);
      -ms-transform: rotate(108deg);
      transform: rotate(108deg); }
    .play_countdown .loader__progress[data-progress="60"] .circle .fill.fix {
      -webkit-transform: rotate(216deg);
      -ms-transform: rotate(216deg);
      transform: rotate(216deg); }
    .play_countdown .loader__progress[data-progress="61"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="61"] .circle .fill {
      -webkit-transform: rotate(109.8deg);
      -ms-transform: rotate(109.8deg);
      transform: rotate(109.8deg); }
    .play_countdown .loader__progress[data-progress="61"] .circle .fill.fix {
      -webkit-transform: rotate(219.6deg);
      -ms-transform: rotate(219.6deg);
      transform: rotate(219.6deg); }
    .play_countdown .loader__progress[data-progress="62"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="62"] .circle .fill {
      -webkit-transform: rotate(111.6deg);
      -ms-transform: rotate(111.6deg);
      transform: rotate(111.6deg); }
    .play_countdown .loader__progress[data-progress="62"] .circle .fill.fix {
      -webkit-transform: rotate(223.2deg);
      -ms-transform: rotate(223.2deg);
      transform: rotate(223.2deg); }
    .play_countdown .loader__progress[data-progress="63"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="63"] .circle .fill {
      -webkit-transform: rotate(113.4deg);
      -ms-transform: rotate(113.4deg);
      transform: rotate(113.4deg); }
    .play_countdown .loader__progress[data-progress="63"] .circle .fill.fix {
      -webkit-transform: rotate(226.8deg);
      -ms-transform: rotate(226.8deg);
      transform: rotate(226.8deg); }
    .play_countdown .loader__progress[data-progress="64"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="64"] .circle .fill {
      -webkit-transform: rotate(115.2deg);
      -ms-transform: rotate(115.2deg);
      transform: rotate(115.2deg); }
    .play_countdown .loader__progress[data-progress="64"] .circle .fill.fix {
      -webkit-transform: rotate(230.4deg);
      -ms-transform: rotate(230.4deg);
      transform: rotate(230.4deg); }
    .play_countdown .loader__progress[data-progress="65"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="65"] .circle .fill {
      -webkit-transform: rotate(117deg);
      -ms-transform: rotate(117deg);
      transform: rotate(117deg); }
    .play_countdown .loader__progress[data-progress="65"] .circle .fill.fix {
      -webkit-transform: rotate(234deg);
      -ms-transform: rotate(234deg);
      transform: rotate(234deg); }
    .play_countdown .loader__progress[data-progress="66"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="66"] .circle .fill {
      -webkit-transform: rotate(118.8deg);
      -ms-transform: rotate(118.8deg);
      transform: rotate(118.8deg); }
    .play_countdown .loader__progress[data-progress="66"] .circle .fill.fix {
      -webkit-transform: rotate(237.6deg);
      -ms-transform: rotate(237.6deg);
      transform: rotate(237.6deg); }
    .play_countdown .loader__progress[data-progress="67"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="67"] .circle .fill {
      -webkit-transform: rotate(120.6deg);
      -ms-transform: rotate(120.6deg);
      transform: rotate(120.6deg); }
    .play_countdown .loader__progress[data-progress="67"] .circle .fill.fix {
      -webkit-transform: rotate(241.2deg);
      -ms-transform: rotate(241.2deg);
      transform: rotate(241.2deg); }
    .play_countdown .loader__progress[data-progress="68"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="68"] .circle .fill {
      -webkit-transform: rotate(122.4deg);
      -ms-transform: rotate(122.4deg);
      transform: rotate(122.4deg); }
    .play_countdown .loader__progress[data-progress="68"] .circle .fill.fix {
      -webkit-transform: rotate(244.8deg);
      -ms-transform: rotate(244.8deg);
      transform: rotate(244.8deg); }
    .play_countdown .loader__progress[data-progress="69"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="69"] .circle .fill {
      -webkit-transform: rotate(124.2deg);
      -ms-transform: rotate(124.2deg);
      transform: rotate(124.2deg); }
    .play_countdown .loader__progress[data-progress="69"] .circle .fill.fix {
      -webkit-transform: rotate(248.4deg);
      -ms-transform: rotate(248.4deg);
      transform: rotate(248.4deg); }
    .play_countdown .loader__progress[data-progress="70"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="70"] .circle .fill {
      -webkit-transform: rotate(126deg);
      -ms-transform: rotate(126deg);
      transform: rotate(126deg); }
    .play_countdown .loader__progress[data-progress="70"] .circle .fill.fix {
      -webkit-transform: rotate(252deg);
      -ms-transform: rotate(252deg);
      transform: rotate(252deg); }
    .play_countdown .loader__progress[data-progress="71"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="71"] .circle .fill {
      -webkit-transform: rotate(127.8deg);
      -ms-transform: rotate(127.8deg);
      transform: rotate(127.8deg); }
    .play_countdown .loader__progress[data-progress="71"] .circle .fill.fix {
      -webkit-transform: rotate(255.6deg);
      -ms-transform: rotate(255.6deg);
      transform: rotate(255.6deg); }
    .play_countdown .loader__progress[data-progress="72"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="72"] .circle .fill {
      -webkit-transform: rotate(129.6deg);
      -ms-transform: rotate(129.6deg);
      transform: rotate(129.6deg); }
    .play_countdown .loader__progress[data-progress="72"] .circle .fill.fix {
      -webkit-transform: rotate(259.2deg);
      -ms-transform: rotate(259.2deg);
      transform: rotate(259.2deg); }
    .play_countdown .loader__progress[data-progress="73"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="73"] .circle .fill {
      -webkit-transform: rotate(131.4deg);
      -ms-transform: rotate(131.4deg);
      transform: rotate(131.4deg); }
    .play_countdown .loader__progress[data-progress="73"] .circle .fill.fix {
      -webkit-transform: rotate(262.8deg);
      -ms-transform: rotate(262.8deg);
      transform: rotate(262.8deg); }
    .play_countdown .loader__progress[data-progress="74"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="74"] .circle .fill {
      -webkit-transform: rotate(133.2deg);
      -ms-transform: rotate(133.2deg);
      transform: rotate(133.2deg); }
    .play_countdown .loader__progress[data-progress="74"] .circle .fill.fix {
      -webkit-transform: rotate(266.4deg);
      -ms-transform: rotate(266.4deg);
      transform: rotate(266.4deg); }
    .play_countdown .loader__progress[data-progress="75"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="75"] .circle .fill {
      -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: rotate(135deg); }
    .play_countdown .loader__progress[data-progress="75"] .circle .fill.fix {
      -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      transform: rotate(270deg); }
    .play_countdown .loader__progress[data-progress="76"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="76"] .circle .fill {
      -webkit-transform: rotate(136.8deg);
      -ms-transform: rotate(136.8deg);
      transform: rotate(136.8deg); }
    .play_countdown .loader__progress[data-progress="76"] .circle .fill.fix {
      -webkit-transform: rotate(273.6deg);
      -ms-transform: rotate(273.6deg);
      transform: rotate(273.6deg); }
    .play_countdown .loader__progress[data-progress="77"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="77"] .circle .fill {
      -webkit-transform: rotate(138.6deg);
      -ms-transform: rotate(138.6deg);
      transform: rotate(138.6deg); }
    .play_countdown .loader__progress[data-progress="77"] .circle .fill.fix {
      -webkit-transform: rotate(277.2deg);
      -ms-transform: rotate(277.2deg);
      transform: rotate(277.2deg); }
    .play_countdown .loader__progress[data-progress="78"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="78"] .circle .fill {
      -webkit-transform: rotate(140.4deg);
      -ms-transform: rotate(140.4deg);
      transform: rotate(140.4deg); }
    .play_countdown .loader__progress[data-progress="78"] .circle .fill.fix {
      -webkit-transform: rotate(280.8deg);
      -ms-transform: rotate(280.8deg);
      transform: rotate(280.8deg); }
    .play_countdown .loader__progress[data-progress="79"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="79"] .circle .fill {
      -webkit-transform: rotate(142.2deg);
      -ms-transform: rotate(142.2deg);
      transform: rotate(142.2deg); }
    .play_countdown .loader__progress[data-progress="79"] .circle .fill.fix {
      -webkit-transform: rotate(284.4deg);
      -ms-transform: rotate(284.4deg);
      transform: rotate(284.4deg); }
    .play_countdown .loader__progress[data-progress="80"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="80"] .circle .fill {
      -webkit-transform: rotate(144deg);
      -ms-transform: rotate(144deg);
      transform: rotate(144deg); }
    .play_countdown .loader__progress[data-progress="80"] .circle .fill.fix {
      -webkit-transform: rotate(288deg);
      -ms-transform: rotate(288deg);
      transform: rotate(288deg); }
    .play_countdown .loader__progress[data-progress="81"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="81"] .circle .fill {
      -webkit-transform: rotate(145.8deg);
      -ms-transform: rotate(145.8deg);
      transform: rotate(145.8deg); }
    .play_countdown .loader__progress[data-progress="81"] .circle .fill.fix {
      -webkit-transform: rotate(291.6deg);
      -ms-transform: rotate(291.6deg);
      transform: rotate(291.6deg); }
    .play_countdown .loader__progress[data-progress="82"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="82"] .circle .fill {
      -webkit-transform: rotate(147.6deg);
      -ms-transform: rotate(147.6deg);
      transform: rotate(147.6deg); }
    .play_countdown .loader__progress[data-progress="82"] .circle .fill.fix {
      -webkit-transform: rotate(295.2deg);
      -ms-transform: rotate(295.2deg);
      transform: rotate(295.2deg); }
    .play_countdown .loader__progress[data-progress="83"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="83"] .circle .fill {
      -webkit-transform: rotate(149.4deg);
      -ms-transform: rotate(149.4deg);
      transform: rotate(149.4deg); }
    .play_countdown .loader__progress[data-progress="83"] .circle .fill.fix {
      -webkit-transform: rotate(298.8deg);
      -ms-transform: rotate(298.8deg);
      transform: rotate(298.8deg); }
    .play_countdown .loader__progress[data-progress="84"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="84"] .circle .fill {
      -webkit-transform: rotate(151.2deg);
      -ms-transform: rotate(151.2deg);
      transform: rotate(151.2deg); }
    .play_countdown .loader__progress[data-progress="84"] .circle .fill.fix {
      -webkit-transform: rotate(302.4deg);
      -ms-transform: rotate(302.4deg);
      transform: rotate(302.4deg); }
    .play_countdown .loader__progress[data-progress="85"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="85"] .circle .fill {
      -webkit-transform: rotate(153deg);
      -ms-transform: rotate(153deg);
      transform: rotate(153deg); }
    .play_countdown .loader__progress[data-progress="85"] .circle .fill.fix {
      -webkit-transform: rotate(306deg);
      -ms-transform: rotate(306deg);
      transform: rotate(306deg); }
    .play_countdown .loader__progress[data-progress="86"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="86"] .circle .fill {
      -webkit-transform: rotate(154.8deg);
      -ms-transform: rotate(154.8deg);
      transform: rotate(154.8deg); }
    .play_countdown .loader__progress[data-progress="86"] .circle .fill.fix {
      -webkit-transform: rotate(309.6deg);
      -ms-transform: rotate(309.6deg);
      transform: rotate(309.6deg); }
    .play_countdown .loader__progress[data-progress="87"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="87"] .circle .fill {
      -webkit-transform: rotate(156.6deg);
      -ms-transform: rotate(156.6deg);
      transform: rotate(156.6deg); }
    .play_countdown .loader__progress[data-progress="87"] .circle .fill.fix {
      -webkit-transform: rotate(313.2deg);
      -ms-transform: rotate(313.2deg);
      transform: rotate(313.2deg); }
    .play_countdown .loader__progress[data-progress="88"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="88"] .circle .fill {
      -webkit-transform: rotate(158.4deg);
      -ms-transform: rotate(158.4deg);
      transform: rotate(158.4deg); }
    .play_countdown .loader__progress[data-progress="88"] .circle .fill.fix {
      -webkit-transform: rotate(316.8deg);
      -ms-transform: rotate(316.8deg);
      transform: rotate(316.8deg); }
    .play_countdown .loader__progress[data-progress="89"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="89"] .circle .fill {
      -webkit-transform: rotate(160.2deg);
      -ms-transform: rotate(160.2deg);
      transform: rotate(160.2deg); }
    .play_countdown .loader__progress[data-progress="89"] .circle .fill.fix {
      -webkit-transform: rotate(320.4deg);
      -ms-transform: rotate(320.4deg);
      transform: rotate(320.4deg); }
    .play_countdown .loader__progress[data-progress="90"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="90"] .circle .fill {
      -webkit-transform: rotate(162deg);
      -ms-transform: rotate(162deg);
      transform: rotate(162deg); }
    .play_countdown .loader__progress[data-progress="90"] .circle .fill.fix {
      -webkit-transform: rotate(324deg);
      -ms-transform: rotate(324deg);
      transform: rotate(324deg); }
    .play_countdown .loader__progress[data-progress="91"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="91"] .circle .fill {
      -webkit-transform: rotate(163.8deg);
      -ms-transform: rotate(163.8deg);
      transform: rotate(163.8deg); }
    .play_countdown .loader__progress[data-progress="91"] .circle .fill.fix {
      -webkit-transform: rotate(327.6deg);
      -ms-transform: rotate(327.6deg);
      transform: rotate(327.6deg); }
    .play_countdown .loader__progress[data-progress="92"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="92"] .circle .fill {
      -webkit-transform: rotate(165.6deg);
      -ms-transform: rotate(165.6deg);
      transform: rotate(165.6deg); }
    .play_countdown .loader__progress[data-progress="92"] .circle .fill.fix {
      -webkit-transform: rotate(331.2deg);
      -ms-transform: rotate(331.2deg);
      transform: rotate(331.2deg); }
    .play_countdown .loader__progress[data-progress="93"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="93"] .circle .fill {
      -webkit-transform: rotate(167.4deg);
      -ms-transform: rotate(167.4deg);
      transform: rotate(167.4deg); }
    .play_countdown .loader__progress[data-progress="93"] .circle .fill.fix {
      -webkit-transform: rotate(334.8deg);
      -ms-transform: rotate(334.8deg);
      transform: rotate(334.8deg); }
    .play_countdown .loader__progress[data-progress="94"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="94"] .circle .fill {
      -webkit-transform: rotate(169.2deg);
      -ms-transform: rotate(169.2deg);
      transform: rotate(169.2deg); }
    .play_countdown .loader__progress[data-progress="94"] .circle .fill.fix {
      -webkit-transform: rotate(338.4deg);
      -ms-transform: rotate(338.4deg);
      transform: rotate(338.4deg); }
    .play_countdown .loader__progress[data-progress="95"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="95"] .circle .fill {
      -webkit-transform: rotate(171deg);
      -ms-transform: rotate(171deg);
      transform: rotate(171deg); }
    .play_countdown .loader__progress[data-progress="95"] .circle .fill.fix {
      -webkit-transform: rotate(342deg);
      -ms-transform: rotate(342deg);
      transform: rotate(342deg); }
    .play_countdown .loader__progress[data-progress="96"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="96"] .circle .fill {
      -webkit-transform: rotate(172.8deg);
      -ms-transform: rotate(172.8deg);
      transform: rotate(172.8deg); }
    .play_countdown .loader__progress[data-progress="96"] .circle .fill.fix {
      -webkit-transform: rotate(345.6deg);
      -ms-transform: rotate(345.6deg);
      transform: rotate(345.6deg); }
    .play_countdown .loader__progress[data-progress="97"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="97"] .circle .fill {
      -webkit-transform: rotate(174.6deg);
      -ms-transform: rotate(174.6deg);
      transform: rotate(174.6deg); }
    .play_countdown .loader__progress[data-progress="97"] .circle .fill.fix {
      -webkit-transform: rotate(349.2deg);
      -ms-transform: rotate(349.2deg);
      transform: rotate(349.2deg); }
    .play_countdown .loader__progress[data-progress="98"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="98"] .circle .fill {
      -webkit-transform: rotate(176.4deg);
      -ms-transform: rotate(176.4deg);
      transform: rotate(176.4deg); }
    .play_countdown .loader__progress[data-progress="98"] .circle .fill.fix {
      -webkit-transform: rotate(352.8deg);
      -ms-transform: rotate(352.8deg);
      transform: rotate(352.8deg); }
    .play_countdown .loader__progress[data-progress="99"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="99"] .circle .fill {
      -webkit-transform: rotate(178.2deg);
      -ms-transform: rotate(178.2deg);
      transform: rotate(178.2deg); }
    .play_countdown .loader__progress[data-progress="99"] .circle .fill.fix {
      -webkit-transform: rotate(356.4deg);
      -ms-transform: rotate(356.4deg);
      transform: rotate(356.4deg); }
    .play_countdown .loader__progress[data-progress="100"] .circle .loader_mask.full, .play_countdown .loader__progress[data-progress="100"] .circle .fill {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
    .play_countdown .loader__progress[data-progress="100"] .circle .fill.fix {
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg); }
  .play_countdown.no_show {
    opacity: 0; }
  .play_countdown .loader__progress {
    position: absolute;
    left: 0;
    transform: translateX(-50%); }

.score {
  font-size: 40px;
  text-align: center;
  color: cornflowerblue; }
  .score.lost {
    font-size: 30px;
    color: brown; }

.add_trait {
  cursor: pointer;
  background-color: steelblue; }
  .add_trait:hover {
    background-color: #7ba7cc; }

.ai_tag {
  margin-right: 2px;
  animation: entranceLeft 0.5s ease-out both;
  background-color: grey; }
  .ai_tag:hover {
    background-color: #676767; }

.traits_list {
  display: flex;
  flex-direction: column; }
  .traits_list .personality_trait {
    color: black;
    background-color: lightgrey;
    margin-bottom: 3px; }
    .traits_list .personality_trait div {
      padding: 10px; }
    .traits_list .personality_trait:hover {
      background-color: #bababa; }
    .traits_list .personality_trait.marked {
      color: white;
      background-color: indianred; }
      .traits_list .personality_trait.marked:hover {
        background-color: #bc3a3a; }

.bars {
  display: inline-flex;
  flex-direction: column; }
  .bars .breath_bar {
    display: flex;
    position: relative;
    left: 6px; }
    .bars .breath_bar .unit {
      width: 20px;
      height: 15px;
      border: solid 1px rgba(0, 0, 0, 0.2);
      transform: skewX(-20deg); }
      .bars .breath_bar .unit.full {
        background-color: cornflowerblue;
        animation: fillBreathPoint 1s; }
        .bars .breath_bar .unit.full.delay1 {
          animation-delay: -100ms; }
        .bars .breath_bar .unit.full.delay2 {
          animation-delay: -200ms; }
        .bars .breath_bar .unit.full.delay3 {
          animation-delay: -300ms; }
        .bars .breath_bar .unit.full.delay4 {
          animation-delay: -400ms; }
        .bars .breath_bar .unit.full.delay5 {
          animation-delay: -500ms; }
        .bars .breath_bar .unit.full.delay6 {
          animation-delay: -600ms; }
        .bars .breath_bar .unit.full.delay7 {
          animation-delay: -700ms; }
        .bars .breath_bar .unit.full.delay8 {
          animation-delay: -800ms; }
        .bars .breath_bar .unit.full.delay9 {
          animation-delay: -900ms; }
        .bars .breath_bar .unit.full.delay10 {
          animation-delay: -1000ms; }
      .bars .breath_bar .unit.empty {
        animation: emptyBreathPoint 1s 1250ms both; }
        .bars .breath_bar .unit.empty.delay1 {
          animation-delay: 1350ms; }
        .bars .breath_bar .unit.empty.delay2 {
          animation-delay: 1450ms; }
        .bars .breath_bar .unit.empty.delay3 {
          animation-delay: 1550ms; }
        .bars .breath_bar .unit.empty.delay4 {
          animation-delay: 1650ms; }
        .bars .breath_bar .unit.empty.delay5 {
          animation-delay: 1750ms; }
        .bars .breath_bar .unit.empty.delay6 {
          animation-delay: 1850ms; }
        .bars .breath_bar .unit.empty.delay7 {
          animation-delay: 1950ms; }
        .bars .breath_bar .unit.empty.delay8 {
          animation-delay: 2050ms; }
        .bars .breath_bar .unit.empty.delay9 {
          animation-delay: 2150ms; }
        .bars .breath_bar .unit.empty.delay10 {
          animation-delay: 2250ms; }
  .bars .damage_bar {
    display: flex;
    flex-direction: row-reverse; }
    .bars .damage_bar .unit {
      width: 20px;
      height: 15px;
      border: solid 1px rgba(0, 0, 0, 0.2);
      transform: skewX(-20deg); }
      .bars .damage_bar .unit.full {
        animation: fillDamagePoint 1s 150ms both; }
        .bars .damage_bar .unit.full.delay1 {
          animation-delay: 250ms; }
        .bars .damage_bar .unit.full.delay2 {
          animation-delay: 350ms; }
        .bars .damage_bar .unit.full.delay3 {
          animation-delay: 450ms; }
        .bars .damage_bar .unit.full.delay4 {
          animation-delay: 550ms; }
        .bars .damage_bar .unit.full.delay5 {
          animation-delay: 650ms; }
        .bars .damage_bar .unit.full.delay6 {
          animation-delay: 750ms; }
        .bars .damage_bar .unit.full.delay7 {
          animation-delay: 850ms; }
        .bars .damage_bar .unit.full.delay8 {
          animation-delay: 950ms; }
        .bars .damage_bar .unit.full.delay9 {
          animation-delay: 1050ms; }
        .bars .damage_bar .unit.full.delay10 {
          animation-delay: 1150ms; }
      .bars .damage_bar .unit.empty {
        background-color: white; }

.drop {
  animation: fadeIn 1s both; }

.heavy-hit {
  animation-name: heavy-hit;
  animation-duration: 750ms;
  animation-timing-function: linear; }

.light_hit {
  animation-name: light-hit;
  animation-duration: 250ms;
  animation-timing-function: linear; }

.blocked_hit {
  animation-name: blocked_hit;
  animation-duration: 250ms;
  animation-timing-function: linear; }

.tutorial.popover {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none; }
  .tutorial.popover .popover-content {
    padding-top: 20px; }
    .tutorial.popover .popover-content.no_next_button {
      padding-bottom: 20px; }
    .tutorial.popover .popover-content .modal-footer {
      padding-top: 5px;
      margin-top: 5px; }
  .tutorial.popover .height.high {
    color: brown; }
  .tutorial.popover .height.low {
    color: cadetblue; }
  .tutorial.popover .right {
    transform: rotateZ(20deg); }

#feedbackModal .send_button {
  margin-top: 10px; }

.feedback_layer .new_turn_panel {
  position: absolute;
  color: white;
  background-color: rgba(100, 149, 237, 0.7);
  padding: 10px 70px;
  font-size: 48px;
  top: 15%;
  left: 50%;
  animation: comeInLeft 0.5s 1 ease-in-out, slideRight 0.65s 0.5s 1 linear, comeOutRight 0.25s 1.15s 1 ease-in-out forwards; }
.feedback_layer.popover {
  background-color: aliceblue; }
  .feedback_layer.popover.block_popover {
    background-color: cornflowerblue;
    color: white; }
  .feedback_layer.popover.dodge_popover {
    background-color: dodgerblue;
    color: white; }
  .feedback_layer.popover.chain_popover {
    background-color: indianred;
    color: white;
    font-size: 1.7em; }
  .feedback_layer.popover.feint_popover {
    background-color: black;
    color: white; }
  .feedback_layer.popover.hit_popover {
    background-color: indianred;
    color: white; }
  .feedback_layer.popover.damage_popover {
    background-color: indianred;
    color: white; }
  .feedback_layer.popover.no_breath_popover {
    background-color: steelblue;
    color: white; }
  .feedback_layer.popover.breath_popover {
    background-color: steelblue;
    color: white; }
    .feedback_layer.popover.breath_popover.positive {
      background-color: darkseagreen; }
  .feedback_layer.popover.counter_popover {
    background-color: indianred;
    color: white; }
  .feedback_layer.popover.weight_popover {
    background-color: grey;
    color: white; }
  .feedback_layer.popover.role_popover {
    color: white; }
    .feedback_layer.popover.role_popover.attacking {
      background-color: indianred; }
    .feedback_layer.popover.role_popover.defending {
      background-color: cornflowerblue; }
  .feedback_layer.popover .popover-content {
    font-size: 1.5em; }

@keyframes comeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-60%) skew(-10deg); }
  60% {
    opacity: 1; }
  100% {
    transform: translateX(-50%) skew(-10deg); } }
@keyframes slideRight {
  0% {
    transform: translateX(-50%) skew(-10deg); }
  100% {
    transform: translateX(-40%) skew(-10deg); } }
@keyframes comeOutRight {
  0% {
    opacity: 1;
    transform: translateX(-40%) skew(-10deg); }
  40% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translateX(-30%) skew(-10deg); } }
#rulesModal .card {
  margin: 10px 0 10px 30px; }
#rulesModal .examples {
  display: flex; }
#rulesModal .counter_icon {
  margin-left: 3px; }
#rulesModal .cost {
  background-color: cornflowerblue; }
  #rulesModal .cost.negative {
    background-color: darkseagreen; }
#rulesModal .direction_info .height {
  margin-left: 10px; }
  #rulesModal .direction_info .height.high {
    color: brown; }
  #rulesModal .direction_info .height.low {
    color: cadetblue; }
#rulesModal .chain {
  background-color: brown;
  margin: 3px; }
  #rulesModal .chain .glyphicon {
    margin-right: 2px; }
#rulesModal .atk, #rulesModal .dfs, #rulesModal .rest {
  font-weight: bold; }
#rulesModal .atk {
  color: indianred; }
#rulesModal .dfs {
  color: slategray; }
#rulesModal .rest {
  color: darkseagreen; }

.dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none; }

.dragged_card {
  position: absolute;
  z-index: 5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  pointer-events: none; }

.drop {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  border: 1px dashed rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  margin-bottom: 20px;
  background-color: transparent;
  opacity: 0.9; }
  .drop.size1 {
    font-size: 10px;
    height: 140px;
    width: 80px; }
  .drop.size2 {
    height: 260px;
    width: 160px; }
  .drop.mouse_over {
    background-color: rgba(240, 248, 255, 0.17); }
  .drop p {
    padding-top: 50px;
    text-align: center; }

.card {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  border: solid 1px rgba(0, 0, 0, 0.3);
  text-align: left;
  background-color: white;
  transition: all 0.15s; }
  .card.size1 {
    height: 100px;
    width: 60px;
    font-size: 8px;
    padding: 3px; }
    .card.size1 .picture {
      -webkit-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      -ms-user-select: none;
      -khtml-user-select: none;
      user-select: none;
      margin: 5px 0 5px 0; }
      .card.size1 .picture img {
        pointer-events: none; }
    .card.size1 .direction_info {
      font-size: 20px;
      top: -13px;
      right: -3px; }
    .card.size1 .stances {
      font-size: 11px; }
    .card.size1 .cost {
      top: 2px;
      left: 2px;
      font-size: 10px;
      padding: 4px 6px;
      border-radius: 100%; }
    .card.size1 .damage {
      right: -7px;
      top: 2px;
      font-size: 8px;
      padding: 1px; }
    .card.size1 .chain {
      right: 0px;
      bottom: -5px;
      font-size: 7px;
      padding: 2px 3px; }
    .card.size1 .counter_icon {
      right: -3px;
      font-size: 6px;
      padding: 3px 5px; }
  .card.size2 {
    height: 140px;
    width: 80px;
    font-size: 10px;
    padding: 5px;
    margin-bottom: 20px; }
    .card.size2 .title {
      font-size: 8px; }
    .card.size2 .subtitle {
      font-size: 6px; }
    .card.size2 .picture {
      margin: 5px 0 5px 0;
      height: 85%; }
    .card.size2 .direction_info {
      font-size: 20px;
      top: -13px;
      right: -3px; }
    .card.size2 .stances {
      font-size: 7px; }
    .card.size2 .cost {
      top: 5px;
      left: 5px;
      font-size: 10px;
      padding: 4px 6px;
      border-radius: 100%; }
    .card.size2 .damage {
      right: -7px;
      top: 2px;
      font-size: 10px;
      padding: 1px; }
    .card.size2 .chain {
      right: 0px;
      bottom: -5px;
      font-size: 7px;
      padding: 2px 3px; }
    .card.size2 .counter_icon {
      right: -5px;
      font-size: 8px; }
    .card.size2 .subtitle {
      font-size: 8px; }
  .card.size3 {
    height: 260px;
    width: 160px;
    padding: 10px; }
    .card.size3 .title {
      font-size: 12px; }
    .card.size3 .subtitle {
      font-size: small; }
    .card.size3 .picture {
      margin: 5px 0 15px 0; }
    .card.size3 .direction_info {
      font-size: 38px;
      top: -20px;
      right: -5px; }
    .card.size3 .stances {
      font-size: 11px; }
    .card.size3 .cost {
      top: 5px;
      left: 5px;
      font-size: 18px;
      padding: 5px 9px;
      border-radius: 100%; }
    .card.size3 .damage {
      right: -10px;
      top: 10px;
      font-size: 12px;
      padding: 3px 7px; }
    .card.size3 .chain {
      right: -7px;
      bottom: -5px;
      font-size: 10px; }
    .card.size3 .counter_icon {
      right: -10px;
      font-size: 18px; }
  .card .picture {
    position: relative;
    height: 76%;
    border: solid 1px rgba(0, 0, 0, 0.1); }
    .card .picture img {
      max-width: 100%;
      max-height: 100%;
      margin: auto;
      display: block; }
  .card .damage {
    position: absolute;
    background-color: indianred; }
    .card .damage.negative {
      color: white;
      background-color: darkgray; }
  .card.non_available {
    background-color: darkgrey; }
  .card:not(.opponent_card) .mask, .card.revealed .mask {
    display: none; }
  .card .mask.availability {
    display: block;
    opacity: 0.4;
    background-color: lightgrey; }
  .card .mask {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-color: white;
    color: black;
    text-align: center; }
    .card .mask .content {
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
      .card .mask .content .glyphicon {
        color: rgba(128, 128, 128, 0.44);
        font-size: 18px; }
  .card:hover {
    transform: scale(1.2);
    z-index: 1; }
  .card:not(.opponent_card):hover {
    border-color: rgba(100, 149, 237, 0.45); }
  .card .ready_state {
    position: absolute;
    display: block;
    background-color: rgba(255, 255, 255, 0.95);
    padding: 10px 0;
    bottom: 0px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: crimson; }
    .card .ready_state.ready {
      color: darkgreen; }
  .card .block_ready_countdown {
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
    .card .block_ready_countdown .loader__progress {
      position: relative;
      background-color: rgba(0, 0, 0, 0.21);
      width: 5rem;
      height: 5rem;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
      .card .block_ready_countdown .loader__progress .circle.instant .loader_mask, .card .block_ready_countdown .loader__progress .circle.instant .fill {
        -webkit-transition: -webkit-transform 0s;
        -moz-transition: -moz-transform 0s;
        -o-transition: -o-transform 0s;
        transition: transform 0s; }
      .card .block_ready_countdown .loader__progress .circle.ending .loader_mask .fill {
        background-color: brown; }
      .card .block_ready_countdown .loader__progress .circle .loader_mask, .card .block_ready_countdown .loader__progress .circle .fill {
        position: absolute;
        width: 5rem;
        height: 5rem;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: -webkit-transform 1s linear;
        -moz-transition: -moz-transform 1s linear;
        -o-transition: -o-transform 1s linear;
        transition: transform 1s linear;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden; }
      .card .block_ready_countdown .loader__progress .circle .loader_mask {
        clip: rect(0rem, 5rem, 5rem, 2.5rem); }
        .card .block_ready_countdown .loader__progress .circle .loader_mask .fill {
          clip: rect(0rem, 2.5rem, 5rem, 0rem);
          background-color: ghostwhite; }
      .card .block_ready_countdown .loader__progress .circle .inset {
        position: absolute;
        width: 0rem;
        height: 0rem;
        margin-left: 0rem;
        margin-top: 0rem;
        top: 50%;
        left: 50%;
        background: #000;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
        .card .block_ready_countdown .loader__progress .circle .inset .percentage {
          height: 16px;
          width: 60px;
          overflow: hidden;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-top: -8px;
          margin-left: -30px;
          line-height: 1; }
      .card .block_ready_countdown .loader__progress[data-progress="1"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="1"] .circle .fill {
        -webkit-transform: rotate(1.8deg);
        -ms-transform: rotate(1.8deg);
        transform: rotate(1.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="1"] .circle .fill.fix {
        -webkit-transform: rotate(3.6deg);
        -ms-transform: rotate(3.6deg);
        transform: rotate(3.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="2"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="2"] .circle .fill {
        -webkit-transform: rotate(3.6deg);
        -ms-transform: rotate(3.6deg);
        transform: rotate(3.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="2"] .circle .fill.fix {
        -webkit-transform: rotate(7.2deg);
        -ms-transform: rotate(7.2deg);
        transform: rotate(7.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="3"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="3"] .circle .fill {
        -webkit-transform: rotate(5.4deg);
        -ms-transform: rotate(5.4deg);
        transform: rotate(5.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="3"] .circle .fill.fix {
        -webkit-transform: rotate(10.8deg);
        -ms-transform: rotate(10.8deg);
        transform: rotate(10.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="4"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="4"] .circle .fill {
        -webkit-transform: rotate(7.2deg);
        -ms-transform: rotate(7.2deg);
        transform: rotate(7.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="4"] .circle .fill.fix {
        -webkit-transform: rotate(14.4deg);
        -ms-transform: rotate(14.4deg);
        transform: rotate(14.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="5"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="5"] .circle .fill {
        -webkit-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        transform: rotate(9deg); }
      .card .block_ready_countdown .loader__progress[data-progress="5"] .circle .fill.fix {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg); }
      .card .block_ready_countdown .loader__progress[data-progress="6"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="6"] .circle .fill {
        -webkit-transform: rotate(10.8deg);
        -ms-transform: rotate(10.8deg);
        transform: rotate(10.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="6"] .circle .fill.fix {
        -webkit-transform: rotate(21.6deg);
        -ms-transform: rotate(21.6deg);
        transform: rotate(21.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="7"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="7"] .circle .fill {
        -webkit-transform: rotate(12.6deg);
        -ms-transform: rotate(12.6deg);
        transform: rotate(12.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="7"] .circle .fill.fix {
        -webkit-transform: rotate(25.2deg);
        -ms-transform: rotate(25.2deg);
        transform: rotate(25.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="8"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="8"] .circle .fill {
        -webkit-transform: rotate(14.4deg);
        -ms-transform: rotate(14.4deg);
        transform: rotate(14.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="8"] .circle .fill.fix {
        -webkit-transform: rotate(28.8deg);
        -ms-transform: rotate(28.8deg);
        transform: rotate(28.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="9"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="9"] .circle .fill {
        -webkit-transform: rotate(16.2deg);
        -ms-transform: rotate(16.2deg);
        transform: rotate(16.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="9"] .circle .fill.fix {
        -webkit-transform: rotate(32.4deg);
        -ms-transform: rotate(32.4deg);
        transform: rotate(32.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="10"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="10"] .circle .fill {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg); }
      .card .block_ready_countdown .loader__progress[data-progress="10"] .circle .fill.fix {
        -webkit-transform: rotate(36deg);
        -ms-transform: rotate(36deg);
        transform: rotate(36deg); }
      .card .block_ready_countdown .loader__progress[data-progress="11"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="11"] .circle .fill {
        -webkit-transform: rotate(19.8deg);
        -ms-transform: rotate(19.8deg);
        transform: rotate(19.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="11"] .circle .fill.fix {
        -webkit-transform: rotate(39.6deg);
        -ms-transform: rotate(39.6deg);
        transform: rotate(39.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="12"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="12"] .circle .fill {
        -webkit-transform: rotate(21.6deg);
        -ms-transform: rotate(21.6deg);
        transform: rotate(21.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="12"] .circle .fill.fix {
        -webkit-transform: rotate(43.2deg);
        -ms-transform: rotate(43.2deg);
        transform: rotate(43.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="13"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="13"] .circle .fill {
        -webkit-transform: rotate(23.4deg);
        -ms-transform: rotate(23.4deg);
        transform: rotate(23.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="13"] .circle .fill.fix {
        -webkit-transform: rotate(46.8deg);
        -ms-transform: rotate(46.8deg);
        transform: rotate(46.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="14"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="14"] .circle .fill {
        -webkit-transform: rotate(25.2deg);
        -ms-transform: rotate(25.2deg);
        transform: rotate(25.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="14"] .circle .fill.fix {
        -webkit-transform: rotate(50.4deg);
        -ms-transform: rotate(50.4deg);
        transform: rotate(50.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="15"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="15"] .circle .fill {
        -webkit-transform: rotate(27deg);
        -ms-transform: rotate(27deg);
        transform: rotate(27deg); }
      .card .block_ready_countdown .loader__progress[data-progress="15"] .circle .fill.fix {
        -webkit-transform: rotate(54deg);
        -ms-transform: rotate(54deg);
        transform: rotate(54deg); }
      .card .block_ready_countdown .loader__progress[data-progress="16"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="16"] .circle .fill {
        -webkit-transform: rotate(28.8deg);
        -ms-transform: rotate(28.8deg);
        transform: rotate(28.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="16"] .circle .fill.fix {
        -webkit-transform: rotate(57.6deg);
        -ms-transform: rotate(57.6deg);
        transform: rotate(57.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="17"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="17"] .circle .fill {
        -webkit-transform: rotate(30.6deg);
        -ms-transform: rotate(30.6deg);
        transform: rotate(30.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="17"] .circle .fill.fix {
        -webkit-transform: rotate(61.2deg);
        -ms-transform: rotate(61.2deg);
        transform: rotate(61.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="18"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="18"] .circle .fill {
        -webkit-transform: rotate(32.4deg);
        -ms-transform: rotate(32.4deg);
        transform: rotate(32.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="18"] .circle .fill.fix {
        -webkit-transform: rotate(64.8deg);
        -ms-transform: rotate(64.8deg);
        transform: rotate(64.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="19"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="19"] .circle .fill {
        -webkit-transform: rotate(34.2deg);
        -ms-transform: rotate(34.2deg);
        transform: rotate(34.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="19"] .circle .fill.fix {
        -webkit-transform: rotate(68.4deg);
        -ms-transform: rotate(68.4deg);
        transform: rotate(68.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="20"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="20"] .circle .fill {
        -webkit-transform: rotate(36deg);
        -ms-transform: rotate(36deg);
        transform: rotate(36deg); }
      .card .block_ready_countdown .loader__progress[data-progress="20"] .circle .fill.fix {
        -webkit-transform: rotate(72deg);
        -ms-transform: rotate(72deg);
        transform: rotate(72deg); }
      .card .block_ready_countdown .loader__progress[data-progress="21"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="21"] .circle .fill {
        -webkit-transform: rotate(37.8deg);
        -ms-transform: rotate(37.8deg);
        transform: rotate(37.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="21"] .circle .fill.fix {
        -webkit-transform: rotate(75.6deg);
        -ms-transform: rotate(75.6deg);
        transform: rotate(75.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="22"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="22"] .circle .fill {
        -webkit-transform: rotate(39.6deg);
        -ms-transform: rotate(39.6deg);
        transform: rotate(39.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="22"] .circle .fill.fix {
        -webkit-transform: rotate(79.2deg);
        -ms-transform: rotate(79.2deg);
        transform: rotate(79.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="23"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="23"] .circle .fill {
        -webkit-transform: rotate(41.4deg);
        -ms-transform: rotate(41.4deg);
        transform: rotate(41.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="23"] .circle .fill.fix {
        -webkit-transform: rotate(82.8deg);
        -ms-transform: rotate(82.8deg);
        transform: rotate(82.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="24"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="24"] .circle .fill {
        -webkit-transform: rotate(43.2deg);
        -ms-transform: rotate(43.2deg);
        transform: rotate(43.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="24"] .circle .fill.fix {
        -webkit-transform: rotate(86.4deg);
        -ms-transform: rotate(86.4deg);
        transform: rotate(86.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="25"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="25"] .circle .fill {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
      .card .block_ready_countdown .loader__progress[data-progress="25"] .circle .fill.fix {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
      .card .block_ready_countdown .loader__progress[data-progress="26"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="26"] .circle .fill {
        -webkit-transform: rotate(46.8deg);
        -ms-transform: rotate(46.8deg);
        transform: rotate(46.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="26"] .circle .fill.fix {
        -webkit-transform: rotate(93.6deg);
        -ms-transform: rotate(93.6deg);
        transform: rotate(93.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="27"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="27"] .circle .fill {
        -webkit-transform: rotate(48.6deg);
        -ms-transform: rotate(48.6deg);
        transform: rotate(48.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="27"] .circle .fill.fix {
        -webkit-transform: rotate(97.2deg);
        -ms-transform: rotate(97.2deg);
        transform: rotate(97.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="28"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="28"] .circle .fill {
        -webkit-transform: rotate(50.4deg);
        -ms-transform: rotate(50.4deg);
        transform: rotate(50.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="28"] .circle .fill.fix {
        -webkit-transform: rotate(100.8deg);
        -ms-transform: rotate(100.8deg);
        transform: rotate(100.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="29"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="29"] .circle .fill {
        -webkit-transform: rotate(52.2deg);
        -ms-transform: rotate(52.2deg);
        transform: rotate(52.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="29"] .circle .fill.fix {
        -webkit-transform: rotate(104.4deg);
        -ms-transform: rotate(104.4deg);
        transform: rotate(104.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="30"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="30"] .circle .fill {
        -webkit-transform: rotate(54deg);
        -ms-transform: rotate(54deg);
        transform: rotate(54deg); }
      .card .block_ready_countdown .loader__progress[data-progress="30"] .circle .fill.fix {
        -webkit-transform: rotate(108deg);
        -ms-transform: rotate(108deg);
        transform: rotate(108deg); }
      .card .block_ready_countdown .loader__progress[data-progress="31"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="31"] .circle .fill {
        -webkit-transform: rotate(55.8deg);
        -ms-transform: rotate(55.8deg);
        transform: rotate(55.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="31"] .circle .fill.fix {
        -webkit-transform: rotate(111.6deg);
        -ms-transform: rotate(111.6deg);
        transform: rotate(111.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="32"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="32"] .circle .fill {
        -webkit-transform: rotate(57.6deg);
        -ms-transform: rotate(57.6deg);
        transform: rotate(57.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="32"] .circle .fill.fix {
        -webkit-transform: rotate(115.2deg);
        -ms-transform: rotate(115.2deg);
        transform: rotate(115.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="33"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="33"] .circle .fill {
        -webkit-transform: rotate(59.4deg);
        -ms-transform: rotate(59.4deg);
        transform: rotate(59.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="33"] .circle .fill.fix {
        -webkit-transform: rotate(118.8deg);
        -ms-transform: rotate(118.8deg);
        transform: rotate(118.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="34"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="34"] .circle .fill {
        -webkit-transform: rotate(61.2deg);
        -ms-transform: rotate(61.2deg);
        transform: rotate(61.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="34"] .circle .fill.fix {
        -webkit-transform: rotate(122.4deg);
        -ms-transform: rotate(122.4deg);
        transform: rotate(122.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="35"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="35"] .circle .fill {
        -webkit-transform: rotate(63deg);
        -ms-transform: rotate(63deg);
        transform: rotate(63deg); }
      .card .block_ready_countdown .loader__progress[data-progress="35"] .circle .fill.fix {
        -webkit-transform: rotate(126deg);
        -ms-transform: rotate(126deg);
        transform: rotate(126deg); }
      .card .block_ready_countdown .loader__progress[data-progress="36"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="36"] .circle .fill {
        -webkit-transform: rotate(64.8deg);
        -ms-transform: rotate(64.8deg);
        transform: rotate(64.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="36"] .circle .fill.fix {
        -webkit-transform: rotate(129.6deg);
        -ms-transform: rotate(129.6deg);
        transform: rotate(129.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="37"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="37"] .circle .fill {
        -webkit-transform: rotate(66.6deg);
        -ms-transform: rotate(66.6deg);
        transform: rotate(66.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="37"] .circle .fill.fix {
        -webkit-transform: rotate(133.2deg);
        -ms-transform: rotate(133.2deg);
        transform: rotate(133.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="38"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="38"] .circle .fill {
        -webkit-transform: rotate(68.4deg);
        -ms-transform: rotate(68.4deg);
        transform: rotate(68.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="38"] .circle .fill.fix {
        -webkit-transform: rotate(136.8deg);
        -ms-transform: rotate(136.8deg);
        transform: rotate(136.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="39"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="39"] .circle .fill {
        -webkit-transform: rotate(70.2deg);
        -ms-transform: rotate(70.2deg);
        transform: rotate(70.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="39"] .circle .fill.fix {
        -webkit-transform: rotate(140.4deg);
        -ms-transform: rotate(140.4deg);
        transform: rotate(140.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="40"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="40"] .circle .fill {
        -webkit-transform: rotate(72deg);
        -ms-transform: rotate(72deg);
        transform: rotate(72deg); }
      .card .block_ready_countdown .loader__progress[data-progress="40"] .circle .fill.fix {
        -webkit-transform: rotate(144deg);
        -ms-transform: rotate(144deg);
        transform: rotate(144deg); }
      .card .block_ready_countdown .loader__progress[data-progress="41"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="41"] .circle .fill {
        -webkit-transform: rotate(73.8deg);
        -ms-transform: rotate(73.8deg);
        transform: rotate(73.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="41"] .circle .fill.fix {
        -webkit-transform: rotate(147.6deg);
        -ms-transform: rotate(147.6deg);
        transform: rotate(147.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="42"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="42"] .circle .fill {
        -webkit-transform: rotate(75.6deg);
        -ms-transform: rotate(75.6deg);
        transform: rotate(75.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="42"] .circle .fill.fix {
        -webkit-transform: rotate(151.2deg);
        -ms-transform: rotate(151.2deg);
        transform: rotate(151.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="43"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="43"] .circle .fill {
        -webkit-transform: rotate(77.4deg);
        -ms-transform: rotate(77.4deg);
        transform: rotate(77.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="43"] .circle .fill.fix {
        -webkit-transform: rotate(154.8deg);
        -ms-transform: rotate(154.8deg);
        transform: rotate(154.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="44"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="44"] .circle .fill {
        -webkit-transform: rotate(79.2deg);
        -ms-transform: rotate(79.2deg);
        transform: rotate(79.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="44"] .circle .fill.fix {
        -webkit-transform: rotate(158.4deg);
        -ms-transform: rotate(158.4deg);
        transform: rotate(158.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="45"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="45"] .circle .fill {
        -webkit-transform: rotate(81deg);
        -ms-transform: rotate(81deg);
        transform: rotate(81deg); }
      .card .block_ready_countdown .loader__progress[data-progress="45"] .circle .fill.fix {
        -webkit-transform: rotate(162deg);
        -ms-transform: rotate(162deg);
        transform: rotate(162deg); }
      .card .block_ready_countdown .loader__progress[data-progress="46"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="46"] .circle .fill {
        -webkit-transform: rotate(82.8deg);
        -ms-transform: rotate(82.8deg);
        transform: rotate(82.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="46"] .circle .fill.fix {
        -webkit-transform: rotate(165.6deg);
        -ms-transform: rotate(165.6deg);
        transform: rotate(165.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="47"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="47"] .circle .fill {
        -webkit-transform: rotate(84.6deg);
        -ms-transform: rotate(84.6deg);
        transform: rotate(84.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="47"] .circle .fill.fix {
        -webkit-transform: rotate(169.2deg);
        -ms-transform: rotate(169.2deg);
        transform: rotate(169.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="48"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="48"] .circle .fill {
        -webkit-transform: rotate(86.4deg);
        -ms-transform: rotate(86.4deg);
        transform: rotate(86.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="48"] .circle .fill.fix {
        -webkit-transform: rotate(172.8deg);
        -ms-transform: rotate(172.8deg);
        transform: rotate(172.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="49"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="49"] .circle .fill {
        -webkit-transform: rotate(88.2deg);
        -ms-transform: rotate(88.2deg);
        transform: rotate(88.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="49"] .circle .fill.fix {
        -webkit-transform: rotate(176.4deg);
        -ms-transform: rotate(176.4deg);
        transform: rotate(176.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="50"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="50"] .circle .fill {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
      .card .block_ready_countdown .loader__progress[data-progress="50"] .circle .fill.fix {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
      .card .block_ready_countdown .loader__progress[data-progress="51"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="51"] .circle .fill {
        -webkit-transform: rotate(91.8deg);
        -ms-transform: rotate(91.8deg);
        transform: rotate(91.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="51"] .circle .fill.fix {
        -webkit-transform: rotate(183.6deg);
        -ms-transform: rotate(183.6deg);
        transform: rotate(183.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="52"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="52"] .circle .fill {
        -webkit-transform: rotate(93.6deg);
        -ms-transform: rotate(93.6deg);
        transform: rotate(93.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="52"] .circle .fill.fix {
        -webkit-transform: rotate(187.2deg);
        -ms-transform: rotate(187.2deg);
        transform: rotate(187.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="53"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="53"] .circle .fill {
        -webkit-transform: rotate(95.4deg);
        -ms-transform: rotate(95.4deg);
        transform: rotate(95.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="53"] .circle .fill.fix {
        -webkit-transform: rotate(190.8deg);
        -ms-transform: rotate(190.8deg);
        transform: rotate(190.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="54"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="54"] .circle .fill {
        -webkit-transform: rotate(97.2deg);
        -ms-transform: rotate(97.2deg);
        transform: rotate(97.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="54"] .circle .fill.fix {
        -webkit-transform: rotate(194.4deg);
        -ms-transform: rotate(194.4deg);
        transform: rotate(194.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="55"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="55"] .circle .fill {
        -webkit-transform: rotate(99deg);
        -ms-transform: rotate(99deg);
        transform: rotate(99deg); }
      .card .block_ready_countdown .loader__progress[data-progress="55"] .circle .fill.fix {
        -webkit-transform: rotate(198deg);
        -ms-transform: rotate(198deg);
        transform: rotate(198deg); }
      .card .block_ready_countdown .loader__progress[data-progress="56"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="56"] .circle .fill {
        -webkit-transform: rotate(100.8deg);
        -ms-transform: rotate(100.8deg);
        transform: rotate(100.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="56"] .circle .fill.fix {
        -webkit-transform: rotate(201.6deg);
        -ms-transform: rotate(201.6deg);
        transform: rotate(201.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="57"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="57"] .circle .fill {
        -webkit-transform: rotate(102.6deg);
        -ms-transform: rotate(102.6deg);
        transform: rotate(102.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="57"] .circle .fill.fix {
        -webkit-transform: rotate(205.2deg);
        -ms-transform: rotate(205.2deg);
        transform: rotate(205.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="58"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="58"] .circle .fill {
        -webkit-transform: rotate(104.4deg);
        -ms-transform: rotate(104.4deg);
        transform: rotate(104.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="58"] .circle .fill.fix {
        -webkit-transform: rotate(208.8deg);
        -ms-transform: rotate(208.8deg);
        transform: rotate(208.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="59"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="59"] .circle .fill {
        -webkit-transform: rotate(106.2deg);
        -ms-transform: rotate(106.2deg);
        transform: rotate(106.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="59"] .circle .fill.fix {
        -webkit-transform: rotate(212.4deg);
        -ms-transform: rotate(212.4deg);
        transform: rotate(212.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="60"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="60"] .circle .fill {
        -webkit-transform: rotate(108deg);
        -ms-transform: rotate(108deg);
        transform: rotate(108deg); }
      .card .block_ready_countdown .loader__progress[data-progress="60"] .circle .fill.fix {
        -webkit-transform: rotate(216deg);
        -ms-transform: rotate(216deg);
        transform: rotate(216deg); }
      .card .block_ready_countdown .loader__progress[data-progress="61"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="61"] .circle .fill {
        -webkit-transform: rotate(109.8deg);
        -ms-transform: rotate(109.8deg);
        transform: rotate(109.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="61"] .circle .fill.fix {
        -webkit-transform: rotate(219.6deg);
        -ms-transform: rotate(219.6deg);
        transform: rotate(219.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="62"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="62"] .circle .fill {
        -webkit-transform: rotate(111.6deg);
        -ms-transform: rotate(111.6deg);
        transform: rotate(111.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="62"] .circle .fill.fix {
        -webkit-transform: rotate(223.2deg);
        -ms-transform: rotate(223.2deg);
        transform: rotate(223.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="63"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="63"] .circle .fill {
        -webkit-transform: rotate(113.4deg);
        -ms-transform: rotate(113.4deg);
        transform: rotate(113.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="63"] .circle .fill.fix {
        -webkit-transform: rotate(226.8deg);
        -ms-transform: rotate(226.8deg);
        transform: rotate(226.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="64"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="64"] .circle .fill {
        -webkit-transform: rotate(115.2deg);
        -ms-transform: rotate(115.2deg);
        transform: rotate(115.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="64"] .circle .fill.fix {
        -webkit-transform: rotate(230.4deg);
        -ms-transform: rotate(230.4deg);
        transform: rotate(230.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="65"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="65"] .circle .fill {
        -webkit-transform: rotate(117deg);
        -ms-transform: rotate(117deg);
        transform: rotate(117deg); }
      .card .block_ready_countdown .loader__progress[data-progress="65"] .circle .fill.fix {
        -webkit-transform: rotate(234deg);
        -ms-transform: rotate(234deg);
        transform: rotate(234deg); }
      .card .block_ready_countdown .loader__progress[data-progress="66"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="66"] .circle .fill {
        -webkit-transform: rotate(118.8deg);
        -ms-transform: rotate(118.8deg);
        transform: rotate(118.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="66"] .circle .fill.fix {
        -webkit-transform: rotate(237.6deg);
        -ms-transform: rotate(237.6deg);
        transform: rotate(237.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="67"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="67"] .circle .fill {
        -webkit-transform: rotate(120.6deg);
        -ms-transform: rotate(120.6deg);
        transform: rotate(120.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="67"] .circle .fill.fix {
        -webkit-transform: rotate(241.2deg);
        -ms-transform: rotate(241.2deg);
        transform: rotate(241.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="68"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="68"] .circle .fill {
        -webkit-transform: rotate(122.4deg);
        -ms-transform: rotate(122.4deg);
        transform: rotate(122.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="68"] .circle .fill.fix {
        -webkit-transform: rotate(244.8deg);
        -ms-transform: rotate(244.8deg);
        transform: rotate(244.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="69"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="69"] .circle .fill {
        -webkit-transform: rotate(124.2deg);
        -ms-transform: rotate(124.2deg);
        transform: rotate(124.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="69"] .circle .fill.fix {
        -webkit-transform: rotate(248.4deg);
        -ms-transform: rotate(248.4deg);
        transform: rotate(248.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="70"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="70"] .circle .fill {
        -webkit-transform: rotate(126deg);
        -ms-transform: rotate(126deg);
        transform: rotate(126deg); }
      .card .block_ready_countdown .loader__progress[data-progress="70"] .circle .fill.fix {
        -webkit-transform: rotate(252deg);
        -ms-transform: rotate(252deg);
        transform: rotate(252deg); }
      .card .block_ready_countdown .loader__progress[data-progress="71"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="71"] .circle .fill {
        -webkit-transform: rotate(127.8deg);
        -ms-transform: rotate(127.8deg);
        transform: rotate(127.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="71"] .circle .fill.fix {
        -webkit-transform: rotate(255.6deg);
        -ms-transform: rotate(255.6deg);
        transform: rotate(255.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="72"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="72"] .circle .fill {
        -webkit-transform: rotate(129.6deg);
        -ms-transform: rotate(129.6deg);
        transform: rotate(129.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="72"] .circle .fill.fix {
        -webkit-transform: rotate(259.2deg);
        -ms-transform: rotate(259.2deg);
        transform: rotate(259.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="73"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="73"] .circle .fill {
        -webkit-transform: rotate(131.4deg);
        -ms-transform: rotate(131.4deg);
        transform: rotate(131.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="73"] .circle .fill.fix {
        -webkit-transform: rotate(262.8deg);
        -ms-transform: rotate(262.8deg);
        transform: rotate(262.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="74"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="74"] .circle .fill {
        -webkit-transform: rotate(133.2deg);
        -ms-transform: rotate(133.2deg);
        transform: rotate(133.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="74"] .circle .fill.fix {
        -webkit-transform: rotate(266.4deg);
        -ms-transform: rotate(266.4deg);
        transform: rotate(266.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="75"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="75"] .circle .fill {
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg); }
      .card .block_ready_countdown .loader__progress[data-progress="75"] .circle .fill.fix {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg); }
      .card .block_ready_countdown .loader__progress[data-progress="76"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="76"] .circle .fill {
        -webkit-transform: rotate(136.8deg);
        -ms-transform: rotate(136.8deg);
        transform: rotate(136.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="76"] .circle .fill.fix {
        -webkit-transform: rotate(273.6deg);
        -ms-transform: rotate(273.6deg);
        transform: rotate(273.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="77"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="77"] .circle .fill {
        -webkit-transform: rotate(138.6deg);
        -ms-transform: rotate(138.6deg);
        transform: rotate(138.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="77"] .circle .fill.fix {
        -webkit-transform: rotate(277.2deg);
        -ms-transform: rotate(277.2deg);
        transform: rotate(277.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="78"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="78"] .circle .fill {
        -webkit-transform: rotate(140.4deg);
        -ms-transform: rotate(140.4deg);
        transform: rotate(140.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="78"] .circle .fill.fix {
        -webkit-transform: rotate(280.8deg);
        -ms-transform: rotate(280.8deg);
        transform: rotate(280.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="79"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="79"] .circle .fill {
        -webkit-transform: rotate(142.2deg);
        -ms-transform: rotate(142.2deg);
        transform: rotate(142.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="79"] .circle .fill.fix {
        -webkit-transform: rotate(284.4deg);
        -ms-transform: rotate(284.4deg);
        transform: rotate(284.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="80"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="80"] .circle .fill {
        -webkit-transform: rotate(144deg);
        -ms-transform: rotate(144deg);
        transform: rotate(144deg); }
      .card .block_ready_countdown .loader__progress[data-progress="80"] .circle .fill.fix {
        -webkit-transform: rotate(288deg);
        -ms-transform: rotate(288deg);
        transform: rotate(288deg); }
      .card .block_ready_countdown .loader__progress[data-progress="81"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="81"] .circle .fill {
        -webkit-transform: rotate(145.8deg);
        -ms-transform: rotate(145.8deg);
        transform: rotate(145.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="81"] .circle .fill.fix {
        -webkit-transform: rotate(291.6deg);
        -ms-transform: rotate(291.6deg);
        transform: rotate(291.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="82"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="82"] .circle .fill {
        -webkit-transform: rotate(147.6deg);
        -ms-transform: rotate(147.6deg);
        transform: rotate(147.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="82"] .circle .fill.fix {
        -webkit-transform: rotate(295.2deg);
        -ms-transform: rotate(295.2deg);
        transform: rotate(295.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="83"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="83"] .circle .fill {
        -webkit-transform: rotate(149.4deg);
        -ms-transform: rotate(149.4deg);
        transform: rotate(149.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="83"] .circle .fill.fix {
        -webkit-transform: rotate(298.8deg);
        -ms-transform: rotate(298.8deg);
        transform: rotate(298.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="84"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="84"] .circle .fill {
        -webkit-transform: rotate(151.2deg);
        -ms-transform: rotate(151.2deg);
        transform: rotate(151.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="84"] .circle .fill.fix {
        -webkit-transform: rotate(302.4deg);
        -ms-transform: rotate(302.4deg);
        transform: rotate(302.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="85"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="85"] .circle .fill {
        -webkit-transform: rotate(153deg);
        -ms-transform: rotate(153deg);
        transform: rotate(153deg); }
      .card .block_ready_countdown .loader__progress[data-progress="85"] .circle .fill.fix {
        -webkit-transform: rotate(306deg);
        -ms-transform: rotate(306deg);
        transform: rotate(306deg); }
      .card .block_ready_countdown .loader__progress[data-progress="86"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="86"] .circle .fill {
        -webkit-transform: rotate(154.8deg);
        -ms-transform: rotate(154.8deg);
        transform: rotate(154.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="86"] .circle .fill.fix {
        -webkit-transform: rotate(309.6deg);
        -ms-transform: rotate(309.6deg);
        transform: rotate(309.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="87"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="87"] .circle .fill {
        -webkit-transform: rotate(156.6deg);
        -ms-transform: rotate(156.6deg);
        transform: rotate(156.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="87"] .circle .fill.fix {
        -webkit-transform: rotate(313.2deg);
        -ms-transform: rotate(313.2deg);
        transform: rotate(313.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="88"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="88"] .circle .fill {
        -webkit-transform: rotate(158.4deg);
        -ms-transform: rotate(158.4deg);
        transform: rotate(158.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="88"] .circle .fill.fix {
        -webkit-transform: rotate(316.8deg);
        -ms-transform: rotate(316.8deg);
        transform: rotate(316.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="89"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="89"] .circle .fill {
        -webkit-transform: rotate(160.2deg);
        -ms-transform: rotate(160.2deg);
        transform: rotate(160.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="89"] .circle .fill.fix {
        -webkit-transform: rotate(320.4deg);
        -ms-transform: rotate(320.4deg);
        transform: rotate(320.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="90"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="90"] .circle .fill {
        -webkit-transform: rotate(162deg);
        -ms-transform: rotate(162deg);
        transform: rotate(162deg); }
      .card .block_ready_countdown .loader__progress[data-progress="90"] .circle .fill.fix {
        -webkit-transform: rotate(324deg);
        -ms-transform: rotate(324deg);
        transform: rotate(324deg); }
      .card .block_ready_countdown .loader__progress[data-progress="91"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="91"] .circle .fill {
        -webkit-transform: rotate(163.8deg);
        -ms-transform: rotate(163.8deg);
        transform: rotate(163.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="91"] .circle .fill.fix {
        -webkit-transform: rotate(327.6deg);
        -ms-transform: rotate(327.6deg);
        transform: rotate(327.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="92"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="92"] .circle .fill {
        -webkit-transform: rotate(165.6deg);
        -ms-transform: rotate(165.6deg);
        transform: rotate(165.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="92"] .circle .fill.fix {
        -webkit-transform: rotate(331.2deg);
        -ms-transform: rotate(331.2deg);
        transform: rotate(331.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="93"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="93"] .circle .fill {
        -webkit-transform: rotate(167.4deg);
        -ms-transform: rotate(167.4deg);
        transform: rotate(167.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="93"] .circle .fill.fix {
        -webkit-transform: rotate(334.8deg);
        -ms-transform: rotate(334.8deg);
        transform: rotate(334.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="94"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="94"] .circle .fill {
        -webkit-transform: rotate(169.2deg);
        -ms-transform: rotate(169.2deg);
        transform: rotate(169.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="94"] .circle .fill.fix {
        -webkit-transform: rotate(338.4deg);
        -ms-transform: rotate(338.4deg);
        transform: rotate(338.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="95"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="95"] .circle .fill {
        -webkit-transform: rotate(171deg);
        -ms-transform: rotate(171deg);
        transform: rotate(171deg); }
      .card .block_ready_countdown .loader__progress[data-progress="95"] .circle .fill.fix {
        -webkit-transform: rotate(342deg);
        -ms-transform: rotate(342deg);
        transform: rotate(342deg); }
      .card .block_ready_countdown .loader__progress[data-progress="96"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="96"] .circle .fill {
        -webkit-transform: rotate(172.8deg);
        -ms-transform: rotate(172.8deg);
        transform: rotate(172.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="96"] .circle .fill.fix {
        -webkit-transform: rotate(345.6deg);
        -ms-transform: rotate(345.6deg);
        transform: rotate(345.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="97"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="97"] .circle .fill {
        -webkit-transform: rotate(174.6deg);
        -ms-transform: rotate(174.6deg);
        transform: rotate(174.6deg); }
      .card .block_ready_countdown .loader__progress[data-progress="97"] .circle .fill.fix {
        -webkit-transform: rotate(349.2deg);
        -ms-transform: rotate(349.2deg);
        transform: rotate(349.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="98"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="98"] .circle .fill {
        -webkit-transform: rotate(176.4deg);
        -ms-transform: rotate(176.4deg);
        transform: rotate(176.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="98"] .circle .fill.fix {
        -webkit-transform: rotate(352.8deg);
        -ms-transform: rotate(352.8deg);
        transform: rotate(352.8deg); }
      .card .block_ready_countdown .loader__progress[data-progress="99"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="99"] .circle .fill {
        -webkit-transform: rotate(178.2deg);
        -ms-transform: rotate(178.2deg);
        transform: rotate(178.2deg); }
      .card .block_ready_countdown .loader__progress[data-progress="99"] .circle .fill.fix {
        -webkit-transform: rotate(356.4deg);
        -ms-transform: rotate(356.4deg);
        transform: rotate(356.4deg); }
      .card .block_ready_countdown .loader__progress[data-progress="100"] .circle .loader_mask.full, .card .block_ready_countdown .loader__progress[data-progress="100"] .circle .fill {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
      .card .block_ready_countdown .loader__progress[data-progress="100"] .circle .fill.fix {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg); }
    .card .block_ready_countdown.no_show {
      visibility: hidden; }
    .card .block_ready_countdown .loader__progress {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
  .card .title {
    position: absolute;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.6);
    width: 100%;
    bottom: 0;
    height: 25%;
    padding-left: 5px; }
    .card .title .subtitle {
      line-height: 0.9;
      margin-bottom: 0;
      color: #bbb8b8; }
  .card .counter_icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .card .stances .stance:not(:last-child)::after {
    content: ", "; }
  .card .stances .glyphicon {
    margin: 0 5px; }
  .card .cost {
    position: absolute;
    background-color: cornflowerblue; }
    .card .cost.negative {
      background-color: darkseagreen;
      border-radius: 40%; }
    .card .cost.gain {
      color: lightskyblue; }
    .card .cost.lose {
      color: darkred; }

.direction_info {
  position: absolute; }
  .direction_info .left {
    display: inline-block;
    transform: rotateZ(-20deg); }
  .direction_info .right {
    display: inline-block;
    transform: rotateZ(20deg); }
  .direction_info .height.high {
    color: brown; }
  .direction_info .height.low {
    color: cadetblue; }

.chain {
  position: absolute;
  background-color: brown;
  font-weight: normal; }
  .chain .glyphicon {
    margin-right: 2px; }

.counter_icon {
  background-color: indianred;
  color: white;
  font-size: 10px; }

.stances {
  background-color: whitesmoke;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 3px; }
  .stances .stance:not(:last-child)::after {
    content: ", "; }
  .stances .glyphicon {
    margin: 0 5px; }

.ai_tree_editor {
  display: inline-block;
  background-color: #1a1a1a;
  min-height: 100vh;
  min-width: 100vw;
  padding-bottom: 20px; }

.tree {
  margin-top: 60px; }

.treename-form {
  padding: 10px 20px;
  position: fixed;
  background-color: #1a1a1a;
  width: 100%;
  left: 0;
  z-index: 1; }
  .treename-form .btn {
    margin-left: 3px; }
  .treename-form .save_button {
    margin-left: 50px; }

.node_and_arrows {
  position: relative; }

.node_box {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 0;
  padding: 10px;
  min-width: 200px; }
  .node_box.executed {
    border: solid white 1px; }
  .node_box.flow_controller {
    color: white;
    background-color: #2e2e2e; }
    .node_box.flow_controller.available {
      background-color: #182e18; }
  .node_box.task {
    color: white;
    background-color: firebrick; }
  .node_box.condition {
    color: white;
    background-color: steelblue; }
    .node_box.condition.available {
      background-color: green; }
    .node_box.condition.unavailable {
      background-color: red; }
  .node_box.untested {
    background-color: gray; }
  .node_box .comment {
    color: yellow;
    font-weight: bold;
    max-width: 200px; }
  .node_box .debug_message {
    color: darkgrey;
    font-size: 0.8em; }
  .node_box .title_bar {
    display: flex; }
    .node_box .title_bar .node_name {
      flex: 1; }
    .node_box .title_bar:hover .copy_button {
      opacity: 1; }
    .node_box .title_bar .copy_button {
      opacity: 0;
      margin-right: 10px;
      transition: opacity 0.5s 0.15s; }
      .node_box .title_bar .copy_button .glyphicon {
        top: 0; }

.node_branches {
  display: flex; }
  .node_branches .branch {
    display: flex;
    flex-direction: column; }
    .node_branches .branch:not(:first-child) {
      margin-left: 5px; }

.move_branch_arrows {
  display: flex;
  padding: 7px 0; }
  .move_branch_arrows:empty {
    display: none; }

.delete_branch {
  right: 0;
  position: absolute; }

*:not(:hover) > .mouse_out_hidden {
  height: 0 !important;
  border-width: 0 !important;
  opacity: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.mouse_out_hidden {
  height: 0;
  transition: all 0.5s 0.15s, opacity 0.1s 0.2s;
  overflow: hidden; }

.node_params {
  display: flex;
  flex-direction: column; }
  .node_params .param .form-group {
    display: flex;
    align-items: center;
    width: 100%; }
  .node_params .param label {
    flex: 1;
    margin-right: 5px; }
  .node_params .param input[type="text"] {
    flex: 1;
    max-width: 150px; }
  .node_params input[type="number"] {
    max-width: 50px;
    padding-right: 0px; }

.add_node_form {
  border: solid rgba(0, 0, 0, 0.21) 1px;
  padding: 4px 10px;
  border-radius: 6px;
  margin: 5px 0; }
  .add_node_form.condition {
    background-color: lightslategray;
    color: white; }
  .add_node_form.endpoint {
    background-color: indianred;
    color: white; }
  .add_node_form .form {
    display: flex; }
    .add_node_form .form label, .add_node_form .form input {
      margin-right: 3px; }
    .add_node_form .form label {
      flex: 1; }
    .add_node_form .form input {
      max-width: 150px; }

.move_node_arrows {
  position: absolute;
  top: -15px; }

.chat_lines {
  position: absolute;
  max-width: 140px;
  top: 3px; }
  .chat_lines .chat_line {
    color: white;
    border: solid white 1px;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 5px;
    opacity: 1; }
    .chat_lines .chat_line:first-child {
      animation: new_line 2s 2s forwards, tada 1s both; }
    .chat_lines .chat_line.long:first-child {
      animation: new_line 2s 4s forwards, tada 1s both; }
    .chat_lines .chat_line:not(:first-child) {
      opacity: 0;
      transition: opacity 2s ease-out; }

.player .chat_lines {
  right: 130px; }
  .player .chat_lines .chat_line {
    background-color: cornflowerblue; }

.opponent .chat_lines {
  left: 130px; }
  .opponent .chat_lines .chat_line {
    background-color: indianred; }

.send_message_form {
  margin-top: 10px; }

@keyframes new_line {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.mobile .table .side.player {
  padding-right: 0; }
  .mobile .table .side.player > .title {
    padding-right: 10px; }
  .mobile .table .side.player .status_block {
    position: relative;
    right: 20px; }
.mobile .table .side.opponent {
  padding-left: 0; }
  .mobile .table .side.opponent > .title {
    padding-left: 10px; }
  .mobile .table .side.opponent .status_block {
    margin-left: 20px; }
.mobile .table .side .cards {
  height: initial; }
.mobile .table .side .two_cards {
  margin: 0; }
.mobile .main_character img {
  height: auto;
  width: 30vw; }
.mobile .value_counter {
  font-size: 18px; }
.mobile #carousel-hand {
  display: flex; }
  .mobile #carousel-hand .hand_title {
    font-size: 28px; }
  .mobile #carousel-hand .carousel-control {
    position: static;
    background-image: none; }
    .mobile #carousel-hand .carousel-control .glyphicon, .mobile #carousel-hand .carousel-control .carousel-label {
      color: black;
      right: initial;
      left: initial; }
    .mobile #carousel-hand .carousel-control .carousel-label {
      text-shadow: none; }
.mobile .hand a[href] {
  font-size: 18px;
  padding: 10px 40px; }
.mobile .hand .title_panel {
  float: right;
  font-size: 38px; }
.mobile .hand .cards {
  max-height: 50vh; }
.mobile .player .character_area {
  padding-right: 3px; }
.mobile .opponent .character_area {
  padding-left: 3px; }
.mobile .character_area {
  display: flex;
  flex-direction: column;
  min-height: 345px; }
.mobile .ready_button.ready {
  background-color: forestgreen; }
.mobile .player .main_character img {
  position: relative;
  right: -40px; }
.mobile .opponent .main_character img {
  position: relative;
  left: -40px; }
.mobile .hand .cards {
  max-width: initial; }
.mobile .card.size3 {
  height: 190px;
  width: 110px;
  padding: 5px; }
.mobile .drop.highlighted {
  border-width: 2px;
  border-color: indianred;
  transition: border 250ms; }
.mobile .selected_card.highlighted {
  border-width: 2px;
  border-color: indianred; }

/*# sourceMappingURL=style.css.map */