/* 竖屏 */
@media (orientation: portrait) { 
  html {
    font-size: calc(750 / 1623 * 100vh / 17.3);
  }
  html.landscape {
    font-size: calc(100vw / 55.5);
  }
  .canvas {
    height: 100vh;
    width: calc(750 / 1623 * 100vh);
  }
  .canvas.landscape{
    height: calc(1300 / 1920 * 100vw);
    width: 100vw;
  }
}
/* 横屏 */
@media (orientation: landscape) {
  html {
    font-size: calc(100vw / 55.5);
  }
  html.portrait {
    font-size: calc(750 / 1623 * 100vh / 17.3);
  }
  .canvas {
    height: calc(1300 / 1920 * 100vw);
    width: 100vw;
  }
  .canvas.portrait{
    height: 100vh;
    width: calc(750 / 1623 * 100vh);
  }
}
/* 正方形时按照横屏适配 */
@media (aspect-ratio: 1) {
  html {
    font-size: calc(100vw / 55.5);
  }
  .canvas {
    height: calc(1300 / 1920 * 100vw);
    width: 100vw;
  }
  html.portrait {
    font-size: calc(750 / 1623 * 100vh / 17.3);
  }
  .canvas.portrait{
    height: 100vh;
    width: calc(750 / 1623 * 100vh);
  }
  html.landscape {
    font-size: calc(100vw / 55.5);
  }
  .canvas.landscape{
    height: calc(1300 / 1920 * 100vw);
    width: 100vw;
  }
}
/* 横屏 当宽度撑满 高度按比例超度屏幕的时候 */
@media screen and (max-height: calc(1300 / 1920 * 100vw)) {
  html {
    font-size: calc(1920 / 1300 / 55.5 * 100vh);
  }
  .canvas {
    height: 100vh;
    width: calc(1920 / 1300 * 100vh);
  }
}
/* 竖屏 当高度撑满 宽度按比例超度屏幕的时候 */
@media screen and (max-width: calc(750 / 1623 * 100vh)) {
  html {
    font-size: calc(100vw / 17.3);
  }
  .canvas {
    height: calc(1623 / 750 * 100vw);
    width: 100vw;
  }
}
.su {
  line-height: 1;
}

.su:before {
  font-family: Suits !important;
  font-style: normal;
  font-weight: normal !important;
  vertical-align: top;
}

.su-clubs:before {
  content: "\0xF0C7";
}
.su-diamonds:before {
  content: "\0xF14A";
}
.su-spades:before {
  content: "\0xF04B";
}
.su-hearts:before {
  content: "\0xF040";
}

.u {
  line-height: 1;
}

.u:before {
  font-family: Utils !important;
  font-style: normal;
  font-weight: normal !important;
  vertical-align: top;
}

.u-up:before {
  content: "\0xF0C7";
}
.u-down:before {
  content: "\0xF14A";
}
.u-config:before {
  content: "\0xF040";
}
.u-fullscreen:before {
  content: "\0xF0B2";
}
.u-times-circle:before {
  content: "\0xF057";
}
.u-commenting:before {
  content: "\0xF27B";
}
.u-key:before {
  content: "\0xF084";
}
.u-trophy:before {
  content: "\0xF091";
}
.u-refresh:before {
  content: "\0xF021";
}
.u-up-rotate-arrow:before {
  content: "\0xF2CB";
}
.u-down-rotate-arrow:before {
  content: "\0xF2DE";
}
.u-male:before {
  content: "\0xF183";
}
.u-seat:before {
  content: "\0xF195";
}
.u-volume-up:before {
  content: "\0xF028";
}
.u-volume-off:before {
  content: "\0xF026";
}
.u-volume-med:before {
  content: "\0xF1E0";
}
.u-volume-low:before {
  content: "\0xF2C6";
}
.u-clock:before {
  content: "\0xF017";
}
.u-signin:before {
  content: "\0xF090";
}
.u-signout:before {
  content: "\0xF08B";
}
.u-medal:before {
  content: "\0xF2BA";
}
.u-deaf:before {
  content: "\0xF2A4";
}
.u-pause:before {
  content: "\0xF04C";
}
.u-play:before {
  content: "\0xF04B";
}
.u-times:before {
  content: "\0xF043";
}
.u-eye:before {
  content: "\0xF06E";
}
.u-microphone:before {
  content: "\0xF130";
}
.u-microphone-slash:before {
  content: "\0xF131";
}
.u-camera:before {
  content: "\0xF03D";
}
.u-no-camera-2:before {
  content: "\0xF030";
}
.u-cog:before {
  content: "\0xF013";
}
.u-mic-person:before {
  content: "\0xf2d5";
}
.u-ellipsis-h:before {
  content: "\0xf141";
}
.u-arrow-down:before {
  content: "\0xf063";
}
.u-arrow-up:before {
  content: "\0xf062";
}
.u-angle-double-down:before {
  content: "\0xf103";
}
.u-angle-double-up:before {
  content: "\0xf102";
}
.u-stop:before {
  content: "\0xf04d";
}
.u-warning:before {
  content: "\0xf071";
}
.u-check-square-o:before {
  content: "\0xf046";
}
.u-toggle-on:before {
  content: "\0xf205";
}
.u-bolt:before {
  content: "\0xf0e7";
}
.u-balance-scale:before {
  content: "\0xf24e";
}
.u-comments-o:before {
  content: "\0xf0e6";
}
.u-search:before {
  content: "\0xf002";
}
.u-backward:before {
  content: "\0xf04a";
}
.u-forward:before {
  content: "\0xf04e";
}
.u-chevron-left:before {
  content: "\0xf053";
}
.u-chevron-right:before {
  content: "\0xf054";
}
.u-chevron-circle-left:before {
  content: "\0xf137";
}
.u-chevron-circle-right:before {
  content: "\0xf138";
}
.u-info-circle:before {
  content: "\0xf05a";
}
.u-question-circle-o:before {
  content: "\f101";
}

html {
  height: 100%;
  width: 100%;
}
html,
body {
  font-family: Mulish, sans-serif;
  padding: 0;
  margin: 0;
}
body {
  display: flex;
  justify-content: space-between;
}
.landscape .invisible-scrollbar,
.portrait .invisible-scrollbar {
  scrollbar-width: none;
}
.landscape .invisible-scrollbar::-webkit-scrollbar,
.portrait .invisible-scrollbar::-webkit-scrollbar {
  display: none;
}
.landscape abbr,
.portrait abbr {
  cursor: help;
}
.landscape p,
.portrait p {
  margin: 0;
}
.landscape input::-webkit-outer-spin-button,
.landscape input::-webkit-inner-spin-button,
.portrait input::-webkit-outer-spin-button,
.portrait input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.landscape input[type="number"],
.portrait input[type="number"] {
  -moz-appearance: textfield;
}
.landscape input:focus,
.landscape input[type="text"]:focus,
.landscape button:focus,
.landscape input:focus,
.landscape button:active,
.landscape textarea:focus,
.landscape textarea:active,
.portrait input:focus,
.portrait input[type="text"]:focus,
.portrait button:focus,
.portrait input:focus,
.portrait button:active,
.portrait textarea:focus,
.portrait textarea:active {
  outline-width: 0;
  outline: none;
  tap-highlight-color: transparent;
}
.landscape input:disabled,
.portrait input:disabled {
  opacity: 0.5;
}
.landscape body,
.portrait body {
  height: 100%;
  width: 100%;
  /* style1 样式修改 */
  background: url("../static/partBgSmall.png") !important;
  background-size: repeat;
}
.landscape input[type="text"],
.portrait input[type="text"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.landscape button,
.landscape input,
.landscape select,
.portrait button,
.portrait input,
.portrait select {
  font-family: Mulish, sans-serif;
}
.landscape .button-1,
.portrait .button-1 {
  outline: none;
  text-decoration: none;
  background: transparent;
  border-style: solid;
  border-width: 0.08rem;
  border-bottom-width: 0.15rem;
  border-color: #fff;
  color: #fff;
  font-weight: bold;
  height: 3.2rem;
  border-radius: 0.3rem;
  text-transform: uppercase;
  font-size: 1rem;
  padding: 0 1em;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
.landscape .button-1:disabled,
.portrait .button-1:disabled {
  opacity: 0.25;
}
.landscape .button-1.with-tip,
.portrait .button-1.with-tip {
  position: relative;
}
.landscape .button-1.with-tip:before,
.portrait .button-1.with-tip:before {
  border-width: 0.08rem;
  position: absolute;
  top: -0.28rem;
  padding: 0 0.2rem;
  right: 0.5rem;
  display: block;
  width: 0.7rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.5rem;
  border-radius: 0.2rem;
  background: #232122;
  color: #fff;
}
.landscape .button-1.with-tip.enter:before,
.portrait .button-1.with-tip.enter:before {
  content: "enter";
}
.landscape .button-1.with-tip.show-your-hand:before,
.portrait .button-1.with-tip.show-your-hand:before {
  content: "s";
}
.landscape .button-1.with-tip.check:before,
.portrait .button-1.with-tip.check:before {
  content: "k";
}
.landscape .button-1.with-tip.check-fold:before,
.portrait .button-1.with-tip.check-fold:before {
  content: "i";
}
.landscape .button-1.with-tip.time-bank:before,
.portrait .button-1.with-tip.time-bank:before {
  content: "t";
}
.landscape .button-1.with-tip.call-any:before,
.portrait .button-1.with-tip.call-any:before {
  content: "y";
}
.landscape .button-1.with-tip.call:before,
.portrait .button-1.with-tip.call:before {
  content: "c";
}
.landscape .button-1.with-tip.raise:before,
.portrait .button-1.with-tip.raise:before {
  content: "r";
}
.landscape .button-1.with-tip.fold:before,
.portrait .button-1.with-tip.fold:before {
  content: "f";
}
.landscape .button-1.with-tip.back:before,
.portrait .button-1.with-tip.back:before {
  content: "esc";
  width: 1.3rem;
}
.landscape .button-1.highlighted,
.portrait .button-1.highlighted {
  background: #fff;
  color: #000;
  border-bottom-color: #e6e6e6;
}
.landscape .button-1.blue,
.portrait .button-1.blue {
  color: #7f7df5;
  border-color: #7f7df5;
  background: transparent;
}
.landscape .button-1.blue.highlighted,
.portrait .button-1.blue.highlighted {
  background: #7f7df5;
  border-bottom-color: #6c6af4;
  color: #fff;
}
.landscape .button-1.green,
.portrait .button-1.green {
  color: #53d78b;
  border-color: #53d78b;
}
.landscape .button-1.green.highlighted,
.portrait .button-1.green.highlighted {
  background: #3fa76c;
  border-color: #3fa76c;
  border-bottom-color: #348959;
  color: #fff;
}
.landscape .button-1.green.with-tip:before,
.portrait .button-1.green.with-tip:before {
  color: #53d78b;
}
.landscape .button-1.green-2,
.portrait .button-1.green-2 {
  color: #3fa76c;
  border-color: #3fa76c;
}
.landscape .button-1.green-2.highlighted,
.portrait .button-1.green-2.highlighted {
  background: #3fa76c;
  border-color: #3fa76c;
  border-bottom-color: #318254;
  color: #fff;
}
.landscape .button-1.gray,
.portrait .button-1.gray {
  color: #b9b9b9;
  border-color: #b9b9b9;
}
.landscape .button-1.middle-gray,
.portrait .button-1.middle-gray {
  color: #939393;
  border-color: #939393;
}
.landscape .button-1.dark-gray,
.portrait .button-1.dark-gray {
  color: dimgray;
  border-color: #4e4e4e;
}
.landscape .button-1.red,
.portrait .button-1.red {
  border-color: #fc4117;
  color: #fc4117;
}
.landscape .button-1.red.highlighted,
.portrait .button-1.red.highlighted {
  background: #fc4117;
  border-bottom-color: #dd2b03;
  color: #fff;
}
.landscape .button-1.red.with-tip:before,
.portrait .button-1.red.with-tip:before {
  color: #be3f22;
}
.landscape .button-1.small-button,
.portrait .button-1.small-button {
  height: 2rem;
  display: inline-block;
  line-height: 2rem;
  font-size: 0.5rem;
  border-radius: 0.25rem;
  border-width: 0.05em;
  border-bottom-width: 0.1rem;
}
.landscape .button-1.small-button.with-tip:before,
.portrait .button-1.small-button.with-tip:before {
  line-height: 0.8rem;
  width: 1.8rem;
  font-size: 0.3rem;
  background: #fff;
  color: #000;
}
.landscape .button-1.med-button,
.portrait .button-1.med-button {
  height: 2rem;
  display: inline-block;
  line-height: 2rem;
  font-size: 0.7rem;
  border-radius: 0.25rem;
  border-width: 0.05em;
  border-bottom-width: 0.1rem;
}
.landscape .button-1.next-hand-button:before,
.portrait .button-1.next-hand-button:before {
  background: #338d5b !important;
  color: #fff !important;
}
.landscape .button-1.time-bank,
.portrait .button-1.time-bank {
  font-size: 0.7rem;
}
.landscape .button-1.log-download-button,
.portrait .button-1.log-download-button {
  width: 8rem;
}
.landscape .button-3,
.portrait .button-3 {
  background: transparent;
  border: none;
  width: 100%;
  font-weight: bold;
  color: #fff;
  height: 2.2rem;
  border-radius: 0.3rem;
  text-transform: uppercase;
  font-size: 0.7rem;
  padding: 0 1em;
  cursor: pointer;
  letter-spacing: 0.1em;
}
.landscape .button-3.green,
.portrait .button-3.green {
  background: #73c780;
  color: #fff;
}
.landscape .button-3.gray,
.portrait .button-3.gray {
  border: solid 0.07rem #c5c5c5;
  color: #636363;
}
.landscape .raw-loading,
.portrait .raw-loading {
  color: #fff;
  text-align: center;
}
.landscape .raw-loading a,
.portrait .raw-loading a {
  color: #fff;
}
.landscape #canvas,
.portrait #canvas {
  box-shadow: rgba(0, 0, 0, 0.34) 0px 0px 2rem;
  overflow: hidden;
  position: relative;
  display: flex;
}
.landscape .game-column,
.portrait .game-column {
  width: 100%;
  position: relative;
}
.landscape .game-column.contracted,
.portrait .game-column.contracted {
  width: 91%;
}
.landscape #main-container {
  /*style general 最小窗口设置 */
  /* min-height: 677px;
  min-width: 1000px; */
  /* background-image: url('../static/login-bg.png');
  background-size: cover; */
}
.landscape #main-container,
.portrait #main-container {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  /*style general 最小窗口设置 */
}
.landscape .game-main-container,
.portrait .game-main-container {
  /* 纯灰黑色背景图片 */
  height: 100%;
  width: 100%;
}
.landscape .title-1,
.portrait .title-1 {
  color: #fff;
  margin: 0;
  margin-bottom: 1rem;
}
.landscape .title-2,
.portrait .title-2 {
  margin: 0;
  color: #747474;
  text-transform: uppercase;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.landscape .version-link,
.portrait .version-link {
  font-size: 0.7rem;
  color: #545454;
}
.landscape .hide,
.portrait .hide {
  opacity: 0.2;
}
.landscape .semi-hide,
.portrait .semi-hide {
  opacity: 0.6;
}
.landscape .low,
.portrait .low {
  opacity: 0.3;
}
.landscape .low:hover,
.portrait .low:hover {
  opacity: 1;
}
.landscape .landscape-warning,
.portrait .landscape-warning {
  font-size: 4.5vw;
  padding: 0 10vw;
  height: 100%;
  padding-top: 10vh;
  text-align: center;
}
.landscape .landscape-warning .title,
.portrait .landscape-warning .title {
  width: 100%;
  margin: 0;
  font-family: "Josefin Sans", sans-serif;
  font-size: 11vw;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.2rem;
  text-shadow: 0 0 2rem rgba(213, 255, 0, 0.75);
  margin-bottom: 0.5rem;
}
.landscape .landscape-warning .instructions,
.portrait .landscape-warning .instructions {
  width: 100%;
  color: #fff;
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.landscape .landscape-warning button,
.portrait .landscape-warning button {
  background: transparent;
  border-style: solid;
  border-width: 0.08em;
  border-color: #fff;
  color: #fff;
  height: 3em;
  border-radius: 0.3em;
  text-transform: uppercase;
  font-size: 1.2rem;
  padding: 0 1rem;
  cursor: pointer;
  letter-spacing: 0.2em;
}
.landscape .landscape-warning:after,
.landscape .landscape-warning:before,
.portrait .landscape-warning:after,
.portrait .landscape-warning:before {
  opacity: 0.5;
  font-size: 7rem;
  font-family: "Utils";
  display: block;
  color: #454545;
}
.landscape .landscape-warning:after,
.portrait .landscape-warning:after {
  content: "";
}
.landscape .landscape-warning:before,
.portrait .landscape-warning:before {
  content: "";
}
.landscape .form-1-input-control label,
.portrait .form-1-input-control label {
  margin-bottom: 0.5rem;
  color: #fff;
  display: block;
  font-size: 0.8rem;
}
.landscape .form-1-input-control label a,
.portrait .form-1-input-control label a {
  color: #fdfdbb;
}
.landscape .form-1-input-control label .new,
.portrait .form-1-input-control label .new {
  background: #e63030;
  font-weight: bold;
  font-size: 0.5rem;
  padding: 0.2rem;
  text-transform: uppercase;
  border-radius: 0.15rem;
  display: inline-block;
}
.landscape .form-1-input-control .error-message,
.portrait .form-1-input-control .error-message {
  color: #ff3f3f;
  position: absolute;
  font-size: 0.5rem;
  left: 0.4rem;
  bottom: 0.2rem;
}
.landscape .form-1-input-control .error-message.inline,
.portrait .form-1-input-control .error-message.inline {
  position: initial;
}
.landscape .form-1-input-control,
.portrait .form-1-input-control {
  margin-bottom: 1rem;
  position: relative;
}
.landscape .form-1-input-control input,
.landscape .form-1-input-control select,
.portrait .form-1-input-control input,
.portrait .form-1-input-control select {
  border-radius: 0.3rem;
  box-sizing: border-box;
  border: 0.08rem solid #979797;
  background: none;
  color: #fff;
  width: 100%;
  font-size: 1.1rem;
  padding: 0 0.8rem;
  height: 3rem;
  line-height: 3rem;
}
.landscape .form-1-input-control .code-input,
.portrait .form-1-input-control .code-input {
  text-align: center;
  font-size: 1.4rem;
  letter-spacing: 0.4rem;
}
.landscape .form-1-input-control .small-select,
.portrait .form-1-input-control .small-select {
  height: 2.2rem;
  padding: 0 0.4rem;
  font-size: 1rem;
  line-height: 2.2rem;
}
.landscape .form-1-input-control option,
.portrait .form-1-input-control option {
  background: #1f1f1f;
  color: #fff;
}
.landscape .form-1-input-control .help-message,
.portrait .form-1-input-control .help-message {
  color: #969696;
  font-size: 0.7rem;
  line-height: 1rem;
  margin-top: 0.3rem;
}
.landscape .form-1-two-columns,
.portrait .form-1-two-columns {
  display: flex;
}
.landscape .form-1-two-columns .form-1-input-control,
.portrait .form-1-two-columns .form-1-input-control {
  width: 48%;
  display: inline-block;
}
.landscape .form-1-two-columns .form-1-input-control:first-child,
.portrait .form-1-two-columns .form-1-input-control:first-child {
  margin-right: 4%;
}
.landscape .form-2-input-control label,
.portrait .form-2-input-control label {
  margin-bottom: 0.15rem;
  color: #000;
  display: block;
  font-size: ;
}
.landscape .form-2-input-control.checkbox .inline,
.portrait .form-2-input-control.checkbox .inline {
  display: flex;
}
.landscape .form-2-input-control.checkbox .error-message,
.portrait .form-2-input-control.checkbox .error-message {
  font-size: ;
  line-height: 0.3rem;
}
.landscape .form-2-input-control.checkbox input,
.portrait .form-2-input-control.checkbox input {
  margin-right: 0.2rem;
  width: initial;
  height: 1.3rem;
  width: 1.3rem;
  background: #fff;
  border: 0.08rem solid #979797;
  display: inline-block;
}
.landscape .form-2-input-control.checkbox label,
.portrait .form-2-input-control.checkbox label {
  display: inline-block;
}
.landscape .form-2-input-control .error-message,
.portrait .form-2-input-control .error-message {
  font-size: 0.7rem;
  color: red;
}
.landscape .form-2-input-control,
.portrait .form-2-input-control {
  margin-bottom: 0.5rem;
  position: relative;
}
.landscape .form-2-input-control input,
.portrait .form-2-input-control input {
  border-radius: 0.3rem;
  box-sizing: border-box;
  border: 0.07rem solid #ababab;
  background: none;
  color: #545454;
  width: 100%;
  font-size: 0.8rem;
  padding: 0 ;
  height: 2.2rem;
  line-height: 2.2rem;
}
.landscape .form-2-input-control .upper-text,
.portrait .form-2-input-control .upper-text {
  color: #000;
}
.landscape .choose-buttons,
.portrait .choose-buttons {
  display: flex;
  border: 0.08rem solid #979797;
  background: transparent;
  overflow: hidden;
  border-radius: 0.3rem;
  box-sizing: border-box;
  position: relative;
  height: 2rem;
}
.landscape .choose-buttons button,
.portrait .choose-buttons button {
  flex-grow: 1;
}
.landscape .choose-buttons button,
.portrait .choose-buttons button {
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  background: transparent;
  color: #666;
  height: 100%;
  border: none;
  font-size: 0.8rem;
  text-transform: uppercase;
  cursor: pointer;
}
.landscape .choose-buttons button:disabled,
.portrait .choose-buttons button:disabled {
  opacity: 0.5;
}
.landscape .choose-buttons button.active,
.portrait .choose-buttons button.active {
  background: #383838;
  color: #fff;
}
.landscape .choose-buttons.normal-height,
.portrait .choose-buttons.normal-height {
  height: 3rem;
}
.landscape .choose-buttons.normal-height button,
.portrait .choose-buttons.normal-height button {
  font-size: 1rem;
  height: 3rem;
  line-height: 3rem;
}
.landscape .choose-buttons.intro-height,
.portrait .choose-buttons.intro-height {
  height: 2.6rem;
}
.landscape .choose-buttons.intro-height button,
.portrait .choose-buttons.intro-height button {
  font-size: 1rem;
  height: 2.6rem;
  line-height: 2.6rem;
}
.landscape .text-tip-1,
.portrait .text-tip-1 {
  font-size: ;
  font-weight: bold;
}
.landscape .text-tip-1.red,
.portrait .text-tip-1.red {
  color: red;
}
.landscape .form-fixed-bottom,
.portrait .form-fixed-bottom {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  z-index: 2;
  position: absolute;
  background: #2b2b2b;
  bottom: 0;
  width: 100%;
  left: 0;
  box-shadow: 0rem 0rem 1rem 0.5rem rgba(0, 0, 0, 0.08);
  padding: 0.9rem;
}
.landscape .form-1-with-fixed-bottom,
.portrait .form-1-with-fixed-bottom {
  padding-bottom: 5rem;
}
.landscape .form-1-with-fixed-bottom:after,
.portrait .form-1-with-fixed-bottom:after {
  content: "";
  display: block;
  clear: both;
}
.landscape .form-1-one-line-field label,
.portrait .form-1-one-line-field label {
  padding-top: 0.5rem;
  margin-bottom: 0;
}
.landscape .alert-1 .form-1-input-control input[type="email"],
.landscape .alert-1 .form-1-input-control input[type="text"],
.portrait .alert-1 .form-1-input-control input[type="email"],
.portrait .alert-1 .form-1-input-control input[type="text"] {
  color: #000;
  background: #fff;
}
.landscape .config-top-tabs,
.portrait .config-top-tabs {
  border-bottom: 0.5rem solid #909766;
  padding: 0.5rem;
  padding-bottom: 0;
  height: 4.3rem;
  box-sizing: border-box;
}
.landscape .config-top-tab-buttton,
.portrait .config-top-tab-buttton {
  margin-right: 1%;
  background: none;
  border: none;
  color: #fff;
  font-weight: bold;
  height: 3.4rem;
  border-radius: 0.3rem 0.3rem 0 0;
  text-transform: uppercase;
  font-size: 1em;
  padding: 0 1.2em;
  cursor: pointer;
}
.landscape .config-top-tab-buttton.active,
.portrait .config-top-tab-buttton.active {
  background: #909766;
  color: #fff;
}
.landscape .config-top-tab-buttton.back,
.portrait .config-top-tab-buttton.back {
  padding: 0 1rem;
}
.landscape .config-content,
.portrait .config-content {
  overflow-y: auto;
  height: 27rem;
  padding: 1.8%;
  box-sizing: border-box;
}
.landscape .config-content p,
.portrait .config-content p {
  color: #fff;
  margin-bottom: 0.5rem;
}
.landscape .config-player-row,
.portrait .config-player-row {
  padding: 0.7rem;
  border-radius: 0.5rem;
  box-sizing: border-box;
  color: #fff;
  border: 0.08rem solid #979797;
  margin-bottom: 0.9%;
  position: relative;
}
.landscape .config-player-row .name,
.portrait .config-player-row .name {
  font-size: 1.4rem;
  margin-bottom: 0;
}
.landscape .config-player-row .name small,
.portrait .config-player-row .name small {
  font-size: 0.5rem;
  color: #c4c4c4;
  padding: 0.2rem;
  background: #3d3c3c;
  border-radius: 0.4rem;
}
.landscape .config-player-row .name .spectator-signal,
.portrait .config-player-row .name .spectator-signal {
  color: #ff6464;
}
.landscape .config-player-row .status,
.portrait .config-player-row .status {
  font-size: 0.9rem;
  font-weight: lighter;
  margin-bottom: 0;
}
.landscape .player-action-buttons,
.portrait .player-action-buttons {
  position: absolute;
  top: 10%;
  right: ;
}
.landscape .player-action-buttons button,
.portrait .player-action-buttons button {
  margin-left: 0.2rem;
}
.landscape .config-player-row.request-game-ingress,
.portrait .config-player-row.request-game-ingress {
  border-color: #d7ea99;
  color: #f5fbb5;
}
.landscape .config-player-row.request-game-ingress p,
.portrait .config-player-row.request-game-ingress p {
  color: #f5fbb5;
}
.landscape .config-player-column input,
.landscape .config-player-column button,
.portrait .config-player-column input,
.portrait .config-player-column button {
  width: 100%;
}
.landscape .row-fluid,
.portrait .row-fluid {
  display: flex;
  width: 100%;
}
.landscape .row-fluid .col,
.portrait .row-fluid .col {
  margin-right: 1%;
}
.landscape .row-fluid .col:last-child,
.portrait .row-fluid .col:last-child {
  margin-right: 0;
}
.landscape .row-fluid .col-1,
.portrait .row-fluid .col-1 {
  width: 15.83%;
}
.landscape .row-fluid .col-2,
.portrait .row-fluid .col-2 {
  width: 32.66%;
}
.landscape .row-fluid .col-3,
.portrait .row-fluid .col-3 {
  width: 49.49%;
}
.landscape .row-fluid .col-4,
.portrait .row-fluid .col-4 {
  width: 66.32%;
}
.landscape .blind-level-table,
.portrait .blind-level-table {
  margin-top: ;
}
.landscape .blind-level-table p,
.portrait .blind-level-table p {
  font-size: 0.8rem;
  line-height: 2rem;
  margin-bottom: 0;
  color: #a7a7a7;
}
.landscape .blind-level-table input,
.portrait .blind-level-table input {
  width: 100%;
  margin-right: 3%;
  display: inline-block;
  font-size: 0.85rem;
  height: 2.1rem;
  line-height: 2.1rem;
  padding: 0 0.2rem;
}
.landscape .blind-level-table thead,
.portrait .blind-level-table thead {
  color: #fff;
  font-size: 0.8rem;
}
.landscape .blind-level-table .level-indicator,
.portrait .blind-level-table .level-indicator {
  text-align: right;
}
.landscape .blind-level-table .level-indicator span,
.portrait .blind-level-table .level-indicator span {
  color: #616161;
  display: block;
  line-height: 100%;
  margin-right: 0.2rem;
  font-size: 0.8rem;
}
.landscape .blind-level-table .restart-options,
.portrait .blind-level-table .restart-options {
  color: #929191;
  font-size: 0.7rem;
  line-height: 1.2rem;
}
.landscape .blind-level-table .restart-options.restart-option,
.portrait .blind-level-table .restart-options.restart-option {
  padding-top: 1rem;
}
.landscape .add-level-blind-button,
.portrait .add-level-blind-button {
  margin-top: 0.5rem;
  font-size:  !important;
}
.landscape .blind-level-table .restart-options,
.portrait .blind-level-table .restart-options {
  padding: 0.3rem 0rem;
}
.landscape .blind-level-table .restart-options select,
.portrait .blind-level-table .restart-options select {
  border: 0.08rem solid #979797;
  font-size: 0.8rem;
  width: 100%;
  background: transparent;
  color: #fff;
  border-radius: 0.2rem;
  padding: 0.2rem;
  line-height: initial;
  height: initial;
}
.landscape .blind-level-table .restart-options option,
.portrait .blind-level-table .restart-options option {
  background: #1f1f1f;
  color: #fff;
}
.landscape .blind-level-table .with-error input,
.landscape .blind-level-table .with-error select,
.portrait .blind-level-table .with-error input,
.portrait .blind-level-table .with-error select {
  border-color: red;
}
.landscape .blind-level-table .with-error .tip,
.portrait .blind-level-table .with-error .tip {
  color: red;
  margin-bottom: 0;
}
.landscape .remove-button,
.portrait .remove-button {
  cursor: pointer;
  background: #a25858;
  color: #fff;
  font-size: 1.1rem;
  font-weight: bold;
  width: 1.9rem;
  display: block;
  line-height: 2.1rem;
  height: 2.1rem;
  border: none;
  border-radius: 0.2rem;
}
.landscape .blind-level-pause-warning,
.portrait .blind-level-pause-warning {
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.35);
  border-radius: 0.2rem;
  padding: 2rem;
  box-sizing: border-box;
  position: absolute;
  text-align: center;
}
.landscape .blind-level-pause-warning p,
.portrait .blind-level-pause-warning p {
  font-weight: bold;
  font-size: 0.7rem;
  margin-bottom: 0.5rem;
  color: #fff;
}
.landscape .subtle-config-warning,
.portrait .subtle-config-warning {
  background: #383838;
  color: #fff;
  font-size: 0.7rem;
  margin-bottom: 1rem;
  border-radius: 0.2rem;
  padding: 0.3rem 0.4rem;
}
.landscape .errors-list,
.portrait .errors-list {
  font-size: 0.7rem;
  color: #ff3f3f;
  margin: 0;
}
.landscape .errors-list li,
.portrait .errors-list li {
  margin-top: 0.5rem;
}
.landscape .title-3,
.portrait .title-3 {
  font-size: 1.5rem;
  color: #fff;
  margin-top: 0;
  margin-bottom: 2rem;
}
.landscape .title-3 small,
.portrait .title-3 small {
  font-size: 0.5em;
}
.landscape .stack-container-info,
.portrait .stack-container-info {
  color: #fff;
  margin-bottom: 0.4rem;
  font-size: 0.8rem;
}
.landscape .stack-container-info span,
.portrait .stack-container-info span {
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
  width: 13rem;
}
.landscape .stack-container,
.portrait .stack-container {
  position: relative;
  border: 0.08rem solid #979797;
  padding: 0.5rem;
  border-radius: 0.3rem;
  margin-bottom: 1.5rem;
}
.landscape .stack-container .error-message,
.portrait .stack-container .error-message {
  position: relative;
}
.landscape .stack-container-legend,
.portrait .stack-container-legend {
  position: absolute;
  top: -0.8rem;
  left: 0.5rem;
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #fff;
  background: #252324;
  letter-spacing: 0.1rem;
}
.landscape .add-remove-choose-buttons,
.portrait .add-remove-choose-buttons {
  position: absolute;
  width: 12rem;
  z-index: 3;
}
.landscape .add-remove-choose-buttons button,
.portrait .add-remove-choose-buttons button {
  font-size: 0.8rem !important;
}
.landscape .add-remove-choose-buttons .active.add,
.portrait .add-remove-choose-buttons .active.add {
  background: #458245;
}
.landscape .add-remove-choose-buttons .active.remove,
.portrait .add-remove-choose-buttons .active.remove {
  background: #b11111;
}
.landscape .stack-input-field.editing input,
.portrait .stack-input-field.editing input {
  padding-left: 13rem;
}
.landscape .action-buttons-player button,
.portrait .action-buttons-player button {
  margin-bottom: 0.5rem;
}
.landscape .preset-container,
.portrait .preset-container {
  position: relative;
}
.landscape .preset-container .presets-popover,
.portrait .preset-container .presets-popover {
  padding: 0.8rem;
  position: absolute;
  right: 0;
  bottom: 3.8rem;
}
.landscape .preset-container .presets-popover:before,
.portrait .preset-container .presets-popover:before {
  top: initial;
  right: 2rem;
  bottom: -0.2rem;
}
.landscape .new-presets-form,
.portrait .new-presets-form {
  padding-bottom: 0.5rem;
  border-bottom: 0.1rem solid #dedede;
  margin-bottom: ;
}
.landscape .new-presets-form label,
.portrait .new-presets-form label {
  color: #000;
}
.landscape .new-presets-form input[type="text"],
.portrait .new-presets-form input[type="text"] {
  color: #000;
}
.landscape .new-presets-form input[type="text"],
.landscape .new-presets-form button,
.portrait .new-presets-form input[type="text"],
.portrait .new-presets-form button {
  height: 2.5rem;
  font-size: 0.9rem;
  line-height: 2.3rem;
}
.landscape .presets .placeholder,
.portrait .presets .placeholder {
  padding: 2rem;
  text-align: center;
  font-size: 0.8rem;
  color: gray;
}
.landscape .preset-row,
.portrait .preset-row {
  margin-top: 0.2rem;
  z-index: 2;
  position: relative;
  border: 0.08rem solid #dedede;
  padding: 0.2rem;
  border-radius: 0.3rem;
  box-sizing: border-box;
}
.landscape .preset-row p,
.portrait .preset-row p {
  font-size: 0.8rem;
  line-height: 2.2rem;
  padding-left: ;
  margin-bottom: 0;
  color: #000;
}
.landscape .preset-row .buttons,
.portrait .preset-row .buttons {
  text-align: right;
}
.landscape .preset-row button,
.portrait .preset-row button {
  font-size: 0.7rem;
  line-height: 2.2rem;
  height: 2.2rem;
  padding: 0 0.4rem;
}
.landscape .preset-row .delete-button,
.portrait .preset-row .delete-button {
  font-weight: bold;
}
.landscape .config-loading-container,
.portrait .config-loading-container {
  justify-content: center;
  height: 86%;
  width: 100%;
  display: flex;
  align-items: center;
}
.landscape .config-loading-container p,
.portrait .config-loading-container p {
  color: gray;
}
.landscape .popover-1,
.portrait .popover-1 {
  position: absolute;
  box-shadow: rgba(0, 0, 0, 0.45) 0 0 1.6rem 0.2rem;
  width: 20rem;
  background: #fff;
  border-radius: 0.5rem;
  box-sizing: border-box;
  z-index: 2;
  padding: 0.9rem;
}
.landscape .popover-1:before,
.portrait .popover-1:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-right: -0.8rem;
  position: absolute;
  border-left: 0.8rem solid transparent;
  border-top: 0.8rem solid #fff;
  border-right: 0.8rem solid transparent;
  border-bottom: 0.8rem solid transparent;
  background: transparent;
  bottom: -1.55rem;
  right: 10rem;
}
.landscape .popover-1 .title,
.portrait .popover-1 .title {
  font-size: ;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  margin: 0;
  color: #5d5d5d;
  margin-bottom: 0.5rem;
}
.landscape .review-hand-popover,
.portrait .review-hand-popover {
  padding: 0.3rem;
  z-index: 10;
  width: 9rem;
  position: absolute;
  bottom: 2.2rem;
}
.landscape .review-hand-popover .open-review,
.portrait .review-hand-popover .open-review {
  width: 100%;
  font-size: 0.65rem;
}
.landscape .review-hand-popover .timeout-bar,
.portrait .review-hand-popover .timeout-bar {
  width: 100%;
  height: 0.3rem;
  margin-top: 0.3rem;
  background: #e9e9e9;
  border-radius: 0.3rem;
  position: relative;
  overflow: hidden;
}
.landscape .review-hand-popover .timeout-bar .timeout-elapsed-time,
.portrait .review-hand-popover .timeout-bar .timeout-elapsed-time {
  border-radius: 0.3rem;
  width: 50%;
  height: 100%;
  background: #9b9b9b;
}
.landscape .review-hand-popover .footer,
.portrait .review-hand-popover .footer {
  display: flex;
  align-items: center;
  margin-top: 0.3rem;
  justify-content: space-between;
}
.landscape .review-hand-popover .footer button,
.portrait .review-hand-popover .footer button {
  height: 1.2rem;
  line-height: 1.2rem;
}
.landscape .review-hand-popover .checkbox,
.portrait .review-hand-popover .checkbox {
  font-size: 0.45rem;
}
.landscape .review-hand-popover .checkbox input,
.portrait .review-hand-popover .checkbox input {
  height: 0.55rem;
  width: 0.55rem;
}
.landscape .review-hand-popover:before,
.portrait .review-hand-popover:before {
  left: 1.5rem;
}
.landscape .modal,
.portrait .modal {
  padding: 0.9rem;
  box-sizing: border-box;
  top: 50%;
  left: 50%;
  position: absolute;
  background: #fff;
  margin-top: -10rem;
  margin-left: -15rem;
  width: 30rem;
  height: 20rem;
  z-index: 101;
  border-radius: 0.5rem;
  box-shadow: rgba(0, 0, 0, 0.45) 0 0 1.6rem 0.2rem;
}
.landscape .modal a,
.portrait .modal a {
  color: #000;
}
.landscape .modal-body,
.portrait .modal-body {
  overflow: scroll;
  height: 16rem;
}
.landscape .modal-title,
.portrait .modal-title {
  font-size: 0.9rem;
  margin: 0;
}
.landscape .modal-header,
.portrait .modal-header {
  height: 1.7rem;
  border-bottom: 1px solid #f5f5f5;
}
.landscape .modal-body h2,
.portrait .modal-body h2 {
  font-size: 1.2rem;
  margin-top: 0;
}
.landscape .modal-list-subtitle,
.portrait .modal-list-subtitle {
  text-transform: uppercase;
  color: gray;
  font-size: 0.7rem;
}
.landscape .modal-body,
.portrait .modal-body {
  font-size: 0.8rem;
}
.landscape .modal-body ul,
.portrait .modal-body ul {
  padding-left: 1.5rem;
}
.landscape .modal-body li,
.portrait .modal-body li {
  margin-bottom: 0.8rem;
  line-height: 1.3rem;
}
.landscape .modal-body li.highlight,
.portrait .modal-body li.highlight {
  background: #feffe1;
}
.landscape .modal-body ul ul,
.portrait .modal-body ul ul {
  margin-top: 0.8rem;
}
.landscape .overflow-black,
.portrait .overflow-black {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 100;
}
.landscape .modal-button-close,
.portrait .modal-button-close {
  position: absolute;
  top: 0.4rem;
  border-radius: 0.3rem;
  right: 0.5rem;
  height: 1.5rem;
  width: 1.5rem;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  background: #fff;
  cursor: pointer;
  text-indent: -99999px;
  z-index: 20;
}
.landscape .modal-button-close:before,
.portrait .modal-button-close:before {
  content: "x";
  left: 0;
  top: 0;
  font-size: 1rem;
  color: #5d5d5d;
  width: 100%;
  text-align: center;
  font-weight: bold;
  display: block;
  position: absolute;
  text-indent: initial;
}
.landscape .full-modal,
.portrait .full-modal {
  width: 90%;
  height: 90%;
  left: 5%;
  top: 5%;
  margin-top: 0;
  margin-left: 0;
}
.landscape .full-modal .modal-body,
.portrait .full-modal .modal-body {
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
}
.landscape .log-modal .modal-body,
.portrait .log-modal .modal-body {
  height: 24.6rem;
  font-size: 0.7rem;
  position: relative;
}
.landscape .log-modal .log-modal-controls,
.portrait .log-modal .log-modal-controls {
  position: absolute;
  bottom: 0;
  right: 0;
}
.landscape .log-modal .log-modal-controls button,
.portrait .log-modal .log-modal-controls button {
  margin-left: 0.1rem;
}
.landscape .log-modal-entries,
.portrait .log-modal-entries {
  height: 22rem;
  overflow-y: auto;
  font-size: 0.7rem;
}
.landscape .log-modal-entries .entry-ctn,
.portrait .log-modal-entries .entry-ctn {
  display: grid;
  grid-template-columns: 2.2rem;
  margin-bottom: 0.5rem;
}
.landscape .log-modal-entries .entry-ctn .at,
.landscape .log-modal-entries .entry-ctn .content,
.portrait .log-modal-entries .entry-ctn .at,
.portrait .log-modal-entries .entry-ctn .content {
  grid-row: 1;
}
.landscape .log-modal-entries .at,
.portrait .log-modal-entries .at {
  color: #c3c3c3;
}
.landscape .log-modal-entries .start-game,
.portrait .log-modal-entries .start-game {
  font-weight: bold;
  padding-bottom: 0.3rem;
  border-bottom: 4px solid #e2e2e2;
}
.landscape .log-modal-entries .entry-street,
.portrait .log-modal-entries .entry-street {
  font-weight: bold;
  border-bottom: 1px dashed #e2e2e2;
}
.landscape .log-modal-entries .entry-fold,
.portrait .log-modal-entries .entry-fold {
  color: red;
}
.landscape .log-modal-entries .entry-raise,
.portrait .log-modal-entries .entry-raise {
  color: green;
}
.landscape .log-modal-entries .entry-check,
.portrait .log-modal-entries .entry-check {
  color: gray;
}
.landscape .log-modal-entries .entry-collect,
.portrait .log-modal-entries .entry-collect {
  color: #b7b753;
  font-weight: bold;
}
.landscape .log-modal-entries .entry-call,
.portrait .log-modal-entries .entry-call {
  color: blue;
}
.landscape .log-modal-entries abbr[title],
.portrait .log-modal-entries abbr[title] {
  text-decoration: none;
  border-bottom: 1px dashed #b7b7b7;
}
.landscape .log-modal-body,
.portrait .log-modal-body {
  height: 100%;
}
.landscape .log-modal-body .replayer-iframe,
.portrait .log-modal-body .replayer-iframe {
  width: 100%;
  height: 22.5rem;
  border: none;
  overflow: none;
}
.landscape .log-modal-body .log-modal-body-controls,
.portrait .log-modal-body .log-modal-body-controls {
  position: absolute;
  z-index: 21;
  bottom: 0;
  left: 0;
}
.landscape .log-modal-body .log-modal-body-controls button,
.portrait .log-modal-body .log-modal-body-controls button {
  margin-right: 0.1rem;
}
.landscape .modal-overlay,
.portrait .modal-overlay {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.landscape .log-download-captcha,
.portrait .log-download-captcha {
  padding: 0.2rem;
  position: absolute;
  width: 15rem;
  height: 5.4rem;
  background: #fff;
  border-radius: 0.2rem;
  border: 1px solid #000;
  top: -4rem;
  right: 0;
}
.landscape .log-download-captcha p,
.portrait .log-download-captcha p {
  font-size: ;
}
.landscape .help-modal-container,
.portrait .help-modal-container {
  border: 0.05rem solid #d0d0d0;
  padding: ;
  box-sizing: border-box;
  margin-top: 0.3rem;
  border-radius: 0.3rem;
  width: 13.95rem;
  height: 7.9rem;
  display: inline-block;
  margin-right: 0.3rem;
  position: relative;
}
.landscape .help-modal-container:nth-child(even),
.portrait .help-modal-container:nth-child(even) {
  margin-right: 0;
}
.landscape .help-modal-container:after,
.portrait .help-modal-container:after {
  z-index: 1;
}
.landscape .help-modal-container a,
.portrait .help-modal-container a {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  color: #000;
  text-decoration: none;
}
.landscape .help-modal-container p,
.portrait .help-modal-container p {
  margin-top: 0.4rem;
  font-size: 0.7rem;
  text-align: center;
}
.landscape .connecting-warning,
.portrait .connecting-warning {
  text-align: center;
  color: #fff;
  position: absolute;
  top: 2rem;
  width: 100%;
}
.landscape .options-ctn-bubble,
.portrait .options-ctn-bubble {
  background: red;
  position: absolute;
  top: -0.35rem;
  right: -0.35rem;
  color: #fff;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  border-radius: 2rem;
  z-index: 2;
  font-size: 0.7rem;
  font-weight: bold;
}
.landscape .config-warning-popover,
.portrait .config-warning-popover {
  position: absolute;
  top: 0;
  right: -13.5rem;
  border-radius: 0.4rem;
  font-size: 0.8rem;
  padding: ;
  box-sizing: border-box;
  z-index: 100;
  background: #fff;
  width: 13rem;
  box-shadow: rgba(0, 0, 0, 0.45) 0 0 1.6rem 0.2rem;
}
.landscape .config-warning-popover:before,
.portrait .config-warning-popover:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: 1rem;
  left: -0.2rem;
  background: #fff;
  -ms-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  transform: rotate(45deg);
}
.landscape .config-warning-popover .buttons,
.portrait .config-warning-popover .buttons {
  text-align: center;
}
.landscape .config-warning-popover p,
.portrait .config-warning-popover p {
  margin-bottom: 0.5rem;
}
.landscape .top-buttons-button,
.portrait .top-buttons-button {
  cursor: pointer;
  position: relative;
  width: 3rem;
  height: 2.8rem;
  background: transparent;
  border: none;
  border-left: 0.05rem solid #454545;
  border-right: 0.05rem solid #454545;
  color: #797979;
  padding: 0;
  padding-top: 1.8rem;
  box-sizing: border-box;
  font-size: 0.35rem;
  text-transform: uppercase;
}
.landscape .top-buttons-button:disabled,
.portrait .top-buttons-button:disabled {
  opacity: 0.5;
}
.landscape .top-buttons-button.highlight,
.portrait .top-buttons-button.highlight {
  background: #353535;
  color: #fff;
}
.landscape .top-buttons-button.highlight:before,
.portrait .top-buttons-button.highlight:before {
  color: #fff !important;
}
.landscape .top-buttons-button.options.highlight,
.portrait .top-buttons-button.options.highlight {
  background: none;
  box-shadow: 0 0 15px 3px #fffc30b3;
}
.landscape .top-buttons-button.options:before,
.portrait .top-buttons-button.options:before {
  color: #626262;
  font-size: 1.5rem;
  content: "";
  font-family: "Utils";
  display: block;
  position: absolute;
  top: 0.2rem;
  left: 0.65rem;
}
.landscape .top-buttons-button:first-of-type,
.portrait .top-buttons-button:first-of-type {
  border-top: 0.05rem solid #454545;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-width: 0;
}
.landscape .top-buttons-button:last-of-type,
.portrait .top-buttons-button:last-of-type {
  border-bottom: 0.05rem solid #454545;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  border-bottom-width: 0.05rem;
}
.landscape .top-buttons-button.stand-up:before,
.portrait .top-buttons-button.stand-up:before {
  color: #626262;
  font-size: 1.5rem;
  content: "";
  font-family: "Utils";
  display: block;
  position: absolute;
  top: 0.2rem;
  left: 0.68rem;
}
.landscape .top-buttons-button.sit-back:before,
.portrait .top-buttons-button.sit-back:before {
  color: #626262;
  font-size: 1.5rem;
  content: "";
  font-family: "Utils";
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 0.65rem;
}
.landscape .top-buttons-button.quit:before,
.portrait .top-buttons-button.quit:before {
  color: #626262;
  font-size: 1.65rem;
  content: "";
  font-family: "Utils";
  display: block;
  position: absolute;
  top: 0.2rem;
  left: 0.65rem;
}
.landscape .top-buttons,
.portrait .top-buttons {
  width: 2.8rem;
  position: absolute;
  top: 1.5rem;
  left: 0.5rem;
  z-index: 3;
}
.landscape .top-buttons.high-priority,
.portrait .top-buttons.high-priority {
  z-index: 100;
}
.landscape .rebuy-count:after,
.portrait .rebuy-count:after {
  content: "";
  display: block;
  color: #c65d5d;
  height: 0.4rem;
  width: 0.4rem;
  font-size: ;
  font-family: "Utils";
  position: absolute;
  top: 0;
  left: 0.3rem;
}
.landscape .full-screen-button,
.portrait .full-screen-button {
  z-index: 3;
  position: absolute;
  top: 7.2rem;
  background: #000;
  opacity: 0.3;
  height: 2.1rem;
  width: 2.1rem;
  right: 1.4rem;
  border: none;
  border-radius: 0.3rem;
  color: transparent;
  cursor: pointer;
}
.landscape .full-screen-button:before,
.portrait .full-screen-button:before {
  display: block;
  position: absolute;
  top: 0.45rem;
  left: 0;
  font-size: 1.2rem;
  height: 100%;
  width: 100%;
  content: "";
  color: #fff;
  font-family: "Utils";
}
.landscape .request-ingress-popover,
.portrait .request-ingress-popover {
  z-index: 99;
  width: 12rem;
  bottom: 4.2rem;
}
.landscape .request-ingress-popover form,
.portrait .request-ingress-popover form {
  z-index: 2;
  position: relative;
}
.landscape .request-ingress-popover button,
.portrait .request-ingress-popover button {
  width: 100%;
}
.landscape .player-controls-popover button,
.portrait .player-controls-popover button {
  margin-bottom: 0.2rem;
  width: 100%;
}
.landscape .disconnect-warning,
.portrait .disconnect-warning {
  box-sizing: border-box;
  z-index: 201;
  position: absolute;
  top: 0;
  font-weight: bold;
  font-size: 0.7rem;
  padding: 0.5rem;
  width: 100%;
  background: red;
  color: #fff;
}
.landscape .disconnect-warning a,
.portrait .disconnect-warning a {
  color: #fff;
}
.landscape .action-signal,
.portrait .action-signal {
  position: absolute;
  top: -1.2rem;
  right: 1rem;
  font-weight: bold;
  position: absolute;
  top: -1.5rem;
  right: 0.2rem;
  color: #ff0;
  font-size: 0.7rem;
  text-transform: uppercase;
  padding-left: 1rem;
}
.landscape .action-signal.suspended,
.portrait .action-signal.suspended {
  top: -4.1rem;
}
.landscape .action-signal:after,
.portrait .action-signal:after {
  content: "";
  position: absolute;
  width: 0.85rem;
  height: 0.85rem;
  background: #ff0;
  left: 0;
  top: 0.03rem;
  border-radius: 50%;
  box-shadow: 0 0 1rem #ebff78;
  animation: blinker 1s linear infinite;
  opacity: 0;
  animation: blinker 0.2s, blinker 1.5s;
  animation-iteration-count: 5, infinite;
  animation-delay: 2s, 3s;
  animation-fill-mode: forwards, forwards;
}
@keyframes blinker {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 100%;
  }
  100% {
    opacity: 0;
  }
}
/* 圆桌game-infos */
.landscape .game-infos,
.portrait .game-infos {
  display: flex;
  height: 2.5rem;
  justify-content: center;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  right: 0.8rem;
  top: 0.25rem;
}
.landscape .owner-table-name,
.portrait .owner-table-name {
  color: #777;
  text-transform: uppercase;
  font-size: 0.5rem;
}
.landscape .blind-value-ctn,
.portrait .blind-value-ctn {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.landscape .blind-value,
.portrait .blind-value {
  font-weight: bold;
  text-transform: uppercase;
  color: #717171;
  font-size: 0.9rem;
}
.landscape .blind-value.ante,
.portrait .blind-value.ante {
  font-size: 0.75em;
  line-height: 0.4rem;
}
.landscape .blind-value.seven-deuce,
.portrait .blind-value.seven-deuce {
  background-color: maroon;
  color: #fff;
  padding: 0.2rem;
}
.landscape .next-blind-counter,
.portrait .next-blind-counter {
  font-size: 0.55rem;
  color: #e44444;
  text-transform: uppercase;
}
.landscape .room-owner-paused,
.portrait .room-owner-paused {
  position: absolute;
  top: 17rem;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.5);
  font-weight: bold;
  width: 100%;
  text-align: center;
}
.landscape .room-owner-paused.rh-message,
.portrait .room-owner-paused.rh-message {
  top: 15rem;
  font-size: 0.5rem;
}
.landscape .next-hand-button,
.portrait .next-hand-button {
  position: absolute !important;
  top: 17rem;
  width: 9rem;
  z-index: 2;
  margin-left: -4.5rem;
  left: 50%;
}
.landscape .help-link-game,
.portrait .help-link-game {
  position: absolute;
  top: 24.2rem;
  color: #ababab;
  left: 5.3rem;
  font-size: 0.7rem;
}
.landscape .spectators-count-ctn,
.portrait .spectators-count-ctn {
  z-index: 10;
  position: absolute;
  top: 23rem;
  left: ;
}
.landscape .spectators-count,
.portrait .spectators-count {
  position: relative;
  padding-left: 1.2rem;
  font-size: 0.7rem;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
}
.landscape .spectators-count:before,
.portrait .spectators-count:before {
  left: 0;
  right: 0;
  position: absolute;
  display: inline-block;
  font-size: 0.9rem;
  color: #ff0;
  height: 1rem;
  width: 1rem;
  font-family: "Utils";
  content: "";
  font-weight: normal;
}
.landscape .spectators-popover,
.portrait .spectators-popover {
  bottom: 1.2rem;
  width: 10rem;
  padding: ;
}
.landscape .spectators-popover:before,
.portrait .spectators-popover:before {
  top: initial;
  left: 50%;
  margin-left: -0.5rem;
  bottom: -0.2rem;
}
.landscape .spectators-popover p,
.portrait .spectators-popover p {
  position: relative;
  z-index: 2;
  font-size: 0.7rem;
}
.landscape .spectators-popover small,
.portrait .spectators-popover small {
  font-size: 0.5rem;
  color: gray;
}
.landscape .spectators-popover .placeholder,
.portrait .spectators-popover .placeholder {
  color: gray;
  text-align: center;
}
.landscape .version-link-in-game,
.portrait .version-link-in-game {
  position: absolute;
  top: 25.2rem;
  left: 5.3rem;
}
.landscape .aux-chat-bottom-buttons-ctn,
.portrait .aux-chat-bottom-buttons-ctn {
  position: absolute;
  left: 0.4rem;
  top: 24.1rem;
}
.landscape .show-log-button,
.portrait .show-log-button {
  position: relative;
}
.landscape .show-log-button:before,
.portrait .show-log-button:before {
  position: absolute;
  top: -0.65rem;
  right: 0.1rem;
  text-indent: initial;
  content: "l";
  display: block;
  font-size: 0.4rem;
}
.landscape .conf-controls,
.portrait .conf-controls {
  position: absolute;
  left: 23.1rem;
  width: 2rem;
  height: 4.3rem;
  bottom: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.landscape .conf-controls .conf-control,
.portrait .conf-controls .conf-control {
  position: relative;
  cursor: pointer;
  border: none;
  background: #383838;
  width: 100%;
  text-indent: -999999px;
  border-radius: 0.2rem;
  height: 2.12rem;
  padding: 0;
  margin-bottom: 0.1rem;
}
.landscape .conf-controls .conf-control:disabled,
.portrait .conf-controls .conf-control:disabled {
  opacity: 0.2;
}
.landscape .conf-controls .conf-control:before,
.portrait .conf-controls .conf-control:before {
  text-indent: initial;
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
  font-size: 0.35rem;
  color: #96968d;
}
.landscape .conf-controls .conf-control:after,
.portrait .conf-controls .conf-control:after {
  display: block;
  text-indent: initial;
  font-family: "Utils";
  position: absolute;
  left: 0.55rem;
  top: ;
  color: #96968d;
  font-size: 0.9rem;
}
.landscape .conf-controls .conf-control.mic:before,
.portrait .conf-controls .conf-control.mic:before {
  content: "U";
}
.landscape .conf-controls .conf-control.mic:after,
.portrait .conf-controls .conf-control.mic:after {
  content: "";
}
.landscape .conf-controls .conf-control.mic-person,
.portrait .conf-controls .conf-control.mic-person {
  box-sizing: border-box;
  text-indent: initial;
  color: #fff;
  padding-left: 1.1rem;
  font-size: 0.5rem;
}
.landscape .conf-controls .conf-control.mic-person:after,
.portrait .conf-controls .conf-control.mic-person:after {
  top: 0.34rem;
  left: 0.23rem;
  font-size: 0.65rem;
  content: "";
}
.landscape .conf-controls .conf-control.camera:before,
.portrait .conf-controls .conf-control.camera:before {
  content: "V";
}
.landscape .conf-controls .conf-control.camera:after,
.portrait .conf-controls .conf-control.camera:after {
  content: "";
}
.landscape .conf-controls .conf-control.settings:after,
.portrait .conf-controls .conf-control.settings:after {
  content: "";
}
.landscape .conf-controls .conf-control.active,
.portrait .conf-controls .conf-control.active {
  background: #459844;
}
.landscape .conf-controls .conf-control.active:after,
.landscape .conf-controls .conf-control.active:before,
.portrait .conf-controls .conf-control.active:after,
.portrait .conf-controls .conf-control.active:before {
  color: #fff;
}
.landscape .top-right-buttons,
.portrait .top-right-buttons {
  z-index: 20;
  position: absolute;
  width: 2.1rem;
  top: 2.8rem;
  right: 0.8rem;
}
.landscape .top-right-buttons .with-tip-top-right-button-ctn,
.portrait .top-right-buttons .with-tip-top-right-button-ctn {
  position: relative;
  margin-bottom: 0.1rem;
}
.landscape .top-right-buttons .action-button,
.portrait .top-right-buttons .action-button {
  height: 2.1rem;
  width: 2.1rem;
  text-indent: -999999px;
  position: relative;
  font-weight: normal;
}
.landscape .top-right-buttons .action-button:after,
.portrait .top-right-buttons .action-button:after {
  text-indent: initial;
  font-family: "Utils";
  position: absolute;
  left: 0.55rem;
  top: 0.06rem;
  font-size: 1rem;
}
.landscape .top-right-buttons .sound-control-button:after,
.portrait .top-right-buttons .sound-control-button:after {
  text-indent: initial;
  left: 0.4rem;
  top: 0.05rem;
  font-size: 1.3rem;
}
.landscape .top-right-buttons .sound-control-button.sound-off:after,
.portrait .top-right-buttons .sound-control-button.sound-off:after {
  content: "";
}
.landscape .top-right-buttons .sound-control-button.sound-high:after,
.portrait .top-right-buttons .sound-control-button.sound-high:after {
  content: "";
}
.landscape .top-right-buttons .sound-control-button.sound-low:after,
.portrait .top-right-buttons .sound-control-button.sound-low:after {
  content: "";
}
.landscape .top-right-buttons .sound-control-button.sound-med:after,
.portrait .top-right-buttons .sound-control-button.sound-med:after {
  content: "";
}
.landscape .top-right-buttons .not-seated-players-button:after,
.portrait .top-right-buttons .not-seated-players-button:after {
  content: "";
  left: 0.55rem;
  top: 0.07rem;
}
.landscape .top-right-buttons .not-seated-players-button.highlighted,
.portrait .top-right-buttons .not-seated-players-button.highlighted {
  background: initial;
}
.landscape .top-right-buttons .not-seated-players-button.highlighted:after,
.portrait .top-right-buttons .not-seated-players-button.highlighted:after {
  color: #ff0;
}
.landscape .top-right-buttons .stop-game-button:after,
.portrait .top-right-buttons .stop-game-button:after {
  content: "";
  left: 0.58rem;
  top: 0.07rem;
}
.landscape .top-right-buttons .stop-game-button.highlighted,
.portrait .top-right-buttons .stop-game-button.highlighted {
  background: red;
  color: #fff;
}
.landscape .top-right-buttons .pause-game-button:before,
.portrait .top-right-buttons .pause-game-button:before {
  position: absolute;
  text-indent: initial;
  top: -0.65rem;
  right: 0.1rem;
  content: "p";
  display: block;
  font-size: 0.4rem;
}
.landscape .top-right-buttons .pause-game-button.paused:after,
.portrait .top-right-buttons .pause-game-button.paused:after {
  content: "";
}
.landscape .top-right-buttons .pause-game-button.not-paused:after,
.portrait .top-right-buttons .pause-game-button.not-paused:after {
  content: "";
}
.landscape .with-tip-top-right-button-ctn .tip,
.portrait .with-tip-top-right-button-ctn .tip {
  display: none;
  top: 0.5rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  color: #bcbcbc;
  position: absolute;
  box-sizing: border-box;
  right: 2.1rem;
  font-size: 0.5rem;
  white-space: nowrap;
  padding: 0.2rem;
  border-radius: 0.2rem 0 0 0.2rem;
}
.landscape .with-tip-top-right-button-ctn:hover .tip,
.portrait .with-tip-top-right-button-ctn:hover .tip {
  display: block;
}
.landscape .in-chat-players-popover,
.portrait .in-chat-players-popover {
  padding: 0.8rem;
  z-index: 5;
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  max-height: 9rem;
  width: 12rem;
  overflow: auto;
}
.landscape .in-chat-players-popover .placeholder,
.portrait .in-chat-players-popover .placeholder {
  font-size: 0.7rem;
  color: gray;
  text-align: center;
}
.landscape .in-chat-players-popover:before,
.portrait .in-chat-players-popover:before {
  top: initial;
  bottom: -0.1rem;
  right: initial;
  left: 0.5rem;
}
.landscape .in-chat-players-popover .player-row,
.portrait .in-chat-players-popover .player-row {
  position: relative;
  font-size: ;
  border-bottom: 0.05rem solid #dcdcdc;
  padding: 0.2rem 0;
  line-height: 1.4rem;
}
.landscape .in-chat-players-popover .player-row:first-child,
.portrait .in-chat-players-popover .player-row:first-child {
  padding-top: 0;
}
.landscape .in-chat-players-popover .player-row:last-child,
.portrait .in-chat-players-popover .player-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.landscape .in-chat-players-popover button,
.portrait .in-chat-players-popover button {
  border-radius: 0.2rem;
  border-width: 0.02rem;
  position: absolute;
  right: 0;
  font-size: 0.5rem;
  line-height: 1.4rem;
  height: 1.4rem;
}
.landscape .full-screen-button,
.portrait .full-screen-button {
  z-index: 3;
  position: absolute;
  top: 7.25rem;
  background: #000;
  opacity: 0.3;
  height: 2.1rem;
  width: 2.1rem;
  right: 3.3rem;
  border: none;
  border-radius: 0.3rem;
  color: transparent;
  cursor: pointer;
}
.landscape .full-screen-button:before,
.portrait .full-screen-button:before {
  display: block;
  position: absolute;
  top: 0.45rem;
  left: 0;
  font-size: 1.2rem;
  height: 100%;
  width: 100%;
  content: "";
  color: #fff;
  font-family: "Utils";
}
.landscape .chips-value .bb-value,
.portrait .chips-value .bb-value {
  display: none;
}
.landscape .chips-value small,
.portrait .chips-value small {
  font-size: 0.6em;
}
.landscape .chips-value.presenting-bb,
.portrait .chips-value.presenting-bb {
  cursor: help;
}
.landscape .chips-value.presenting-bb .bb-value,
.portrait .chips-value.presenting-bb .bb-value {
  display: initial;
}
.landscape .chips-value.presenting-bb .normal-value,
.portrait .chips-value.presenting-bb .normal-value {
  display: none;
}
.landscape .chips-value.presenting-bb:hover .bb-value,
.portrait .chips-value.presenting-bb:hover .bb-value {
  display: none;
}
.landscape .chips-value.presenting-bb:hover .normal-value,
.portrait .chips-value.presenting-bb:hover .normal-value {
  display: initial;
}
.landscape .game-decisions-ctn,
.portrait .game-decisions-ctn {
  position: absolute;
  bottom: 0.7rem;
  right: 0.7rem;
  white-space: nowrap;
}
.landscape .game-decisions,
.portrait .game-decisions {
  display: flex;
  position: absolute;
  text-align: right;
  bottom: 0;
  right: 0;
}
.landscape .action-buttons button,
.landscape .action-buttons input[type="submit"],
.portrait .action-buttons button,
.portrait .action-buttons input[type="submit"] {
  padding: 0 1.2rem;
  height: 3.5rem;
  margin-left: 0.5em;
  font-size: 0.8rem;
}
.landscape .suspended-action,
.portrait .suspended-action {
  position: absolute !important;
  right: 0;
  height: 2.2rem;
  bottom: 4.1rem;
  font-size: 0.8rem;
}
.landscape .suspended-action.high,
.portrait .suspended-action.high {
  bottom: 5.1rem;
}
.landscape .raise,
.portrait .raise {
  width: 6rem;
}
.landscape .out-game-decisions,
.portrait .out-game-decisions {
  position: absolute;
  display: flex;
  text-align: right;
  bottom: 0;
  right: 0;
}
.landscape .rit-container,
.portrait .rit-container {
  border: 0.08rem solid #fff;
  display: inline-block;
  height: 3.5rem;
  box-sizing: border-box;
  border-radius: 0.3rem;
  margin-left: 0.2rem;
}
.landscape .rit-container button,
.portrait .rit-container button {
  line-height: 2rem;
  height: 2rem;
  margin: 0 0.2rem;
}
.landscape .rit-container button:last-child,
.portrait .rit-container button:last-child {
  margin-left: 0;
}
.landscape .rit-container .label,
.portrait .rit-container .label {
  color: #fff;
  font-size: ;
  text-align: center;
  height: 1.1rem;
  line-height: 1.1rem;
}
.landscape .external-club-infos-ctn,
.portrait .external-club-infos-ctn {
  position: absolute;
  top: 0;
  left: 0.5rem;
  display: flex;
  font-size: 0.45rem;
  z-index: 2;
  border-bottom-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  overflow: hidden;
  background: #444;
}
.landscape .external-club-infos-ctn .club-name,
.portrait .external-club-infos-ctn .club-name {
  background: #383535;
}
.landscape .external-club-infos-ctn .club-name p,
.portrait .external-club-infos-ctn .club-name p {
  text-transform: uppercase;
  font-size: 0.4rem;
  color: #fff;
  line-height: 1.1rem;
  padding: 0 0.4rem;
}
.landscape .external-club-infos-ctn .logout a,
.landscape .external-club-infos-ctn .username a,
.landscape .external-club-infos-ctn .username p,
.portrait .external-club-infos-ctn .logout a,
.portrait .external-club-infos-ctn .username a,
.portrait .external-club-infos-ctn .username p {
  display: block;
  line-height: 1.1rem;
  height: 1.1rem;
  color: #e0e0e0;
  text-decoration: none;
  padding: 0 0.4rem;
}
.landscape .external-club-infos-ctn .username a,
.landscape .external-club-infos-ctn .username p,
.portrait .external-club-infos-ctn .username a,
.portrait .external-club-infos-ctn .username p {
  padding-left: 0.4rem;
}
.landscape .external-club-infos-ctn .logout,
.portrait .external-club-infos-ctn .logout {
  background: #4c4a4a;
}
.landscape .emoji-container,
.portrait .emoji-container {
  z-index: 3;
  position: absolute;
  top: 1.5rem;
  height: 2rem;
  width: 1.8rem;
  right: -0.8rem;
}
.landscape .emoji-mood,
.portrait .emoji-mood {
  cursor: pointer;
}
.landscape .emoji-close,
.portrait .emoji-close {
  position: absolute;
  top: 1.5rem;
  background: transparent;
  cursor: pointer;
  border: none;
  color: transparent;
  bottom: -0.3rem;
  left: 0.45rem;
}
.landscape .emoji-close:before,
.portrait .emoji-close:before {
  color: #f76a6a;
  font-size: 0.9rem;
  content: "";
  font-family: "Utils";
  display: block;
}
.landscape .emoji-selector-cotainer,
.portrait .emoji-selector-cotainer {
  z-index: 7;
  position: absolute;
  height: 16.4rem;
  width: 13rem;
  top: -16.7rem;
  left: -3rem;
}
.landscape .emoji-remove-button,
.portrait .emoji-remove-button {
  position: absolute;
  background: red;
  color: #fff;
  border: none;
  font-size: 0.55rem;
  border-radius: 0.2rem;
  padding: 0.1rem 0.2rem;
  bottom: 0.1rem;
  cursor: pointer;
  right: 0;
  z-index: 2;
}
.landscape .alert-1-container,
.portrait .alert-1-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.66);
  z-index: 100;
  left: 0;
  top: 0;
}
.landscape .alert-1,
.portrait .alert-1 {
  background: #fff;
  box-shadow: 0 0 3rem 0.1rem #000;
  width: 30rem;
  position: absolute;
  border-radius: 0.5rem;
  padding: 0.8rem;
  box-sizing: border-box;
  font-size: 1.1rem;
}
.landscape .alert-1 .content,
.portrait .alert-1 .content {
  background: #efefef;
  padding: 0.5rem 0.7rem;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
}
.landscape .alert-1 .content input[type="checkbox"],
.portrait .alert-1 .content input[type="checkbox"] {
  height: 0.8rem;
  width: 0.8rem;
}
.landscape .alert-1 .content p,
.portrait .alert-1 .content p {
  margin-bottom: 0.5rem;
}
.landscape .alert-1 .content p:last-child,
.portrait .alert-1 .content p:last-child {
  margin-bottom: 0;
}
.landscape .alert-1 .content a,
.portrait .alert-1 .content a {
  color: #5c6609;
}
.landscape .alert-1-buttons,
.portrait .alert-1-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  text-align: right;
  gap: 0.4rem;
}
.landscape .alert-1-buttons button,
.portrait .alert-1-buttons button {
  letter-spacing: 0.02em;
}
.landscape .alert-1.full-buttons button,
.portrait .alert-1.full-buttons button {
  margin-top: 0.15rem;
  margin-left: 0;
  width: 100%;
}
.landscape .alert-rebuy .title,
.portrait .alert-rebuy .title {
  text-align: center;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.landscape .alert-rebuy .content p,
.portrait .alert-rebuy .content p {
  text-align: center;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.landscape .alert-rebuy .decisions,
.portrait .alert-rebuy .decisions {
  display: flex;
  gap: 0.2rem;
}
.landscape .alert-rebuy .decisions button,
.portrait .alert-rebuy .decisions button {
  flex-basis: 0;
  flex-grow: 1;
  line-height: 2.2rem;
  height: 2.4rem;
}
.landscape .alert-rebuy .decisions .gray,
.portrait .alert-rebuy .decisions .gray {
  background: #fff;
  color: #727272;
}
.landscape .alert-rebuy .alert-1-buttons,
.portrait .alert-rebuy .alert-1-buttons {
  flex-wrap: initial;
}
.landscape .alert-rebuy .rebuy-infos,
.portrait .alert-rebuy .rebuy-infos {
  display: flex;
  justify-content: center;
  gap: 0.2rem;
  flex-direction: column;
  font-size: 0.8rem;
}
.landscape .alert-rebuy .alert-rebuy-count,
.portrait .alert-rebuy .alert-rebuy-count {
  color: #797979;
}
.landscape .alert-rebuy .popup-bottom,
.portrait .alert-rebuy .popup-bottom {
  display: flex;
  justify-content: space-between;
}
.landscape .alert-rebuy-container,
.portrait .alert-rebuy-container {
  z-index: 90;
}
.landscape .alert-1-email-login p,
.portrait .alert-1-email-login p {
  font-size: 0.9rem;
}
.landscape .raise-controller-form,
.portrait .raise-controller-form {
  z-index: 25;
  width: 40rem;
  height: 4.7rem;
  position: absolute;
  bottom: -0.2rem;
  right: 0;
}
.landscape .raise-controller-form .action-buttons,
.portrait .raise-controller-form .action-buttons {
  bottom: 0.2rem;
  display: flex;
  flex-direction: row-reverse;
  width: 10rem;
  position: absolute;
  right: 0;
}
.landscape .raise-controller-form .action-buttons button,
.landscape .raise-controller-form .action-buttons input[type="submit"],
.portrait .raise-controller-form .action-buttons button,
.portrait .raise-controller-form .action-buttons input[type="submit"] {
  flex: 1 1 0px;
}
.landscape .raise-controller-form .action-buttons button:last-child,
.landscape
  .raise-controller-form
  .action-buttons
  input[type="submit"]:last-child,
.portrait .raise-controller-form .action-buttons button:last-child,
.portrait
  .raise-controller-form
  .action-buttons
  input[type="submit"]:last-child {
  margin-left: 0;
}
.landscape .raise-controller,
.portrait .raise-controller {
  margin-left: 0.5rem;
  position: relative;
  background: #2f2f2f;
  color: #000;
  height: 4.7rem;
  width: 20em;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 0.5em;
  display: inline-block;
}
.landscape .raise-controller .slider,
.portrait .raise-controller .slider {
  position: absolute;
  background: #3a3a3a;
  width: 100%;
  top: 2.5rem;
  height: 2.3rem;
}
.landscape .raise-controller .default-bet-buttons,
.portrait .raise-controller .default-bet-buttons {
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
  right: 0.2rem;
}
.landscape .raise-controller .default-bet-button,
.portrait .raise-controller .default-bet-button {
  padding: 0;
  width: 19%;
  margin-right: 0.2rem;
  font-size: 0.5rem;
  height: 2rem;
  line-height: 2rem;
  letter-spacing: 0.05rem;
}
.landscape .raise-controller .default-bet-button,
.landscape .raise-controller .default-bet-button:focus,
.portrait .raise-controller .default-bet-button,
.portrait .raise-controller .default-bet-button:focus {
  border: 0.05rem solid #4f4f4f;
}
.landscape .raise-controller .default-bet-button:last-child,
.portrait .raise-controller .default-bet-button:last-child {
  margin-right: 0;
}
.landscape .raise-controller .slider-control,
.portrait .raise-controller .slider-control {
  top: 0.9rem;
  width: 15rem;
  position: absolute;
  left: 2.5rem;
  border-radius: 0.3rem;
  -webkit-appearance: none;
  appearance: none;
  height: 0.3rem;
  background: #585858;
  outline: none;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}
.landscape .raise-controller .slider-control::-webkit-slider-thumb,
.portrait .raise-controller .slider-control::-webkit-slider-thumb {
  border-radius: 1rem;
  -webkit-appearance: none;
  appearance: none;
  width: 1rem;
  height: 1rem;
  background: #ffbb1f;
  cursor: pointer;
}
.landscape .raise-controller .slider-control::-moz-range-thumb,
.portrait .raise-controller .slider-control::-moz-range-thumb {
  border-radius: 1rem;
  width: 1rem;
  height: 1rem;
  background: #ffbb1f;
  cursor: pointer;
}
.landscape .raise-controller .control-button,
.portrait .raise-controller .control-button {
  cursor: pointer;
  background: #434343;
  border: none;
  height: 2.3rem;
  line-height: 2rem;
  width: 2rem;
  font-size: 1.2rem;
  color: #fff;
}
.landscape .raise-controller .increase,
.portrait .raise-controller .increase {
  position: absolute;
  right: 0;
}
.landscape .raise-bet-value,
.portrait .raise-bet-value {
  vertical-align: top;
  position: relative;
  background: #2f2f2f;
  color: #000;
  height: 100%;
  width: 9em;
  overflow: hidden;
  padding: 0;
  padding-top: 0.5em;
  box-sizing: border-box;
  border-radius: 0.5em;
  display: inline-block;
}
.landscape .raise-bet-value .value-input-ctn,
.portrait .raise-bet-value .value-input-ctn {
  margin: 0;
  margin-top: 0.3rem;
  margin-left: 2.2%;
  width: 95%;
  position: relative;
}
.landscape .raise-bet-value .value-input-ctn input::selection,
.portrait .raise-bet-value .value-input-ctn input::selection {
  background: #2c8b55;
  color: #fff;
}
.landscape .raise-bet-value .bb-value,
.portrait .raise-bet-value .bb-value {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.5rem;
  color: #fff083;
}
.landscape .raise-bet-value .value,
.portrait .raise-bet-value .value {
  border-radius: 0.3rem;
  font-size: 1.8em;
  font-weight: bold;
  color: #fff;
  width: 100%;
  background: rgba(255, 255, 255, 0.04);
  padding: 0;
  border: 0.05rem solid rgba(255, 255, 255, 0.1);
  text-align: center;
}
.landscape .raise-bet-value .label,
.portrait .raise-bet-value .label {
  color: gray;
  font-size: 0.8em;
  text-align: center;
}
.landscape .raise-bet-value.invalid,
.portrait .raise-bet-value.invalid {
  background: #d02323;
}
.landscape .raise-bet-value.invalid .label,
.portrait .raise-bet-value.invalid .label {
  color: #fff;
}
.landscape .chat,
.portrait .chat {
  position: absolute;
  left: 0.4rem;
  bottom: 0.5rem;
  bottom: 0.5rem;
}
.landscape .chat-new-message-form,
.portrait .chat-new-message-form {
  position: absolute;
  box-shadow: rgba(0, 0, 0, 0.45) 0 0 1.6rem 0.2rem;
  width: 20rem;
  background: #fff;
  height: 3rem;
  top: -3rem;
  right: 0;
  border-radius: 0.3rem;
  padding: ;
  box-sizing: border-box;
  z-index: 4;
}
.landscape .chat-new-message-form:before,
.portrait .chat-new-message-form:before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  bottom: -0.2rem;
  right: 0.75rem;
  background: #fff;
  -ms-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  transform: rotate(45deg);
}
.landscape .chat-new-message-form input[type="text"],
.portrait .chat-new-message-form input[type="text"] {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  font-size: 0.8rem;
  background: transparent;
  color: #000;
  border: none;
}
.landscape .chat-container,
.portrait .chat-container {
  display: grid;
  grid-template-columns: 0 auto 2.5rem;
  position: relative;
  background: #2f2f2f;
  height: 4.4rem;
  width: 22.5rem;
  color: #969696;
  font-size: 0.7rem;
  border-radius: 0.3rem;
  overflow: hidden;
}
.landscape .chat-container.with-channel-selector,
.portrait .chat-container.with-channel-selector {
  grid-template-columns: 1.5rem auto 2.5rem;
}
.landscape .chat-container.expanded,
.portrait .chat-container.expanded {
  height: 14rem;
  z-index: 20;
}
.landscape .chat-new-message-button,
.portrait .chat-new-message-button {
  position: relative;
  border-radius: 0.3rem;
  border: 0;
  cursor: pointer;
  padding-top: 2rem;
  box-sizing: border-box;
  font-size: ;
  background: #383838;
  color: #969696;
  text-transform: uppercase;
  line-height: 100%;
  height: 100%;
  width: 100%;
  text-align: center;
  text-indent: -999999px;
  grid-row: 1;
  grid-column: 3;
}
.landscape .chat-new-message-button.with-tip:before,
.portrait .chat-new-message-button.with-tip:before {
  text-indent: initial;
  content: "m";
  position: absolute;
  top: 0.2rem;
  text-align: center;
  background: #2f2f2f;
  left: 0.15rem;
  font-size: 0.5rem;
  border-radius: 0.18rem;
  padding: 0.2rem;
  color: #949090;
}
.landscape .chat-new-message-button:after,
.portrait .chat-new-message-button:after {
  text-indent: initial;
  font-family: "Utils";
  content: "";
  font-size: 1.6rem;
  width: 100%;
  position: absolute;
  top: 1.9rem;
  left: 0;
}
.landscape .chat-messages-list,
.portrait .chat-messages-list {
  overflow-y: scroll;
  max-height: 100%;
}
.landscape .chat-message-container,
.portrait .chat-message-container {
  position: relative;
  margin-bottom: 0.15rem;
  font-size: ;
}
.landscape .chat-message-container:last-child,
.portrait .chat-message-container:last-child {
  margin-bottom: 0;
}
.landscape .chat-message-container .message-ballon,
.portrait .chat-message-container .message-ballon {
  z-index: 2;
  margin-left: 3.5rem;
  border: solid 0.03rem #292929;
  background: #292929;
  position: relative;
  color: #dcdcdc;
  border-radius: 0.2rem;
  padding: 0.1rem 0.25rem;
  white-space: pre-line;
}
.landscape .chat-message-container .message-ballon a,
.portrait .chat-message-container .message-ballon a {
  color: #dcdcdc;
}
.landscape .chat-message-container .message-ballon small,
.portrait .chat-message-container .message-ballon small {
  padding-left: 0.5rem;
  position: relative;
  font-size: 0.7em;
  color: #7d7c7c;
}
.landscape .chat-message-container .message-ballon small:before,
.portrait .chat-message-container .message-ballon small:before {
  font-family: "Utils";
  content: "";
  display: block;
  position: absolute;
  top: 0.07rem;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
}
.landscape .chat-message-container.highlight .message-ballon,
.portrait .chat-message-container.highlight .message-ballon {
  color: #fff;
  border: solid 0.03rem #1e1e1e;
}
.landscape .chat-message-container.highlight .message-ballon a,
.portrait .chat-message-container.highlight .message-ballon a {
  color: #fff;
}
.landscape .chat-message-container .description,
.portrait .chat-message-container .description {
  left: 0;
  white-space: nowrap;
  bottom: 0;
  z-index: 1;
  position: absolute;
  display: inline-block;
  background: #353535;
  width: 3.7rem;
  padding: 0.1rem 0.4rem 0.1rem 0.1rem;
  box-sizing: border-box;
  text-align: right;
  border-radius: 0.2rem 0 0 0.2rem;
}
.landscape .chat-message-container .description abbr,
.portrait .chat-message-container .description abbr {
  text-decoration: none;
}
.landscape .chat-message-container .description .at,
.portrait .chat-message-container .description .at {
  color: #5f5d5d;
}
.landscape .chat-container .messages a,
.portrait .chat-container .messages a {
  color: #b1b1b1;
}
.landscape .chat-container .highlight,
.portrait .chat-container .highlight {
  color: #5f5f5f;
}
.landscape .chat-messages-blank-slate,
.portrait .chat-messages-blank-slate {
  font-size: ;
  height: 100%;
  display: flex;
  width: 100%;
  text-align: center;
  color: #5f5f5f;
  align-items: center;
  justify-content: center;
}
.landscape .chat-expand-button,
.portrait .chat-expand-button {
  border: none;
  height: 1rem;
  width: 1.5rem;
  padding: 0;
  position: absolute;
  top: 0;
  background-color: rgba(25, 25, 25, 0.43);
  border-radius: 0 0 0.2rem 0.2rem;
  right: 3.1rem;
  text-indent: -999999px;
  color: #fff;
  cursor: pointer;
  z-index: 5;
}
.landscape .chat-expand-button:after,
.portrait .chat-expand-button:after {
  position: absolute;
  top: 0;
  font-size: 1rem;
  left: 0.25rem;
  display: block;
  color: #a5a5a5;
  text-indent: initial;
  font-family: "Utils";
  content: "";
}
.landscape .chat-expand-button.expanded:after,
.portrait .chat-expand-button.expanded:after {
  content: "";
}
.landscape .new-messages-chat,
.portrait .new-messages-chat {
  position: absolute;
  bottom: 0;
  right: 3rem;
  background: rgba(0, 0, 0, 0.7);
  border: none;
  font-size: 0.5rem;
  padding: 0.2rem 0.5rem;
  cursor: pointer;
  z-index: 4;
  color: #e24747;
  border-radius: 0.3rem 0.3rem 0 0;
}
.landscape .chat-channel-selector,
.portrait .chat-channel-selector {
  padding: 0.1rem 0 0.1rem 0.1rem;
  background: #424242;
  grid-row: 1;
  display: grid;
}
.landscape .chat-channel-selector .button-ctn,
.portrait .chat-channel-selector .button-ctn {
  position: relative;
}
.landscape .chat-channel-selector button,
.portrait .chat-channel-selector button {
  padding: 0;
  display: inline-block;
  height: 1.4rem;
  background: transparent;
  cursor: pointer;
  width: 2.1rem;
  border-radius: 0.2rem 0.2rem 0 0;
  color: #8b8b8b;
  font-size: 0.4rem;
  border: none;
  transform: rotate(270deg);
  transform-origin: bottom left;
  text-transform: uppercase;
  position: absolute;
  bottom: 0rem;
  font-weight: bold;
  left: 1.4rem;
}
.landscape .chat-channel-selector button.notify:before,
.portrait .chat-channel-selector button.notify:before {
  position: absolute;
  top: 0.15rem;
  right: 0.2rem;
  content: "";
  background: #12fa12;
  border-radius: 50%;
  width: 0.28rem;
  height: 0.3rem;
  display: block;
}
.landscape .chat-channel-selector button.active,
.portrait .chat-channel-selector button.active {
  color: #fff;
  background: #2f2f2f;
}
.landscape .chat-messages-container,
.portrait .chat-messages-container {
  padding: 0.2rem;
  grid-row: 1;
  grid-column: 2;
  overflow: hidden;
}
.landscape .shortcut-highlight,
.portrait .shortcut-highlight {
  background: #000;
  padding: 0 0.2rem;
  border-radius: 0.2rem;
}
.landscape .card .value,
.portrait .card .value {
  position: absolute;
  top: 7%;
  left: 18%;
  height: 21%;
}
.landscape .card .suit,
.portrait .card .suit {
  text-indent: -999999px;
  position: absolute;
  top: 53%;
  left: 38%;
}
.landscape .card .suit:before,
.portrait .card .suit:before {
  text-indent: initial;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-family: "Suits";
  font-size: 1.9rem;
}
.landscape .card:before,
.portrait .card:before {
  font-family: "Suits";
  position: absolute;
  height: 36%;
  width: 46%;
  top: 55%;
  left: 45%;
}
.landscape .card,
.portrait .card {
  background: #fff;
  font-weight: bold;
  font-family: "Abril Fatface", cursive;
  overflow: hidden;
}
.landscape .card .sub-suit,
.portrait .card .sub-suit {
  display: none;
}
.landscape .card-container.big,
.portrait .card-container.big {
  width: 4.5rem;
  height: 5.5rem;
}
.landscape .card-container.big .card,
.landscape .card-container.big .front,
.portrait .card-container.big .card,
.portrait .card-container.big .front {
  width: 4.5rem;
  height: 5.5rem;
}
.landscape .card-container.big .card,
.portrait .card-container.big .card {
  font-size: 2rem;
}
.landscape .card-container.med,
.portrait .card-container.med {
  width: 3.05rem;
  height: 3.7rem;
}
.landscape .card-container.med .card,
.landscape .card-container.med .front,
.portrait .card-container.med .card,
.portrait .card-container.med .front {
  width: 3.05rem;
  height: 3.7rem;
}
.landscape .card-container.med .card,
.portrait .card-container.med .card {
  font-size: 1.3rem;
}
.landscape .card-container.med .card .suit:before,
.portrait .card-container.med .card .suit:before {
  font-size: 1.28rem;
}
.landscape .card-container.small,
.portrait .card-container.small {
  width: 3rem;
  height: 3.63rem;
}
.landscape .card-container.small .card,
.landscape .card-container.small .front,
.portrait .card-container.small .card,
.portrait .card-container.small .front {
  width: 3rem;
  height: 3.63rem;
}
.landscape .card-container.small .card,
.portrait .card-container.small .card {
  font-size: 1.3rem;
}
.landscape .card-container.sub-suit .card .value,
.portrait .card-container.sub-suit .card .value {
  font-size: 0.8em;
  left: 4%;
  top: -0.1rem;
}
.landscape .card-container.sub-suit .card .suit,
.portrait .card-container.sub-suit .card .suit {
  top: 48%;
  left: 38%;
}
.landscape .card-container.sub-suit .card .sub-suit,
.portrait .card-container.sub-suit .card .sub-suit {
  display: inline-block;
  font-size: 0.55em;
  left: 6%;
  top: 33%;
}
.landscape .card-container.sub-suit .card .suit:before,
.portrait .card-container.sub-suit .card .suit:before {
  font-size: 1.1em;
}
.landscape .card-container.sub-suit.card-s-T .value,
.portrait .card-container.sub-suit.card-s-T .value {
  left: 3.9%;
  font-size: 0.75em;
}
.landscape .card-container.sub-suit.card-s-Q .value,
.portrait .card-container.sub-suit.card-s-Q .value {
  font-size: 0.75em;
}
.landscape .card-container,
.portrait .card-container {
  position: relative;
  perspective: 1000px;
}
.landscape .card-container .card,
.landscape .card-container .front,
.portrait .card-container .card,
.portrait .card-container .front {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.landscape .card-container .card,
.portrait .card-container .card {
  display: none;
}
.landscape .card-container.flipped .front,
.portrait .card-container.flipped .front {
  display: none;
}
.landscape .card-container.flipped .card,
.portrait .card-container.flipped .card {
  display: block;
}
.landscape .card-container .card-flipper-animated,
.portrait .card-container .card-flipper-animated {
  transform-style: preserve-3d;
  transition: 0.15s;
}
.landscape .card-container .card-flipper-animated .front,
.landscape .card-container .card-flipper-animated .card,
.portrait .card-container .card-flipper-animated .front,
.portrait .card-container .card-flipper-animated .card {
  display: block;
  backface-visibility: hidden;
}
.landscape .card-container .card-flipper-animated .front,
.portrait .card-container .card-flipper-animated .front {
  display: block;
  transform: rotateY(0deg);
}
.landscape .card-container .card-flipper-animated .card,
.portrait .card-container .card-flipper-animated .card {
  display: block;
  transform: rotateY(180deg);
}
.landscape .card-container.flipped .card-flipper-animated,
.portrait .card-container.flipped .card-flipper-animated {
  transform: rotateY(180deg);
}
.landscape .card,
.landscape .card-container .front,
.portrait .card,
.portrait .card-container .front {
  border-radius: 7%;
  box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.19);
}
.landscape .two-color .card-h,
.landscape .two-color .card-d,
.portrait .two-color .card-h,
.portrait .two-color .card-d {
  color: #db3131;
}
.landscape .two-color .card-s,
.landscape .two-color .card-c,
.portrait .two-color .card-s,
.portrait .two-color .card-c {
  color: #2c2c2c;
}
.landscape .four-color .card-h,
.portrait .four-color .card-h {
  color: #db3131;
}
.landscape .four-color .card-d,
.portrait .four-color .card-d {
  color: #4747ea;
}
.landscape .four-color .card-s,
.portrait .four-color .card-s {
  color: #000;
}
.landscape .four-color .card-c,
.portrait .four-color .card-c {
  color: #17b717;
}
.landscape .card-c .suit:before,
.portrait .card-c .suit:before {
  content: "";
}
.landscape .card-h .suit:before,
.portrait .card-h .suit:before {
  content: "";
}
.landscape .card-d .suit:before,
.portrait .card-d .suit:before {
  content: "";
}
.landscape .card-s .suit:before,
.portrait .card-s .suit:before {
  content: "";
}
.landscape .table,
.portrait .table {
  background-image: url("../static/table_round_green.png");
  background-size: cover;
  background-position: center;
  position: relative;
  height: 26.25rem;
  width: 55.55rem;
  margin: 0 auto;
}
.landscape .table:before,
.portrait .table:before {
  /* 绿色大圆桌边框白背景 */
  /* opacity: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transition-duration: 0.5s; */
}
.landscape .table.glow:before,
.portrait .table.glow:before {
  opacity: 1;
}
.landscape .table-campaign-link,
.portrait .table-campaign-link {
  color: transparent;
  position: absolute;
  display: block;
}
.landscape .table-cards,
.portrait .table-cards {
  position: absolute;
  width: 24.2rem;
  top: 35%;
  left: 28%;
  display: flex;
  z-index: 2;
}
.landscape .table-cards .not-visible,
.portrait .table-cards .not-visible {
  opacity: 0;
}
.landscape .table-cards .card-container,
.portrait .table-cards .card-container {
  display: inline-block;
  margin-right: 0.4rem;
  position: relative;
  top: 0;
}
.landscape .table-cards .card-container .card,
.landscape .table-cards .card-container .front,
.portrait .table-cards .card-container .card,
.portrait .table-cards .card-container .front {
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.25);
}
.landscape .table-cards .card-container.up,
.portrait .table-cards .card-container.up {
  transition-duration: 0.5s;
  top: -0.5rem;
}
.landscape .table-cards.run-1 .after-padding,
.portrait .table-cards.run-1 .after-padding {
  transition-duration: 0.5s;
  margin-top: -1rem;
}
.landscape .table-cards.run-2,
.portrait .table-cards.run-2 {
  top: 43%;
  left: 29%;
}
.landscape .table-cards.run-2 .card-container .card,
.landscape .table-cards.run-2 .card-container .front,
.portrait .table-cards.run-2 .card-container .card,
.portrait .table-cards.run-2 .card-container .front {
  box-shadow: 0 -0.25rem 0.5rem 0 rgba(0, 0, 0, 0.3);
}
.landscape .table-cards .card-container:last-child,
.portrait .table-cards .card-container:last-child {
  margin-right: 0;
}
.landscape .table-pot-size,
.portrait .table-pot-size {
  position: absolute;
  top: 24%;
  left: 43.4%;
  width: 13%;
  height: 1.9rem;
}
.landscape .table-pot-size .main-value,
.portrait .table-pot-size .main-value {
  height: 1.9rem;
  line-height: 1.9rem;
  margin: 0 auto;
  display: block;
  text-align: center;
  color: #fff;
  font-weight: bold;
  background: transparent;
  font-size: 1.1em;
  padding: 0.4% 0.5%;
}
/* 圆桌——中心——右上角 */
.landscape .table-pot-size .add-on-container,
.portrait .table-pot-size .add-on-container {
  display: flex;
  position: absolute;
  top: -0.32rem;
  left: 0;
  height: 0.8rem;
  width: 100%;
  justify-content: flex-end;
  opacity: 1;
  transition-duration: 0.5s;
}
.landscape .table-pot-size .add-on-container.hidden,
.portrait .table-pot-size .add-on-container.hidden {
  opacity: 0;
}
.landscape .table-pot-size .add-on,
.portrait .table-pot-size .add-on {
  line-height: 0.85rem;
  padding: 0 0.2rem;
  display: inline-block;
  background: #00000040;
  color: #fff;
  font-size: 0.65rem;
  border-radius: 2rem;
  backdrop-filter: blur(1rem);
}
.landscape .table-pot-size .add-on small,
.portrait .table-pot-size .add-on small {
  color: #ffffffa3;
  font-size: 0.35rem;
}
.landscape .table-game-type,
.portrait .table-game-type {
  position: absolute;
  top: 14rem;
  font-size: 0.85rem;
  color: #fff;
  opacity: 0.1;
  font-weight: bold;
  width: 100%;
  text-align: center;
}
.landscape .top-pot-warning,
.portrait .top-pot-warning {
  position: absolute;
  top: 8.2rem;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.landscape .top-pot-warning .mtt-infos,
.portrait .top-pot-warning .mtt-infos {
  display: flex;
  font-size: 0.5rem;
  background: rgba(0, 0, 0, 0.07);
  color: #fff;
  border-radius: 0.5rem;
  margin-top: 0.1rem;
}
.landscape .top-pot-warning .mtt-infos a,
.portrait .top-pot-warning .mtt-infos a {
  color: #fff;
  text-decoration-color: rgba(255, 255, 255, 0.18);
}
.landscape .top-pot-warning .mtt-infos p,
.portrait .top-pot-warning .mtt-infos p {
  padding: 0.1rem 0.3rem;
  display: block;
}
.landscape .top-pot-warning .mtt-infos .tour-name,
.portrait .top-pot-warning .mtt-infos .tour-name {
  text-align: right;
}
.landscape .top-pot-warning .mtt-infos .tour-name,
.landscape .top-pot-warning .mtt-infos .players-count-position,
.portrait .top-pot-warning .mtt-infos .tour-name,
.portrait .top-pot-warning .mtt-infos .players-count-position {
  min-width: 4rem;
}
.landscape .top-pot-warning .mtt-infos .table-number,
.portrait .top-pot-warning .mtt-infos .table-number {
  width: 3rem;
  font-weight: bold;
  text-align: center;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.06);
}
.landscape .top-pot-warning .spectator-warning,
.portrait .top-pot-warning .spectator-warning {
  font-size: 0.5rem;
  color: rgba(255, 255, 255, 0.7);
}
.landscape .top-pot-warning .spectator-warning a,
.portrait .top-pot-warning .spectator-warning a {
  color: rgba(255, 255, 255, 0.7);
}
.landscape .top-pot-warning.with-mtt-infos .spectator-warning,
.portrait .top-pot-warning.with-mtt-infos .spectator-warning {
  font-size: 0.4rem;
}
.landscape .table-warning-ctn,
.portrait .table-warning-ctn {
  position: absolute;
  background: #fff;
  height: 2.8rem;
  margin-left: -15rem;
  left: 50%;
  top: 37%;
  border-radius: 3rem;
  width: 30rem;
  z-index: 2;
  box-shadow: 0 0 3rem rgba(146, 146, 146, 0.31);
}
.landscape .table-warning-ctn.waiting-players-ctn,
.portrait .table-warning-ctn.waiting-players-ctn {
  height: 4.6rem;
}
.landscape .table-warning-ctn p,
.portrait .table-warning-ctn p {
  position: absolute;
  font-size: 0.8rem;
  width: 100%;
  top: 0.8rem;
  text-align: center;
  color: #1b8a4d;
}
.landscape .table-warning-ctn input[type="text"],
.portrait .table-warning-ctn input[type="text"] {
  top: 2.2rem;
  border: 1px solid #b7b2b2;
  width: 80%;
  border-radius: 1rem;
  left: 10%;
  font-size: 0.7rem;
  position: absolute;
  box-sizing: border-box;
  padding: 0.3rem ;
  cursor: pointer;
}
.landscape .reveal-button,
.portrait .reveal-button {
  position: absolute;
  top: 2.1rem;
  cursor: pointer;
  font-size: 0.55rem;
  right: -0.25rem;
  background: #232b27;
  z-index: 2;
  border-radius: 0.2rem;
  box-shadow: 0 0.1rem 0.4rem rgba(0, 0, 0, 0.31);
  line-height: 1.3rem;
  height: 1.3rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  border: none;
}
.landscape .reveal-button .hot-key,
.portrait .reveal-button .hot-key {
  position: absolute;
  top: -0.2rem;
  font-size: 0.5rem;
  background: #232b27;
  line-height: initial;
  right: 0.2rem;
  padding: 0 0.1rem;
  border-radius: 0.15rem;
}
.landscape .reveal-button:before,
.portrait .reveal-button:before {
  font-family: "Utils";
  content: "";
  font-weight: normal;
  font-size: 0.75rem;
  color: #fff;
  position: absolute;
  top: 0.05rem;
  opacity: 0.3;
  left: 50%;
  margin-left: -2.2rem;
  height: 1rem;
  width: 1rem;
}
@keyframes glow-grow {
  0% {
    box-shadow: 0 0 0 0 #e9ff63;
  }
  100% {
    box-shadow: 0 0 3em 0 #e9ff63;
  }
}
@keyframes glow-decrease {
  0% {
    box-shadow: 0 0 3em 0 #e9ff63;
  }
  100% {
    box-shadow: 0 0 2em 0 #e9ff63;
  }
}
@keyframes glow-pulse {
  0% {
    box-shadow: 0 0 2em 0 #e9ff63;
  }
  50% {
    box-shadow: 0 0 3em 0 #e9ff63;
  }
  100% {
    box-shadow: 0 0 2em 0 #e9ff63;
  }
}
@keyframes glow-current {
  0% {
    box-shadow: 0 0 0 0 #fff;
  }
  100% {
    box-shadow: 0 0 2.1em 0 #fff;
  }
}
.landscape .table-player,
.portrait .table-player {
  width: 18%;
  height: 13.5%;
  position: absolute;
  top: -0.2rem;
  left: -1.8rem;
  z-index: 4;
}
.landscape .table-player.decision-current:before,
.landscape .table-player.winner:before,
.portrait .table-player.decision-current:before,
.portrait .table-player.winner:before {
  z-index: 1;
  content: "";
  display: block;
  background: transparent;
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
  position: absolute;
  left: 0;
  right: 0;
}
.landscape .table-player.decision-current .table-player-infos-ctn,
.landscape .table-player.winner .table-player-infos-ctn,
.portrait .table-player.decision-current .table-player-infos-ctn,
.portrait .table-player.winner .table-player-infos-ctn {
  background: #fff;
}
.landscape .table-player.decision-current .table-player-name,
.landscape .table-player.winner .table-player-name,
.portrait .table-player.decision-current .table-player-name,
.portrait .table-player.winner .table-player-name {
  color: #3e3e3e;
}
.landscape .table-player.decision-current .table-player-stack,
.landscape .table-player.winner .table-player-stack,
.portrait .table-player.decision-current .table-player-stack,
.portrait .table-player.winner .table-player-stack {
  color: #000;
}
.landscape .table-player.decision-current:before,
.portrait .table-player.decision-current:before {
  animation: glow-current 0.4s;
  animation-fill-mode: forwards;
}
.landscape .table-player.winner:before,
.portrait .table-player.winner:before {
  animation: glow-grow 1s, glow-decrease 1s, glow-pulse 2s;
  animation-iteration-count: 1, 1, 1;
  animation-delay: 0s, 1s, 2s;
  animation-fill-mode: forwards, forwards;
}
.landscape .table-player.winner .table-player-name,
.portrait .table-player.winner .table-player-name {
  color: #3c4218;
}
.landscape .table-player.winner .table-player-infos-ctn,
.portrait .table-player.winner .table-player-infos-ctn {
  box-shadow: 0 0rem 0.6em 0 rgba(0, 0, 0, 0.25),
    0 0rem 2.6em 0 rgba(223, 245, 43, 0.48) inset;
}
.landscape .table-player-seat-position-number,
.portrait .table-player-seat-position-number {
  position: absolute;
  color: #4e4c4c;
  font-size: 0.8rem;
  top: 0.5rem;
  left: 0.5rem;
  font-weight: lighter;
}
.landscape .table-player-seat,
.portrait .table-player-seat {
  border: 1px dashed rgba(255, 255, 255, 0.1);
  border-radius: 0.3rem;
  line-height: 100%;
}
.landscape .table-player-seat:hover .table-player-seat-position-number,
.portrait .table-player-seat:hover .table-player-seat-position-number {
  color: #ccc;
}
.landscape .table-player-seat-button,
.portrait .table-player-seat-button {
  font-size: ;
  cursor: pointer;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  color: #888;
  width: 100%;
  z-index: 1;
  height: 100%;
  background: none;
  border: none;
}
.landscape .table-player-seat.selected,
.portrait .table-player-seat.selected {
  border-color: #fff;
}
.landscape .table-player-seat.selected .table-player-seat-button,
.portrait .table-player-seat.selected .table-player-seat-button {
  color: #fff;
}
.landscape .table-player-infos-ctn,
.portrait .table-player-infos-ctn {
  font-weight: bold;
  box-shadow: 0 0rem 0.6em 0 rgba(0, 0, 0, 0.25);
  border-radius: 0.3rem;
  background: rgba(51, 51, 51, 0.76);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  z-index: 2;
  position: relative;
}
.landscape .table-player-infos-ctn .table-player-name,
.portrait .table-player-infos-ctn .table-player-name {
  color: #c3c3c3;
  white-space: nowrap;
}
.landscape .table-player-infos-ctn .table-player-stack,
.portrait .table-player-infos-ctn .table-player-stack {
  color: #fff;
}
.landscape .table-player-infos-ctn.fold p,
.landscape .table-player-infos-ctn.standing p,
.portrait .table-player-infos-ctn.fold p,
.portrait .table-player-infos-ctn.standing p {
  opacity: 0.6;
}
.landscape .table-player-infos-ctn.you-player,
.portrait .table-player-infos-ctn.you-player {
  color: #5e5bc3;
  font-weight: bold;
}
.landscape .table-player-result,
.portrait .table-player-result {
  font-weight: bold;
  text-align: right;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  padding: 0.2rem 0;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 2;
  font-size: 0.65rem;
  width: 100%;
}
.landscape .table-player-name-container,
.portrait .table-player-name-container {
  position: absolute;
  left: 5.2rem;
  right: 0;
  top: 0.9rem;
  width: 4.7rem;
}
.landscape .table-player-name,
.portrait .table-player-name {
  text-align: left;
  margin: 0;
  color: #5c5c5c;
  font-size: 0.7em;
}
.landscape .table-player-name.big-name-1,
.portrait .table-player-name.big-name-1 {
  margin-top: 0.08rem;
  font-size: 0.65em;
}
.landscape .table-player-name.big-name-2,
.portrait .table-player-name.big-name-2 {
  margin-top: 0.15rem;
  font-size: 0.58em;
}
.landscape .table-player-name.big-name-3,
.portrait .table-player-name.big-name-3 {
  margin-top: 0.3rem;
  font-size: 0.42em;
}
.landscape .table-player-stack,
.portrait .table-player-stack {
  width: 3.8rem;
  left: 5.2rem;
  top: 1.8rem;
  position: absolute;
  text-align: left;
  margin: 0;
  right: 0;
  line-height: 0.8rem;
  color: #000;
  font-size: 0.7rem;
}
.landscape .table-player-stack-prize,
.portrait .table-player-stack-prize {
  color: #fff;
  background: #7b8a50;
  padding: 0 0.28rem;
  border-radius: 0.15rem;
}
.landscape .table-player-bet-value,
.portrait .table-player-bet-value {
  z-index: 6;
  font-size: 0.8rem;
  font-weight: bold;
  background: #eaffba;
  box-shadow: 0 0em 0.3em 0 #286543, 0 0rem 1.5em 0 #e4fd14 inset;
  border-radius: 5vh;
  position: absolute;
  margin: 0;
  color: #000;
  display: block;
  padding: 4% 7%;
}
.landscape .table-player-bet-value.check,
.portrait .table-player-bet-value.check {
  background: #fff;
  box-shadow: 0 0em 0.3em 0 #286543, 0 0rem 1.5em 0 #f5f5f5 inset;
}
.landscape .table-player-1 .table-player-bet-value,
.portrait .table-player-1 .table-player-bet-value {
  top: -78%;
  left: 9%;
}
.landscape .table-player-2 .table-player-bet-value,
.portrait .table-player-2 .table-player-bet-value {
  top: -78%;
  left: 55%;
}
.landscape .table-player-3 .table-player-bet-value,
.portrait .table-player-3 .table-player-bet-value {
  top: -30%;
  left: 103%;
}
.landscape .table-player-4 .table-player-bet-value,
.portrait .table-player-4 .table-player-bet-value {
  top: 21%;
  left: 107%;
}
.landscape .table-player-5 .table-player-bet-value,
.portrait .table-player-5 .table-player-bet-value {
  top: 82%;
  left: 102%;
}
.landscape .table-player-6 .table-player-bet-value,
.portrait .table-player-6 .table-player-bet-value {
  top: 130%;
  left: 45%;
}
.landscape .table-player-7 .table-player-bet-value,
.portrait .table-player-7 .table-player-bet-value {
  top: 130%;
  left: 18%;
}
.landscape .table-player-8 .table-player-bet-value,
.portrait .table-player-8 .table-player-bet-value {
  right: 103%;
  top: 82%;
}
.landscape .table-player-9 .table-player-bet-value,
.portrait .table-player-9 .table-player-bet-value {
  top: 22%;
  right: 110%;
}
.landscape .table-player-10 .table-player-bet-value,
.portrait .table-player-10 .table-player-bet-value {
  top: -32%;
  right: 105%;
}
.landscape .table-player-10,
.portrait .table-player-10 {
  top: 66%;
  left: 75%;
}
.landscape .table-player-9,
.portrait .table-player-9 {
  top: 40%;
  left: 80.5%;
}
.landscape .table-player-8,
.portrait .table-player-8 {
  top: 14%;
  left: 74%;
}
.landscape .table-player-7,
.portrait .table-player-7 {
  top: 2%;
  left: 53%;
}
.landscape .table-player-6,
.portrait .table-player-6 {
  top: 2%;
  left: 29%;
}
.landscape .table-player-5,
.portrait .table-player-5 {
  top: 14%;
  left: 8%;
}
.landscape .table-player-4,
.portrait .table-player-4 {
  top: 40%;
  left: 2.2%;
}
.landscape .table-player-3,
.portrait .table-player-3 {
  top: 66%;
  left: 8%;
}
.landscape .table-player-2,
.portrait .table-player-2 {
  top: 82%;
  left: 29%;
}
.landscape .table-player-1,
.portrait .table-player-1 {
  z-index: 5;
  top: 82%;
  left: 53%;
}
.landscape .table-player .card-container,
.portrait .table-player .card-container {
  position: absolute;
  top: 0;
}
.landscape .table-player .card-container.up,
.portrait .table-player .card-container.up {
  transition-duration: 0.5s;
  top: -0.2rem;
}
.landscape .table-player-cards,
.portrait .table-player-cards {
  z-index: 3;
  position: absolute;
  left: -0.9rem;
  top: -0.1rem;
  opacity: 1;
}
.landscape .table-player-cards.hide .card,
.portrait .table-player-cards.hide .card {
  filter: brightness(35%);
}
.landscape .table-player-cards.hide-cards,
.portrait .table-player-cards.hide-cards {
  transition-duration: 0.5s;
  opacity: 0;
  top: 0.2rem !important;
}
.landscape .table-player-cards .card-p1,
.portrait .table-player-cards .card-p1 {
  transform: rotate(-7deg);
  left: 0.3rem;
}
.landscape .table-player-cards .card-p2,
.portrait .table-player-cards .card-p2 {
  transform: rotate(7deg);
  left: 2.65rem;
}
.landscape .table-player-cards.black-and-white,
.portrait .table-player-cards.black-and-white {
  filter: grayscale(100%);
}
.landscape .you-player .table-player-cards.hide .card,
.portrait .you-player .table-player-cards.hide .card {
  transition-duration: 0.3s;
}
.landscape .player-hand-message-ctn,
.portrait .player-hand-message-ctn {
  z-index: 50;
  left: -0.8rem;
  min-width: 5.9rem;
  top: 3.3rem;
  position: absolute;
  display: flex;
  justify-content: center;
}
.landscape .player-hand-message,
.portrait .player-hand-message {
  background: #f75757;
  box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 0.48rem;
  text-align: center;
  text-transform: uppercase;
  min-width: 2.5rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
.landscape .player-hand-message .name,
.portrait .player-hand-message .name {
  line-height: 0.75rem;
  position: relative;
  padding-right: 0.4rem;
  padding-left: 0.4rem;
}
.landscape .player-hand-message .name.active,
.portrait .player-hand-message .name.active {
  font-weight: bold;
  background: #6d64e0;
}
.landscape .player-hand-message .name.active:before,
.portrait .player-hand-message .name.active:before {
  opacity: 1;
}
.landscape .player-hand-message .first,
.landscape .player-hand-message .second,
.portrait .player-hand-message .first,
.portrait .player-hand-message .second {
  padding-left: 0.8rem;
  padding-right: 0.3rem;
}
.landscape .player-hand-message .first:before,
.landscape .player-hand-message .second:before,
.portrait .player-hand-message .first:before,
.portrait .player-hand-message .second:before {
  position: absolute;
  display: block;
  right: 0;
  left: 0;
  width: 0.7rem;
  font-size: 0.5rem;
  opacity: 0.2;
  color: #fff;
}
.landscape .player-hand-message .first:before,
.portrait .player-hand-message .first:before {
  content: "#1";
}
.landscape .player-hand-message .second,
.portrait .player-hand-message .second {
  background: #d82525;
}
.landscape .player-hand-message .second span,
.portrait .player-hand-message .second span {
  letter-spacing: 0.05rem;
}
.landscape .player-hand-message .second:before,
.portrait .player-hand-message .second:before {
  letter-spacing: initial;
  content: "#2";
}
.landscape .player-hand-message.hi-lo .first:before,
.landscape .player-hand-message.hi-lo .second:before,
.portrait .player-hand-message.hi-lo .first:before,
.portrait .player-hand-message.hi-lo .second:before {
  font-family: "Utils";
}
.landscape .player-hand-message.hi-lo .first:before,
.portrait .player-hand-message.hi-lo .first:before {
  content: "";
}
.landscape .player-hand-message.hi-lo .second:before,
.portrait .player-hand-message.hi-lo .second:before {
  content: "";
}
.landscape .table-player .card,
.landscape .table-player .front,
.portrait .table-player .card,
.portrait .table-player .front {
  box-shadow: 0 0 0.8rem 0 rgba(0, 0, 0, 0.4);
}
.landscape .table-player.offline,
.portrait .table-player.offline {
  filter: grayscale(1);
}
.landscape .four-cards .player-hand-message-ctn,
.portrait .four-cards .player-hand-message-ctn {
  top: 3rem;
  left: -1.4rem;
  min-width: 6.4rem;
}
.landscape .four-cards .time-to-talk,
.portrait .four-cards .time-to-talk {
  width: 63%;
}
.landscape .four-cards .table-player-cards,
.portrait .four-cards .table-player-cards {
  top: -0.25rem;
  left: -1rem;
}
.landscape .four-cards .card-p1,
.portrait .four-cards .card-p1 {
  transform: rotate(-28deg);
  left: 0rem;
  top: 0.3rem;
}
.landscape .four-cards .card-p1.up,
.portrait .four-cards .card-p1.up {
  top: 0rem;
}
.landscape .four-cards .card-p2,
.portrait .four-cards .card-p2 {
  transform: rotate(-8deg);
  left: 0.85rem;
}
.landscape .four-cards .card-p3,
.portrait .four-cards .card-p3 {
  transform: rotate(11deg);
  left: 1.7rem;
}
.landscape .four-cards .card-p4,
.portrait .four-cards .card-p4 {
  transform: rotate(31deg);
  left: 2.55rem;
  top: 0.3rem;
}
.landscape .four-cards .card-p4.up,
.portrait .four-cards .card-p4.up {
  top: 0rem;
}
.landscape .four-cards .table-player-name-container,
.landscape .four-cards .table-player-stack,
.portrait .four-cards .table-player-name-container,
.portrait .four-cards .table-player-stack {
  left: 5.3rem;
}
.landscape .player-table-signals-container,
.portrait .player-table-signals-container {
  position: absolute;
  z-index: 5;
}
.landscape .player-table-signals-container.top,
.portrait .player-table-signals-container.top {
  top: -0.3rem;
  right: -0.3rem;
  z-index: 5;
}
.landscape .player-table-signals-container.bottom,
.portrait .player-table-signals-container.bottom {
  bottom: -0.3rem;
  left: initial;
  right: -0.3rem;
}
.landscape .player-table-signals-container .signal,
.portrait .player-table-signals-container .signal {
  float: left;
  margin-left: -0.2rem;
}
.landscape .table-player-1 .request-ingress-popover,
.landscape .table-player-2 .request-ingress-popover,
.landscape .table-player-3 .request-ingress-popover,
.landscape .table-player-10 .request-ingress-popover,
.portrait .table-player-1 .request-ingress-popover,
.portrait .table-player-2 .request-ingress-popover,
.portrait .table-player-3 .request-ingress-popover,
.portrait .table-player-10 .request-ingress-popover {
  left: -1rem;
}
.landscape .table-player-1 .request-ingress-popover:before,
.landscape .table-player-2 .request-ingress-popover:before,
.landscape .table-player-3 .request-ingress-popover:before,
.landscape .table-player-10 .request-ingress-popover:before,
.portrait .table-player-1 .request-ingress-popover:before,
.portrait .table-player-2 .request-ingress-popover:before,
.portrait .table-player-3 .request-ingress-popover:before,
.portrait .table-player-10 .request-ingress-popover:before {
  right: 6rem;
}
.landscape .table-player-4 .request-ingress-popover,
.portrait .table-player-4 .request-ingress-popover {
  bottom: 0;
  right: -13rem;
}
.landscape .table-player-4 .request-ingress-popover:before,
.portrait .table-player-4 .request-ingress-popover:before {
  right: initial;
  transform: rotate(90deg);
  bottom: 1.2rem;
  left: -1.55rem;
}
.landscape .table-player-5 .request-ingress-popover,
.portrait .table-player-5 .request-ingress-popover {
  bottom: initial;
  top: 0;
  right: -13rem;
}
.landscape .table-player-5 .request-ingress-popover:before,
.portrait .table-player-5 .request-ingress-popover:before {
  right: initial;
  transform: rotate(90deg);
  top: 1.2rem;
  bottom: initial;
  left: -1.55rem;
}
.landscape .table-player-6 .request-ingress-popover,
.landscape .table-player-7 .request-ingress-popover,
.portrait .table-player-6 .request-ingress-popover,
.portrait .table-player-7 .request-ingress-popover {
  bottom: initial;
  top: 4rem;
  right: -1rem;
}
.landscape .table-player-6 .request-ingress-popover:before,
.landscape .table-player-7 .request-ingress-popover:before,
.portrait .table-player-6 .request-ingress-popover:before,
.portrait .table-player-7 .request-ingress-popover:before {
  right: 6rem;
  transform: rotate(180deg);
  bottom: initial;
  top: -1.55rem;
}
.landscape .table-player-8 .request-ingress-popover,
.portrait .table-player-8 .request-ingress-popover {
  bottom: initial;
  top: 0;
  left: -13rem;
}
.landscape .table-player-8 .request-ingress-popover:before,
.portrait .table-player-8 .request-ingress-popover:before {
  right: -0.8rem;
  transform: rotate(270deg);
  top: 1.2rem;
  bottom: initial;
}
.landscape .table-player-9 .request-ingress-popover,
.portrait .table-player-9 .request-ingress-popover {
  bottom: 0;
  left: -13rem;
}
.landscape .table-player-9 .request-ingress-popover:before,
.portrait .table-player-9 .request-ingress-popover:before {
  right: -0.8rem;
  transform: rotate(270deg);
  bottom: 1.2rem;
}
.landscape .table-player-status-icon,
.portrait .table-player-status-icon {
  color: #989898;
  text-transform: uppercase;
  font-size: 0.4rem;
  position: absolute;
  bottom: 0.3rem;
  left: 0rem;
  z-index: 3;
  width: 5.5rem;
  text-align: center;
}
.landscape .table-player-status-icon:after,
.portrait .table-player-status-icon:after {
  display: block;
  height: 2rem;
  width: 2rem;
  position: absolute;
  top: -2.2rem;
  font-size: 2rem;
  left: 1.7rem;
  font-family: "Utils";
}
.landscape .table-player-status-icon.standing-up:after,
.portrait .table-player-status-icon.standing-up:after {
  content: "";
}
.landscape .table-player-status-icon.fold,
.portrait .table-player-status-icon.fold {
  color: #696666;
}
.landscape .table-player-status-icon.fold:after,
.portrait .table-player-status-icon.fold:after {
  content: "";
  opacity: 0.5;
  top: -2.27rem;
}
.landscape .table-player-status-icon.waiting:after,
.portrait .table-player-status-icon.waiting:after {
  content: "";
}
.landscape .table-player-status-icon.waiting-next-hand:after,
.portrait .table-player-status-icon.waiting-next-hand:after {
  content: "";
  top: -2.1rem;
}
.landscape .table-player-status-icon.quitting:after,
.portrait .table-player-status-icon.quitting:after {
  content: "";
}
.landscape .table-player-chat-message,
.portrait .table-player-chat-message {
  background: #546eca;
  color: #fff;
  position: absolute;
  bottom: -0.55rem;
  text-align: center;
  right: 0;
  z-index: 6;
  font-size: ;
  min-width: 20%;
  padding: 0.2rem 0.5rem;
  box-sizing: border-box;
  border-radius: 0.2rem;
  box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.4);
}
.landscape .table-player-chat-message:after,
.portrait .table-player-chat-message:after {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  top: -0.75rem;
  transform: rotate(180deg);
  right: 0.3rem;
  border-left: 0.4rem solid transparent;
  border-top: 0.4rem solid #546eca;
  border-right: 0.4rem solid transparent;
  border-bottom: 0.4rem solid transparent;
  background: transparent;
}
.landscape .time-to-talk,
.portrait .time-to-talk {
  position: absolute;
  bottom: 0;
  width: 54.5%;
  right: 0;
  height: 0.2rem;
  background: #efefef;
  display: flex;
}
.landscape .time-to-talk .normal-time,
.portrait .time-to-talk .normal-time {
  display: inline-block;
  background: #b1d85d;
  height: 100%;
}
.landscape .time-to-talk .time-bank,
.portrait .time-to-talk .time-bank {
  display: inline-block;
  background: #9972cb;
  height: 100%;
}
.landscape .time-to-talk .red,
.portrait .time-to-talk .red {
  background: red;
}
.landscape .numbers-signal,
.portrait .numbers-signal {
  font-weight: bold;
  padding-right: 0.3rem;
  position: relative;
  font-size: 0.5rem;
  color: #fff;
  height: 1.1rem;
  line-height: 1.1rem;
  border-radius: ;
  box-shadow: 0px 0rem 0.1rem rgba(0, 0, 0, 0.15);
}
.landscape .numbers-signal.green,
.portrait .numbers-signal.green {
  background: #49a16e;
}
.landscape .numbers-signal.red,
.portrait .numbers-signal.red {
  background: #ab4343;
}
.landscape .numbers-signal.gray,
.portrait .numbers-signal.gray {
  background: #777;
}
.landscape .rebuy-count,
.portrait .rebuy-count {
  background: #ab4343;
  padding-left: 1rem;
}
.landscape .rank-level,
.portrait .rank-level {
  background: #84f83e;
  color: #000;
  padding-left: 1rem;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.3);
}
.landscape .rank-level:after,
.portrait .rank-level:after {
  content: "";
  display: block;
  color: #66bc32;
  height: 0.4rem;
  width: 0.4rem;
  font-size: ;
  font-family: "Utils";
  position: absolute;
  top: 0;
  left: 0.3rem;
}
.landscape .win-count,
.portrait .win-count {
  background: #49a16e;
  padding-left: 1.05rem;
}
.landscape .win-count:after,
.portrait .win-count:after {
  content: "";
  display: block;
  color: #2d8953;
  height: 0.4rem;
  width: 0.4rem;
  font-size: 0.7rem;
  font-family: "Utils";
  position: absolute;
  top: 0;
  left: 0.25rem;
}
.landscape .muted-signal,
.landscape .muted-mic-signal,
.landscape .no-cam,
.landscape .mic-signal,
.portrait .muted-signal,
.portrait .muted-mic-signal,
.portrait .no-cam,
.portrait .mic-signal {
  width: 0.85rem;
  background: #b93f3f;
}
.landscape .muted-signal:after,
.landscape .no-cam:after,
.landscape .mic-signal:after,
.landscape .muted-mic-signal:after,
.portrait .muted-signal:after,
.portrait .no-cam:after,
.portrait .mic-signal:after,
.portrait .muted-mic-signal:after {
  display: block;
  color: #ff5f5d;
  height: 0.4rem;
  width: 0.4rem;
  font-weight: normal;
  font-size: 0.7rem;
  font-family: "Utils";
  position: absolute;
  top: 0;
  left: 0.24rem;
}
.landscape .muted-signal:after,
.portrait .muted-signal:after {
  content: "";
}
.landscape .mic-signal,
.portrait .mic-signal {
  background: #82844c;
}
.landscape .mic-signal.highlight,
.portrait .mic-signal.highlight {
  box-shadow: 0 0 5px 2px #f3f78669 !important;
}
.landscape .mic-signal:after,
.portrait .mic-signal:after {
  color: #fff;
  content: "";
}
.landscape .no-cam:after,
.portrait .no-cam:after {
  top: 0.03rem;
  left: 0.19rem;
  content: "";
}
.landscape .muted-mic-signal:after,
.portrait .muted-mic-signal:after {
  content: "";
}
.landscape .mic-signal:after,
.landscape .muted-mic-signal:after,
.portrait .mic-signal:after,
.portrait .muted-mic-signal:after {
  top: 0.04rem;
}
.landscape .layer-priority,
.portrait .layer-priority {
  z-index: 20;
}
.landscape .win-odds-container,
.portrait .win-odds-container {
  display: flex;
  justify-content: center;
  z-index: 5;
  position: absolute;
  top: -0.25rem;
  left: 3.7rem;
}
.landscape .win-odds,
.portrait .win-odds {
  width: 1.9rem;
  padding: 0;
  padding: 0;
  text-align: center;
  border-radius: 0.82rem;
  box-shadow: 0px 0rem 1rem rgba(0, 0, 0, 0.49);
}
.landscape .player-with-video .table-player-configs,
.portrait .player-with-video .table-player-configs {
  left: 3rem;
  top: -0.1rem;
  z-index: 5;
  background: #000;
}
.landscape .player-with-video .emoji-container,
.portrait .player-with-video .emoji-container {
  top: 1.3rem;
  left: -1.4rem;
  right: initial;
}
.landscape .player-with-video .video-container,
.portrait .player-with-video .video-container {
  display: flex;
  justify-content: center;
  overflow: hidden;
  height: 4.7rem;
  width: 5rem;
  border-radius: 0.2rem;
  position: absolute;
  top: -0.2rem;
  left: -0.9rem;
  z-index: 3;
  background: #000;
  box-shadow: 0 0.2rem 0.5em 0 rgba(0, 0, 0, 0.25);
}
.landscape .player-with-video .video-container video,
.portrait .player-with-video .video-container video {
  height: 100%;
}
.landscape .player-with-video .table-player-infos-ctn,
.portrait .player-with-video .table-player-infos-ctn {
  top: 74%;
  height: 52%;
  z-index: 2;
  background: rgba(51, 51, 51, 0.99);
}
.landscape .player-with-video .table-player-name-container,
.portrait .player-with-video .table-player-name-container {
  left: 4.5rem;
  top: 0.15rem;
}
.landscape .player-with-video .table-player-name,
.portrait .player-with-video .table-player-name {
  margin-top: 0 !important;
  font-size: 0.58rem;
}
.landscape .player-with-video .table-player-stack,
.portrait .player-with-video .table-player-stack {
  white-space: nowrap;
  width: initial;
  left: 4.5rem;
  font-size: 0.69rem;
  top: 0.8rem;
}
.landscape .player-with-video.decision-current:before,
.landscape .player-with-video.winner:before,
.portrait .player-with-video.decision-current:before,
.portrait .player-with-video.winner:before {
  top: 77%;
  height: 50%;
}
.landscape .player-with-video.winner .table-player-infos-ctn,
.portrait .player-with-video.winner .table-player-infos-ctn {
  box-shadow: 0 0rem 0.6em 0 rgba(0, 0, 0, 0.25),
    0 0rem 1.5em 0 rgba(223, 245, 43, 0.48) inset;
}
.landscape .player-with-video .player-hand-message-ctn,
.portrait .player-with-video .player-hand-message-ctn {
  top: 2.4rem;
  min-width: initial;
  left: initial;
  right: 0;
}
.landscape .player-with-video .player-hand-message-ctn .player-hand-message,
.portrait .player-with-video .player-hand-message-ctn .player-hand-message {
  font-size: 0.45rem;
}
.landscape .player-with-video .player-hand-message-ctn .name,
.portrait .player-with-video .player-hand-message-ctn .name {
  line-height: 0.55rem;
}
.landscape .player-with-video .player-hand-message-ctn.two-runs,
.portrait .player-with-video .player-hand-message-ctn.two-runs {
  top: 2.05rem;
}
.landscape .player-with-video .table-player-cards,
.portrait .player-with-video .table-player-cards {
  left: 4.2rem;
  z-index: 1;
}
.landscape .player-with-video .time-to-talk,
.portrait .player-with-video .time-to-talk {
  width: 60%;
}
.landscape .player-with-video .win-odds-container,
.portrait .player-with-video .win-odds-container {
  top: -0.2rem;
  left: auto;
  right: -0.5rem;
}
.landscape .player-with-video.four-cards .win-odds-container,
.portrait .player-with-video.four-cards .win-odds-container {
  transform: scale(0.8);
  top: 1.1rem;
  left: auto;
  right: -1rem;
}
.landscape .player-with-video.four-cards .table-player-cards,
.portrait .player-with-video.four-cards .table-player-cards {
  top: -0.29rem;
  transform: scale(0.98) rotate(10deg);
  left: 4.9rem;
}
.landscape .player-with-video .table-player-status-icon,
.portrait .player-with-video .table-player-status-icon {
  border-radius: 0.3rem;
  padding-left: 1.25rem;
  padding-top: 0.62rem;
  font-size: 0.4rem;
  padding-right: 0.5rem;
  right: 0.2rem;
  left: initial;
  height: 1.4rem;
  top: 1.1rem;
  color: #ababab;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.29);
  background: rgba(0, 0, 0, 0.5);
  width: 3.8rem;
  z-index: 1;
}
.landscape .player-with-video .table-player-status-icon:after,
.portrait .player-with-video .table-player-status-icon:after {
  top: 0.35rem !important;
  left: 0.25rem;
  font-size: 0.9rem;
  width: 1rem;
  height: 1rem;
}
.landscape .player-with-video .table-player-status-icon.fold,
.portrait .player-with-video .table-player-status-icon.fold {
  color: #ababab;
}
.landscape .player-with-video .table-player-chat-message,
.portrait .player-with-video .table-player-chat-message {
  bottom: -1rem;
  right: initial;
  left: -1rem;
  min-width: initial;
  width: 5.2rem;
}
.landscape .player-with-video .player-table-signals-container .numbers-signal,
.portrait .player-with-video .player-table-signals-container .numbers-signal {
  box-shadow: 0px 0rem 0.1rem rgba(0, 0, 0, 0.8);
}
.landscape .player-with-video .player-table-signals-container.top,
.portrait .player-with-video .player-table-signals-container.top {
  transform: scale(0.85);
  top: initial;
  bottom: -1.1rem;
  left: initial;
  right: 5.6rem;
}
.landscape .player-with-video .player-table-signals-container.bottom,
.portrait .player-with-video .player-table-signals-container.bottom {
  left: -1.1rem;
  bottom: -1rem;
}
.landscape .player-ledger-table,
.portrait .player-ledger-table {
  margin-bottom: 0.4rem;
  border: 0.05rem solid #e4e4e4;
  border-radius: 0.3rem;
  width: 100%;
}
.landscape .player-ledger-table:last-child,
.portrait .player-ledger-table:last-child {
  margin-bottom: 0;
}
.landscape .player-ledger-table td,
.portrait .player-ledger-table td {
  position: relative;
  padding: 0.4rem;
  border-top: 0.05rem solid #f3f3f3;
}
.landscape .player-ledger-table .player-id,
.portrait .player-ledger-table .player-id {
  font-size: 0.9rem;
  font-weight: bold;
}
.landscape .player-ledger-table .player-id span,
.portrait .player-ledger-table .player-id span {
  color: #d0d0d0;
  font-size: 0.7rem;
}
.landscape .player-ledger-table thead,
.portrait .player-ledger-table thead {
  font-weight: bold;
}
.landscape .player-ledger-table thead td,
.portrait .player-ledger-table thead td {
  border-top: 0;
}
.landscape .player-ledger-table tbody,
.portrait .player-ledger-table tbody {
  font-size: ;
}
.landscape .player-ledger-table tbody td,
.portrait .player-ledger-table tbody td {
  padding: 0.1rem 0.4rem;
}
.landscape .player-ledger-table .show-details-button,
.portrait .player-ledger-table .show-details-button {
  position: absolute;
  top: 0.45rem;
  right: 0;
  height: 1rem;
  line-height: 1rem;
  border-radius: 0.1rem;
  border: 1px solid #e4e4e4;
  font-size: 0.4rem;
  color: #000;
}
.landscape .player-ledger-table .movements,
.portrait .player-ledger-table .movements {
  padding-bottom: 0;
}
.landscape .player-ledger-table .negative-net,
.portrait .player-ledger-table .negative-net {
  color: #d75757;
}
.landscape .player-ledger-table .positive-net,
.portrait .player-ledger-table .positive-net {
  color: #2ad044;
}
.landscape .player-ledger-table-aux-table,
.portrait .player-ledger-table-aux-table {
  width: 100%;
  color: #7c7c7c;
  text-transform: uppercase;
  font-size: ;
}
.landscape .player-ledger-table-aux-table a,
.portrait .player-ledger-table-aux-table a {
  color: #7c7c7c;
}
.landscape .player-ledger-table-aux-table td,
.portrait .player-ledger-table-aux-table td {
  padding: 0.4rem;
}
.landscape .ledger-summary,
.portrait .ledger-summary {
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
  font-size: ;
}
.landscape .ledger-movement,
.portrait .ledger-movement {
  display: inline-block;
  margin-right: 0.2rem;
  width: 4rem;
  height: 1.8rem;
  margin-bottom: 0.2rem;
  border-radius: 0.2rem;
  padding-top: 0.15rem;
  box-sizing: border-box;
}
.landscape .ledger-movement .label,
.portrait .ledger-movement .label {
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  display: block;
  font-size: 0.4rem;
}
.landscape .ledger-movement .value,
.portrait .ledger-movement .value {
  font-weight: bold;
  text-align: center;
  width: 100%;
  display: block;
  font-size: 0.8rem;
}
.landscape .ledger-movement.light-green,
.portrait .ledger-movement.light-green {
  background: #9ccd85;
  color: #fff;
}
.landscape .ledger-movement.light-red,
.portrait .ledger-movement.light-red {
  background: #d85656;
  color: #fff;
}
.landscape .ledger-movement.red,
.portrait .ledger-movement.red {
  background: #ce301b;
  color: #fff;
}
.landscape .ledger-movement.green,
.portrait .ledger-movement.green {
  background: #4db544;
  color: #fff;
}
.landscape .ledger-movement.blue,
.portrait .ledger-movement.blue {
  background: #5c55a8;
  color: #fff;
}
.landscape .ledger-rows,
.portrait .ledger-rows {
  overflow-x: hidden;
  overflow-y: auto;
  left: 0;
  right: 0;
  position: absolute;
  top: 1.6rem;
  bottom: 2.1rem;
}
.landscape .waiting-container,
.portrait .waiting-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 31;
  display: flex;
  align-items: center;
  justify-content: center;
}
.landscape .waiting-container-center-container,
.portrait .waiting-container-center-container {
  color: #fff;
  background: rgba(0, 0, 0, 0.83);
  padding: 1rem;
  width: 15rem;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.41);
  border-radius: ;
}
.landscape .waiting-container-center-container .title,
.portrait .waiting-container-center-container .title {
  text-transform: uppercase;
  font-weight: lighter;
  margin: 0;
  font-size: 0.9rem;
  text-align: center;
  width: 100%;
  letter-spacing: 0.5rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #434343;
  margin-bottom: 0.8rem;
}
.landscape .new-game-form input[type="text"],
.portrait .new-game-form input[type="text"] {
  height: 3rem;
  line-height: 3rem;
  border-color: #b3b3b3;
  font-size: 1rem;
}
.landscape .new-game-form button[type="submit"],
.portrait .new-game-form button[type="submit"] {
  width: 100%;
}
.landscape .new-game-form p,
.portrait .new-game-form p {
  font-size: ;
  text-align: center;
  margin-top: 0;
  color: #aaa;
  margin-bottom: 0.5rem;
}
.landscape .sidebar-video,
.portrait .sidebar-video {
  width: 0;
  display: block;
  z-index: 30;
  background: #1e1e1e;
  height: 100%;
  padding-top: ;
  position: absolute;
  right: 0;
  top: 0;
  box-sizing: border-box;
  border-left: 0.2rem solid #282727;
}
.landscape .sidebar-video .sidebar-video-body,
.portrait .sidebar-video .sidebar-video-body {
  visibility: hidden;
}
.landscape .sidebar-video.open,
.portrait .sidebar-video.open {
  width: 9%;
}
.landscape .sidebar-video.open .sidebar-video-body,
.portrait .sidebar-video.open .sidebar-video-body {
  visibility: initial;
}
.landscape .sidebar-video .warning,
.portrait .sidebar-video .warning {
  color: #726e6e;
  width: 100%;
  text-align: center;
  font-size: 0.5rem;
}
.landscape .sidebar-video .title,
.portrait .sidebar-video .title {
  margin: 0;
  width: 100%;
  margin-bottom: 0.5rem;
  text-align: center;
  font-size: 0.45rem;
  font-weight: normal;
  text-transform: uppercase;
  color: #7a7676;
}
.landscape .sidebar-video .toggle-collapse-btn-ctn,
.portrait .sidebar-video .toggle-collapse-btn-ctn {
  height: 2rem;
  width: 1.5rem;
  top: 15.6rem;
  position: absolute;
  left: -1.5rem;
}
.landscape .sidebar-video .toggle-collapse-btn-ctn-counter,
.portrait .sidebar-video .toggle-collapse-btn-ctn-counter {
  position: absolute;
  top: -0.2rem;
  left: -0.2rem;
  font-size: 0.5rem;
  font-weight: bold;
  width: 0.7rem;
  height: 0.7rem;
  text-align: center;
  line-height: 0.7rem;
  border-radius: 50%;
  background: #131313;
  color: #fff;
}
.landscape .sidebar-video .toggle-collapse-btn,
.portrait .sidebar-video .toggle-collapse-btn {
  text-indent: -9999999px;
  height: 100%;
  width: 100%;
  border: none;
  background: #282727;
  border-radius: 0.5rem 0 0 0.5rem;
  text-transform: uppercase;
  cursor: pointer;
}
.landscape .sidebar-video .toggle-collapse-btn:before,
.portrait .sidebar-video .toggle-collapse-btn:before {
  line-height: 1rem;
  height: 1rem;
  position: absolute;
  top: 0.32rem;
  left: 0.35rem;
  font-size: 2rem;
  color: #9f9f9f;
  text-indent: initial;
  content: "»";
}
.landscape .sidebar-video .toggle-collapse-btn.collapsed:before,
.portrait .sidebar-video .toggle-collapse-btn.collapsed:before {
  content: "«";
}
.landscape .sidebar-video-element,
.portrait .sidebar-video-element {
  margin-bottom: 0.15rem;
  position: relative;
}
.landscape .sidebar-video-element .bottom-signals,
.portrait .sidebar-video-element .bottom-signals {
  position: absolute;
  width: 100%;
  bottom: -0.3rem;
}
.landscape .sidebar-video-element .signal,
.portrait .sidebar-video-element .signal {
  z-index: 3;
  display: inline-block;
  margin-right: 0.2rem;
}
.landscape .sidebar-video-element .player-name,
.portrait .sidebar-video-element .player-name {
  z-index: 3;
  position: absolute;
  color: #fff;
  bottom: 0;
  background: rgba(0, 0, 0, 0.29);
  width: 100%;
  font-size: 0.5rem;
  text-align: center;
}
.landscape .sidebar-video-element .video-container,
.portrait .sidebar-video-element .video-container {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  justify-content: center;
}
.landscape .sidebar-video-element video,
.portrait .sidebar-video-element video {
  height: 100%;
}
.landscape .sidebar-video-element .video,
.portrait .sidebar-video-element .video {
  cursor: pointer;
  box-shadow: 0 0.2rem 0.5em 0 rgba(0, 0, 0, 0.25);
  background: #111;
  border-radius: 0.2rem;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.landscape .sidebar-video-popover,
.portrait .sidebar-video-popover {
  z-index: 3;
  padding: 0.5rem;
  width: 8rem;
  left: -8rem;
  bottom: 0;
}
.landscape .sidebar-video-popover:before,
.portrait .sidebar-video-popover:before {
  bottom: 0.9rem;
  top: initial;
  right: -0.2rem;
}
.landscape .sidebar-video-popover button,
.portrait .sidebar-video-popover button {
  position: relative;
  z-index: 2;
  width: 100%;
  margin-bottom: 0.1rem;
}
.landscape .sidebar-video-popover button:last-child,
.portrait .sidebar-video-popover button:last-child {
  margin-bottom: 0;
}
.landscape .sidebar-players-videos,
.portrait .sidebar-players-videos {
  flex-direction: column;
  height: 30rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tos-agreement {
  box-sizing: border-box;
  color: #000;
  font-size: 0.7rem;
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  padding: 0.5rem 0.8rem;
  display: flex;
  align-items: center;
  box-shadow: 0 0 1rem 0 #000;
  justify-content: center;
}
.tos-agreement p {
  margin: 0;
  margin-right: 10px;
}
.tos-agreement p:last-child {
  margin-right: 0;
}
.tos-agreement a {
  color: #000;
}
.tos-agreement .decision-button {
  cursor: pointer;
  font-size: 0.7rem;
  border: none;
  font-weight: bold;
  display: inline-block;
  background: #70974b;
  color: #fff;
  padding: 0.2rem 2.5rem;
  text-decoration: none;
  border-radius: 5px;
}
.portrait .button-1.with-tip:before {
  display: none;
}
.portrait .modal {
  margin-left: initial;
  margin-top: initial;
  left: 0.5rem;
  right: 0.5rem;
  width: initial;
  top: 0.5rem;
  bottom: 0.5rem;
  height: initial;
}
.portrait .modal .modal-body {
  height: 27rem;
}
.portrait .modal .modal-body ul {
  padding-left: 1rem;
}
.portrait .alert-1 {
  font-size: 0.8rem;
  padding: 0.4rem;
  width: 95%;
}
.portrait .button-1 {
  font-size: 0.8rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border-width: 0.05rem;
  border-bottom-width: 0.1rem;
}
.portrait .button-1.log-download-button {
  width: initial;
}
.portrait .form-1-input-control input {
  border-width: 0.05rem;
  font-size: 0.8rem;
  height: 2.5rem;
  line-height: 2.5rem;
}
.portrait .choose-buttons {
  border-width: 0.05rem;
}
.portrait .choose-buttons button {
  font-size: 0.7rem;
}
.portrait .blind-level-table thead {
  font-size: 0.5rem;
}
.portrait .blind-level-table input {
  font-size: 0.85rem;
  padding: 0 0.4rem;
}
/* 方桌game-infos */
.portrait .game-infos {
  top: 16.5rem;
  width: 100%;
  left: 0;
  right: initial;
  z-index: 4;
  align-items: center;
}
.portrait .blind-value,
.portrait .blind-value.ante {
  font-size: 0.45rem;
  line-height: 0.5rem;
  color: #d1ffe6;
}
.portrait .seven-deuce {
  background-color: #800;
  color: #fff;
  padding: 0.2rem;
}
.portrait .next-blind-counter {
  font-size: 0.38rem;
  color: #d1ffe6;
}
.portrait .owner-table-name {
  font-size: 0.4rem;
  color: #d1ffe6;
}
.portrait .low {
  opacity: initial;
}
.portrait .action-buttons button,
.portrait .action-buttons input[type="submit"] {
  font-size: 0.5rem;
  padding: 0 0.3rem;
  height: 2.3rem;
  line-height: 2.3rem;
}
.portrait .action-buttons button:before,
.portrait .action-buttons input[type="submit"]:before {
  display: none !important;
}
.portrait .out-game-decisions {
  position: absolute;
  display: initial;
  right: 0.2rem;
  bottom: 0.4rem;
  left: 0.2rem;
  text-align: right;
}
.portrait .game-decisions-ctn {
  position: absolute;
  right: 0.2rem;
  left: 0.2rem;
  bottom: 0.2rem;
}
.portrait .game-decisions {
  display: initial;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: right;
}
.portrait .game-decisions button {
  width: 19%;
  padding: initial;
}
.portrait .game-decisions .call,
.portrait .game-decisions .raise {
  width: 28%;
}
.portrait .suspended-action {
  z-index: 30;
  position: absolute;
  right: 0;
  padding: 0;
  bottom: 2.6rem;
  height: 1.5rem;
  line-height: 1.4rem;
  font-size: 0.45rem;
  width: 5.6rem;
}
.portrait .suspended-action.high {
  bottom: 3.2rem;
}
.portrait .raise-controller-form {
  right: 0;
  left: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  width: initial;
}
.portrait .raise-controller-form .action-buttons {
  width: 5.4rem;
  bottom: 0.1rem;
}
.portrait .raise-bet-value {
  transform-origin: 0 0;
  position: absolute;
  left: 0;
  box-shadow: 0 0 3rem rgba(0, 0, 0, 0.31);
  top: -1.4rem;
  transform: scale(0.65);
}
.portrait .raise-controller {
  transform: scale(0.62);
  width: 18rem;
  transform-origin: 0 100%;
  position: absolute;
  bottom: 0;
  right: initial;
  left: 0;
  margin-left: 0;
}
.portrait .raise-controller .slider-control {
  width: 10.4rem;
  left: 3.7rem;
}
.portrait .raise-controller .slider-control::-webkit-slider-thumb {
  width: 1.6rem;
  height: 1.6rem;
}
.portrait .raise-controller .slider-control::-moz-range-thumb {
  width: 1.6rem;
  height: 1.6rem;
}
.portrait .raise-controller .control-button {
  width: 3.5rem;
}
.portrait .table-player-chat-message {
  font-size: 0.45rem;
  z-index: 100;
}
.portrait .request-ingress-popover {
  transform-origin: 0 0;
  transform: scale(0.95);
}
.portrait .config-top-tabs {
  margin-top: 0.5rem;
  font-size: 0.46rem;
  box-sizing: initial;
  height: initial;
  padding: 0;
}
.portrait .config-top-tabs button:last-child {
  margin-right: 0;
}
.portrait .config-top-tab-buttton {
  height: 3rem;
  padding: 0 0.5rem !important;
}
.portrait .config-col-1,
.portrait .config-col-2 {
  width: initial;
  float: initial;
}
.portrait .config-player-row {
  height: initial;
}
.portrait .config-player-row .name {
  font-size: 1rem;
}
.portrait .config-player-row .status {
  font-size: 0.8rem;
  margin-bottom: 0.4rem;
}
.portrait .player-action-buttons {
  position: initial;
  font-size: 0.8rem;
  height: 2.5rem;
}
.portrait .player-action-buttons button {
  margin-left: initial;
  margin-right: 0.2rem;
}
.portrait .top-buttons {
  width: initial;
  transform-origin: 0 0;
  transform: scale(0.8);
  top: 0.3rem;
  left: 0.3rem;
}
.portrait .config-warning-popover {
  top: 3.2rem;
  left: 0;
}
.portrait .config-warning-popover:before {
  top: -0.2rem;
  left: 1.1rem;
}
.portrait .top-buttons-button {
  border-radius: 0 !important;
  width: 2.4rem;
  border: none !important;
  color: #fff;
}
.portrait .top-buttons-button.quit {
  width: 2.65rem;
}
.portrait .top-buttons-button:before {
  left: 0.45rem !important;
  color: #fff !important;
}
.portrait .top-buttons-button.highlight {
  background: inherit;
  color: #e9f35e;
}
.portrait .top-buttons-button.highlight:before {
  color: #e9f35e !important;
}
.portrait .top-buttons-button.stand-up {
  width: 2.2rem;
}
.portrait .top-buttons-button.stand-up:before {
  left: 0.3rem !important;
}
.portrait .options-ctn-bubble {
  left: 0;
  right: initial;
}
.portrait .log-modal .modal-body {
  font-size: 0.5rem;
  line-height: 0.8rem;
  height: 26.7rem;
}
.portrait .log-modal-body {
  height: initial;
  position: relative;
  margin-bottom: 0.2rem;
  z-index: 1;
}
.portrait .log-modal-body .log-modal-entries {
  height: 20rem;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  font-size: 0.65rem;
}
.portrait .log-modal-body .log-modal-entries .entry-ctn {
  grid-template-columns: 2.3rem;
}
.portrait .log-modal-body .log-modal-entries .entry-ctn .content,
.portrait .log-modal-body .log-modal-entries .entry-ctn .at {
  line-height: 1.02rem;
}
.portrait .log-modal-controls {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.1rem;
  width: 100%;
  z-index: 2;
  grid-template-areas: "button-1 button-2" "button-3 button-4";
}
.portrait .log-modal-controls button {
  padding: 0;
  margin: 0 !important;
}
.portrait .log-modal-controls .full-log-button {
  grid-area: button-1;
}
.portrait .log-modal-controls .ledger-button {
  grid-area: button-2;
}
.portrait .log-modal-controls .cash-button {
  grid-area: button-3;
}
.portrait .log-modal-controls .log-download-button-ctn {
  grid-area: button-4;
}
.portrait .log-modal-controls .log-download-button-ctn button {
  width: 100%;
}
.portrait .log-modal-body-controls {
  position: relative !important;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.1rem;
}
.portrait .log-modal-body-controls button {
  margin: 0 !important;
}
.portrait .log-download-captcha {
  width: 13.5rem;
  right: initial;
  left: -7rem;
}
.portrait .log-download-captcha .g-recaptcha {
  transform: scale(0.9) !important;
}
.portrait .help-link-game {
  display: none;
}
.portrait .version-link-in-game {
  display: none;
}
.portrait .chat {
  top: initial;
  bottom: 0;
  left: 0;
  right: initial;
  z-index: 40;
  width: 100%;
}
.portrait .chat-channel-selector button {
  width: 7.45rem;
}
.portrait .chat-new-message-form {
  width: 100%;
  height: 2.5rem;
  top: initial;
  bottom: 0;
  z-index: 102;
}
.portrait .chat-new-message-form:after {
  top: 0.9rem;
}
.portrait .chat-container {
  height: 15rem;
  width: 100%;
  box-shadow: 0 0 3rem rgba(0, 0, 0, 0.6);
  font-size: 0.7rem;
  z-index: 101;
  padding-bottom: 2.6rem;
}
.portrait .chat-container .messages {
  right: 0.4rem;
  bottom: 4rem;
}
.portrait .chat-messages-container {
  grid-column: 2/4;
}
.portrait .chat-message-container {
  font-size: 0.7rem;
}
.portrait .show-log-button:before {
  display: none;
}
.portrait .aux-chat-bottom-buttons-ctn {
  display: grid;
  grid-template-rows: auto auto;
  position: absolute;
  left: 0.55rem;
  width: 3.4rem;
  top: 25.6rem;
  border: 0.05rem solid #787878;
  border-radius: 0.25rem;
}
.portrait .aux-chat-bottom-buttons-ctn .log-button-container {
  grid-row: 1;
}
.portrait .aux-chat-bottom-buttons-ctn .show-chat-button {
  grid-row: 2;
}
.portrait .aux-chat-bottom-buttons-ctn .small-button {
  display: block !important;
  border: none;
  width: 100%;
  height: 1.3rem;
  line-height: 1.3rem;
}
.portrait .conf-controls {
  height: initial;
  width: initial;
  bottom: 2.78rem;
  left: 4.1rem;
}
.portrait .conf-controls .camera {
  display: none;
}
.portrait .conf-controls .conf-control {
  width: 1.5rem;
  height: 2.75rem;
  background: transparent;
  border: 0.05rem solid #787878;
  backdrop-filter: blur(1rem);
}
.portrait .conf-controls .conf-control.active {
  border-color: #72b771;
}
.portrait .conf-controls .conf-control:after {
  top: 0.9rem;
  left: 0.29rem;
}
.portrait .conf-controls .conf-control:before {
  display: none;
}
.portrait .log-button-container {
  border-bottom: 0.05rem solid #787878;
}
.portrait .disconnect-warning {
  padding: 0.3rem 0.2rem;
  font-size: ;
}
.portrait .full-screen-button {
  transform-origin: 100% 100%;
  transform: scale(0.78);
  top: initial;
  bottom: 5.5rem;
  right: 0.2rem;
}
.portrait .remove-button {
  width: 2.5rem;
}
.portrait .intro-main-form-container {
  left: 0.5rem;
  right: 0.5rem;
  width: initial;
}
.portrait .main-call {
  width: initial;
  left: 0.5rem;
  right: 0.5rem;
}
.portrait .main-call .title {
  margin-left: initial;
  font-size: 2.3rem;
  text-align: center;
}
.portrait .main-call .call {
  font-size: 0.7rem;
  text-align: center;
}
.portrait .home-footer {
  display: none;
}
.portrait .beta-sign {
  padding-left: 0.3rem;
  font-size: ;
}
.portrait .main-home-container {
  display: none;
}
.portrait .xlm-warning {
  display: none;
}
.portrait .version-link.version-link-in-home {
  display: none;
}
.portrait .game-list-container {
  display: none;
}
.portrait .home-division {
  display: none;
}
.portrait .next-hand-button {
  width: 5.5rem;
  margin-left: -2.75rem;
  top: 19rem;
}
.portrait .next-hand-button:before {
  display: none !important;
}
.portrait .games-list-container {
  display: none;
}
.portrait .external-club-infos-ctn {
  mix-blend-mode: hard-light;
  opacity: 0.6;
  border-radius: 0.2rem;
  bottom: 21.1rem;
  top: initial;
  width: 4rem;
  left: 6.7rem;
  display: block;
  height: initial;
}
.portrait .external-club-infos-ctn p,
.portrait .external-club-infos-ctn a {
  padding: 0.15rem 0 !important;
  text-align: center;
  height: initial !important;
  line-height: initial !important;
  text-decoration: none;
}
.portrait .external-club-infos-ctn .logout {
  background: #4c4a4a;
}
.portrait .choose-buttons.normal-height {
  height: 2.5rem;
}
.portrait .choose-buttons.normal-height button {
  font-size: 1rem;
  height: 2.5rem;
  line-height: 2.5rem;
}
.portrait .choose-buttons.intro-height {
  height: 2.5rem;
}
.portrait .choose-buttons.intro-height button {
  font-size: 0.8rem;
  height: 2.5rem;
  line-height: 2.5rem;
}
.portrait .stack-input-field.editing input {
  padding-left: 11rem;
}
.portrait .add-remove-choose-buttons {
  width: 10.5rem;
}
.portrait .stack-container-info span {
  width: 10.8rem;
}
.portrait .row-fluid {
  flex-direction: column;
}
.portrait .row-fluid .col {
  flex: 0 0 100%;
  width: 100% !important;
  margin-right: 0 !important;
}
.portrait .action-signal {
  padding-left: ;
  font-size: 0.5rem;
}
.portrait .action-signal:after {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  top: 0.09rem;
}
.portrait .action-signal.suspended {
  top: -2.6rem;
}
.portrait .button-1.time-bank {
  font-size: 0.32rem;
}
.portrait .top-right-buttons {
  transform-origin: 100% 0;
  display: flex;
  transform: scale(0.65);
  top: 0.2rem;
  width: initial;
  right: 0.1rem;
}
.portrait .top-right-buttons .with-tip-top-right-button-ctn {
  margin-right: 0.2rem;
}
.portrait .top-right-buttons .with-tip-top-right-button-ctn .tip {
  display: none;
}
.portrait .top-right-buttons .pause-game-button:before {
  display: none;
}
.portrait .top-right-buttons .dark-gray {
  color: #c7c7c7;
  border-color: #c7c7c7;
}
.portrait .chat-expand-button {
  display: none;
}
.portrait .new-messages-chat {
  font-size: ;
  bottom: 3.5rem;
  right: 0.5rem;
}
.portrait .spectators-count-ctn {
  display: none;
}
.portrait .rit-container button {
  width: 2.5rem;
  height: 2rem;
  line-height: 2rem;
}
.portrait .win-odds-container {
  transform: scale(0.72);
  top: -0.5rem;
  left: 3.4rem;
}
.portrait .alert-rebuy .decisions {
  flex-direction: column;
}
.portrait .alert-rebuy .popup-bottom {
  flex-direction: column;
}
.portrait .alert-rebuy .alert-1-buttons button {
  flex-basis: 0;
  flex-grow: 1;
}
.portrait .alert-rebuy .rebuy-infos {
  font-size: ;
  text-align: center;
  gap: 0;
  margin-bottom: 0.2rem;
}
.portrait .review-hand-popover {
  bottom: 2.1rem;
  padding: 0.3rem;
  width: 7rem;
}
.portrait .review-hand-popover .open-review {
  font-size: 0.5rem;
  height: 1.7rem;
  line-height: 1.7rem;
}
.portrait .review-hand-popover .footer {
  flex-direction: column;
}
.portrait .review-hand-popover .footer button {
  width: 100%;
}
.portrait .review-hand-popover .checkbox {
  font-size: 0.45rem;
}
.portrait .review-hand-popover:before {
  left: ;
  border-left: 0.3rem solid transparent;
  border-top: 0.3rem solid #fff;
  border-right: 0.3rem solid transparent;
  border-bottom: 0.3rem solid transparent;
  bottom: -0.55rem;
}
.portrait .player-table-signals-container .numbers-signal {
  transform: scale(0.75);
}
.portrait .not-seated-players-audio-ctn {
  position: absolute;
  top: 0;
  left: 0;
}
.portrait .not-seated-players-audio-popover {
  font-size: 0.85rem;
  padding: 0.5rem;
  width: 15rem;
  position: absolute;
  top: 2.3rem;
  right: 0;
}
.portrait .not-seated-players-audio-popover:before {
  bottom: initial;
  right: 1rem;
  left: initial;
  top: -1.3rem;
  transform: rotate(180deg);
}
.portrait .not-seated-players-audio-popover .player-ctn {
  display: flex;
  border-bottom: 0.05rem solid #d5d5d5;
  padding: 0.5rem 0;
  align-items: center;
  justify-content: space-between;
}
.portrait .not-seated-players-audio-popover .player-ctn .name-status {
  display: flex;
  align-items: center;
}
.portrait .not-seated-players-audio-popover .player-ctn .signal {
  margin-right: 0.2rem;
}
.portrait .not-seated-players-audio-popover .player-ctn:first-child {
  padding-top: 0;
}
.portrait .not-seated-players-audio-popover .player-ctn:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.portrait .table-player {
  height: 3.59rem;
}
.portrait .table {
  /* 方桌 */
  /* background-image:url(https://good-rte.oss-cn-beijing.aliyuncs.com/image/20230530/84384a16bf2f0a4c66581537b539c509.png); */
  background-image: url("../static/table_square_green.png");
  background-size: 100% 27.6rem;
  background-position: 0 -0.5rem;
  background-repeat: no-repeat;
  height: 27.6rem;
  width: 17.4rem;
  top: 0.3rem;
}
.portrait .table.glow:before {
  opacity: 0;
}
.portrait .table .top-pot-warning {
  top: initial;
  bottom: 18.7rem;
  opacity: 0.8;
}
.portrait .table .top-pot-warning .mtt-infos {
  border-radius: 0.2rem;
  flex-direction: column;
  font-size: 0.4rem;
}
.portrait .table .top-pot-warning .mtt-infos .info-ctn {
  width: 100%;
  padding: 0.1rem 0.1rem;
  text-align: center;
  box-sizing: border-box;
}
.portrait .table .top-pot-warning .mtt-infos .table-number {
  border-radius: 0;
}
/* 方桌 tablePots */
.portrait .table-pot-size {
  width: 3.9rem;
  height: 1.1rem;
  top: 10.3rem;
  left: 6.7rem;
}
.portrait .table-pot-size .main-value {
  height: 1.1rem;
  line-height: 1.1rem;
  background: transparent;
  font-size: 0.7rem;
}
.portrait .table-pot-size .add-on-container {
  top: -0.35rem;
  height: ;
}
.portrait .table-pot-size .add-on {
  padding: 0 0.2rem;
  line-height: ;
  color: #fff;
  font-size: 0.35rem;
  border-radius: 0.2rem;
}
.portrait .table-pot-size .add-on small {
  color: #66a480;
  font-size: 0.3rem;
}
.portrait .table-player {
  width: 5rem;
}
.portrait .table-player.decision-current:before,
.portrait .table-player.winner:before {
  content: "";
  display: block;
  height: 1.9rem;
  bottom: 0;
  border-radius: 0.3rem;
  position: absolute;
  background: red;
  width: 100%;
}
.portrait .table-player.decision-current:before {
  box-shadow: 0 0 3em 0 #c3bfff;
}
.portrait .table-player.winner:before {
  box-shadow: 0 0 3em 0 #e9ff63;
}
.portrait .table-player-infos-ctn {
  position: absolute;
  z-index: 4;
  background: rgba(51, 51, 51, 0.98);
  height: 1.9rem;
  box-shadow: 0 0rem 0.5em 0 rgba(0, 0, 0, 0.25) !important;
  bottom: 0;
}
.portrait .table-player-name-container {
  left: 0.5rem !important;
  top: 0.3rem !important;
}
.portrait .table-player-name {
  margin-top: 0 !important;
  font-size: 0.5em !important;
}
.portrait .table-player-stack {
  width: initial;
  left: 0.5rem !important;
  top: 0.9rem;
  font-size: 0.5rem;
}
.portrait .table-player-10 {
  right: 0.1rem;
  top: 20rem;
  left: initial;
}
.portrait .table-player-9 {
  top: 15.5rem;
  left: initial;
  right: 0.1rem;
}
.portrait .table-player-8 {
  top: 7.7rem;
  left: initial;
  right: 0.1rem;
}
.portrait .table-player-7 {
  top: 3rem;
  left: initial;
  right: 0.1rem;
}
.portrait .table-player-6 {
  top: 0rem;
  left: 6.2rem;
}
.portrait .table-player-5 {
  top: 3rem;
  left: 0.1rem;
}
.portrait .table-player-4 {
  top: 7.7rem;
  left: 0.1rem;
}
.portrait .table-player-3 {
  top: 15.5rem;
  left: 0.1rem;
}
.portrait .table-player-2 {
  top: 20rem;
  left: 0.1rem;
}
.portrait .table-player-1 {
  top: 24rem;
  left: 6.2rem;
}
.portrait .table-player-1 .dealer-button {
  left: 0;
  top: -1.35rem;
}
.portrait .table-player-1 .request-ingress-popover {
  left: initial;
  right: -3.7rem;
  bottom: 3.4rem;
}
.portrait .table-player-2 .dealer-button {
  right: 4.5rem;
  top: -2.4rem;
}
.portrait .table-player-3 .dealer-button {
  right: -3.1rem;
  top: 0.8rem;
}
.portrait .table-player-4 .dealer-button,
.portrait .table-player-3 .dealer-button,
.portrait .table-player-2 .dealer-button {
  right: -1.3rem;
  top: 2.1rem;
}
.portrait .table-player-4 .request-ingress-popover,
.portrait .table-player-3 .request-ingress-popover,
.portrait .table-player-2 .request-ingress-popover {
  left: initial;
  top: initial;
  bottom: -1rem;
  right: -12.5rem;
}
.portrait .table-player-4 .request-ingress-popover:before,
.portrait .table-player-3 .request-ingress-popover:before,
.portrait .table-player-2 .request-ingress-popover:before {
  bottom: 1.6rem;
  right: initial;
  left: -1.55rem;
  transform: rotate(90deg);
}
.portrait .table-player-5 .dealer-button {
  right: -1.3rem;
  top: 1.6rem;
}
.portrait .table-player-5 .request-ingress-popover {
  right: -12.5rem;
}
.portrait .table-player-stack-prize {
  display: inline;
  font-size: inherit;
  margin-left: 0.1rem;
}
.portrait .room-owner-paused {
  top: 19rem;
  font-size: ;
}
.portrait .room-owner-paused.rh-message {
  display: none;
}
.portrait .table-player-6 .dealer-button {
  left: 0;
  right: initial;
  top: 3.6rem;
}
.portrait .table-player-6 .request-ingress-popover {
  bottom: initial;
  top: 4rem;
  right: -3.5rem;
}
.portrait .table-player-6 .request-ingress-popover:before {
  top: -0.5rem;
  bottom: initial;
  right: 5.2rem;
}
.portrait .table-player-7 .dealer-button {
  top: 1.6rem;
  bottom: initial;
  left: -1.3rem;
}
.portrait .table-player-7 .request-ingress-popover {
  left: -12rem;
  bottom: initial;
  top: 0;
}
.portrait .table-player-7 .request-ingress-popover:before {
  top: initial;
  transform: rotate(270deg);
  bottom: initial;
  right: -0.75rem;
}
.portrait .table-player-8 .dealer-button,
.portrait .table-player-9 .dealer-button,
.portrait .table-player-10 .dealer-button {
  top: 2.1rem;
  bottom: initial;
  left: -1.3rem;
}
.portrait .table-player-8 .request-ingress-popover,
.portrait .table-player-9 .request-ingress-popover,
.portrait .table-player-10 .request-ingress-popover {
  left: -12rem;
  bottom: -1rem;
  top: initial;
}
.portrait .table-player-8 .request-ingress-popover:before,
.portrait .table-player-9 .request-ingress-popover:before,
.portrait .table-player-10 .request-ingress-popover:before {
  top: initial;
  transform: rotate(270deg);
  bottom: 1.55rem;
  right: -0.75rem;
}
.portrait .table-player-cards {
  transform: scale(0.72);
  left: 0.4rem;
  top: -0.21rem;
}
.portrait .player-hand-message-ctn,
.portrait .four-cards .player-hand-message-ctn {
  transform-origin: 100% 0;
  min-width: initial;
  left: initial;
  right: 0;
  top: 1.5rem;
  transform: scale(0.75);
}
.portrait .player-hand-message-ctn.two-runs {
  top: 1.25rem;
}
.portrait .four-cards .table-player-cards {
  transform: scale(0.72) rotate(7deg);
  top: -0.4rem;
  left: 0.65rem;
}
.portrait .table-cards {
  transform-origin: 0 0;
  transform: scale(0.54);
  top: 11.8rem;
  left: 2.2rem;
}
.portrait .table-cards.run-2 {
  top: 48.5%;
  left: 15%;
}
.portrait .table-player-bet-value {
  font-size: ;
}
.portrait .table-player-1 .table-player-bet-value {
  top: -45%;
  left: 20%;
}
.portrait .table-player-2 .table-player-bet-value {
  top: 19%;
  left: 95%;
}
.portrait .table-player-3 .table-player-bet-value {
  top: 19%;
  left: 95%;
}
.portrait .table-player-4 .table-player-bet-value {
  top: 19%;
  left: 95%;
}
.portrait .table-player-5 .table-player-bet-value {
  top: 82%;
  left: 95%;
}
.portrait .table-player-6 .table-player-bet-value {
  top: 105%;
  left: 20%;
}
.portrait .table-player-7 .table-player-bet-value {
  top: 82%;
  right: 100%;
  left: initial;
}
.portrait .table-player-8 .table-player-bet-value {
  right: 100%;
  top: 19%;
}
.portrait .table-player-9 .table-player-bet-value {
  top: 19%;
  right: 100%;
}
.portrait .table-player-10 .table-player-bet-value {
  top: 19%;
  right: 100%;
}
.portrait .time-to-talk {
  width: 100% !important;
  height: 0.15rem;
}
.portrait .table-player-seat-position-number {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.5rem;
}
.portrait .table-player-seat {
  border-color: rgba(255, 255, 255, 0.3);
}
.portrait .table-player-seat:hover .table-player-seat-position-number {
  color: #fff;
}
.portrait .table-player-seat-button {
  color: #fff;
  font-size: 0.5rem;
}
.portrait .table-player-status-icon {
  border-radius: 0.3rem;
  padding-left: 1.25rem;
  padding-top: 0.62rem;
  font-size: 0.3rem;
  padding-right: 0.5rem;
  height: 2rem;
  top: 0.15rem;
  color: #ababab;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.29);
  background: rgba(0, 0, 0, 0.72);
  height: 2rem;
  width: 2.3rem;
}
.portrait .table-player-status-icon:after {
  top: 0.28rem !important;
  left: 0.25rem;
  font-size: 0.9rem;
  width: 1rem;
  height: 1rem;
}
.portrait .table-player-status-icon.fold {
  display: none;
}
.portrait .table-warning-ctn {
  left: 2.2rem;
  right: 2.2rem;
  top: 11.65rem;
  padding: 0.5rem;
  height: initial !important;
  margin-left: 0;
  width: initial;
  border-radius: 0.3rem;
}
.portrait .table-warning-ctn input[type="text"] {
  width: 100%;
  position: relative;
  top: initial;
  left: initial;
  font-size: 0.5rem;
}
.portrait .table-warning-ctn p {
  top: initial;
  font-size: ;
  position: relative;
}
.portrait .player-table-signals-container.top {
  display: none !important;
}
.portrait .emoji-select-button {
  display: none;
}
.portrait .emoji-container {
  display: none;
}
.portrait .table-game-type {
  font-size: ;
  top: 14.3rem;
}
.portrait .table-player.winner .table-player-infos-ctn {
  box-shadow: 0 0rem 0.5em 0 rgba(0, 0, 0, 0.25),
    0 0rem 1.5em 0 rgba(223, 245, 43, 0.48) inset !important;
}
.portrait .four-cards .win-odds-container {
  top: 0;
  left: 3.7rem;
}
.emoji-mart,
.emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15;
}

.emoji-mart {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
}

.emoji-mart .emoji-mart-emoji {
  padding: 6px;
}

.emoji-mart-bar {
  border: 0 solid #d9d9d9;
}
.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  line-height: 0;
}

.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  color: #858585;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color 0.1s ease-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none;
}
.emoji-mart-anchor:focus {
  outline: 0;
}
.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
  color: #464646;
}

.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}

.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #464646;
}

.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}

.emoji-mart-anchors svg,
.emoji-mart-anchors img {
  fill: currentColor;
  height: 18px;
  width: 18px;
}

.emoji-mart-scroll {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */
}

.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative;
}

.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 5px 25px 6px 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  outline: 0;
}

.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
  /* remove webkit/blink styles for <input type="search">
     * via https://stackoverflow.com/a/9422689 */
  -webkit-appearance: none;
}

.emoji-mart-search-icon {
  position: absolute;
  top: 7px;
  right: 11px;
  z-index: 2;
  padding: 2px 5px 1px;
  border: none;
  background: none;
}

.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
}

.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%;
}

.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.95);
}

.emoji-mart-category-list {
  margin: 0;
  padding: 0;
}

.emoji-mart-category-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}

.emoji-mart-emoji-native {
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI",
    "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji";
}

.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}
.emoji-mart-no-results-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}
.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: 0.2em;
}
.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}

.emoji-mart-preview {
  position: relative;
  height: 70px;
}

.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.emoji-mart-preview-emoji {
  left: 12px;
}

.emoji-mart-preview-data {
  left: 68px;
  right: 12px;
  word-break: break-all;
}

.emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
}

.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right;
}

.emoji-mart-preview-name {
  font-size: 14px;
}

.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888;
}
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: 0.5em;
}

.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
}

.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}

.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}

.emoji-mart-title-label {
  color: #999a9c;
  font-size: 26px;
  font-weight: 300;
}

.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}

.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff;
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: 0.75;
}

.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: 0.125s;
  transition-timing-function: ease-out;
}

.emoji-mart-skin-swatch:nth-child(1) {
  transition-delay: 0s;
}
.emoji-mart-skin-swatch:nth-child(2) {
  transition-delay: 0.03s;
}
.emoji-mart-skin-swatch:nth-child(3) {
  transition-delay: 0.06s;
}
.emoji-mart-skin-swatch:nth-child(4) {
  transition-delay: 0.09s;
}
.emoji-mart-skin-swatch:nth-child(5) {
  transition-delay: 0.12s;
}
.emoji-mart-skin-swatch:nth-child(6) {
  transition-delay: 0.15s;
}

.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}

.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: 0.125s;
  transition-timing-function: ease-out;
  cursor: default;
}

.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}

.emoji-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0;
}

.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%;
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}

.emoji-mart-skin-swatches.custom.opened
  .emoji-mart-skin-swatch.custom.selected:after {
  opacity: 0.75;
}

.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff;
}

.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}

.emoji-mart-skin-tone-1 {
  background-color: #ffc93a;
}
.emoji-mart-skin-tone-2 {
  background-color: #fadcbc;
}
.emoji-mart-skin-tone-3 {
  background-color: #e0bb95;
}
.emoji-mart-skin-tone-4 {
  background-color: #bf8f68;
}
.emoji-mart-skin-tone-5 {
  background-color: #9b643d;
}
.emoji-mart-skin-tone-6 {
  background-color: #594539;
}

/* For screenreaders only, via https://stackoverflow.com/a/19758620 */
.emoji-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/*
 * Dark mode styles
 */

.emoji-mart-dark {
  color: #fff;
  border-color: #555453;
  background-color: #222;
}

.emoji-mart-dark .emoji-mart-bar {
  border-color: #555453;
}

.emoji-mart-dark .emoji-mart-search input {
  color: #fff;
  border-color: #555453;
  background-color: #2f2f2f;
}

.emoji-mart-dark .emoji-mart-search-icon svg {
  fill: #fff;
}

.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
  background-color: #444;
}

.emoji-mart-dark .emoji-mart-category-label span {
  background-color: #222;
  color: #fff;
}

.emoji-mart-dark .emoji-mart-skin-swatches {
  border-color: #555453;
  background-color: #222;
}

.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
  color: #bfbfbf;
}

/* 圆桌head */
.landscape .head .ava {
  height: 56px;
  width: 56px;
  /* vertical-align: baseline; */
}
.landscape .head .head_info {
  display: inline-block;
  height: 56px;
  line-height: 56px;
  font-size: 24px;
}

.landscape .head .head_info .hi_top {
  display: inline-block;
  height: 56px;
}
.landscape .head .head_info .hi_top .ht_name {
  height: 28px;
  line-height: 28px;
}
.landscape .head .head_info .hi_top .ht_id {
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  color: rgb(11, 11, 11);
}

.landscape .head .head_info .hi_bottom {
  display: inline;
  position: absolute;
}

/* 方桌head */
.landscape .head,
.portrait .head {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  display: flex;
}

.portrait .head .ava {
  height: 56px;
  width: 56px;
}

.portrait .head .head_info {
  height: 56px;
}

.portrait .head .head_info .hi_top .ht_id {
  display: none;
}
.portrait .head .head_info .hi_top,
.portrait .head .head_info .hi_bottom {
  height: 28px;
  line-height: 28px;
}