@mobile: ~"only screen and (max-width: 900px)";
@landscape: ~"only screen and (orientation: landscape)";
@portrait: ~"only screen and (orientation: portrait)";
@tabs-width: 250px;
@font-family: 'troika', 'Arial', 'Helvetica', 'sans-serif';
@regular-font-family: 'Arial', 'Helvetica', 'sans-serif';
@assetPath: ~"../assets";
@ui-brown: #462a13;
@ui-blue: #2ab1e9;
@ui-bright-blue: #a1c1db;
@ui-orange: #f8b355;

@import "./loading.less";
@import "./splash.less";
@import "./info.less";
@import "./rules.less";

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}

.noselect, div, span, a, p, h1, h2, h3, h4 {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.menu {
  z-index: 100;
}

.gameUI {
  
  .paylines .flex-container {
    display: inline-block;
  }
  
  .paylines .square {
    display: inline-flex;
  }

  .sprite {
    display: inline-block;
    overflow: hidden;
  }
}

h1 {
  margin-top: 3.5vmax;
  font-size: 3.25em;
  text-align: center;
  font-family: @font-family;
  background: -webkit-linear-gradient(#a1c1db, #1891cf);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  word-break: break-word;
  filter: drop-shadow(0px 0.15em 0.1em #030619);
}

.settings .content:not(.SETTINGS) {
  padding: 0 !important;
}

.settings .content .replay {
  @media @portrait {
    font-size: 2.25em !important;
  }
  @media @landscape {
    font-size: 2.75em !important;
  }
}

.logo {
  margin: auto;
  margin-bottom: -4vw;
  margin-top: -1vw;
  @media @landscape {
    max-width: 60%;
  }
  @media @portrait {
    max-width: 90%;
  }
}

// menu items /////////////////////////////////////////////////

.settings {

  .replay {
    justify-content: center;
    .replay-header,
    .replay-button {
      color: @ui-orange;
      padding: 40px 0;
      display: flex;
  
      &.replay-header {
        font-family: @font-family;
        font-weight: bold;
      }
    }
  }
  
  .advance-area {
    font-family: @font-family;
    color: @ui-bright-blue;
    @media @landscape {
      padding: 0 10%;
    } 
    width: 80vw;
    max-width: 1000px;
    margin: 0 auto !important;
    margin-top: 15px !important;
  }

  .content .sub-divider {
    height: 2px !important;
    margin-left: 0px !important;
    margin-bottom: 4vh !important;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(@ui-orange), to(transparent), color-stop(75%, @ui-orange)) !important;
  }

  .content .title-currency {
    font-family : @font-family;
    font-weight: 400;
    font-size: 21px !important;
    margin-bottom: -23px;
  }

  #mainGameBet {
    @media @portrait {
      width: 100% !important;
    }
    @media @landscape {
      width: 100% !important;
    }
  }
}

// partially supported languages
.vi_VN, .km_KH {
  #splash-screen .title-1,
  #splash-screen .title-2,
  #splash-screen .continue,
  .current-bet,
  .title-currency,
  .submenu-header,
  .advanced-slider,
  .toggle,
  .replay-header,
  .feature-bet-amount,
  .INFO .center-text,
  ul,
  h1,
  h2 {
    font-family: sans-serif, Arial, Helvetica !important;
    font-weight: bold !important
  }
}