@charset "UTF-8";
.Card__selected--2fgXP {
  top: -50px; }

.Card__dragging--NxKSq {
  top: -25px; }

.Card__reordering--2RZk2:not(.Card__dragging--NxKSq) {
  transition: all 0.25s; }

.Card__card--3zoxL {
  border: 1px solid #CCC;
  border-radius: 9px;
  position: absolute;
  height: var(--card-height);
  width: var(--card-width);
  overflow: hidden;
  transition: top 0.25s; }
  .Card__card--3zoxL:not(.Card__selected--2fgXP):not(.Card__dragging--NxKSq) {
    top: 0; }
  .Card__card--3zoxL.Card__playedJoker--1Q-uO {
    overflow: visible; }
    .Card__card--3zoxL.Card__playedJoker--1Q-uO::before {
      content: "⬇ joker ";
      font-weight: bold;
      position: absolute;
      top: -37px;
      left: 0;
      background-color: #FFF;
      color: #222;
      padding: 3px 10px;
      opacity: 0.9;
      border-radius: 5px 5px 0 0; }
  .Card__card--3zoxL .Card__graphic--BERR_ {
    height: 100%;
    width: 100%; }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__clubs--1bQ4H.Card__two--A0YcW {
      background-image: url(card-clubs-2.6143cba0838580935608e3edfda55c1a.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__clubs--1bQ4H.Card__three--j5FCK {
      background-image: url(card-clubs-3.ab4128bfc8bfcd79ba06aed957fe2352.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__clubs--1bQ4H.Card__four--1Y3cO {
      background-image: url(card-clubs-4.ffc8e33719cffa2d1b14e9a08ce2b2e5.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__clubs--1bQ4H.Card__five--26FmN {
      background-image: url(card-clubs-5.d2d3914dc1a62b2bbd7cae4c69d36479.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__clubs--1bQ4H.Card__six--xTe9I {
      background-image: url(card-clubs-6.7a6e70bb16fdbbf5ecee5d5960efb986.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__clubs--1bQ4H.Card__seven--12Zgr {
      background-image: url(card-clubs-7.5d6a9daede18349f0c8b33431654494b.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__clubs--1bQ4H.Card__eight--15O1j {
      background-image: url(card-clubs-8.7514b63d253f334350ab57b5b4231bf9.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__clubs--1bQ4H.Card__nine--35dst {
      background-image: url(card-clubs-9.350241aa151ddaa5c454ca099dec2edf.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__clubs--1bQ4H.Card__ten--1xwll {
      background-image: url(card-clubs-10.c5e3f1bbab11829084cf457f4cab2df3.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__clubs--1bQ4H.Card__jack--26H8f {
      background-image: url(card-clubs-j.af9a27911ac25925532fecab0b964b78.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__clubs--1bQ4H.Card__queen--1kUH_ {
      background-image: url(card-clubs-q.ef4b93e670ca2a8778529ba27f65bfba.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__clubs--1bQ4H.Card__king--3usfM {
      background-image: url(card-clubs-k.6a048cfa83dc3e2b8cea33fcdf1c44ae.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__clubs--1bQ4H.Card__ace--3nIvJ {
      background-image: url(card-clubs-a.de4a502bcf62922947a1f7ff2133600c.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__diamonds--3SpZv.Card__two--A0YcW {
      background-image: url(card-diamonds-2.3919bbe5cd08fbc51565e110486c7c18.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__diamonds--3SpZv.Card__three--j5FCK {
      background-image: url(card-diamonds-3.35dc8bb61c36f6bbea3ffa0c2a3c5f40.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__diamonds--3SpZv.Card__four--1Y3cO {
      background-image: url(card-diamonds-4.b59a28c0636df4ec84daa6b09c35f73b.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__diamonds--3SpZv.Card__five--26FmN {
      background-image: url(card-diamonds-5.bd4da7d6a6b7cf26bb083bdbca1fbd26.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__diamonds--3SpZv.Card__six--xTe9I {
      background-image: url(card-diamonds-6.ad239027acdfef22ab0b4ec41fa5b15d.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__diamonds--3SpZv.Card__seven--12Zgr {
      background-image: url(card-diamonds-7.c90b481c51e93235994e920968d58d48.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__diamonds--3SpZv.Card__eight--15O1j {
      background-image: url(card-diamonds-8.c7769a4ba28b87a68cc9d710efdae7ca.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__diamonds--3SpZv.Card__nine--35dst {
      background-image: url(card-diamonds-9.2c3073728172b1b42357a35af1f702d3.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__diamonds--3SpZv.Card__ten--1xwll {
      background-image: url(card-diamonds-10.7d559d82c45fe54e8ab794364737e347.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__diamonds--3SpZv.Card__jack--26H8f {
      background-image: url(card-diamonds-j.5fea6abb76cd74522e0c3c827995dd42.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__diamonds--3SpZv.Card__queen--1kUH_ {
      background-image: url(card-diamonds-q.a05302b8acccdc2c968761052b1ab17b.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__diamonds--3SpZv.Card__king--3usfM {
      background-image: url(card-diamonds-k.61252d3786d2cf4b3431cafa3052178a.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__diamonds--3SpZv.Card__ace--3nIvJ {
      background-image: url(card-diamonds-a.46c621d23d7e6f0a7c5c0fa58c7f72d7.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__hearts--2HRY6.Card__two--A0YcW {
      background-image: url(card-hearts-2.f1dc0c1b06dd6b7e979350b79d4eee1c.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__hearts--2HRY6.Card__three--j5FCK {
      background-image: url(card-hearts-3.2898e9e7bd83d6575ab1bf79a0f6fbd4.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__hearts--2HRY6.Card__four--1Y3cO {
      background-image: url(card-hearts-4.371bc648d7d943ad1a8e44f56ca5a267.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__hearts--2HRY6.Card__five--26FmN {
      background-image: url(card-hearts-5.907dccc3572d2e62854b0d94e1754adf.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__hearts--2HRY6.Card__six--xTe9I {
      background-image: url(card-hearts-6.22417c7a74b2b702e6ca972e40b8003e.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__hearts--2HRY6.Card__seven--12Zgr {
      background-image: url(card-hearts-7.ba710f633e00b012464d525af1469a53.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__hearts--2HRY6.Card__eight--15O1j {
      background-image: url(card-hearts-8.64b529ae4a29c35ff373f27e1712da0a.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__hearts--2HRY6.Card__nine--35dst {
      background-image: url(card-hearts-9.ac8c6281e0b60609b5467d575a4b1ae9.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__hearts--2HRY6.Card__ten--1xwll {
      background-image: url(card-hearts-10.4fa84214c93fe1aa0a099a1cebfa1d88.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__hearts--2HRY6.Card__jack--26H8f {
      background-image: url(card-hearts-j.dc374228ab4874a707f7013c80da8e3e.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__hearts--2HRY6.Card__queen--1kUH_ {
      background-image: url(card-hearts-q.e90dee9a9181822240722c6aad2cef57.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__hearts--2HRY6.Card__king--3usfM {
      background-image: url(card-hearts-k.1a4e98ab33299aa6fa887629c70d1247.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__hearts--2HRY6.Card__ace--3nIvJ {
      background-image: url(card-hearts-a.e7f9cb028bf6d2bcc831aee9c4469f61.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__spades--3bIsD.Card__two--A0YcW {
      background-image: url(card-spades-2.a15e8fc3b0a0d26707c43fd9a7485710.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__spades--3bIsD.Card__three--j5FCK {
      background-image: url(card-spades-3.7a8061d345817eb559bd2f767253ade8.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__spades--3bIsD.Card__four--1Y3cO {
      background-image: url(card-spades-4.b7ac1f1faadcebdc4810843b3aa76d60.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__spades--3bIsD.Card__five--26FmN {
      background-image: url(card-spades-5.0c197daeca83bcf7c085c76daa3e922a.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__spades--3bIsD.Card__six--xTe9I {
      background-image: url(card-spades-6.e8f0c2feb10c6ddbdb1e83d62f2ea675.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__spades--3bIsD.Card__seven--12Zgr {
      background-image: url(card-spades-7.95c3d49ec47260ac7b136346ec666f34.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__spades--3bIsD.Card__eight--15O1j {
      background-image: url(card-spades-8.b70843c438e85a86666b0a77d366d8b5.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__spades--3bIsD.Card__nine--35dst {
      background-image: url(card-spades-9.abe9ec5608c41abf92831f32a222bfa1.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__spades--3bIsD.Card__ten--1xwll {
      background-image: url(card-spades-10.529039bdc4b19148d3f99c8b58f7ded8.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__spades--3bIsD.Card__jack--26H8f {
      background-image: url(card-spades-j.4e7411a9919eb8aa9cfffa598168ece2.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__spades--3bIsD.Card__queen--1kUH_ {
      background-image: url(card-spades-q.de5e7226c310e753002d21cb73e046b1.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__spades--3bIsD.Card__king--3usfM {
      background-image: url(card-spades-k.f5097d4d44df986f6e12e7b71b6ec918.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__spades--3bIsD.Card__ace--3nIvJ {
      background-image: url(card-spades-a.251ea7e4e60aad47412e3306710bd349.svg); }
    .Card__card--3zoxL .Card__graphic--BERR_.Card__joker--95V4u {
      background-image: url(card-joker-1.6a0c64f973a2e9c6f83da3cae0c71e56.svg); }

.Card__back--Uzuns {
  border: 0; }
  .Card__back--Uzuns .Card__graphic--BERR_ {
    background-image: url(card-back.2c8b956b8cdef179fd8a96cd88dafbd5.svg);
    background-size: cover;
    background-repeat: no-repeat; }

.Player__player--1IBzu {
  position: relative;
  height: var(--card-height); }

.Player__reordering--3iECt {
  transition: transform 0.1s; }

.Opponent__opponent--1WCnh {
  position: relative; }

.NewGame__newGame--2uQgS {
  max-width: 400px;
  margin: 20px auto;
  background-color: #FFF;
  border-radius: 8px;
  color: #801D40; }
  .NewGame__newGame--2uQgS h5 {
    background-color: #FF3B5C;
    padding: 12px 24px;
    color: #FFF;
    margin: 0;
    border-radius: 8px 8px 0 0;
    font-size: 20px;
    font-weight: normal; }
  .NewGame__newGame--2uQgS hr {
    border: 0;
    border-bottom: 1px solid #DDD;
    margin: 25px 0; }
  .NewGame__newGame--2uQgS a, .NewGame__newGame--2uQgS a:hover, .NewGame__newGame--2uQgS a:visited, .NewGame__newGame--2uQgS a:active {
    color: #222; }
  .NewGame__newGame--2uQgS .NewGame__body--3RLaM {
    padding: 10px 22px 30px; }
    .NewGame__newGame--2uQgS .NewGame__body--3RLaM.NewGame__classic--3lcoc .NewGame__jokers--iMCqy {
      visibility: hidden; }
  .NewGame__newGame--2uQgS .NewGame__inlineFlag--37LE5 {
    margin-left: 5px;
    margin-bottom: -5px; }
  .NewGame__newGame--2uQgS .NewGame__toggle--18gzr {
    margin-left: 8px;
    padding: 2px 8px;
    cursor: pointer;
    border-radius: 25px;
    color: #AFAEAE;
    border: 1px solid #AFAEAE; }
    .NewGame__newGame--2uQgS .NewGame__toggle--18gzr.NewGame__pickering--XT-xZ .NewGame__flag--3AlYl {
      background-image: url(flag-yorkshire.cd67e4591b28ff1da97c578fb61c5a27.svg);
      background-position: center;
      background-size: cover; }
    .NewGame__newGame--2uQgS .NewGame__toggle--18gzr.NewGame__classic--3lcoc .NewGame__flag--3AlYl {
      background-image: url(flag-phillipines.721431393288e59053ba0b04d64e18d8.svg);
      background-size: cover; }
    .NewGame__newGame--2uQgS .NewGame__toggle--18gzr .NewGame__flag--3AlYl {
      border-radius: 24px;
      width: 22px;
      height: 22px;
      overflow: hidden;
      display: inline-block;
      margin-bottom: -6px;
      margin-left: 8px; }
  .NewGame__newGame--2uQgS .NewGame__selectedToggle--1e1VU {
    background-color: #7376FF;
    color: #E2E2E2; }
  .NewGame__newGame--2uQgS .NewGame__button_calltoaction--kL-RK {
    margin-left: calc(50% - 32px);
    background-color: #FF3B5C;
    border: 0;
    padding: 10px 24px;
    border-radius: 18px;
    color: #FFF;
    font-size: 16px; }
  .NewGame__newGame--2uQgS .NewGame__fieldValue--2nGjI {
    float: right; }
  .NewGame__newGame--2uQgS .NewGame__clearfix--55ArZ {
    clear: both; }
  .NewGame__newGame--2uQgS .NewGame__howtoplay--3tbN- {
    width: 100%;
    text-align: center;
    display: inline-block; }

.NewGame__intro--3kiuZ {
  max-width: 500px;
  margin: 10px auto; }

.SuggestedMove__suggestedMove--1zcjM {
  position: absolute;
  padding: 20px;
  background-color: #FFF;
  color: #222;
  max-width: calc(100% - 16px);
  border-radius: 5px; }
  .SuggestedMove__suggestedMove--1zcjM a, .SuggestedMove__suggestedMove--1zcjM a:visited {
    color: #222; }

.SuggestedMove__close--3Kr7i {
  position: absolute;
  top: 2px;
  right: 8px; }

.SuggestedMove__suggestedHand--y_kGV {
  position: relative;
  height: 170px;
  margin-top: 20px; }

.Game__game--17Ivj {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100%; }

.Game__table--1DzFW {
  display: grid;
  grid-template-areas: "cpu2 cpu2 cpu2" "cpu1 table cpu3" ".... action ...." "player player player";
  grid-template-rows: 10vw 1fr 10vh 200px;
  grid-template-columns: 10vw 1fr 10vw;
  height: 100%;
  position: relative;
  overflow: hidden; }

.Game__player--3ZxlY {
  grid-area: player;
  display: flex;
  justify-content: center;
  align-self: end; }

#Game__cpu1--15wyd {
  grid-area: cpu1;
  justify-self: end;
  align-self: center; }

#Game__cpu2--30GGj {
  grid-area: cpu2;
  justify-self: center;
  align-self: end; }

#Game__cpu3--6ox1M {
  grid-area: cpu3;
  justify-self: start;
  align-self: center; }

.Game__moves--3wtlq {
  grid-area: table;
  justify-self: center;
  align-self: center;
  height: var(--card-height);
  position: relative;
  transition: transform 0.25s; }

.Game__action--2OImG {
  grid-area: action;
  justify-self: center; }
  .Game__action--2OImG button {
    border: 0;
    border-radius: 18px;
    background-color: #FF3B5C;
    padding: 10px;
    color: #FFF;
    font-size: 16px; }

.Game__turn--1Fi7e {
  box-shadow: 0 0 10px 2px rgba(200, 200, 200, 0.4); }

.Game__splashscreen--1ldlk {
  margin-bottom: 24px; }

.Game__help--2hlJ5 {
  position: fixed;
  right: 0;
  top: 120px;
  background-color: #3A3799;
  border-radius: 8px 0 0 8px;
  z-index: 100;
  cursor: pointer;
  color: #FFF;
  padding: 10px 24px;
  width: 150px;
  height: 60px;
  font-size: 20px; }

.Game__gameSummary--1xA18 {
  background-color: #FFF;
  color: #222;
  padding: 5px;
  border-radius: 5px;
  padding-bottom: 20px; }
  .Game__gameSummary--1xA18 .Game__button_calltoaction--3nV7A {
    margin-left: calc(50% - 32px);
    background-color: #FF3B5C;
    border: 0;
    padding: 8px 12px;
    border-radius: 24px;
    color: #FFF; }

.Game__suitList--14Vsr {
  list-style: none;
  position: absolute;
  top: 40px;
  left: 40px;
  margin: 0;
  padding: 0;
  opacity: 0.4; }

.Game__suit--j37Jn {
  display: block;
  width: 20px;
  font-size: 20px; }

.Game__spades--zkufr, .Game__clubs--1Xdx_ {
  color: #EEE; }

.Game__diamonds--2Qbz0, .Game__hearts--2UHxB {
  color: #DF3333; }

.Feedback__feedback--3Tm2h {
  width: 500px;
  margin: 0 auto; }
  .Feedback__feedback--3Tm2h input, .Feedback__feedback--3Tm2h textarea {
    width: 100%; }

html {
  box-sizing: border-box;
  background-color: #000;
  background-image: linear-gradient(to bottom right, #000, #1F195B);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 100%; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  font-family: 'Cairo', sans-serif;
  color: #FFF; }

a, a:visited {
  color: #FFF; }

header {
  border-bottom: 1px solid #888;
  margin-bottom: 20px; }
  header .App__logo--1LH3h > img {
    height: 30px;
    margin: 10px 0; }
  header .App__tagline--2tEn0 {
    color: #FF3B5C;
    font-size: 20px;
    float: right;
    margin: 6px 6px 6px 0; }

footer {
  border-top: 1px solid #888;
  margin-top: 20px;
  font-size: 12px; }
  footer a {
    text-decoration: none; }
  footer .App__links--2Hrm4 {
    float: right; }
  footer .App__copyright--17jH4 {
    margin-right: 8px; }
  footer .App__footerLink--2Z8Wx {
    margin-right: 8px; }
  footer .App__clearfix--21hXm {
    clear: both; }

:root {
  --card-height: 167px;
  --card-width: 115px; }


/*# sourceMappingURL=main.57ff468e4c6a06b9bedd.css.map*/