* {margin: 0;padding: 0;font-family: -apple-system, "Helvetica Neue", Roboto, "Segoe UI", sans-serif }body, html {-webkit-tap-highlight-color: transparent;height: 100%;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 100% }#game-region {pointer-events: all;background-attachment: fixed;background-position: center;background-repeat: no-repeat;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height: 98%;-webkit-perspective: 8000px;-moz-perspective: 8000px;perspective: 8000px;position: relative;}#main-view {}#winAdContainer {position: absolute !important;top: 50%;left: 0;width: 160px;height: 600px;margin-top: -300px }@-webkit-keyframes spadesBroken {from {-webkit-transform: scale(1);transform: scale(1);opacity: 1 }to {-webkit-transform: scale(.75);transform: scale(.75);opacity: .8 }}@-moz-keyframes spadesBroken {from {-moz-transform: scale(1);transform: scale(1);opacity: 1 }to {-moz-transform: scale(.75);transform: scale(.75);opacity: .8 }}@-o-keyframes spadesBroken {from {-o-transform: scale(1);transform: scale(1);opacity: 1 }to {-o-transform: scale(.75);transform: scale(.75);opacity: .8 }}@keyframes spadesBroken {from {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1 }to {-webkit-transform: scale(.75);-moz-transform: scale(.75);-o-transform: scale(.75);transform: scale(.75);opacity: .8 }}.poker-card {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);box-shadow: 0 0 5px rgba(0, 0, 0, .1);cursor: default;height: 247px;left: 50%;position: absolute;top: 50%;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform: rotateY(0);-moz-transform: rotateY(0);transform: rotateY(0);-webkit-transition: -webkit-transform .3s, -webkit-box-shadow .2s;transition: -webkit-transform .3s, -webkit-box-shadow .2s;-o-transition: box-shadow .2s, -o-transform .3s;-moz-transition: transform .3s, box-shadow .2s, -moz-transform .3s, -moz-box-shadow .2s;transition: transform .3s, box-shadow .2s;transition: transform .3s, box-shadow .2s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s, -webkit-box-shadow .2s, -moz-box-shadow .2s;width: 182px;z-index: 1000 }.poker-card {-webkit-transition: -webkit-transform .5s, -webkit-box-shadow .2s;transition: -webkit-transform .5s, -webkit-box-shadow .2s;-o-transition: box-shadow .2s, -o-transform .5s;-moz-transition: transform .5s, box-shadow .2s, -moz-transform .5s, -moz-box-shadow .2s;transition: transform .5s, box-shadow .2s;transition: transform .5s, box-shadow .2s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s, -webkit-box-shadow .2s, -moz-box-shadow .2s }.platform-edge .poker-card.in-waste, .poker-card.in-waste {-webkit-transition: -webkit-transform .3s, -webkit-box-shadow .2s;transition: -webkit-transform .3s, -webkit-box-shadow .2s;-o-transition: box-shadow .2s, -o-transform .3s;-moz-transition: transform .3s, box-shadow .2s, -moz-transform .3s, -moz-box-shadow .2s;transition: transform .3s, box-shadow .2s;transition: transform .3s, box-shadow .2s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s, -webkit-box-shadow .2s, -moz-box-shadow .2s }.poker-card > .back, .poker-card > .front {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 100%;left: 0;position: absolute;top: 0;width: 100% }.poker-card > .back {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg) }.poker-card > .front {-webkit-transform: rotateY(0);-moz-transform: rotateY(0);transform: rotateY(0) }.poker-card.inrow .front:after {content: "";position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);border: 1px solid transparent;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden }.poker-card.distributing .front:after, .poker-card.inrow.movable .front:after {display: none }.poker-card.movable:hover .front {-webkit-box-shadow: 0 0 20px 5px #add8e6;-moz-box-shadow: 0 0 20px 5px #add8e6;box-shadow: 0 0 20px 5px #add8e6 }.poker-card.spades-broken:after {content: "";position: absolute;width: 100%;height: 100%;z-index: 10000;background: url(../assets/images/others/spades_broken.webp) no-repeat center;-moz-background-size: 80%;-o-background-size: 80%;background-size: 80%;-webkit-animation: spadesBroken 1s infinite;-moz-animation: spadesBroken 1s infinite;-o-animation: spadesBroken 1s infinite;animation: spadesBroken 1s infinite }@-webkit-keyframes pulsing {from {-webkit-box-shadow: 0 0 0 #000, inset 0 0 0 #add8e6, 0 0 0 0 #add8e6;box-shadow: 0 0 0 #000, inset 0 0 0 #add8e6, 0 0 0 0 #add8e6 }to {-webkit-box-shadow: 0 0 0 #000, inset 0 0 10px #add8e6, 0 0 10px 10px #add8e6;box-shadow: 0 0 0 #000, inset 0 0 10px #add8e6, 0 0 10px 10px #add8e6 }}@-moz-keyframes pulsing {from {-moz-box-shadow: 0 0 0 #000, inset 0 0 0 #add8e6, 0 0 0 0 #add8e6;box-shadow: 0 0 0 #000, inset 0 0 0 #add8e6, 0 0 0 0 #add8e6 }to {-moz-box-shadow: 0 0 0 #000, inset 0 0 10px #add8e6, 0 0 10px 10px #add8e6;box-shadow: 0 0 0 #000, inset 0 0 10px #add8e6, 0 0 10px 10px #add8e6 }}@-o-keyframes pulsing {from {box-shadow: 0 0 0 #000, inset 0 0 0 #add8e6, 0 0 0 0 #add8e6 }to {box-shadow: 0 0 0 #000, inset 0 0 10px #add8e6, 0 0 10px 10px #add8e6 }}@keyframes pulsing {from {-webkit-box-shadow: 0 0 0 #000, inset 0 0 0 #add8e6, 0 0 0 0 #add8e6;-moz-box-shadow: 0 0 0 #000, inset 0 0 0 #add8e6, 0 0 0 0 #add8e6;box-shadow: 0 0 0 #000, inset 0 0 0 #add8e6, 0 0 0 0 #add8e6 }to {-webkit-box-shadow: 0 0 0 #000, inset 0 0 10px #add8e6, 0 0 10px 10px #add8e6;-moz-box-shadow: 0 0 0 #000, inset 0 0 10px #add8e6, 0 0 10px 10px #add8e6;box-shadow: 0 0 0 #000, inset 0 0 10px #add8e6, 0 0 10px 10px #add8e6 }}.info-board {position: absolute;z-index: 200;display: inline-block;text-align: center;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0);width: 100px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;padding: 5px;padding-top: 20px;pointer-events: none }.info-board.board-0 {bottom: 0;left: 10% }.info-board.board-1 {left: 0;top: 10% }.info-board.board-2 {top: 0;right: 10% }.info-board.board-3 {right: 0;bottom: 10% }.info-board.no-avatar .player-avatar {display: none }.player-avatar.highlight {-webkit-animation: pulsing 1s alternate infinite;-moz-animation: pulsing 1s alternate infinite;-o-animation: pulsing 1s alternate infinite;animation: pulsing 1s alternate infinite }.player-bid, .player-name {font-family: Arial;font-weight: 700;text-shadow: 1px 1px 2px rgba(0, 0, 0, .8);color: #fff;padding: 0;margin: 0 }.player-bidding.highlight {-webkit-filter: drop-shadow(0 0 10px red);transition: -webkit-filter 1s }.player-avatar {display: inline-block;width: 60px;height: 60px;-moz-background-size: contain;-o-background-size: contain;background-size: contain;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .8);-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .8);box-shadow: 1px 1px 2px rgba(0, 0, 0, .8);pointer-events: all }.message-bubble {display: block;padding: 10px;min-width: 100px;position: absolute;background: rgba(0, 0, 0, .5);left: 60%;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;display: none;color: #fff }.board-3 .message-bubble {left: initial;right: 60% }.message-bubble.show {display: block }.message-bubble:before {content: "";border: 8px solid rgba(0, 0, 0, .5);border-bottom-color: transparent;border-left-color: transparent;border-top-color: transparent;position: absolute;top: 50%;left: -16px;margin-top: -8px }.board-3 .message-bubble:before {left: initial;right: -16px;border: 8px solid rgba(0, 0, 0, .5);border-bottom-color: transparent;border-right-color: transparent;border-top-color: transparent }.table.first {background: #b7a129 }.table.last {background: #525252 }#play-button, #statistics-button, button, input[type=button] {-webkit-appearance: none;background-color: rgba(41,206,33,0.4);border: none;border-radius: 12px;color: #fff;cursor: pointer;font-size: 1.8em;padding: 3px 10px;text-align: center;z-index: 5 }#play-button, #statistics-button {display: none;position: absolute;-webkit-appearance: none;font-size: 1.4em;line-height: 50px;font-family: Helvetica,Arial,sans-serif;bottom: 120px;right: 20px;width: 150px;cursor: pointer;height: 50px;font-weight: bold;background-color: rgba(41,206,33,0.6);text-shadow: 0 -1px 0 rgba(70,70,70,0.9),0 1px 0 rgba(195,195,195,0.3);color: #fff;text-align: center;padding: 0;border: none;border-radius: 15px;-webkit-transition-duration: .1s;-moz-transition-duration: .1s;-ms-transition-duration: .1s;-o-transition-duration: .1s;transition-duration: .1s;-webkit-transform: translate3d(0, 90px, 0);-moz-transform: translate3d(0, 90px, 0);-ms-transform: translate3d(0, 90px, 0);-o-transform: translate3d(0, 90px, 0);transform: translate3d(0, 90px, 0);z-index: 5 }#statistics-button {right: 360px;}#play-button {right: 125px;}#play-button.show, #statistics-button.show {display: block;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0) }#play-button:hover, #statistics-button:hover {background-color: rgba(41,206,33,0.1);}#play-button:active, #statistics-button:active {background: #0f0f0f }.bidding-board * {color: #fff }.bidding-board {display: none;left: 50%;margin-left: -200px;margin-top: -120px;max-width: 400px;padding: 20px;position: absolute;text-align: center;top: 50%;width: 100%;z-index: 1000;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 8000px;-moz-perspective: 8000px;perspective: 8000px }.bidding-board button, .bidding-board input {font-size: 1.3em;margin: 2px;width: 12% }.bidding-board button:hover, .bidding-board input:hover {background-color: rgba(41,206,33,0.1);}.bidding-board .show-cards {width: auto;min-width: 100px;padding: 10px;-webkit-transition: -webkit-transform .3s ease-in;transition: -webkit-transform .3s ease-in;-o-transition: -o-transform .3s ease-in;-moz-transition: transform .3s ease-in, -moz-transform .3s ease-in;transition: transform .3s ease-in;transition: transform .3s ease-in, -webkit-transform .3s ease-in, -moz-transform .3s ease-in, -o-transform .3s ease-in;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden }.bidding-board .show-cards.hidden {-webkit-transform: rotateX(-180deg);-moz-transform: rotateX(-180deg);transform: rotateX(-180deg) }.bidding-board input.disabled {visibility: hidden }.menu-toggle-button {pointer-events: all }#preloader {display: none;position: absolute;top: 0;left: 200px;right: 0;bottom: 0;background: rgba(0, 0, 0, .5);pointer-events: all;z-index: 100 }#preloader:after {-moz-background-size: 100px;-o-background-size: 100px;background-size: 100px }#preloader span {margin-left: -30px;width: 100px;color: #fff;position: absolute;top: 50%;left: 50%;margin-top: 50px }#current-game-score .total_bags .col, #current-game-score .total_points .col {font-weight: 700 }ion-item.menu-icon {padding-left: 40px;background-position: 10px center;background-repeat: no-repeat }.menu-icon.new-game {background-image: url(../assets/images/buttons/menu/new_game.png) }.menu-icon.statistics {background-image: url(../assets/images/buttons/menu/statistics.png) }.menu-icon.appearance {background-image: url(../assets/images/buttons/menu/appearance.png) }.menu-icon.options {background-image: url(../assets/images/buttons/menu/options.png) }.menu-icon.players {background-image: url(../assets/images/buttons/menu/players.png) }.menu-icon.help {background-image: url(../assets/images/buttons/menu/help.png) }.menu-icon.activate {background-image: url(../assets/images/buttons/menu/activate.png) }.menu-icon.buy {background-image: url(../assets/images/buttons/menu/buy.png) }.menu-icon.about {background-image: url(../assets/images/buttons/menu/about.png) }body .modal {width: 640px;height: 420px;left: 50%;margin-left: -320px }@media screen and (max-width:800px) {body .modal {width: 480px;margin-left: -240px }}body .modal-backdrop {width: auto;right: 0 }.popup .popup-buttons button {margin: 0 }.popup .popup-buttons button:nth-child(2) {margin-right: 10px }body .appearance-modal {width: 850px;margin-left: -425px }.appearance-modal .col {padding: 0 }@media screen and (min-width:680px) {.backdrop, .modal-backdrop, .modal-backdrop-bg, .popup-container {}body .appearance-modal {height: 650px;margin-top: -325px;top: 50% }}@media screen and (max-width:679px) {body .modal {margin-left: 0;left: 0;width: 100% }.modal-backdrop, .modal-backdrop-bg {left: 0 !important }#main-view {margin-left: 0 }#end-message {margin-left: -200px }#preloader {left: 0 !important }.slide-in-up {margin-left: 0 !important }}@media screen and (max-width:459px) {#statistics-button {right: 20px;bottom: 20px }#statistics-button.show {bottom: 100px }}#end-message {position: absolute;font-size: 4em;height: 80px;line-height: 80px;text-align: center;top: 50%;left: 200px;right: 0;margin-top: -40px;font-family: Impact, -apple-system, "Helvetica Neue", Roboto, "Segoe UI", sans-serif;z-index: 1000;color: #fff;text-shadow: 0 1px 1px #bbb, 0 2px 0 #999, 0 3px 0 #888, 0 4px 0 #777, 0 5px 0 #666, 0 6px 0 #555, 0 7px 0 #444, 0 8px 0 #333, 0 9px 7px #302314;-webkit-transform: scale3d(0, 0, 0);-moz-transform: scale3d(0, 0, 0);transform: scale3d(0, 0, 0) }#end-message.show {-webkit-transform: scale3d(1, 1, 1);-moz-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);-webkit-transition: -webkit-transform 4s;transition: -webkit-transform 4s;-o-transition: -o-transform 4s;-moz-transition: transform 4s, -moz-transform 4s;transition: transform 4s;transition: transform 4s, -webkit-transform 4s, -moz-transform 4s, -o-transform 4s }.platform-edge #end-message.show {-webkit-transform: scale3d(1, 1, 1) rotate(.02deg);-moz-transform: scale3d(1, 1, 1) rotate(.02deg);transform: scale3d(1, 1, 1) rotate(.02deg) }@media screen and (max-width:679px) {#end-message {margin-left: -200px }}@media screen and (max-width:761px) {#end-message {font-size: 50px }}@media screen and (max-width:500px) {#end-message {font-size: 40px }}@media screen and (max-width:400px) {#end-message {font-size: 35px }}.loading #progress-bar {visibility: visible !important;position: absolute;box-sizing: border-box;width: 220px;left: 35%;top: 20%;margin-left: -20px;margin-top: 185px;background-color: rgba(0, 0, 0, 0.6);z-index: 10000;padding: 4px;border-radius: 20px;}.loading #progress {visibility: visible !important;box-sizing: border-box;border-radius: 20px;width: 0%;background: rgba(41,206,33,0.8);padding: 12px 0;transition: width .3s ease-in }.edge ion-side-menu {-webkit-transform: translate3d(-105%, 0, 0);-moz-transform: translate3d(-105%, 0, 0);transform: translate3d(-105%, 0, 0);z-index: 10 !important;-webkit-transition: -webkit-transform .2s ease;transition: -webkit-transform .2s ease;-o-transition: -o-transform .2s ease;-moz-transition: transform .2s ease, -moz-transform .2s ease;transition: transform .2s ease;transition: transform .2s ease, -webkit-transform .2s ease, -moz-transform .2s ease, -o-transform .2s ease;-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .7);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .7);box-shadow: 0 0 5px rgba(0, 0, 0, .7) }.edge .menu-open ion-side-menu {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0) }.edge ion-side-menu-content {-webkit-transform: none !important;-moz-transform: none !important;-ms-transform: none !important;-o-transform: none !important;transform: none !important }*[data-tooltip] {}*[data-tooltip]::after {content: attr(data-tooltip);position: absolute;left: 380px;top: 5px;width: 200px;pointer-events: none;opacity: 0;-webkit-transition: opacity .15s ease-in-out;-moz-transition: opacity .15s ease-in-out;-ms-transition: opacity .15s ease-in-out;-o-transition: opacity .15s ease-in-out;transition: opacity .15s ease-in-out;display: block;font-size: 12pt;line-height: 16px;background-color: rgba(7,109,43,0.95);padding: 4px 4px;color: white;border-radius: 20px;text-shadow: 0 -1px 0 rgba(70,70,70,0.9),0 1px 0 rgba(195,195,195,0.3) }*[data-tooltip]:hover::after {opacity: 1;}