/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/header.vue?vue&type=style&index=0&id=466dc9e4&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-466dc9e4] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-466dc9e4] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-466dc9e4] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-466dc9e4] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-466dc9e4] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
header[data-v-466dc9e4] {
  position: relative;
  width: 100%;
  height: 25px;
  background: #081C2B;
  z-index: 300;
}
header .user[data-v-466dc9e4] {
  position: absolute;
  top: 4px;
  left: 15px;
}
header .user.ranked img[data-v-466dc9e4] {
  position: absolute;
  top: -4px;
  left: -15px;
  height: 25px;
}
header .user.ranked .user-link[data-v-466dc9e4] {
  padding-left: 50px;
}
header .user .user-link[data-v-466dc9e4] {
  font-size: 14px;
  text-decoration: none;
}
header .user .user-link span[data-v-466dc9e4] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
}
header .user .turn-link[data-v-466dc9e4] {
  padding-left: 10px;
  color: #41778C;
  text-decoration: none;
}
header .user .turn-link.fade-enter[data-v-466dc9e4],
header .user .turn-link.fade-leave-to[data-v-466dc9e4] {
  opacity: 0;
}
header .user .turn-link.fade-enter-active[data-v-466dc9e4],
header .user .turn-link.fade-leave-active[data-v-466dc9e4] {
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
header .rating[data-v-466dc9e4] {
  display: inline-block;
  position: absolute;
  top: 25px;
  padding: 5px 14px;
  background: #04324D;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
}
header .signup[data-v-466dc9e4] {
  position: relative;
  top: 5px;
  height: 15px;
  width: 161px;
  margin: 0 auto;
}
header .logo[data-v-466dc9e4] {
  display: block;
  position: relative;
  top: 5px;
  height: 15px;
  width: 161px;
  margin: 0 auto;
}
header .logo.loading[data-v-466dc9e4] {
  -webkit-animation: loading-466dc9e4 0.25s alternate infinite;
  -moz-animation: loading-466dc9e4 0.25s alternate infinite;
  -o-animation: loading-466dc9e4 0.25s alternate infinite;
  animation: loading-466dc9e4 0.25s alternate infinite;
}
header .logo:hover .fish[data-v-466dc9e4] {
  opacity: 0;
}
header .logo:hover .full[data-v-466dc9e4] {
  opacity: 1;
}
header .logo img[data-v-466dc9e4] {
  position: absolute;
  height: 100%;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
header .logo .fish[data-v-466dc9e4] {
  left: 60px;
}
header .logo .full[data-v-466dc9e4] {
  opacity: 0;
}
header .slide-container[data-v-466dc9e4] {
  position: absolute;
  top: 25px;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  text-align: center;
  z-index: -1;
}
header .slide-container.slide-enter[data-v-466dc9e4],
header .slide-container.slide-leave-to[data-v-466dc9e4] {
  top: 10px;
  opacity: 0;
}
header .slide-container.slide-enter-active[data-v-466dc9e4],
header .slide-container.slide-leave-active[data-v-466dc9e4] {
  -webkit-transition: top 0.25s, opacity 0.25s;
  -moz-transition: top 0.25s, opacity 0.25s;
  -o-transition: top 0.25s, opacity 0.25s;
  transition: top 0.25s, opacity 0.25s;
}
header .slide-link[data-v-466dc9e4] {
  display: inline-block;
  padding: 5px 20px 10px;
  background: #081C2B;
  text-decoration: none;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
}
header .slide-link .join[data-v-466dc9e4] {
  display: inline-block;
  padding-top: 5px;
}
header .slide-link .join .divider[data-v-466dc9e4] {
  display: inline-block;
  color: #023A5B;
  padding: 0 4px;
}
header .slide-link span[data-v-466dc9e4] {
  color: #41778C;
}
header .slide-link span[data-v-466dc9e4]:hover {
  color: #DDDDDD;
}
header .currency[data-v-466dc9e4] {
  position: absolute;
  top: 25px;
  right: 0;
  cursor: pointer;
}
header .currency img[data-v-466dc9e4] {
  position: absolute;
  top: -5px;
  left: -23px;
  height: 40px;
}
header .currency p[data-v-466dc9e4] {
  padding: 5px 14px 5px 20px;
  background: #04324D;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
}
header .currency p span[data-v-466dc9e4] {
  padding-left: 2px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #41778C;
}
header .currency:hover p[data-v-466dc9e4] {
  background: #081C2B;
}
header lesshat-selector[data-v-466dc9e4] {
  -lh-property: 0;
}
@-webkit-keyframes loading-466dc9e4{
0% { opacity: 1;
}
100% { opacity: 0.25;
}}
@-moz-keyframes loading-466dc9e4{
0% { opacity: 1;
}
100% { opacity: 0.25;
}}
@-o-keyframes loading-466dc9e4{
0% { opacity: 1;
}
100% { opacity: 0.25;
}}
@keyframes loading-466dc9e4{
0% { opacity: 1;
}
100% { opacity: 0.25;
}}
[not-existing][data-v-466dc9e4] {
  zoom: 1;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/banner.vue?vue&type=style&index=0&id=296c502d&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-296c502d] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-296c502d] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-296c502d] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-296c502d] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-296c502d] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.banner[data-v-296c502d] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 5px 0;
  background: #081C2B;
  opacity: 0.9;
  color: #DDDDDD;
  font-size: 14px;
  z-index: 200;
}
form[data-v-296c502d] {
  display: inline-block;
}
input[data-v-296c502d] {
  display: inline-block;
  border: 2px solid #41778C;
  padding: 2px 5px;
  margin: 0 5px 0 5px;
}
input[data-v-296c502d]::-webkit-input-placeholder {
  color: #41778C;
}
input[data-v-296c502d]:-moz-placeholder {
  color: #41778C;
}
input[data-v-296c502d]::-moz-placeholder {
  color: #41778C;
}
input[data-v-296c502d]:-ms-input-placeholder {
  color: #41778C;
}
button[data-v-296c502d] {
  display: inline-block;
  height: 21px;
  margin: 0;
  padding: 5px 10px;
  color: #081C2B;
  background: #023A5B;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
button.active[data-v-296c502d] {
  background: #DDDDDD;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/auth/signin.vue?vue&type=style&index=0&id=c986bd90&lang=less&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-c986bd90] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-c986bd90] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-c986bd90] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-c986bd90] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-c986bd90] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.signin[data-v-c986bd90] {
  width: 800px;
}
.logo[data-v-c986bd90] {
  width: 265px;
  margin: 0 auto;
  padding-bottom: 20px;
}
.logo img[data-v-c986bd90] {
  width: 100%;
}
.message[data-v-c986bd90] {
  padding: 15px;
  border: 2px solid #C93838;
  background: #04324D;
  text-align: center;
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
  color: #C93838;
}
.form[data-v-c986bd90] {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 397px;
  padding: 0 30px;
}
.form h3[data-v-c986bd90] {
  padding-bottom: 15px;
}
.form .message[data-v-c986bd90] {
  width: 100%;
  margin: 0 auto 15px;
}
.form input[data-v-c986bd90] {
  width: 100%;
  padding: 7px;
  border: 2px solid #41778C;
  font-size: 14px;
  -webkit-transition: border 0.25s;
  -moz-transition: border 0.25s;
  -o-transition: border 0.25s;
  transition: border 0.25s;
}
.form input[data-v-c986bd90]::-webkit-input-placeholder {
  color: #41778C;
}
.form input[data-v-c986bd90]:-moz-placeholder {
  color: #41778C;
}
.form input[data-v-c986bd90]::-moz-placeholder {
  color: #41778C;
}
.form input[data-v-c986bd90]:-ms-input-placeholder {
  color: #41778C;
}
.form input[data-v-c986bd90]:focus,
.form input.active[data-v-c986bd90] {
  border-color: #DDDDDD;
}
.form input.error[data-v-c986bd90] {
  border-color: #C93838;
}
.form .button[data-v-c986bd90] {
  text-align: center;
  flex-direction: initial;
}
.form a[data-v-c986bd90] {
  position: absolute;
  top: 0;
  right: 30px;
  color: #41778C;
  font-style: italic;
}
.divider[data-v-c986bd90] {
  display: inline-block;
  width: 6px;
  margin-top: 3px;
}
.divider img[data-v-c986bd90] {
  width: 7px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/auth/forgot_password.vue?vue&type=style&index=0&id=d75ac5de&lang=less&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-d75ac5de] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-d75ac5de] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-d75ac5de] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-d75ac5de] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-d75ac5de] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.signin[data-v-d75ac5de] {
  width: 500px;
}
.logo[data-v-d75ac5de] {
  width: 265px;
  margin: 0 auto;
  padding-bottom: 20px;
}
.logo img[data-v-d75ac5de] {
  width: 100%;
}
.explainer[data-v-d75ac5de] {
  color: #41778C;
  text-align: center;
  padding: 10px 30px;
  margin-bottom: 15px;
  border-bottom: 1px solid #05466C;
}
.message[data-v-d75ac5de] {
  padding: 15px;
  border: 2px solid #C93838;
  background: #04324D;
  text-align: center;
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
  color: #C93838;
}
.form[data-v-d75ac5de] {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 0 70px;
  margin: 0 auto;
  text-align: center;
}
.form h3[data-v-d75ac5de] {
  padding-bottom: 15px;
}
.form .message[data-v-d75ac5de] {
  width: 100%;
  margin: 0 auto 15px;
}
.form input[data-v-d75ac5de] {
  width: 100%;
  padding: 7px;
  border: 2px solid #081C2B;
  font-size: 14px;
  -webkit-transition: border 0.25s;
  -moz-transition: border 0.25s;
  -o-transition: border 0.25s;
  transition: border 0.25s;
}
.form input[data-v-d75ac5de]::-webkit-input-placeholder {
  color: #081C2B;
}
.form input[data-v-d75ac5de]:-moz-placeholder {
  color: #081C2B;
}
.form input[data-v-d75ac5de]::-moz-placeholder {
  color: #081C2B;
}
.form input[data-v-d75ac5de]:-ms-input-placeholder {
  color: #081C2B;
}
.form input[data-v-d75ac5de]:focus,
.form input.active[data-v-d75ac5de] {
  border-color: #DDDDDD;
}
.form input.error[data-v-d75ac5de] {
  border-color: #C93838;
}
.form .button[data-v-d75ac5de] {
  text-align: center;
  flex-direction: initial;
}
.form a[data-v-d75ac5de] {
  position: absolute;
  top: 0;
  right: 30px;
  color: #41778C;
  font-style: italic;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/auth/create_captain.vue?vue&type=style&index=0&id=2f54a2f7&lang=less&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-2f54a2f7] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-2f54a2f7] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-2f54a2f7] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-2f54a2f7] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-2f54a2f7] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.signin[data-v-2f54a2f7] {
  width: 500px;
}
.logo[data-v-2f54a2f7] {
  width: 265px;
  margin: 0 auto;
  padding-bottom: 20px;
}
.logo img[data-v-2f54a2f7] {
  width: 100%;
}
.explainer[data-v-2f54a2f7] {
  color: #41778C;
  text-align: center;
  padding: 10px 30px;
  margin-bottom: 15px;
  border-bottom: 1px solid #05466C;
}
.message[data-v-2f54a2f7] {
  padding: 15px;
  border: 2px solid #C93838;
  background: #04324D;
  text-align: center;
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
  color: #C93838;
}
.form[data-v-2f54a2f7] {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 0 70px;
  margin: 0 auto;
  text-align: center;
}
.form h3[data-v-2f54a2f7] {
  padding-bottom: 15px;
}
.form .message[data-v-2f54a2f7] {
  width: 100%;
  margin: 0 auto 15px;
}
.form input[data-v-2f54a2f7] {
  width: 100%;
  padding: 7px;
  border: 2px solid #41778C;
  font-size: 14px;
  -webkit-transition: border 0.25s;
  -moz-transition: border 0.25s;
  -o-transition: border 0.25s;
  transition: border 0.25s;
}
.form input[data-v-2f54a2f7]::-webkit-input-placeholder {
  color: #41778C;
}
.form input[data-v-2f54a2f7]:-moz-placeholder {
  color: #41778C;
}
.form input[data-v-2f54a2f7]::-moz-placeholder {
  color: #41778C;
}
.form input[data-v-2f54a2f7]:-ms-input-placeholder {
  color: #41778C;
}
.form input[data-v-2f54a2f7]:focus,
.form input.active[data-v-2f54a2f7] {
  border-color: #DDDDDD;
}
.form input.error[data-v-2f54a2f7] {
  border-color: #C93838;
}
.form .button[data-v-2f54a2f7] {
  text-align: center;
  flex-direction: initial;
}
.form a[data-v-2f54a2f7] {
  position: absolute;
  top: 0;
  right: 30px;
  color: #41778C;
  font-style: italic;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/ui/emote.vue?vue&type=style&index=0&id=7b2d807e&lang=less&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-7b2d807e] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-7b2d807e] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-7b2d807e] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-7b2d807e] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-7b2d807e] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.emote[data-v-7b2d807e] {
  position: absolute;
  display: flex;
  align-items: center;
  width: 36px;
  height: 36px;
  bottom: 36px;
  left: 36px;
  z-index: 2;
}
.emote .icon[data-v-7b2d807e] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 36px;
  height: 36px;
  border: 2px solid #081C2B;
  background: #04324D;
  border-radius: 18px;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.emote .icon[data-v-7b2d807e]:before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: -2px;
  width: 18px;
  height: 18px;
  background: #081C2B;
  z-index: -1;
}
.emote .icon img[data-v-7b2d807e] {
  width: 24px;
  height: 24px;
  margin: 4px;
}
.emote .icon.success[data-v-7b2d807e] {
  background: #DDDDDD;
}
.emote .icon.success .battle[data-v-7b2d807e] {
  color: #081C2B;
}
.emote .icon.fail[data-v-7b2d807e] {
  background: #C93838;
}
.emote .icon.fail .battle[data-v-7b2d807e] {
  color: #DDDDDD;
}
.emote .battle[data-v-7b2d807e] {
  width: 32px;
  height: 32px;
  padding-top: 10px;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 21px;
  text-align: center;
  border-radius: 16px;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s;
}
.emote .info[data-v-7b2d807e] {
  position: relative;
  margin-left: 19px;
  padding: 3px 5px 2px 20px;
  background: #081C2B;
  color: #DDDDDD;
  font-size: 11px;
  z-index: -1;
}
.emote .info p[data-v-7b2d807e] {
  white-space: nowrap;
}
.emote .info em[data-v-7b2d807e] {
  color: #41778C;
}
.emote .info .small[data-v-7b2d807e] {
  font-size: 10px;
}
.emote .info .treasure[data-v-7b2d807e] {
  color: #D8B332;
}
.emote .info.info-transition-enter-active[data-v-7b2d807e],
.emote .info.info-transition-leave-active[data-v-7b2d807e] {
  transition: all 0.25s 0.25s;
}
.emote .info.info-transition-enter[data-v-7b2d807e],
.emote .info.info-transition-leave-to[data-v-7b2d807e] {
  opacity: 0;
  margin-left: 10px;
}
.emote-transition-enter-active[data-v-7b2d807e],
.emote-transition-leave-active[data-v-7b2d807e] {
  transition: all 0.25s;
}
.emote-transition-enter[data-v-7b2d807e],
.emote-transition-leave-to[data-v-7b2d807e] {
  opacity: 0;
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
  transform-origin: left bottom;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/ui/vessel.vue?vue&type=style&index=0&id=21b1e1c0&lang=less&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
.vessel[data-v-21b1e1c0] {
  position: relative;
}
.vessel img[data-v-21b1e1c0] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.vessel svg .shape[data-v-21b1e1c0] {
  fill: transparent;
}
.vessel svg .frame[data-v-21b1e1c0] {
  fill: transparent;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/shop/flow.vue?vue&type=style&index=0&id=c736e294&lang=less&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-c736e294] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-c736e294] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-c736e294] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-c736e294] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-c736e294] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.content[data-v-c736e294] {
  position: relative;
  height: 480px;
}
.insufficient-funds[data-v-c736e294],
.purchase[data-v-c736e294],
.result[data-v-c736e294],
.error[data-v-c736e294] {
  padding: 100px 50px;
  text-align: center;
}
.insufficient-funds .vessel[data-v-c736e294],
.purchase .vessel[data-v-c736e294],
.result .vessel[data-v-c736e294],
.error .vessel[data-v-c736e294] {
  width: 200px;
  margin: 0 auto;
}
.insufficient-funds p[data-v-c736e294],
.purchase p[data-v-c736e294],
.result p[data-v-c736e294],
.error p[data-v-c736e294] {
  margin: 10px 0 20px;
  padding: 10px;
  border-top: 1px solid #04324D;
  border-bottom: 1px solid #04324D;
  font-size: 14px;
}
.insufficient-funds .button[data-v-c736e294],
.purchase .button[data-v-c736e294],
.result .button[data-v-c736e294],
.error .button[data-v-c736e294] {
  width: 300px;
}
.insufficient-funds .loading.img[data-v-c736e294],
.purchase .loading.img[data-v-c736e294],
.result .loading.img[data-v-c736e294],
.error .loading.img[data-v-c736e294] {
  height: 50px;
}
.choices .header[data-v-c736e294] {
  position: relative;
  height: 65px;
  padding-top: 27px;
  background: #023A5B;
  border-bottom: 1px solid #04324D;
  text-align: center;
  z-index: 10;
}
.choices .header h1[data-v-c736e294] {
  margin-bottom: 10px;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 24px;
}
.choices .header h3[data-v-c736e294] {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 3px 15px;
  background: #023A5B;
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.choices .vessel[data-v-c736e294] {
  width: 200px;
  margin: 10px auto 0;
}
.choices .description[data-v-c736e294] {
  margin-top: 5px;
  padding: 10px 0;
  border-top: 1px solid #04324D;
  border-bottom: 1px solid #04324D;
  text-align: center;
}
.choices .description span[data-v-c736e294] {
  padding: 5px 15px;
  margin-right: 10px;
  background: #081C2B;
  color: #DDDDDD;
  font-size: 12px;
  border-radius: 12px;
}
.choices .description span[data-v-c736e294]:last-child {
  margin-right: 0;
}
.choices .slides[data-v-c736e294] {
  position: relative;
  height: 163px;
  background: #023A5B;
  overflow: hidden;
}
.choices .slides .slide[data-v-c736e294] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 35px 0 0;
  overflow: scroll;
  -webkit-transition: opacity 0.5s, left 0.5s;
  -moz-transition: opacity 0.5s, left 0.5s;
  -o-transition: opacity 0.5s, left 0.5s;
  transition: opacity 0.5s, left 0.5s;
}
.choices .slides.back .slide.slide-enter[data-v-c736e294] {
  opacity: 0;
  left: -20px;
}
.choices .slides.back .slide.slide-leave-to[data-v-c736e294] {
  opacity: 0;
  left: 20px;
}
.choices .slides.next .slide.slide-enter[data-v-c736e294] {
  opacity: 0;
  left: 20px;
}
.choices .slides.next .slide.slide-leave-to[data-v-c736e294] {
  opacity: 0;
  left: -20px;
}
.choices .button[data-v-c736e294] {
  display: flex;
  position: relative;
  width: 460px;
  height: 42px;
  margin: 0 auto 12px;
  text-align: left;
  text-transform: none;
}
.choices .button .name[data-v-c736e294] {
  padding: 12px 15px 10px;
  font-size: 16px;
}
.choices .button .attributes[data-v-c736e294] {
  position: absolute;
  top: 0;
  right: 5px;
}
.choices .button .attribute[data-v-c736e294] {
  display: inline-block;
  width: 55px;
  margin-top: 6px;
  text-align: center;
}
.choices .button .attribute .value[data-v-c736e294] {
  font-size: 18px;
}
.choices .button .attribute .label[data-v-c736e294] {
  text-transform: uppercase;
  font-size: 8px;
}
.choices .slide.config-name[data-v-c736e294],
.choices .slide.config-colors[data-v-c736e294],
.choices .slide.confirm[data-v-c736e294] {
  padding: 30px 60px 0;
}
.choices .slide.config-name label[data-v-c736e294],
.choices .slide.config-colors label[data-v-c736e294],
.choices .slide.confirm label[data-v-c736e294] {
  display: inline-block;
  padding-bottom: 7px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #DDDDDD;
}
.choices .slide.config-name label .message[data-v-c736e294],
.choices .slide.config-colors label .message[data-v-c736e294],
.choices .slide.confirm label .message[data-v-c736e294] {
  display: inline-block;
  height: 15px;
  padding-left: 8px;
  vertical-align: bottom;
  font-size: 12px;
  color: #41778C;
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.choices .slide.config-name label .message .spinner[data-v-c736e294],
.choices .slide.config-colors label .message .spinner[data-v-c736e294],
.choices .slide.confirm label .message .spinner[data-v-c736e294] {
  display: inline-block;
  border-width: 8px;
}
.choices .slide.config-name label .message .invalid[data-v-c736e294],
.choices .slide.config-colors label .message .invalid[data-v-c736e294],
.choices .slide.confirm label .message .invalid[data-v-c736e294] {
  color: #C93838;
}
.choices .slide.config-name input[data-v-c736e294],
.choices .slide.config-colors input[data-v-c736e294],
.choices .slide.confirm input[data-v-c736e294] {
  width: 100%;
  margin-bottom: 22px;
  padding: 12px 15px 10px;
  background: #04324D;
  border: 2px solid #081C2B;
  font-size: 16px;
}
.choices .slide.config-name input[data-v-c736e294]::-webkit-input-placeholder,
.choices .slide.config-colors input[data-v-c736e294]::-webkit-input-placeholder,
.choices .slide.confirm input[data-v-c736e294]::-webkit-input-placeholder {
  color: #081C2B;
}
.choices .slide.config-name input[data-v-c736e294]:-moz-placeholder,
.choices .slide.config-colors input[data-v-c736e294]:-moz-placeholder,
.choices .slide.confirm input[data-v-c736e294]:-moz-placeholder {
  color: #081C2B;
}
.choices .slide.config-name input[data-v-c736e294]::-moz-placeholder,
.choices .slide.config-colors input[data-v-c736e294]::-moz-placeholder,
.choices .slide.confirm input[data-v-c736e294]::-moz-placeholder {
  color: #081C2B;
}
.choices .slide.config-name input[data-v-c736e294]:-ms-input-placeholder,
.choices .slide.config-colors input[data-v-c736e294]:-ms-input-placeholder,
.choices .slide.confirm input[data-v-c736e294]:-ms-input-placeholder {
  color: #081C2B;
}
.choices .slide.config-name .color[data-v-c736e294],
.choices .slide.config-colors .color[data-v-c736e294],
.choices .slide.confirm .color[data-v-c736e294] {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: 0 6px 10px;
  border: 2px solid #081C2B;
  cursor: pointer;
}
.choices .slide.config-name .color.selected[data-v-c736e294],
.choices .slide.config-colors .color.selected[data-v-c736e294],
.choices .slide.confirm .color.selected[data-v-c736e294] {
  border-color: #DDDDDD;
}
.choices .slide.config-name .color[data-v-c736e294]:first-child,
.choices .slide.config-colors .color[data-v-c736e294]:first-child,
.choices .slide.confirm .color[data-v-c736e294]:first-child {
  margin-left: 0;
}
.choices .slide.config-name .color[data-v-c736e294]:last-child,
.choices .slide.config-colors .color[data-v-c736e294]:last-child,
.choices .slide.confirm .color[data-v-c736e294]:last-child {
  margin-right: 0;
}
.choices .slide.config-name .color .selected-item[data-v-c736e294],
.choices .slide.config-colors .color .selected-item[data-v-c736e294],
.choices .slide.confirm .color .selected-item[data-v-c736e294] {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  padding: 2px;
  background: #DDDDDD;
  color: #023A5B;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-align: center;
  border-radius: 10px;
}
.choices .slide.config-name .explainer[data-v-c736e294],
.choices .slide.config-colors .explainer[data-v-c736e294],
.choices .slide.confirm .explainer[data-v-c736e294] {
  text-align: center;
  font-size: 12px;
  padding: 0 10px;
  color: #41778C;
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.choices .slide.confirm[data-v-c736e294] {
  padding: 0;
}
.choices .slide.confirm .name[data-v-c736e294] {
  padding: 10px;
  background: #081C2B;
  text-align: center;
  font-size: 18px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.choices .slide.confirm .colors[data-v-c736e294] {
  padding: 0 75px;
}
.choices .slide.confirm .vessel-container[data-v-c736e294] {
  display: inline-block;
  width: 33%;
  text-align: center;
}
.choices .slide.confirm .vessel[data-v-c736e294] {
  width: 90px;
}
.choices .slide.confirm p[data-v-c736e294] {
  font-size: 11px;
}
.choices .footer[data-v-c736e294] {
  position: relative;
  height: 65px;
  background: #023A5B;
  border-top: 1px solid #04324D;
}
.choices .footer .back[data-v-c736e294],
.choices .footer .next[data-v-c736e294] {
  position: absolute;
  top: 11px;
  width: auto;
}
.choices .footer .back[data-v-c736e294]:before,
.choices .footer .next[data-v-c736e294]:before,
.choices .footer .back[data-v-c736e294]:after,
.choices .footer .next[data-v-c736e294]:after {
  position: absolute;
  top: 11px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.choices .footer .back[data-v-c736e294] {
  left: 10px;
  padding: 0 15px 0 28px;
}
.choices .footer .back[data-v-c736e294]:before {
  content: '';
  left: 10px;
  border-right: 8px solid #DDDDDD;
}
.choices .footer .next[data-v-c736e294] {
  right: 11px;
  padding: 0 28px 0 15px;
}
.choices .footer .next[data-v-c736e294]:after {
  content: '';
  right: 10px;
  border-left: 8px solid #04324D;
}
.choices .footer .next.active[data-v-c736e294]:after {
  border-left: 8px solid #081C2B;
}
.choices .footer .price[data-v-c736e294] {
  position: absolute;
  top: 14px;
  left: 50%;
  width: 140px;
  height: 36px;
  margin-left: -70px;
  padding: 9px 0 9px 15px;
  border: 2px solid #081C2B;
  border-radius: 18px;
  background: #081C2B;
  font-size: 24px;
  text-align: center;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.choices .footer .price img[data-v-c736e294] {
  position: absolute;
  width: 30;
  height: 30px;
  top: 1px;
  left: 1px;
}
.choices .footer .price span[data-v-c736e294] {
  font-size: 24px;
  color: #41778C;
  vertical-align: inherit;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/shop/shop.vue?vue&type=style&index=0&id=0ed8447e&lang=less&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-0ed8447e] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-0ed8447e] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-0ed8447e] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-0ed8447e] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-0ed8447e] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.container.shop[data-v-0ed8447e] {
  margin-top: 30px;
  width: 726px;
}
.header[data-v-0ed8447e] {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid #04324D;
}
.header h1[data-v-0ed8447e] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 24px;
}
.header .funds[data-v-0ed8447e] {
  position: absolute;
  top: 0;
  right: 0;
}
.header .funds span[data-v-0ed8447e] {
  font-size: 18px;
}
.header .funds span.value[data-v-0ed8447e] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.header .funds span.symbol[data-v-0ed8447e] {
  padding-left: 2px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  color: #41778C;
}
.vessels[data-v-0ed8447e] {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #04324D;
}
.vessels .card[data-v-0ed8447e] {
  position: relative;
  display: inline-block;
  width: 220px;
  height: 240px;
  margin: 0 11px 40px 11px;
  padding: 0;
  text-align: center;
}
.vessels .card .frame[data-v-0ed8447e] {
  height: 124px;
  background: #023A5B;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.vessels .card .frame .vessel[data-v-0ed8447e] {
  width: 216px;
  height: 141px;
}
.vessels .card .band[data-v-0ed8447e] {
  height: 46px;
  background: #081C2B;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.vessels .card .band .name[data-v-0ed8447e] {
  padding-top: 21px;
  background: #081C2B;
  font-size: 16px;
  color: #DDDDDD;
}
.vessels .card .description[data-v-0ed8447e] {
  text-transform: none;
  padding: 10px;
}
.vessels .card .description p[data-v-0ed8447e] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #41778C;
}
.vessels .card .price[data-v-0ed8447e] {
  position: absolute;
  bottom: -15px;
  left: 50%;
  width: 100px;
  height: 30px;
  margin-left: -50px;
  padding: 5px 0 5px 15px;
  font-size: 14px;
  background: #023A5B;
  border: 2px solid #081C2B;
  border-radius: 15px;
  box-shadow: 0px 11px 0px -5px #081C2B;
  -webkit-transition: border-color 0.25s;
  -moz-transition: border-color 0.25s;
  -o-transition: border-color 0.25s;
  transition: border-color 0.25s;
}
.vessels .card .price img[data-v-0ed8447e] {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 1px;
  left: 1px;
}
.vessels .card .price span[data-v-0ed8447e] {
  font-size: 14px;
  color: #41778C;
  vertical-align: inherit;
}
.vessels .card:hover .frame[data-v-0ed8447e] {
  background: #DDDDDD;
}
.vessels .card:hover .band .name[data-v-0ed8447e] {
  color: #DDDDDD;
}
.vessels .card:hover .stats[data-v-0ed8447e] {
  color: #DDDDDD;
}
.vessels .card:hover .price[data-v-0ed8447e] {
  border-color: #DDDDDD;
}
.add[data-v-0ed8447e] {
  margin-bottom: 30px;
  text-align: center;
}
.add .button[data-v-0ed8447e] {
  width: 500px;
}
.flow[data-v-0ed8447e] {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(4, 50, 77, 0.5);
  z-index: 400;
}
.flow.fade-scale-enter-active[data-v-0ed8447e],
.flow.fade-scale-leave-active[data-v-0ed8447e] {
  -webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
  -moz-transition: opacity 0.25s, -moz-transform 0.25s;
  -o-transition: opacity 0.25s, -o-transform 0.25s;
  transition: opacity 0.25s,-webkit-transform 0.25s,-moz-transform 0.25s,-o-transform 0.25s,transform 0.25s;
}
.flow.fade-scale-enter[data-v-0ed8447e],
.flow.fade-scale-leave-to[data-v-0ed8447e] {
  opacity: 0;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.flow-frame[data-v-0ed8447e] {
  position: fixed;
  display: inline-block;
  top: 50%;
  left: 50%;
  width: 600px;
  border: 2px solid #DDDDDD;
  background: #023A5B;
  box-shadow: 0px 24px 0px -10px #081C2B;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.flow-frame .close[data-v-0ed8447e] {
  position: absolute;
  width: 20px;
  height: 20px;
  top: -10px;
  right: -10px;
  z-index: 100;
}
.flow-frame .close img[data-v-0ed8447e] {
  width: 100%;
  height: 100%;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/shop/add.vue?vue&type=style&index=0&id=1fb6d2c9&lang=less&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-1fb6d2c9] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-1fb6d2c9] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-1fb6d2c9] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-1fb6d2c9] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-1fb6d2c9] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.container.shop[data-v-1fb6d2c9] {
  margin-top: 30px;
  width: 726px;
}
.header[data-v-1fb6d2c9] {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid #04324D;
}
.header h1[data-v-1fb6d2c9] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 24px;
}
.header .funds[data-v-1fb6d2c9] {
  position: absolute;
  top: 0;
  right: 0;
}
.header .funds span[data-v-1fb6d2c9] {
  font-size: 18px;
}
.header .funds span.value[data-v-1fb6d2c9] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.header .funds span.symbol[data-v-1fb6d2c9] {
  padding-left: 2px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  color: #41778C;
}
.options[data-v-1fb6d2c9] {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #04324D;
}
.options .card[data-v-1fb6d2c9] {
  position: relative;
  display: inline-block;
  width: 220px;
  height: 210px;
  margin: 0 11px 40px 11px;
  padding: 0;
  text-align: center;
}
.options .card .frame[data-v-1fb6d2c9] {
  height: 124px;
  background: #023A5B;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.options .card .frame .vessel[data-v-1fb6d2c9] {
  width: 216px;
  height: 141px;
}
.options .card h2[data-v-1fb6d2c9] {
  padding: 25px;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 18px;
}
.options .card .description[data-v-1fb6d2c9] {
  text-transform: none;
  padding: 10px 30px;
}
.options .card .description p[data-v-1fb6d2c9] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #41778C;
}
.options .card .price[data-v-1fb6d2c9] {
  position: absolute;
  bottom: -15px;
  left: 50%;
  width: 100px;
  height: 30px;
  margin-left: -50px;
  padding: 5px 0;
  font-size: 14px;
  background: #023A5B;
  border: 2px solid #081C2B;
  border-radius: 15px;
  box-shadow: 0px 11px 0px -5px #081C2B;
  -webkit-transition: border-color 0.25s;
  -moz-transition: border-color 0.25s;
  -o-transition: border-color 0.25s;
  transition: border-color 0.25s;
}
.options .card .price img[data-v-1fb6d2c9] {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 1px;
  left: 1px;
}
.options .card .price span[data-v-1fb6d2c9] {
  font-size: 14px;
  color: #41778C;
  vertical-align: inherit;
}
.options .card:hover .frame[data-v-1fb6d2c9] {
  background: #DDDDDD;
}
.options .card:hover .band .name[data-v-1fb6d2c9] {
  color: #DDDDDD;
}
.options .card:hover .stats[data-v-1fb6d2c9] {
  color: #DDDDDD;
}
.options .card:hover .price[data-v-1fb6d2c9] {
  border-color: #DDDDDD;
}
.back[data-v-1fb6d2c9] {
  text-align: center;
}
.back .button[data-v-1fb6d2c9] {
  width: 500px;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/scenes/splash.vue?vue&type=style&index=0&id=3c824e65&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-3c824e65] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-3c824e65] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-3c824e65] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-3c824e65] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-3c824e65] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.e.sky[data-v-3c824e65] {
  width: 100%;
  height: 290px;
  background: #003B55;
}
.e.water[data-v-3c824e65] {
  width: 100%;
  height: 250px;
  background: #022C46;
}
.vessel[data-v-3c824e65] {
  width: 375px;
}
.e.vessel-left[data-v-3c824e65] {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
}
.e.vessel-right[data-v-3c824e65] {
  width: 400px;
  -webkit-transform: scaleX(-0.7) scaleY(0.7);
  -moz-transform: scaleX(-0.7) scaleY(0.7);
  -ms-transform: scaleX(-0.7) scaleY(0.7);
  -o-transform: scaleX(-0.7) scaleY(0.7);
  transform: scaleX(-0.7) scaleY(0.7);
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/splash/flow.vue?vue&type=style&index=0&id=eef3a6b6&lang=less&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-eef3a6b6] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-eef3a6b6] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-eef3a6b6] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-eef3a6b6] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-eef3a6b6] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.content[data-v-eef3a6b6] {
  position: relative;
  height: 480px;
}
.header[data-v-eef3a6b6] {
  position: relative;
  height: 65px;
  padding-top: 27px;
  background: #023A5B;
  border-bottom: 1px solid #04324D;
  text-align: center;
  z-index: 10;
}
.header h1[data-v-eef3a6b6] {
  margin-bottom: 10px;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 24px;
}
.header h3[data-v-eef3a6b6] {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 3px 15px;
  background: #023A5B;
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.slides[data-v-eef3a6b6] {
  position: relative;
  height: 350px;
  background: #023A5B;
  overflow: hidden;
}
.slides .slide[data-v-eef3a6b6] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 35px 0 0;
  overflow: scroll;
  -webkit-transition: opacity 0.5s, left 0.5s;
  -moz-transition: opacity 0.5s, left 0.5s;
  -o-transition: opacity 0.5s, left 0.5s;
  transition: opacity 0.5s, left 0.5s;
}
.slides.back .slide.slide-enter[data-v-eef3a6b6] {
  opacity: 0;
  left: -20px;
}
.slides.back .slide.slide-leave-to[data-v-eef3a6b6] {
  opacity: 0;
  left: 20px;
}
.slides.next .slide.slide-enter[data-v-eef3a6b6] {
  opacity: 0;
  left: 20px;
}
.slides.next .slide.slide-leave-to[data-v-eef3a6b6] {
  opacity: 0;
  left: -20px;
}
.button[data-v-eef3a6b6] {
  display: flex;
  position: relative;
  width: 460px;
  height: 42px;
  margin: 0 auto 12px;
  text-align: left;
  text-transform: none;
}
.button .name[data-v-eef3a6b6] {
  padding: 12px 15px 10px;
  font-size: 16px;
}
.button .attributes[data-v-eef3a6b6] {
  position: absolute;
  top: 0;
  right: 5px;
}
.button .attribute[data-v-eef3a6b6] {
  display: inline-block;
  width: 55px;
  margin-top: 6px;
  text-align: center;
}
.button .attribute .value[data-v-eef3a6b6] {
  font-size: 18px;
}
.button .attribute .label[data-v-eef3a6b6] {
  text-transform: uppercase;
  font-size: 8px;
}
.vessels[data-v-eef3a6b6] {
  padding: 0 20px;
}
.card[data-v-eef3a6b6] {
  display: inline-block;
  width: 160px;
  height: 172px;
  margin: 0 11px 22px 11px;
  padding: 0;
  text-align: center;
}
.card.shop[data-v-eef3a6b6] {
  padding-top: 64px;
}
.card.shop .text[data-v-eef3a6b6] {
  padding: 5px 0;
  background: #081C2B;
}
.card.shop .text h3[data-v-eef3a6b6] {
  padding: 0;
}
.card.shop .text p[data-v-eef3a6b6] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
  color: #41778C;
}
.card .frame[data-v-eef3a6b6] {
  height: 94px;
  background: #023A5B;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.card .frame .vessel[data-v-eef3a6b6] {
  width: 156px;
  height: 101.5px;
}
.card .band[data-v-eef3a6b6] {
  height: 26px;
  background: #081C2B;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.card .band .name[data-v-eef3a6b6] {
  padding-top: 6px;
  background: #081C2B;
  font-size: 12px;
  color: #DDDDDD;
}
.card .stats[data-v-eef3a6b6] {
  position: relative;
  height: 48px;
  background: #04324D;
}
.card .stats .model[data-v-eef3a6b6] {
  padding-top: 6px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  color: #41778C;
}
.card .stats .rank[data-v-eef3a6b6] {
  position: absolute;
  bottom: 7px;
  left: 10px;
  font-size: 10px;
  color: #DDDDDD;
}
.card .stats .wins[data-v-eef3a6b6] {
  position: absolute;
  bottom: 7px;
  right: 10px;
  font-size: 10px;
  text-align: right;
  color: #DDDDDD;
}
.card.selected .frame[data-v-eef3a6b6] {
  background: #DDDDDD;
}
.card.selected .band .name[data-v-eef3a6b6] {
  color: #DDDDDD;
}
.card.selected .stats[data-v-eef3a6b6] {
  color: #DDDDDD;
}
.slide.config-vessel[data-v-eef3a6b6],
.slide.config-game[data-v-eef3a6b6],
.slide.choose-location[data-v-eef3a6b6] {
  padding: 35px 60px 0;
}
.slide.config-vessel .vessel[data-v-eef3a6b6],
.slide.config-game .vessel[data-v-eef3a6b6],
.slide.choose-location .vessel[data-v-eef3a6b6] {
  width: 230px;
  margin: -35px auto 0;
}
.slide.config-vessel label[data-v-eef3a6b6],
.slide.config-game label[data-v-eef3a6b6],
.slide.choose-location label[data-v-eef3a6b6] {
  padding-bottom: 7px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #DDDDDD;
}
.slide.config-vessel input[data-v-eef3a6b6],
.slide.config-game input[data-v-eef3a6b6],
.slide.choose-location input[data-v-eef3a6b6] {
  width: 100%;
  margin-bottom: 22px;
  padding: 12px 15px 10px;
  background: #04324D;
  border: 2px solid #081C2B;
  font-size: 16px;
}
.slide.config-vessel input[data-v-eef3a6b6]::-webkit-input-placeholder,
.slide.config-game input[data-v-eef3a6b6]::-webkit-input-placeholder,
.slide.choose-location input[data-v-eef3a6b6]::-webkit-input-placeholder {
  color: #081C2B;
}
.slide.config-vessel input[data-v-eef3a6b6]:-moz-placeholder,
.slide.config-game input[data-v-eef3a6b6]:-moz-placeholder,
.slide.choose-location input[data-v-eef3a6b6]:-moz-placeholder {
  color: #081C2B;
}
.slide.config-vessel input[data-v-eef3a6b6]::-moz-placeholder,
.slide.config-game input[data-v-eef3a6b6]::-moz-placeholder,
.slide.choose-location input[data-v-eef3a6b6]::-moz-placeholder {
  color: #081C2B;
}
.slide.config-vessel input[data-v-eef3a6b6]:-ms-input-placeholder,
.slide.config-game input[data-v-eef3a6b6]:-ms-input-placeholder,
.slide.choose-location input[data-v-eef3a6b6]:-ms-input-placeholder {
  color: #081C2B;
}
.slide.config-vessel .color[data-v-eef3a6b6],
.slide.config-game .color[data-v-eef3a6b6],
.slide.choose-location .color[data-v-eef3a6b6] {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 5px;
  border: 2px solid #081C2B;
  cursor: pointer;
}
.slide.config-vessel .color.selected[data-v-eef3a6b6],
.slide.config-game .color.selected[data-v-eef3a6b6],
.slide.choose-location .color.selected[data-v-eef3a6b6] {
  border-color: #DDDDDD;
}
.slide.config-vessel .color.taken[data-v-eef3a6b6],
.slide.config-game .color.taken[data-v-eef3a6b6],
.slide.choose-location .color.taken[data-v-eef3a6b6] {
  opacity: 0.25;
  cursor: default;
}
.slide.config-vessel .color[data-v-eef3a6b6]:first-child,
.slide.config-game .color[data-v-eef3a6b6]:first-child,
.slide.choose-location .color[data-v-eef3a6b6]:first-child {
  margin-left: 0;
}
.slide.config-vessel .color[data-v-eef3a6b6]:last-child,
.slide.config-game .color[data-v-eef3a6b6]:last-child,
.slide.choose-location .color[data-v-eef3a6b6]:last-child {
  margin-right: 0;
}
.slide.config-vessel .option[data-v-eef3a6b6],
.slide.config-game .option[data-v-eef3a6b6],
.slide.choose-location .option[data-v-eef3a6b6] {
  display: inline-block;
  height: 42px;
  background: #04324D;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 30px;
  text-align: center;
  cursor: pointer;
}
.slide.config-vessel .option.selected[data-v-eef3a6b6],
.slide.config-game .option.selected[data-v-eef3a6b6],
.slide.choose-location .option.selected[data-v-eef3a6b6] {
  background: #DDDDDD;
}
.slide.config-vessel .option.selected img[data-v-eef3a6b6],
.slide.config-game .option.selected img[data-v-eef3a6b6],
.slide.choose-location .option.selected img[data-v-eef3a6b6] {
  display: none;
}
.slide.config-vessel .group[data-v-eef3a6b6],
.slide.config-game .group[data-v-eef3a6b6],
.slide.choose-location .group[data-v-eef3a6b6] {
  margin-bottom: 15px;
  overflow: hidden;
}
.slide.config-vessel .number-of-players[data-v-eef3a6b6],
.slide.config-game .number-of-players[data-v-eef3a6b6],
.slide.choose-location .number-of-players[data-v-eef3a6b6] {
  float: left;
}
.slide.config-vessel .number-of-players .option[data-v-eef3a6b6],
.slide.config-game .number-of-players .option[data-v-eef3a6b6],
.slide.choose-location .number-of-players .option[data-v-eef3a6b6] {
  width: 42px;
  margin-right: 10px;
  padding-top: 11px;
}
.slide.config-vessel .turn-length[data-v-eef3a6b6],
.slide.config-game .turn-length[data-v-eef3a6b6],
.slide.choose-location .turn-length[data-v-eef3a6b6] {
  float: right;
}
.slide.config-vessel .turn-length label[data-v-eef3a6b6],
.slide.config-game .turn-length label[data-v-eef3a6b6],
.slide.choose-location .turn-length label[data-v-eef3a6b6] {
  margin-left: 10px;
}
.slide.config-vessel .turn-length .option[data-v-eef3a6b6],
.slide.config-game .turn-length .option[data-v-eef3a6b6],
.slide.choose-location .turn-length .option[data-v-eef3a6b6] {
  width: 75px;
  margin-left: 10px;
  padding-top: 6px;
}
.slide.config-vessel .turn-length .option .value[data-v-eef3a6b6],
.slide.config-game .turn-length .option .value[data-v-eef3a6b6],
.slide.choose-location .turn-length .option .value[data-v-eef3a6b6] {
  font-size: 18px;
}
.slide.config-vessel .turn-length .option .label[data-v-eef3a6b6],
.slide.config-game .turn-length .option .label[data-v-eef3a6b6],
.slide.choose-location .turn-length .option .label[data-v-eef3a6b6] {
  text-transform: uppercase;
  font-size: 8px;
}
.slide.config-vessel .is-private[data-v-eef3a6b6],
.slide.config-game .is-private[data-v-eef3a6b6],
.slide.choose-location .is-private[data-v-eef3a6b6],
.slide.config-vessel .allow-upgrades[data-v-eef3a6b6],
.slide.config-game .allow-upgrades[data-v-eef3a6b6],
.slide.choose-location .allow-upgrades[data-v-eef3a6b6] {
  float: left;
  margin-right: 50px;
}
.slide.config-vessel .is-private .option[data-v-eef3a6b6],
.slide.config-game .is-private .option[data-v-eef3a6b6],
.slide.choose-location .is-private .option[data-v-eef3a6b6],
.slide.config-vessel .allow-upgrades .option[data-v-eef3a6b6],
.slide.config-game .allow-upgrades .option[data-v-eef3a6b6],
.slide.choose-location .allow-upgrades .option[data-v-eef3a6b6] {
  width: 75px;
  padding-top: 11px;
}
.slide.config-vessel .is-private .option p[data-v-eef3a6b6],
.slide.config-game .is-private .option p[data-v-eef3a6b6],
.slide.choose-location .is-private .option p[data-v-eef3a6b6],
.slide.config-vessel .allow-upgrades .option p[data-v-eef3a6b6],
.slide.config-game .allow-upgrades .option p[data-v-eef3a6b6],
.slide.choose-location .allow-upgrades .option p[data-v-eef3a6b6] {
  font-size: 12px;
}
.slide.config-vessel .location[data-v-eef3a6b6],
.slide.config-game .location[data-v-eef3a6b6],
.slide.choose-location .location[data-v-eef3a6b6] {
  position: relative;
}
.slide.config-vessel .location .random[data-v-eef3a6b6],
.slide.config-game .location .random[data-v-eef3a6b6],
.slide.choose-location .location .random[data-v-eef3a6b6] {
  position: absolute;
  top: 0;
  right: 0;
  color: #41778C;
  cursor: pointer;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}
.slide.config-vessel .location .random[data-v-eef3a6b6]:hover,
.slide.config-game .location .random[data-v-eef3a6b6]:hover,
.slide.choose-location .location .random[data-v-eef3a6b6]:hover {
  color: #DDDDDD;
}
.slide.config-vessel .location .option[data-v-eef3a6b6],
.slide.config-game .location .option[data-v-eef3a6b6],
.slide.choose-location .location .option[data-v-eef3a6b6] {
  position: relative;
  width: 110px;
  margin: 0 10px 10px 0;
  padding-top: 11px;
  text-transform: uppercase;
  font-size: 12px;
}
.slide.config-vessel .location .option[data-v-eef3a6b6]:nth-child(4n+1),
.slide.config-game .location .option[data-v-eef3a6b6]:nth-child(4n+1),
.slide.choose-location .location .option[data-v-eef3a6b6]:nth-child(4n+1) {
  margin-right: 0;
}
.slide.config-vessel .location .option img[data-v-eef3a6b6],
.slide.config-game .location .option img[data-v-eef3a6b6],
.slide.choose-location .location .option img[data-v-eef3a6b6] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide.config-vessel .location .option p[data-v-eef3a6b6],
.slide.config-game .location .option p[data-v-eef3a6b6],
.slide.choose-location .location .option p[data-v-eef3a6b6] {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
}
.slide.config-vessel .location .option.selected p[data-v-eef3a6b6],
.slide.config-game .location .option.selected p[data-v-eef3a6b6],
.slide.choose-location .location .option.selected p[data-v-eef3a6b6] {
  color: #081C2B;
}
.location-attributes[data-v-eef3a6b6] {
  padding: 30px 50px;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.location-attributes.fade-enter[data-v-eef3a6b6],
.location-attributes.fade-leave-to[data-v-eef3a6b6] {
  opacity: 0;
}
.location-attributes .item[data-v-eef3a6b6] {
  position: relative;
  display: inline-block;
  width: 25%;
  padding: 0 10px;
  vertical-align: top;
  text-align: center;
  border-right: 1px solid #04324D;
}
.location-attributes .item[data-v-eef3a6b6]:last-child {
  border-right: 0;
}
.location-attributes h5[data-v-eef3a6b6] {
  font-size: 11px;
  padding-bottom: 5px;
}
.location-attributes img[data-v-eef3a6b6] {
  width: 24px;
}
.location-attributes img.bolt[data-v-eef3a6b6] {
  position: absolute;
  top: 22px;
  left: 34px;
  -webkit-animation: bolt-eef3a6b6 10s linear infinite;
  -moz-animation: bolt-eef3a6b6 10s linear infinite;
  -o-animation: bolt-eef3a6b6 10s linear infinite;
  animation: bolt-eef3a6b6 10s linear infinite;
}
.location-attributes .hurricane img[data-v-eef3a6b6] {
  -webkit-animation: hurricane-eef3a6b6 2s linear infinite;
  -moz-animation: hurricane-eef3a6b6 2s linear infinite;
  -o-animation: hurricane-eef3a6b6 2s linear infinite;
  animation: hurricane-eef3a6b6 2s linear infinite;
}
lesshat-selector[data-v-eef3a6b6] {
  -lh-property: 0;
}
@-webkit-keyframes hurricane-eef3a6b6{
0% { -webkit-transform: rotate(0deg);
}
100% { -webkit-transform: rotate(360deg);
}}
@-moz-keyframes hurricane-eef3a6b6{
0% { -moz-transform: rotate(0deg);
}
100% { -moz-transform: rotate(360deg);
}}
@-o-keyframes hurricane-eef3a6b6{
0% { -o-transform: rotate(0deg);
}
100% { -o-transform: rotate(360deg);
}}
@keyframes hurricane-eef3a6b6{
0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);
}
100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);
}}
[not-existing][data-v-eef3a6b6] {
  zoom: 1;
}
lesshat-selector[data-v-eef3a6b6] {
  -lh-property: 0;
}
@-webkit-keyframes bolt-eef3a6b6{
0% { opacity: 0;
}
12% { opacity: 0;
}
13% { opacity: 1;
}
14% { opacity: 0;
}
24% { opacity: 0;
}
25% { opacity: 1;
}
26% { opacity: 0;
}
27% { opacity: 1;
}
28% { opacity: 0;
}
58% { opacity: 0;
}
59% { opacity: 1;
}
60% { opacity: 0;
}
73% { opacity: 0;
}
74% { opacity: 1;
}
75% { opacity: 0;
}
83% { opacity: 0;
}
84% { opacity: 1;
}
85% { opacity: 0;
}
86% { opacity: 1;
}
87% { opacity: 0;
}
88% { opacity: 1;
}
89% { opacity: 0;
}
100% { opacity: 0;
}}
@-moz-keyframes bolt-eef3a6b6{
0% { opacity: 0;
}
12% { opacity: 0;
}
13% { opacity: 1;
}
14% { opacity: 0;
}
24% { opacity: 0;
}
25% { opacity: 1;
}
26% { opacity: 0;
}
27% { opacity: 1;
}
28% { opacity: 0;
}
58% { opacity: 0;
}
59% { opacity: 1;
}
60% { opacity: 0;
}
73% { opacity: 0;
}
74% { opacity: 1;
}
75% { opacity: 0;
}
83% { opacity: 0;
}
84% { opacity: 1;
}
85% { opacity: 0;
}
86% { opacity: 1;
}
87% { opacity: 0;
}
88% { opacity: 1;
}
89% { opacity: 0;
}
100% { opacity: 0;
}}
@-o-keyframes bolt-eef3a6b6{
0% { opacity: 0;
}
12% { opacity: 0;
}
13% { opacity: 1;
}
14% { opacity: 0;
}
24% { opacity: 0;
}
25% { opacity: 1;
}
26% { opacity: 0;
}
27% { opacity: 1;
}
28% { opacity: 0;
}
58% { opacity: 0;
}
59% { opacity: 1;
}
60% { opacity: 0;
}
73% { opacity: 0;
}
74% { opacity: 1;
}
75% { opacity: 0;
}
83% { opacity: 0;
}
84% { opacity: 1;
}
85% { opacity: 0;
}
86% { opacity: 1;
}
87% { opacity: 0;
}
88% { opacity: 1;
}
89% { opacity: 0;
}
100% { opacity: 0;
}}
@keyframes bolt-eef3a6b6{
0% { opacity: 0;
}
12% { opacity: 0;
}
13% { opacity: 1;
}
14% { opacity: 0;
}
24% { opacity: 0;
}
25% { opacity: 1;
}
26% { opacity: 0;
}
27% { opacity: 1;
}
28% { opacity: 0;
}
58% { opacity: 0;
}
59% { opacity: 1;
}
60% { opacity: 0;
}
73% { opacity: 0;
}
74% { opacity: 1;
}
75% { opacity: 0;
}
83% { opacity: 0;
}
84% { opacity: 1;
}
85% { opacity: 0;
}
86% { opacity: 1;
}
87% { opacity: 0;
}
88% { opacity: 1;
}
89% { opacity: 0;
}
100% { opacity: 0;
}}
[not-existing][data-v-eef3a6b6] {
  zoom: 1;
}
.footer[data-v-eef3a6b6] {
  position: relative;
  height: 65px;
  background: #023A5B;
  border-top: 1px solid #04324D;
}
.footer .back[data-v-eef3a6b6],
.footer .next[data-v-eef3a6b6] {
  position: absolute;
  top: 11px;
  width: auto;
}
.footer .back[data-v-eef3a6b6]:before,
.footer .next[data-v-eef3a6b6]:before,
.footer .back[data-v-eef3a6b6]:after,
.footer .next[data-v-eef3a6b6]:after {
  position: absolute;
  top: 11px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.footer .back[data-v-eef3a6b6] {
  left: 10px;
  padding: 0 15px 0 28px;
}
.footer .back[data-v-eef3a6b6]:before {
  content: '';
  left: 10px;
  border-right: 8px solid #DDDDDD;
}
.footer .next[data-v-eef3a6b6] {
  right: 11px;
  padding: 0 28px 0 15px;
}
.footer .next[data-v-eef3a6b6]:after {
  content: '';
  right: 10px;
  border-left: 8px solid #04324D;
}
.footer .next.active[data-v-eef3a6b6]:after {
  border-left: 8px solid #081C2B;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/splash/splash.vue?vue&type=style&index=0&id=2c32d4c4&lang=less&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-2c32d4c4] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-2c32d4c4] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-2c32d4c4] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-2c32d4c4] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-2c32d4c4] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.splash[data-v-2c32d4c4] {
  width: 970px;
  padding: 0;
}
.scene-container[data-v-2c32d4c4] {
  position: relative;
  width: 970px;
  height: 580px;
  overflow: hidden;
}
img.frame[data-v-2c32d4c4] {
  position: absolute;
  width: 100%;
  pointer-events: none;
}
.viewport[data-v-2c32d4c4] {
  position: absolute;
  top: 0;
  left: 40px;
  width: 890px;
  height: 540px;
  background: #023A5B;
  overflow: hidden;
}
.viewport[data-v-2c32d4c4] .e {
  position: absolute;
}
.logo[data-v-2c32d4c4] {
  position: absolute;
  top: 25px;
  left: 50%;
  width: 250px;
  margin-left: -125px;
  -webkit-animation: logo-fade-2c32d4c4 2s linear;
  -moz-animation: logo-fade-2c32d4c4 2s linear;
  -o-animation: logo-fade-2c32d4c4 2s linear;
  animation: logo-fade-2c32d4c4 2s linear;
}
.logo img[data-v-2c32d4c4] {
  display: inline-block;
  width: 100%;
}
.button[data-v-2c32d4c4] {
  position: absolute;
  padding: 0 20px;
}
.settings[data-v-2c32d4c4] {
  top: 280px;
  left: 0px;
  width: 170px;
  height: 35px;
  text-align: right;
}
.how-to-play[data-v-2c32d4c4] {
  top: 347px;
  left: 0px;
  width: 225px;
  height: 35px;
  text-align: right;
}
.harbour[data-v-2c32d4c4] {
  top: 410px;
  left: 0px;
  width: 215px;
  height: 41px;
  text-align: right;
  font-size: 18px;
}
.about[data-v-2c32d4c4] {
  top: 280px;
  right: 0px;
  width: 150px;
  height: 35px;
  text-align: left;
}
.stats[data-v-2c32d4c4] {
  top: 347px;
  right: 0px;
  width: 220px;
  height: 35px;
  text-align: left;
}
.shop[data-v-2c32d4c4] {
  top: 410px;
  right: 0px;
  width: 210px;
  height: 41px;
  text-align: left;
  font-size: 18px;
}
.plank[data-v-2c32d4c4] {
  position: absolute;
  color: #081C2B;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  cursor: pointer;
}
.plank.large[data-v-2c32d4c4] {
  width: 346px;
  font-size: 22px;
}
.plank.small[data-v-2c32d4c4] {
  width: 251px;
  font-size: 18px;
}
.plank p[data-v-2c32d4c4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 24px 0;
  text-align: center;
}
.plank img[data-v-2c32d4c4] {
  width: 100%;
}
.solo-game[data-v-2c32d4c4] {
  top: 504px;
  left: 60px;
}
.join-game[data-v-2c32d4c4] {
  top: 448px;
  left: 310px;
}
.custom-game[data-v-2c32d4c4] {
  top: 504px;
  right: 60px;
}
.your-games[data-v-2c32d4c4] {
  position: relative;
  width: 100%;
  margin: 50px auto;
}
.your-games hr[data-v-2c32d4c4] {
  position: absolute;
  top: -38px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #04324D;
}
.your-games h2[data-v-2c32d4c4] {
  position: absolute;
  top: -47px;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  background: #023A5B;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 24px;
  text-align: center;
}
.games[data-v-2c32d4c4] {
  position: relative;
  width: 500px;
  margin: 0 auto;
}
.game[data-v-2c32d4c4] {
  display: block;
  margin-bottom: 15px;
  background: #04324D;
  border: 2px solid #081C2B;
  text-decoration: none;
}
.game h3[data-v-2c32d4c4] {
  padding: 5px 10px;
  background: #081C2B;
}
.game.your-turn h3[data-v-2c32d4c4] {
  color: #D8B332;
}
.game.your-turn .status[data-v-2c32d4c4] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  color: #D8B332;
}
.game .vessels[data-v-2c32d4c4] {
  height: 80px;
  text-align: center;
}
.game .vessels.grid-2 .vessel-group[data-v-2c32d4c4] {
  margin: 0 5px;
}
.game .vessels.grid-3 .vessel-group[data-v-2c32d4c4] {
  margin: 0 5px;
}
.game .vessels.grid-4 .vessel-group[data-v-2c32d4c4] {
  margin: 0 10px;
}
.game .vessels.grid-5 .vessel-group[data-v-2c32d4c4] {
  margin: 0 5px;
}
.game .vessels.grid-6 .vessel-group[data-v-2c32d4c4] {
  margin: 0 5px;
}
.game .vessel-group[data-v-2c32d4c4] {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 100%;
  padding-top: 2px;
}
.game .vessel-group.me p[data-v-2c32d4c4] {
  color: #DDDDDD;
}
.game .vessel-group.resigned[data-v-2c32d4c4] {
  opacity: 0.25;
}
.game .vessel-group.turn[data-v-2c32d4c4] {
  background: rgba(255, 255, 255, 0.05);
}
.game .vessel-group.turn[data-v-2c32d4c4]:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #081C2B;
}
.game .vessel-group p[data-v-2c32d4c4] {
  position: relative;
  top: -10px;
  text-align: center;
  font-size: 10px;
  color: #41778C;
}
.game .vessel-group img.empty[data-v-2c32d4c4] {
  width: 100%;
}
.game span[data-v-2c32d4c4] {
  display: inline-block;
  width: 50%;
  padding: 4px 10px 2px;
  font-size: 12px;
  border-top: 1px solid #081C2B;
}
.game .status[data-v-2c32d4c4] {
  text-align: right;
}
.flow[data-v-2c32d4c4] {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10;
}
.fade-enter-active[data-v-2c32d4c4],
.fade-leave-active[data-v-2c32d4c4] {
  transition: opacity 0.25s;
}
.fade-enter[data-v-2c32d4c4],
.fade-leave-to[data-v-2c32d4c4] {
  opacity: 0;
}
.flow-frame[data-v-2c32d4c4] {
  position: fixed;
  display: inline-block;
  top: 50px;
  left: 0;
  right: 0;
  width: 600px;
  margin: auto;
  border: 5px solid #DDDDDD;
  background: #023A5B;
}
lesshat-selector[data-v-2c32d4c4] {
  -lh-property: 0;
}
@-webkit-keyframes logo-fade-2c32d4c4{
0% { opacity: 0;
}
100% { opacity: 1;
}}
@-moz-keyframes logo-fade-2c32d4c4{
0% { opacity: 0;
}
100% { opacity: 1;
}}
@-o-keyframes logo-fade-2c32d4c4{
0% { opacity: 0;
}
100% { opacity: 1;
}}
@keyframes logo-fade-2c32d4c4{
0% { opacity: 0;
}
100% { opacity: 1;
}}
[not-existing][data-v-2c32d4c4] {
  zoom: 1;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/how_to_play.vue?vue&type=style&index=0&id=013880d8&lang=less&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-013880d8] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-013880d8] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-013880d8] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-013880d8] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-013880d8] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
nav[data-v-013880d8] {
  position: fixed;
  width: 150px;
  padding: 15px;
  background: #04324D;
  font-size: 11px;
}
nav a[data-v-013880d8] {
  display: block;
  padding: 2px 0;
  text-decoration: none;
}
nav a.sub[data-v-013880d8] {
  padding-left: 10px;
}
img[data-v-013880d8] {
  height: 100px;
}
img.icon[data-v-013880d8] {
  height: 20px;
}
img.half[data-v-013880d8] {
  height: 50px;
  margin-bottom: 30px;
}
img.depths[data-v-013880d8] {
  margin-right: 20px;
}
.tutorial[data-v-013880d8] {
  margin: 0 0 50px 170px;
}
.tutorial h1[data-v-013880d8] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 24px;
}
.tutorial h2[data-v-013880d8] {
  margin-bottom: 10px;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 18px;
}
.tutorial section[data-v-013880d8] {
  margin-top: 40px;
}
.tutorial p[data-v-013880d8] {
  font-size: 13px;
  line-height: 1.5;
}
.tutorial p strong[data-v-013880d8] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.tutorial ul[data-v-013880d8] {
  padding: 2px 0 15px;
  font-size: 13px;
}
.tutorial li[data-v-013880d8] {
  line-height: 1.5;
  list-style: disc inside;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/harbours/harbour.vue?vue&type=style&index=0&id=7bb07b85&lang=less&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-7bb07b85] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-7bb07b85] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-7bb07b85] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-7bb07b85] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-7bb07b85] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.harbour[data-v-7bb07b85] {
  width: 960px;
}
.signout-wrapper[data-v-7bb07b85] {
  text-align: center;
  border-top: 1px solid #04324D;
  padding: 20px 0 30px;
}
.signout-wrapper .signout[data-v-7bb07b85] {
  width: 400px;
}
.rope[data-v-7bb07b85] {
  position: absolute;
  top: 90px;
  left: 0px;
  width: 100%;
  height: 18px;
  background-image: url(https://storage.googleapis.com/setti-raider-bay.appspot.com/web-rope.png);
  background-size: contain;
}
.wrapper[data-v-7bb07b85] {
  position: relative;
}
.pole[data-v-7bb07b85] {
  position: absolute;
  top: 16px;
  width: 100%;
  height: 140px;
}
.pole .cross[data-v-7bb07b85] {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-bottom: 4px solid #081C2B;
}
.pole .rod[data-v-7bb07b85] {
  position: absolute;
  top: 0;
  height: 100%;
  border-left: 3px solid #081C2B;
}
.pole .rod.left[data-v-7bb07b85] {
  left: 20px;
}
.pole .rod.right[data-v-7bb07b85] {
  right: 20px;
}
.pole .knob[data-v-7bb07b85] {
  position: absolute;
  bottom: -4px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #081C2B;
}
.pole .knob.left[data-v-7bb07b85] {
  left: -6px;
}
.pole .knob.right[data-v-7bb07b85] {
  right: -6px;
}
.skipper[data-v-7bb07b85] {
  position: relative;
  margin-top: 22px;
  text-align: center;
  z-index: 2;
}
.skipper p[data-v-7bb07b85] {
  position: relative;
  display: inline-block;
  padding: 13px 30px;
  background: #081C2B;
  font-size: 22px;
}
.skipper p strong[data-v-7bb07b85] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.skipper img[data-v-7bb07b85] {
  position: absolute;
  top: 0;
  height: 100%;
  width: 77px;
}
.skipper img.left[data-v-7bb07b85] {
  left: -77px;
}
.skipper img.right[data-v-7bb07b85] {
  right: -77px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.flags[data-v-7bb07b85] {
  margin: -27px auto 0;
  text-align: center;
}
.flags .flag[data-v-7bb07b85] {
  position: relative;
  display: inline-block;
  width: 50px;
  margin: 0 3px;
}
.flags .flag .edge[data-v-7bb07b85] {
  position: relative;
  width: 100%;
  z-index: 1;
}
.flags .flag .fabric[data-v-7bb07b85] {
  position: relative;
  width: 100%;
  margin-top: -1px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.awards[data-v-7bb07b85] {
  margin-top: 45px;
  text-align: center;
}
.awards .award[data-v-7bb07b85] {
  position: relative;
  display: inline-block;
  width: 80px;
  margin: 0 12px;
  vertical-align: top;
}
.awards .award .hanger[data-v-7bb07b85] {
  position: relative;
  width: 100%;
}
.awards .award .medal[data-v-7bb07b85] {
  position: relative;
  width: 100%;
  margin-top: -7px;
}
.awards .award p.label[data-v-7bb07b85] {
  padding-top: 7px;
  font-size: 11px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  white-space: nowrap;
}
.awards .award p.sublabel[data-v-7bb07b85] {
  color: #41778C;
  font-size: 11px;
}
.vessels[data-v-7bb07b85] {
  margin-top: 60px;
  border-top: 1px solid #04324D;
  text-align: center;
}
.vessels h2[data-v-7bb07b85] {
  position: relative;
  display: inline-block;
  top: -9px;
  padding: 0 15px;
  background: #023A5B;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
}
.vessels .vessel-stats[data-v-7bb07b85] {
  position: relative;
  background: #04324D;
  padding: 5px;
  margin-bottom: 20px;
}
.vessels .vessel-stats[data-v-7bb07b85]:last-child {
  margin-bottom: 0;
}
.vessels .vessel-stats .colors[data-v-7bb07b85] {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  line-height: 0;
}
.vessels .vessel-stats .colors .color[data-v-7bb07b85] {
  display: inline-block;
  width: 4px;
  height: 33.332%;
}
.vessels .vessel-stats .overview[data-v-7bb07b85] {
  display: inline-block;
  width: 255px;
  padding: 25px 15px 20px;
  vertical-align: top;
}
.vessels .vessel-stats .overview .name[data-v-7bb07b85] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 18px;
}
.vessels .vessel-stats .overview .vessel[data-v-7bb07b85] {
  display: inline-block;
  width: 170px;
  margin: 5px 0 11px;
}
.vessels .vessel-stats .overview .model[data-v-7bb07b85] {
  font-size: 14px;
  color: #41778C;
  text-transform: uppercase;
}
.vessels .vessel-stats .stats[data-v-7bb07b85] {
  display: inline-block;
  width: 520px;
  vertical-align: top;
}
.vessels .vessel-stats .stats .stat[data-v-7bb07b85] {
  display: inline-block;
  width: 99px;
  height: 69px;
  margin: 2px;
  padding: 12px 5px 0;
  background: #023A5B;
  vertical-align: top;
}
.vessels .vessel-stats .stats .stat .title[data-v-7bb07b85] {
  font-size: 10px;
  color: #41778C;
  text-transform: uppercase;
  line-height: 1.2;
}
.vessels .vessel-stats .stats .stat .value[data-v-7bb07b85] {
  padding-top: 8px;
  font-size: 16px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.vessels .vessel-stats .scores[data-v-7bb07b85] {
  display: inline-block;
  width: 175px;
  vertical-align: top;
}
.vessels .vessel-stats .scores .rank .title[data-v-7bb07b85] {
  text-transform: uppercase;
  padding: 22px 0 5px;
  font-size: 11px;
}
.vessels .vessel-stats .scores .rank .value[data-v-7bb07b85] {
  display: inline-block;
  width: 80px;
  height: 80px;
  padding: 30px 0;
  border-radius: 40px;
  background: #081C2B;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 38px;
  color: #DDDDDD;
}
.vessels .vessel-stats .scores .rank .value.rank-1[data-v-7bb07b85] {
  background: #D8B332;
  color: #081C2B;
}
.vessels .vessel-stats .scores .rank .value.rank-2[data-v-7bb07b85] {
  background: #DDDDDD;
  color: #081C2B;
}
.vessels .vessel-stats .scores .rank .value.rank-3[data-v-7bb07b85] {
  background: #41778C;
  color: #081C2B;
}
.vessels .vessel-stats .scores .rank.unranked .title[data-v-7bb07b85] {
  color: #41778C;
}
.vessels .vessel-stats .scores .rank.unranked .value[data-v-7bb07b85] {
  padding: 32px 0 0;
  background: rgba(8, 28, 43, 0.25);
  color: #41778C;
  font-size: 24px;
}
.vessels .vessel-stats .scores .xp[data-v-7bb07b85] {
  margin: 15px 30px 0;
  padding: 10px;
  border-radius: 5px;
  background: rgba(8, 28, 43, 0.5);
}
.vessels .vessel-stats .scores .xp .title[data-v-7bb07b85] {
  text-transform: uppercase;
  font-size: 11px;
}
.vessels .vessel-stats .scores .xp .value[data-v-7bb07b85] {
  display: inline-block;
  padding-top: 5px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #DDDDDD;
}
.user-stats[data-v-7bb07b85] {
  margin: 60px 0 30px;
  border-top: 1px solid #04324D;
  text-align: center;
}
.user-stats h2[data-v-7bb07b85] {
  position: relative;
  display: inline-block;
  top: -9px;
  padding: 0 15px;
  background: #023A5B;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
}
.user-stats .user[data-v-7bb07b85] {
  position: relative;
  background: #04324D;
  padding: 5px;
  margin-bottom: 10px;
}
.user-stats .user .stats[data-v-7bb07b85] {
  display: inline-block;
  width: 775px;
  vertical-align: top;
}
.user-stats .user .stats .stat[data-v-7bb07b85] {
  display: inline-block;
  width: 125px;
  height: 69px;
  margin: 2px;
  padding: 12px 5px 0;
  background: #023A5B;
  vertical-align: top;
}
.user-stats .user .stats .stat .title[data-v-7bb07b85] {
  font-size: 10px;
  color: #41778C;
  text-transform: uppercase;
  line-height: 1.2;
}
.user-stats .user .stats .stat .value[data-v-7bb07b85] {
  padding-top: 8px;
  font-size: 16px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.user-stats .user .scores[data-v-7bb07b85] {
  display: inline-block;
  width: 175px;
  vertical-align: top;
}
.user-stats .user .scores .rank .title[data-v-7bb07b85] {
  text-transform: uppercase;
  padding: 22px 0 5px;
  font-size: 11px;
}
.user-stats .user .scores .rank .value[data-v-7bb07b85] {
  display: inline-block;
  width: 80px;
  height: 80px;
  padding: 30px 0;
  border-radius: 40px;
  background: #081C2B;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 38px;
  color: #DDDDDD;
}
.user-stats .user .scores .rank .value.rank-1[data-v-7bb07b85] {
  background: #D8B332;
  color: #081C2B;
}
.user-stats .user .scores .rank .value.rank-2[data-v-7bb07b85] {
  background: #DDDDDD;
  color: #081C2B;
}
.user-stats .user .scores .rank .value.rank-3[data-v-7bb07b85] {
  background: #41778C;
  color: #081C2B;
}
.user-stats .user .scores .rank.unranked .title[data-v-7bb07b85] {
  color: #41778C;
}
.user-stats .user .scores .rank.unranked .value[data-v-7bb07b85] {
  padding: 32px 0 0;
  background: rgba(8, 28, 43, 0.25);
  color: #41778C;
  font-size: 24px;
}
.user-stats .user .scores .xp[data-v-7bb07b85] {
  margin: 15px 30px 0;
  padding: 10px;
  border-radius: 5px;
  background: rgba(8, 28, 43, 0.5);
}
.user-stats .user .scores .xp .title[data-v-7bb07b85] {
  text-transform: uppercase;
  font-size: 11px;
}
.user-stats .user .scores .xp .value[data-v-7bb07b85] {
  display: inline-block;
  padding-top: 5px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #DDDDDD;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/leaderboards/header.vue?vue&type=style&index=0&id=21295816&lang=less&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-21295816] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-21295816] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-21295816] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-21295816] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-21295816] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.header[data-v-21295816] {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #04324D;
  text-align: center;
}
h1[data-v-21295816] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 24px;
}
.nav[data-v-21295816] {
  width: 100%;
  padding: 20px 150px;
}
.nav .button[data-v-21295816] {
  width: 200px;
  margin: 0 10px;
}
.nav .button.router-link-active[data-v-21295816] {
  background: #DDDDDD;
  color: #081C2B;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/leaderboards/users.vue?vue&type=style&index=0&id=d5fb7560&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.leaderboard .item .vessels-list[data-v-d5fb7560] {
  width: 170px;
}
.leaderboard .item .vessels-list .vessel[data-v-d5fb7560] {
  display: inline-block;
  width: 40px;
  height: 34px;
  margin: 0 auto;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/leaderboards/vessels.vue?vue&type=style&index=0&id=c21e2476&lang=less&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.leaderboard .item .player-info[data-v-c21e2476] {
  width: 212px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/leaderboards/fortnight.vue?vue&type=style&index=0&id=5147e2f5&lang=less&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.leaderboard .item.last[data-v-5147e2f5] {
  border-style: none none double none;
  border-width: 3px;
}
.leaderboard .item .player-info[data-v-5147e2f5] {
  width: 276px;
}
.leaderboard .item .trophies[data-v-5147e2f5] {
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  background: #04324D;
  border-radius: 5px;
}
.leaderboard .item .trophies .divider[data-v-5147e2f5] {
  border-color: #023A5B;
  height: 25px;
}
.leaderboard .item .trophies .stat[data-v-5147e2f5] {
  display: inline-block;
}
.leaderboard .item .trophies .stat .title[data-v-5147e2f5] {
  margin: -1px 0 1px;
  color: #DDDDDD;
}
.leaderboard .item .trophies .stat .name[data-v-5147e2f5] {
  font-size: 20px;
}
.leaderboard .item .trophies .trophy[data-v-5147e2f5] {
  position: relative;
  display: inline-block;
  top: -3px;
  width: 18px;
  padding: 0 2px;
  fill: #41778C;
}
.leaderboard .item .trophies .trophy.acquired[data-v-5147e2f5] {
  fill: #DDDDDD;
}
.nav[data-v-5147e2f5] {
  width: 100%;
  padding: 20px 150px;
}
.nav .button[data-v-5147e2f5] {
  width: 200px;
  margin: 0 10px;
}
.nav .button.router-link-active[data-v-5147e2f5] {
  background: #DDDDDD;
  color: #081C2B;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/board.vue?vue&type=style&index=0&id=194217bc&lang=less&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-194217bc] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-194217bc] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-194217bc] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-194217bc] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-194217bc] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.board[data-v-194217bc] {
  position: relative;
  margin-bottom: 50px;
}
.board-border[data-v-194217bc] {
  margin-top: 4px;
  border-top: 1px solid #41778C;
  border-left: 1px solid #41778C;
}
.board-cell[data-v-194217bc] {
  position: relative;
  display: inline-block;
  width: 63px;
  height: 62px;
  padding: 3px;
  line-height: 11px;
  border-bottom: 1px solid #41778C;
  border-right: 1px solid #41778C;
  vertical-align: top;
  -webkit-transition: background 0.5s, color 0.25s;
  -moz-transition: background 0.5s, color 0.25s;
  -o-transition: background 0.5s, color 0.25s;
  transition: background 0.5s, color 0.25s;
}
.board-cell.movable[data-v-194217bc] {
  background-color: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
.board-cell.movable[data-v-194217bc]:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
.board-cell.fished[data-v-194217bc] {
  color: #41778C;
}
.board-cell.treasure[data-v-194217bc] {
  color: #D8B332;
}
.board-cell.selected[data-v-194217bc] {
  background: #081C2B;
}
.board-cell .depth[data-v-194217bc] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #081C2B;
  z-index: 1;
}
.board-cell .honeyhole[data-v-194217bc] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}
.board-cell .honeyhole .bubble[data-v-194217bc] {
  position: absolute;
  width: 6px;
  height: 9px;
  border-radius: 3px;
  background: #41778C;
}
.board-cell .honeyhole .bubble-1[data-v-194217bc] {
  left: 13%;
  transform: translate(0, 6px) scale(0.7);
  -webkit-animation: float-194217bc 1.3s ease-out infinite alternate,wiggle-194217bc 3.3s linear infinite alternate;
  -moz-animation: float-194217bc 1.3s ease-out infinite alternate,wiggle-194217bc 3.3s linear infinite alternate;
  -o-animation: float-194217bc 1.3s ease-out infinite alternate,wiggle-194217bc 3.3s linear infinite alternate;
  animation: float-194217bc 1.3s ease-out infinite alternate,wiggle-194217bc 3.3s linear infinite alternate;
}
.board-cell .honeyhole .bubble-2[data-v-194217bc] {
  left: 21%;
  transform: translate(0, 7px) scale(0.8);
  -webkit-animation: float-194217bc 1.15s ease-out infinite alternate,wiggle-194217bc 2.1s linear infinite alternate;
  -moz-animation: float-194217bc 1.15s ease-out infinite alternate,wiggle-194217bc 2.1s linear infinite alternate;
  -o-animation: float-194217bc 1.15s ease-out infinite alternate,wiggle-194217bc 2.1s linear infinite alternate;
  animation: float-194217bc 1.15s ease-out infinite alternate,wiggle-194217bc 2.1s linear infinite alternate;
}
.board-cell .honeyhole .bubble-3[data-v-194217bc] {
  left: 28%;
  transform: translate(0, 6px) scale(0.9);
  -webkit-animation: float-194217bc 0.9s ease-out infinite alternate,wiggle-194217bc 2.3s linear infinite alternate;
  -moz-animation: float-194217bc 0.9s ease-out infinite alternate,wiggle-194217bc 2.3s linear infinite alternate;
  -o-animation: float-194217bc 0.9s ease-out infinite alternate,wiggle-194217bc 2.3s linear infinite alternate;
  animation: float-194217bc 0.9s ease-out infinite alternate,wiggle-194217bc 2.3s linear infinite alternate;
}
.board-cell .honeyhole .bubble-4[data-v-194217bc] {
  left: 34%;
  transform: translate(0, 4px) scale(1);
  -webkit-animation: float-194217bc 1.25s ease-out infinite alternate,wiggle-194217bc 1.7s linear infinite alternate;
  -moz-animation: float-194217bc 1.25s ease-out infinite alternate,wiggle-194217bc 1.7s linear infinite alternate;
  -o-animation: float-194217bc 1.25s ease-out infinite alternate,wiggle-194217bc 1.7s linear infinite alternate;
  animation: float-194217bc 1.25s ease-out infinite alternate,wiggle-194217bc 1.7s linear infinite alternate;
}
.board-cell .honeyhole .bubble-5[data-v-194217bc] {
  left: 39%;
  transform: translate(0, 3px) scale(0.7);
  -webkit-animation: float-194217bc 1s ease-out infinite alternate,wiggle-194217bc 3.5s linear infinite alternate;
  -moz-animation: float-194217bc 1s ease-out infinite alternate,wiggle-194217bc 3.5s linear infinite alternate;
  -o-animation: float-194217bc 1s ease-out infinite alternate,wiggle-194217bc 3.5s linear infinite alternate;
  animation: float-194217bc 1s ease-out infinite alternate,wiggle-194217bc 3.5s linear infinite alternate;
}
.board-cell .honeyhole .bubble-6[data-v-194217bc] {
  left: 43%;
  transform: translate(0, 2px) scale(1);
  -webkit-animation: float-194217bc 1.05s ease-out infinite alternate,wiggle-194217bc 2.9s linear infinite alternate;
  -moz-animation: float-194217bc 1.05s ease-out infinite alternate,wiggle-194217bc 2.9s linear infinite alternate;
  -o-animation: float-194217bc 1.05s ease-out infinite alternate,wiggle-194217bc 2.9s linear infinite alternate;
  animation: float-194217bc 1.05s ease-out infinite alternate,wiggle-194217bc 2.9s linear infinite alternate;
}
.board-cell .honeyhole .bubble-7[data-v-194217bc] {
  left: 46%;
  transform: translate(0, 3px) scale(0.9);
  -webkit-animation: float-194217bc 0.8s ease-out infinite alternate,wiggle-194217bc 2.4s linear infinite alternate;
  -moz-animation: float-194217bc 0.8s ease-out infinite alternate,wiggle-194217bc 2.4s linear infinite alternate;
  -o-animation: float-194217bc 0.8s ease-out infinite alternate,wiggle-194217bc 2.4s linear infinite alternate;
  animation: float-194217bc 0.8s ease-out infinite alternate,wiggle-194217bc 2.4s linear infinite alternate;
}
.board-cell .honeyhole .bubble-8[data-v-194217bc] {
  left: 48%;
  transform: translate(0, 2px) scale(0.7);
  -webkit-animation: float-194217bc 1.35s ease-out infinite alternate,wiggle-194217bc 2.8s linear infinite alternate;
  -moz-animation: float-194217bc 1.35s ease-out infinite alternate,wiggle-194217bc 2.8s linear infinite alternate;
  -o-animation: float-194217bc 1.35s ease-out infinite alternate,wiggle-194217bc 2.8s linear infinite alternate;
  animation: float-194217bc 1.35s ease-out infinite alternate,wiggle-194217bc 2.8s linear infinite alternate;
}
.board-cell .honeyhole .bubble-9[data-v-194217bc] {
  left: 49%;
  transform: translate(0, 1px) scale(0.7);
  -webkit-animation: float-194217bc 1.4s ease-out infinite alternate,wiggle-194217bc 2.2s linear infinite alternate;
  -moz-animation: float-194217bc 1.4s ease-out infinite alternate,wiggle-194217bc 2.2s linear infinite alternate;
  -o-animation: float-194217bc 1.4s ease-out infinite alternate,wiggle-194217bc 2.2s linear infinite alternate;
  animation: float-194217bc 1.4s ease-out infinite alternate,wiggle-194217bc 2.2s linear infinite alternate;
}
.board-cell .honeyhole .bubble-10[data-v-194217bc] {
  left: 50%;
  transform: translate(0, 0px) scale(0.9);
  -webkit-animation: float-194217bc 0.7s ease-out infinite alternate,wiggle-194217bc 3s linear infinite alternate;
  -moz-animation: float-194217bc 0.7s ease-out infinite alternate,wiggle-194217bc 3s linear infinite alternate;
  -o-animation: float-194217bc 0.7s ease-out infinite alternate,wiggle-194217bc 3s linear infinite alternate;
  animation: float-194217bc 0.7s ease-out infinite alternate,wiggle-194217bc 3s linear infinite alternate;
}
.board-cell .honeyhole .bubble-11[data-v-194217bc] {
  left: 50%;
  transform: translate(0, 1px) scale(0.7);
  -webkit-animation: float-194217bc 0.95s ease-out infinite alternate,wiggle-194217bc 1.8s linear infinite alternate;
  -moz-animation: float-194217bc 0.95s ease-out infinite alternate,wiggle-194217bc 1.8s linear infinite alternate;
  -o-animation: float-194217bc 0.95s ease-out infinite alternate,wiggle-194217bc 1.8s linear infinite alternate;
  animation: float-194217bc 0.95s ease-out infinite alternate,wiggle-194217bc 1.8s linear infinite alternate;
}
.board-cell .honeyhole .bubble-12[data-v-194217bc] {
  left: 51%;
  transform: translate(0, 2px) scale(0.8);
  -webkit-animation: float-194217bc 0.75s ease-out infinite alternate,wiggle-194217bc 2.7s linear infinite alternate;
  -moz-animation: float-194217bc 0.75s ease-out infinite alternate,wiggle-194217bc 2.7s linear infinite alternate;
  -o-animation: float-194217bc 0.75s ease-out infinite alternate,wiggle-194217bc 2.7s linear infinite alternate;
  animation: float-194217bc 0.75s ease-out infinite alternate,wiggle-194217bc 2.7s linear infinite alternate;
}
.board-cell .honeyhole .bubble-13[data-v-194217bc] {
  left: 52%;
  transform: translate(0, 2px) scale(0.9);
  -webkit-animation: float-194217bc 0.65s ease-out infinite alternate,wiggle-194217bc 1.6s linear infinite alternate;
  -moz-animation: float-194217bc 0.65s ease-out infinite alternate,wiggle-194217bc 1.6s linear infinite alternate;
  -o-animation: float-194217bc 0.65s ease-out infinite alternate,wiggle-194217bc 1.6s linear infinite alternate;
  animation: float-194217bc 0.65s ease-out infinite alternate,wiggle-194217bc 1.6s linear infinite alternate;
}
.board-cell .honeyhole .bubble-14[data-v-194217bc] {
  left: 54%;
  transform: translate(0, 3px) scale(0.8);
  -webkit-animation: float-194217bc 0.6s ease-out infinite alternate,wiggle-194217bc 2s linear infinite alternate;
  -moz-animation: float-194217bc 0.6s ease-out infinite alternate,wiggle-194217bc 2s linear infinite alternate;
  -o-animation: float-194217bc 0.6s ease-out infinite alternate,wiggle-194217bc 2s linear infinite alternate;
  animation: float-194217bc 0.6s ease-out infinite alternate,wiggle-194217bc 2s linear infinite alternate;
}
.board-cell .honeyhole .bubble-15[data-v-194217bc] {
  left: 57%;
  transform: translate(0, 4px) scale(1);
  -webkit-animation: float-194217bc 0.85s ease-out infinite alternate,wiggle-194217bc 2.6s linear infinite alternate;
  -moz-animation: float-194217bc 0.85s ease-out infinite alternate,wiggle-194217bc 2.6s linear infinite alternate;
  -o-animation: float-194217bc 0.85s ease-out infinite alternate,wiggle-194217bc 2.6s linear infinite alternate;
  animation: float-194217bc 0.85s ease-out infinite alternate,wiggle-194217bc 2.6s linear infinite alternate;
}
.board-cell .honeyhole .bubble-16[data-v-194217bc] {
  left: 61%;
  transform: translate(0, 6px) scale(0.7);
  -webkit-animation: float-194217bc 1.1s ease-out infinite alternate,wiggle-194217bc 3.4s linear infinite alternate;
  -moz-animation: float-194217bc 1.1s ease-out infinite alternate,wiggle-194217bc 3.4s linear infinite alternate;
  -o-animation: float-194217bc 1.1s ease-out infinite alternate,wiggle-194217bc 3.4s linear infinite alternate;
  animation: float-194217bc 1.1s ease-out infinite alternate,wiggle-194217bc 3.4s linear infinite alternate;
}
.board-cell .honeyhole .bubble-17[data-v-194217bc] {
  left: 66%;
  transform: translate(0, 5px) scale(0.9);
  -webkit-animation: float-194217bc 0.5s ease-out infinite alternate,wiggle-194217bc 1.9s linear infinite alternate;
  -moz-animation: float-194217bc 0.5s ease-out infinite alternate,wiggle-194217bc 1.9s linear infinite alternate;
  -o-animation: float-194217bc 0.5s ease-out infinite alternate,wiggle-194217bc 1.9s linear infinite alternate;
  animation: float-194217bc 0.5s ease-out infinite alternate,wiggle-194217bc 1.9s linear infinite alternate;
}
.board-cell .honeyhole .bubble-18[data-v-194217bc] {
  left: 72%;
  transform: translate(0, 6px) scale(0.8);
  -webkit-animation: float-194217bc 1.5s ease-out infinite alternate,wiggle-194217bc 3.2s linear infinite alternate;
  -moz-animation: float-194217bc 1.5s ease-out infinite alternate,wiggle-194217bc 3.2s linear infinite alternate;
  -o-animation: float-194217bc 1.5s ease-out infinite alternate,wiggle-194217bc 3.2s linear infinite alternate;
  animation: float-194217bc 1.5s ease-out infinite alternate,wiggle-194217bc 3.2s linear infinite alternate;
}
.board-cell .honeyhole .bubble-19[data-v-194217bc] {
  left: 79%;
  transform: translate(0, 7px) scale(1);
  -webkit-animation: float-194217bc 1.45s ease-out infinite alternate,wiggle-194217bc 2.5s linear infinite alternate;
  -moz-animation: float-194217bc 1.45s ease-out infinite alternate,wiggle-194217bc 2.5s linear infinite alternate;
  -o-animation: float-194217bc 1.45s ease-out infinite alternate,wiggle-194217bc 2.5s linear infinite alternate;
  animation: float-194217bc 1.45s ease-out infinite alternate,wiggle-194217bc 2.5s linear infinite alternate;
}
.board-cell .honeyhole .bubble-20[data-v-194217bc] {
  left: 87%;
  transform: translate(0, 6px) scale(0.8);
  -webkit-animation: float-194217bc 1.2s ease-out infinite alternate,wiggle-194217bc 3.1s linear infinite alternate;
  -moz-animation: float-194217bc 1.2s ease-out infinite alternate,wiggle-194217bc 3.1s linear infinite alternate;
  -o-animation: float-194217bc 1.2s ease-out infinite alternate,wiggle-194217bc 3.1s linear infinite alternate;
  animation: float-194217bc 1.2s ease-out infinite alternate,wiggle-194217bc 3.1s linear infinite alternate;
}
.board-cell .honeyhole .bubble-x1[data-v-194217bc] {
  left: 0%;
  transform: scale(0.7);
  background: #41778C;
  -webkit-animation: floatx-194217bc 1.3s ease-out infinite alternate;
  -moz-animation: floatx-194217bc 1.3s ease-out infinite alternate;
  -o-animation: floatx-194217bc 1.3s ease-out infinite alternate;
  animation: floatx-194217bc 1.3s ease-out infinite alternate;
}
.board-cell .honeyhole .bubble-x2[data-v-194217bc] {
  left: 5%;
  transform: scale(0.8);
  background: #41778C;
  -webkit-animation: floatx-194217bc 1.15s ease-out infinite alternate;
  -moz-animation: floatx-194217bc 1.15s ease-out infinite alternate;
  -o-animation: floatx-194217bc 1.15s ease-out infinite alternate;
  animation: floatx-194217bc 1.15s ease-out infinite alternate;
}
.board-cell .honeyhole .bubble-x3[data-v-194217bc] {
  left: 10%;
  transform: scale(0.9);
  background: #41778C;
  -webkit-animation: floatx-194217bc 0.9s ease-out infinite alternate;
  -moz-animation: floatx-194217bc 0.9s ease-out infinite alternate;
  -o-animation: floatx-194217bc 0.9s ease-out infinite alternate;
  animation: floatx-194217bc 0.9s ease-out infinite alternate;
}
.board-cell .honeyhole .bubble-x4[data-v-194217bc] {
  left: 15%;
  transform: scale(1);
  background: #41778C;
  -webkit-animation: floatx-194217bc 1.25s ease-out infinite alternate;
  -moz-animation: floatx-194217bc 1.25s ease-out infinite alternate;
  -o-animation: floatx-194217bc 1.25s ease-out infinite alternate;
  animation: floatx-194217bc 1.25s ease-out infinite alternate;
}
.board-cell .honeyhole .bubble-x5[data-v-194217bc] {
  left: 20%;
  transform: scale(0.7);
  background: #41778C;
  -webkit-animation: floatx-194217bc 1s ease-out infinite alternate;
  -moz-animation: floatx-194217bc 1s ease-out infinite alternate;
  -o-animation: floatx-194217bc 1s ease-out infinite alternate;
  animation: floatx-194217bc 1s ease-out infinite alternate;
}
.board-cell .honeyhole .bubble-x6[data-v-194217bc] {
  left: 25%;
  transform: scale(1);
  background: #41778C;
  -webkit-animation: floatx-194217bc 1.05s ease-out infinite alternate;
  -moz-animation: floatx-194217bc 1.05s ease-out infinite alternate;
  -o-animation: floatx-194217bc 1.05s ease-out infinite alternate;
  animation: floatx-194217bc 1.05s ease-out infinite alternate;
}
.board-cell .honeyhole .bubble-x7[data-v-194217bc] {
  left: 30%;
  transform: scale(0.9);
  background: #41778C;
  -webkit-animation: floatx-194217bc 0.8s ease-out infinite alternate;
  -moz-animation: floatx-194217bc 0.8s ease-out infinite alternate;
  -o-animation: floatx-194217bc 0.8s ease-out infinite alternate;
  animation: floatx-194217bc 0.8s ease-out infinite alternate;
}
.board-cell .honeyhole .bubble-x8[data-v-194217bc] {
  left: 35%;
  transform: scale(0.7);
  background: #41778C;
  -webkit-animation: floatx-194217bc 1.35s ease-out infinite alternate;
  -moz-animation: floatx-194217bc 1.35s ease-out infinite alternate;
  -o-animation: floatx-194217bc 1.35s ease-out infinite alternate;
  animation: floatx-194217bc 1.35s ease-out infinite alternate;
}
.board-cell .honeyhole .bubble-x9[data-v-194217bc] {
  left: 40%;
  transform: scale(0.7);
  background: #41778C;
  -webkit-animation: floatx-194217bc 1.4s ease-out infinite alternate;
  -moz-animation: floatx-194217bc 1.4s ease-out infinite alternate;
  -o-animation: floatx-194217bc 1.4s ease-out infinite alternate;
  animation: floatx-194217bc 1.4s ease-out infinite alternate;
}
.board-cell .honeyhole .bubble-x10[data-v-194217bc] {
  left: 45%;
  transform: scale(0.9);
  background: #41778C;
  -webkit-animation: floatx-194217bc 0.7s ease-out infinite alternate;
  -moz-animation: floatx-194217bc 0.7s ease-out infinite alternate;
  -o-animation: floatx-194217bc 0.7s ease-out infinite alternate;
  animation: floatx-194217bc 0.7s ease-out infinite alternate;
}
.board-cell .honeyhole .bubble-x11[data-v-194217bc] {
  left: 50%;
  transform: scale(0.7);
  background: #41778C;
  -webkit-animation: floatx-194217bc 0.95s ease-out infinite alternate;
  -moz-animation: floatx-194217bc 0.95s ease-out infinite alternate;
  -o-animation: floatx-194217bc 0.95s ease-out infinite alternate;
  animation: floatx-194217bc 0.95s ease-out infinite alternate;
}
.board-cell .honeyhole .bubble-x12[data-v-194217bc] {
  left: 55%;
  transform: scale(0.8);
  background: #41778C;
  -webkit-animation: floatx-194217bc 0.75s ease-out infinite alternate;
  -moz-animation: floatx-194217bc 0.75s ease-out infinite alternate;
  -o-animation: floatx-194217bc 0.75s ease-out infinite alternate;
  animation: floatx-194217bc 0.75s ease-out infinite alternate;
}
.board-cell .honeyhole .bubble-x13[data-v-194217bc] {
  left: 60%;
  transform: scale(0.9);
  background: #41778C;
  -webkit-animation: floatx-194217bc 0.65s ease-out infinite alternate;
  -moz-animation: floatx-194217bc 0.65s ease-out infinite alternate;
  -o-animation: floatx-194217bc 0.65s ease-out infinite alternate;
  animation: floatx-194217bc 0.65s ease-out infinite alternate;
}
.board-cell .honeyhole .bubble-x14[data-v-194217bc] {
  left: 65%;
  transform: scale(0.8);
  background: #41778C;
  -webkit-animation: floatx-194217bc 0.6s ease-out infinite alternate;
  -moz-animation: floatx-194217bc 0.6s ease-out infinite alternate;
  -o-animation: floatx-194217bc 0.6s ease-out infinite alternate;
  animation: floatx-194217bc 0.6s ease-out infinite alternate;
}
.board-cell .honeyhole .bubble-x15[data-v-194217bc] {
  left: 70%;
  transform: scale(1);
  background: #41778C;
  -webkit-animation: floatx-194217bc 0.85s ease-out infinite alternate;
  -moz-animation: floatx-194217bc 0.85s ease-out infinite alternate;
  -o-animation: floatx-194217bc 0.85s ease-out infinite alternate;
  animation: floatx-194217bc 0.85s ease-out infinite alternate;
}
.board-cell .honeyhole .bubble-x16[data-v-194217bc] {
  left: 75%;
  transform: scale(0.7);
  background: #41778C;
  -webkit-animation: floatx-194217bc 1.1s ease-out infinite alternate;
  -moz-animation: floatx-194217bc 1.1s ease-out infinite alternate;
  -o-animation: floatx-194217bc 1.1s ease-out infinite alternate;
  animation: floatx-194217bc 1.1s ease-out infinite alternate;
}
.board-cell .honeyhole .bubble-x17[data-v-194217bc] {
  left: 80%;
  transform: scale(0.9);
  background: #41778C;
  -webkit-animation: floatx-194217bc 0.5s ease-out infinite alternate;
  -moz-animation: floatx-194217bc 0.5s ease-out infinite alternate;
  -o-animation: floatx-194217bc 0.5s ease-out infinite alternate;
  animation: floatx-194217bc 0.5s ease-out infinite alternate;
}
.board-cell .honeyhole .bubble-x18[data-v-194217bc] {
  left: 85%;
  transform: scale(0.8);
  background: #41778C;
  -webkit-animation: floatx-194217bc 1.5s ease-out infinite alternate;
  -moz-animation: floatx-194217bc 1.5s ease-out infinite alternate;
  -o-animation: floatx-194217bc 1.5s ease-out infinite alternate;
  animation: floatx-194217bc 1.5s ease-out infinite alternate;
}
.board-cell .honeyhole .bubble-x19[data-v-194217bc] {
  left: 90%;
  transform: scale(1);
  background: #41778C;
  -webkit-animation: floatx-194217bc 1.45s ease-out infinite alternate;
  -moz-animation: floatx-194217bc 1.45s ease-out infinite alternate;
  -o-animation: floatx-194217bc 1.45s ease-out infinite alternate;
  animation: floatx-194217bc 1.45s ease-out infinite alternate;
}
.board-cell .honeyhole .bubble-x20[data-v-194217bc] {
  left: 95%;
  transform: scale(0.8);
  background: #41778C;
  -webkit-animation: floatx-194217bc 1.2s ease-out infinite alternate;
  -moz-animation: floatx-194217bc 1.2s ease-out infinite alternate;
  -o-animation: floatx-194217bc 1.2s ease-out infinite alternate;
  animation: floatx-194217bc 1.2s ease-out infinite alternate;
}
.board-cell lesshat-selector[data-v-194217bc] {
  -lh-property: 0;
}
@-webkit-keyframes float-194217bc{
0% { top: 70px;
}
100% { top: 45px;
}}
@-moz-keyframes float-194217bc{
0% { top: 70px;
}
100% { top: 45px;
}}
@-o-keyframes float-194217bc{
0% { top: 70px;
}
100% { top: 45px;
}}
@keyframes float-194217bc{
0% { top: 70px;
}
100% { top: 45px;
}}
[not-existing][data-v-194217bc] {
  zoom: 1;
}
.board-cell lesshat-selector[data-v-194217bc] {
  -lh-property: 0;
}
@-webkit-keyframes floatx-194217bc{
0% { top: 60px
}
100% { top: 57px;
}}
@-moz-keyframes floatx-194217bc{
0% { top: 60px
}
100% { top: 57px;
}}
@-o-keyframes floatx-194217bc{
0% { top: 60px
}
100% { top: 57px;
}}
@keyframes floatx-194217bc{
0% { top: 60px
}
100% { top: 57px;
}}
[not-existing][data-v-194217bc] {
  zoom: 1;
}
.board-cell lesshat-selector[data-v-194217bc] {
  -lh-property: 0;
}
@-webkit-keyframes wiggle-194217bc{
0% { margin-left: -2px;
}
100% { margin-left: 2px;
}}
@-moz-keyframes wiggle-194217bc{
0% { margin-left: -2px;
}
100% { margin-left: 2px;
}}
@-o-keyframes wiggle-194217bc{
0% { margin-left: -2px;
}
100% { margin-left: 2px;
}}
@keyframes wiggle-194217bc{
0% { margin-left: -2px;
}
100% { margin-left: 2px;
}}
[not-existing][data-v-194217bc] {
  zoom: 1;
}
.board-cell p.type[data-v-194217bc] {
  position: relative;
  font-size: 10px;
  font-weight: bold;
  padding-bottom: 2px;
  z-index: 2;
}
.board-cell p.status[data-v-194217bc] {
  position: relative;
  font-size: 9px;
  z-index: 2;
}
.board-cell .vessel[data-v-194217bc] {
  position: absolute;
  bottom: 0;
  left: 2px;
  z-index: 3;
}
.board-cell .vessel.sunk[data-v-194217bc] {
  height: 37px;
}
.board-cell.fog1[data-v-194217bc] {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-animation: fog-194217bc 4s backwards infinite;
  -moz-animation: fog-194217bc 4s backwards infinite;
  -o-animation: fog-194217bc 4s backwards infinite;
  animation: fog-194217bc 4s backwards infinite;
}
.board-cell.fog2[data-v-194217bc] {
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-animation: fog-194217bc 6s 1s backwards infinite;
  -moz-animation: fog-194217bc 6s 1s backwards infinite;
  -o-animation: fog-194217bc 6s 1s backwards infinite;
  animation: fog-194217bc 6s 1s backwards infinite;
}
.board-cell.fog3[data-v-194217bc] {
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-animation: fog-194217bc 8s backwards infinite;
  -moz-animation: fog-194217bc 8s backwards infinite;
  -o-animation: fog-194217bc 8s backwards infinite;
  animation: fog-194217bc 8s backwards infinite;
}
.board-cell.fog4[data-v-194217bc] {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-animation: fog-194217bc 10s 1s backwards infinite;
  -moz-animation: fog-194217bc 10s 1s backwards infinite;
  -o-animation: fog-194217bc 10s 1s backwards infinite;
  animation: fog-194217bc 10s 1s backwards infinite;
}
.board-cell.fog5[data-v-194217bc] {
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-animation: fog-194217bc 12s backwards infinite;
  -moz-animation: fog-194217bc 12s backwards infinite;
  -o-animation: fog-194217bc 12s backwards infinite;
  animation: fog-194217bc 12s backwards infinite;
}
.board-cell.fog6[data-v-194217bc] {
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-animation: fog-194217bc 14s 3s backwards infinite;
  -moz-animation: fog-194217bc 14s 3s backwards infinite;
  -o-animation: fog-194217bc 14s 3s backwards infinite;
  animation: fog-194217bc 14s 3s backwards infinite;
}
lesshat-selector[data-v-194217bc] {
  -lh-property: 0;
}
@-webkit-keyframes fog-194217bc{
0% { background-color: rgba(255,255,255,.1);
}
50% { background-color: rgba(255,255,255,.3);
}
100% {background-color: rgba(255,255,255,.1);}}
@-moz-keyframes fog-194217bc{
0% { background-color: rgba(255,255,255,.1);
}
50% { background-color: rgba(255,255,255,.3);
}
100% {background-color: rgba(255,255,255,.1);}}
@-o-keyframes fog-194217bc{
0% { background-color: rgba(255,255,255,.1);
}
50% { background-color: rgba(255,255,255,.3);
}
100% {background-color: rgba(255,255,255,.1);}}
@keyframes fog-194217bc{
0% { background-color: rgba(255,255,255,.1);
}
50% { background-color: rgba(255,255,255,.3);
}
100% {background-color: rgba(255,255,255,.1);}}
[not-existing][data-v-194217bc] {
  zoom: 1;
}
.dock[data-v-194217bc] {
  position: relative;
  display: block;
  width: 190px;
  height: 65px;
  margin: 0 auto;
  border-left: 1px solid #41778C;
  border-bottom: 1px solid #41778C;
  border-right: 1px solid #41778C;
}
.dock.tall[data-v-194217bc] {
  height: 112px;
}
.dock.tall p[data-v-194217bc] {
  top: 53px;
}
.dock .vessel-container[data-v-194217bc] {
  position: relative;
  display: inline-block;
}
.dock .vessel[data-v-194217bc] {
  position: relative;
  display: inline-block;
}
.dock p[data-v-194217bc] {
  position: absolute;
  top: 28px;
  left: 0;
  right: 0;
  text-align: center;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  color: #04324D;
  font-size: 20px;
}
.depths[data-v-194217bc] {
  position: absolute;
  top: 0;
  right: -12px;
  width: 10px;
  height: 497px;
  border-top: 1px solid #41778C;
  border-bottom: 1px solid #41778C;
}
.depths .depth[data-v-194217bc] {
  position: relative;
  background: #023A5B;
  border-bottom: 1px solid #41778C;
  color: #41778C;
}
.depths .depth.depth-1[data-v-194217bc] {
  height: 62px;
}
.depths .depth.depth-2[data-v-194217bc] {
  height: 124px;
}
.depths .depth.depth-3[data-v-194217bc] {
  height: 186px;
}
.depths .depth.depth-4[data-v-194217bc] {
  height: 248px;
}
.depths .depth.depth-5[data-v-194217bc] {
  height: 310px;
}
.depths .depth.depth-6[data-v-194217bc] {
  height: 372px;
}
.depths .depth.depth-7[data-v-194217bc] {
  height: 434px;
}
.depths .depth.depth-8[data-v-194217bc] {
  height: 496px;
}
.depths .depth p[data-v-194217bc] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  text-align: center;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 9px;
}
.vessel[data-v-194217bc] {
  width: 58px;
  height: 50px;
}
.vessel.sink[data-v-194217bc] {
  height: 35px;
}
.options[data-v-194217bc] {
  position: absolute;
  bottom: 70px;
  left: -81px;
  height: 79px;
  width: 224px;
  padding: 10px;
  background: #023A5B;
  border: 2px solid #081C2B;
  z-index: 10;
  box-shadow: 0px 11px 0px -5px #081C2B;
}
.options.options-enter-active[data-v-194217bc],
.options.options-leave-active[data-v-194217bc] {
  transition: opacity 0.25s, bottom 0.25s;
}
.options.options-enter[data-v-194217bc],
.options.options-leave-to[data-v-194217bc] {
  bottom: 65px;
  opacity: 0;
}
.options[data-v-194217bc]:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  bottom: -24px;
  left: 50%;
  margin-left: -18px;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-top: 18px solid #081C2B;
}
.options[data-v-194217bc]:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  bottom: -16px;
  left: 50%;
  margin-left: -16px;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid #023A5B;
}
.options .button[data-v-194217bc] {
  width: 60px;
  height: 55px;
  margin-bottom: 10px;
  margin-right: 10px;
  font-size: 9px;
}
.options .button.active[data-v-194217bc] {
  box-shadow: 0px 9px 0px -5px #081C2B;
}
.options .button[data-v-194217bc]:nth-child(3n+3) {
  margin-right: 0;
}
.options .button[data-v-194217bc]:last-child {
  margin-right: 0;
}
.tsunami .board-cell[data-v-194217bc] {
  -webkit-animation: wave-194217bc 2s linear;
  -moz-animation: wave-194217bc 2s linear;
  -o-animation: wave-194217bc 2s linear;
  animation: wave-194217bc 2s linear;
}
.tsunami .board-cell.dock[data-v-194217bc] {
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
}
.tsunami.north .row-a[data-v-194217bc] {
  -webkit-animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
  -o-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
.tsunami.north .row-b[data-v-194217bc] {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.tsunami.north .row-c[data-v-194217bc] {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}
.tsunami.north .row-d[data-v-194217bc] {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.tsunami.north .row-e[data-v-194217bc] {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.tsunami.north .row-f[data-v-194217bc] {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.tsunami.north .row-g[data-v-194217bc] {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.tsunami.north .row-h[data-v-194217bc] {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.tsunami.south .row-h[data-v-194217bc] {
  -webkit-animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
  -o-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
.tsunami.south .row-g[data-v-194217bc] {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.tsunami.south .row-f[data-v-194217bc] {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}
.tsunami.south .row-e[data-v-194217bc] {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.tsunami.south .row-d[data-v-194217bc] {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.tsunami.south .row-c[data-v-194217bc] {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.tsunami.south .row-b[data-v-194217bc] {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.tsunami.south .row-a[data-v-194217bc] {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.tsunami.west .column-0[data-v-194217bc] {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.tsunami.west .column-1[data-v-194217bc] {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}
.tsunami.west .column-2[data-v-194217bc] {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.tsunami.west .column-3[data-v-194217bc] {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.tsunami.west .column-4[data-v-194217bc] {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.tsunami.west .column-5[data-v-194217bc] {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.tsunami.west .column-6[data-v-194217bc] {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.tsunami.east .column-6[data-v-194217bc] {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.tsunami.east .column-5[data-v-194217bc] {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}
.tsunami.east .column-4[data-v-194217bc] {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.tsunami.east .column-3[data-v-194217bc] {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.tsunami.east .column-2[data-v-194217bc] {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.tsunami.east .column-1[data-v-194217bc] {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.tsunami.east .column-0[data-v-194217bc] {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
lesshat-selector[data-v-194217bc] {
  -lh-property: 0;
}
@-webkit-keyframes wave-194217bc{
0% { background-color: rgba(255,255,255,0);
}
15% { background-color: rgba(255,255,255,.5);
}
30% { background-color: rgba(8,28,43,.5);
}
100% { background-color: rgba(8,28,43,0);
}}
@-moz-keyframes wave-194217bc{
0% { background-color: rgba(255,255,255,0);
}
15% { background-color: rgba(255,255,255,.5);
}
30% { background-color: rgba(8,28,43,.5);
}
100% { background-color: rgba(8,28,43,0);
}}
@-o-keyframes wave-194217bc{
0% { background-color: rgba(255,255,255,0);
}
15% { background-color: rgba(255,255,255,.5);
}
30% { background-color: rgba(8,28,43,.5);
}
100% { background-color: rgba(8,28,43,0);
}}
@keyframes wave-194217bc{
0% { background-color: rgba(255,255,255,0);
}
15% { background-color: rgba(255,255,255,.5);
}
30% { background-color: rgba(8,28,43,.5);
}
100% { background-color: rgba(8,28,43,0);
}}
[not-existing][data-v-194217bc] {
  zoom: 1;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/ui/indicator.vue?vue&type=style&index=0&id=2236b295&lang=less&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.indicator[data-v-2236b295] {
  width: 11px;
  height: 11px;
  border: 1px solid #04324D;
}
.content[data-v-2236b295] {
  display: block;
  width: 100%;
  height: 100%;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/boats.vue?vue&type=style&index=0&id=1d7f2989&lang=less&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-1d7f2989] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-1d7f2989] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-1d7f2989] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-1d7f2989] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-1d7f2989] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.boats[data-v-1d7f2989] {
  margin-bottom: 15px;
}
.item[data-v-1d7f2989] {
  position: relative;
  display: inline-block;
  width: 159px;
  height: 40px;
  margin: 0 2px 2px 0;
  background: #023A5B;
  vertical-align: top;
}
.item[data-v-1d7f2989]:nth-child(even) {
  margin-right: 0;
}
.day[data-v-1d7f2989] {
  padding: 12px 0;
  text-align: center;
  background: #04324D;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  color: #DDDDDD;
}
.timer[data-v-1d7f2989] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #41778C;
  background: #023A5B;
}
.timer p[data-v-1d7f2989] {
  padding: 11px 0;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  text-align: center;
  color: #DDDDDD;
  font-size: 11px;
}
.button[data-v-1d7f2989] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.boat[data-v-1d7f2989] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 3px 10px;
  border: 2px solid #04324D;
  -webkit-transition: border 0.5s;
  -moz-transition: border 0.5s;
  -o-transition: border 0.5s;
  transition: border 0.5s;
}
.boat[data-v-1d7f2989]:nth-child(even) {
  margin-right: 0;
}
.boat.current[data-v-1d7f2989] {
  border-color: #41778C;
}
.boat.current.skippable[data-v-1d7f2989] {
  -webkit-animation: skippable-1d7f2989 1s backwards infinite;
  -moz-animation: skippable-1d7f2989 1s backwards infinite;
  -o-animation: skippable-1d7f2989 1s backwards infinite;
  animation: skippable-1d7f2989 1s backwards infinite;
}
.boat .indicator[data-v-1d7f2989] {
  position: absolute;
  top: 6px;
  left: 10px;
}
.boat.disconnected p.captain[data-v-1d7f2989] {
  color: #081C2B;
}
.boat.resigned[data-v-1d7f2989] {
  opacity: 0.5;
}
.boat.resigned p[data-v-1d7f2989] {
  margin-left: -17px;
  color: #41778C;
}
.boat p[data-v-1d7f2989] {
  padding-left: 16px;
  font-size: 11px;
  line-height: 1.4;
}
.boat p.captain[data-v-1d7f2989] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
  color: #41778C;
  margin-left: -17px;
  width: 108px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s;
}
.boat .trophies[data-v-1d7f2989] {
  position: absolute;
  bottom: 4px;
  right: 10px;
  line-height: 0;
}
.boat .trophy[data-v-1d7f2989] {
  display: inline-block;
  width: 8px;
  height: 9px;
  margin-left: 1px;
}
.boat .trophy svg[data-v-1d7f2989] {
  width: 100%;
  height: 100%;
}
.boat .trophy path[data-v-1d7f2989] {
  fill: #41778C;
  -webkit-transition: fill 0.5s;
  -moz-transition: fill 0.5s;
  -o-transition: fill 0.5s;
  transition: fill 0.5s;
}
.boat .trophy.acquired path[data-v-1d7f2989] {
  fill: #DDDDDD;
}
.fade-enter-active[data-v-1d7f2989],
.fade-leave-active[data-v-1d7f2989] {
  transition: opacity 0.25s;
}
.fade-enter[data-v-1d7f2989],
.fade-leave-to[data-v-1d7f2989] {
  opacity: 0;
}
lesshat-selector[data-v-1d7f2989] {
  -lh-property: 0;
}
@-webkit-keyframes skippable-1d7f2989{
0% { border-color: #DDD;
}
50% { border-color: #41778C;
}
100% { border-color: #DDD;
}}
@-moz-keyframes skippable-1d7f2989{
0% { border-color: #DDD;
}
50% { border-color: #41778C;
}
100% { border-color: #DDD;
}}
@-o-keyframes skippable-1d7f2989{
0% { border-color: #DDD;
}
50% { border-color: #41778C;
}
100% { border-color: #DDD;
}}
@keyframes skippable-1d7f2989{
0% { border-color: #DDD;
}
50% { border-color: #41778C;
}
100% { border-color: #DDD;
}}
[not-existing][data-v-1d7f2989] {
  zoom: 1;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/bribe.vue?vue&type=style&index=0&id=464ff41c&lang=less&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.button.bribe[data-v-464ff41c] {
  height: 55px;
  width: 100%;
  margin-bottom: 15px;
  opacity: 1;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.button.bribe.fade-enter[data-v-464ff41c],
.button.bribe.fade-leave-to[data-v-464ff41c] {
  height: 0;
  margin-bottom: 0;
  opacity: 0;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/cast_find.vue?vue&type=style&index=0&id=1b06c9e2&lang=less&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-1b06c9e2] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-1b06c9e2] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-1b06c9e2] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-1b06c9e2] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-1b06c9e2] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.cast-find[data-v-1b06c9e2] {
  position: absolute;
  top: 582px;
  left: 19px;
}
.button[data-v-1b06c9e2] {
  width: 53px;
  height: 55px;
  line-height: 1.2;
}
.find[data-v-1b06c9e2] {
  margin-right: 10px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/end_turn.vue?vue&type=style&index=0&id=5a3f5d0a&lang=less&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-5a3f5d0a] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-5a3f5d0a] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-5a3f5d0a] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-5a3f5d0a] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-5a3f5d0a] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.end-turn[data-v-5a3f5d0a] {
  position: absolute;
  top: 582px;
  right: 19px;
}
.button[data-v-5a3f5d0a] {
  width: 116px;
  height: 55px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/scenes/end_game.vue?vue&type=style&index=0&id=43290058&lang=less&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-43290058] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-43290058] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-43290058] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-43290058] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-43290058] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.dock[data-v-43290058] {
  width: 100%;
  height: 100%;
}
.vessel-parent[data-v-43290058] {
  width: 400px;
  height: 260px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  zoom: 1;
  filter: alpha(opacity=60);
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.vessel-img[data-v-43290058] {
  width: 100%;
  height: 100%;
}
.e.sky[data-v-43290058] {
  width: 100%;
  height: 180px;
  background: #001620;
}
.e.crowd-left-svg[data-v-43290058] {
  width: 33px;
  height: 52.5px;
}
.e.crowd-right-svg[data-v-43290058] {
  width: 124px;
  height: 26.25px;
}
.e.foreground-right-svg[data-v-43290058] {
  width: 388px;
  height: 296.5px;
}
svg .shape[data-v-43290058] {
  fill: transparent;
}
svg .frame[data-v-43290058] {
  fill: transparent;
}
path.trophy[data-v-43290058] {
  fill: #023A5B;
}
path.trophy.acquired[data-v-43290058] {
  fill: #DDDDDD;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/finished.vue?vue&type=style&index=0&id=1957200c&lang=less&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-1957200c] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-1957200c] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-1957200c] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-1957200c] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-1957200c] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
h2[data-v-1957200c] {
  margin: 5px 5px 10px;
  font-size: 18px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.info[data-v-1957200c] {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  padding: 15px;
  background: #04324D;
}
.info h1[data-v-1957200c] {
  padding-bottom: 10px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
}
.info p[data-v-1957200c] {
  font-size: 14px;
}
.viewport[data-v-1957200c] {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 339px;
  background: #023A5B;
  border: 2px solid #04324D;
  overflow: hidden;
}
.viewport[data-v-1957200c] .e {
  position: absolute;
}
.results[data-v-1957200c] {
  margin-bottom: 15px;
  padding: 13px 15px 15px;
  background: #04324D;
  text-align: center;
}
.results h1[data-v-1957200c] {
  font-size: 18px;
}
.results h1 span[data-v-1957200c] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
}
.attribute[data-v-1957200c] {
  position: absolute;
  top: 6px;
  right: 15px;
  display: inline-block;
  width: 70px;
  margin-top: 6px;
  text-align: center;
}
.attribute .title[data-v-1957200c] {
  text-transform: uppercase;
  font-size: 9px;
  color: #41778C;
}
.attribute .value[data-v-1957200c] {
  padding-top: 2px;
  font-size: 18px;
}
.attribute .label[data-v-1957200c] {
  text-transform: uppercase;
  font-size: 9px;
}
section[data-v-1957200c] {
  padding: 10px;
  margin-bottom: 15px;
  background: #04324D;
}
.stats[data-v-1957200c] {
  display: flex;
  flex-flow: row wrap;
}
.stats.stats-1 .stat[data-v-1957200c] {
  width: 100%;
}
.stats.stats-2 .stat[data-v-1957200c] {
  width: 50%;
}
.stats.stats-3 .stat[data-v-1957200c] {
  width: 33.3%;
}
.stats.stats-4 .stat[data-v-1957200c] {
  width: 25%;
}
.stats.stats-5 .stat[data-v-1957200c] {
  width: 20%;
}
.stats.stats-6 .stat[data-v-1957200c] {
  width: 16.6%;
}
.stat[data-v-1957200c] {
  position: relative;
  padding: 10px;
  background: #023A5B;
  text-align: center;
  border: 1px solid #04324D;
}
.stat h5[data-v-1957200c] {
  padding-bottom: 5px;
  text-transform: uppercase;
  color: #41778C;
  font-size: 11px;
}
.stat p[data-v-1957200c] {
  font-size: 15px;
  line-height: 1.2;
}
.superlatives .award[data-v-1957200c] {
  height: 173px;
  padding: 15px;
}
.superlatives .award h4[data-v-1957200c] {
  font-size: 14px;
}
.superlatives .award .vessel[data-v-1957200c] {
  width: 110px;
  margin: 5px auto 0;
}
.superlatives .award .empty[data-v-1957200c] {
  width: 107px;
  margin: 3px auto 0;
}
.superlatives .award p[data-v-1957200c] {
  font-size: 13px;
}
.player-stats .stat[data-v-1957200c] {
  border-top: 0;
  border-bottom: 0;
}
.player-stats .stat[data-v-1957200c]:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 80%;
  margin: 0 10%;
  background: #04324D;
}
.player-stats .stat.player-info[data-v-1957200c] {
  padding-top: 20px;
}
.player-stats .stat.player-info p.player-name[data-v-1957200c] {
  font-size: 14px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.player-stats .stat.player-info .vessel[data-v-1957200c] {
  width: 100px;
  max-width: 100%;
  margin: 0 auto;
}
.player-stats .stat.player-info .vessel.resigned[data-v-1957200c] {
  margin-top: 27px;
}
.player-stats .stat.player-info p.vessel-name[data-v-1957200c] {
  font-size: 12px;
}
.player-stats .stat.player-info p.rating[data-v-1957200c] {
  font-size: 12px;
}
.player-stats .stat .trophy[data-v-1957200c] {
  display: inline-block;
  width: 15px;
  padding: 0 2px;
  fill: #41778C;
}
.player-stats .stat .trophy.acquired[data-v-1957200c] {
  fill: #DDDDDD;
}
.market .stats[data-v-1957200c] {
  padding: 10px;
  background: #023A5B;
}
.board[data-v-1957200c] {
  position: relative;
  padding: 15px 80px 15px 79px;
  background: #023A5B;
}
.board-border[data-v-1957200c] {
  border-top: 1px solid #41778C;
  border-left: 1px solid #41778C;
}
.board-cell[data-v-1957200c] {
  position: relative;
  display: inline-block;
  width: 63px;
  height: 62px;
  padding: 3px;
  line-height: 11px;
  border-bottom: 1px solid #41778C;
  border-right: 1px solid #41778C;
  vertical-align: top;
}
.board-cell.treasure[data-v-1957200c] {
  color: #D8B332;
}
.board-cell .depth[data-v-1957200c] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #081C2B;
}
.board-cell p.type[data-v-1957200c] {
  position: relative;
  font-size: 10px;
  font-weight: bold;
  padding-bottom: 2px;
  z-index: 1;
}
.board-cell p.status[data-v-1957200c] {
  position: relative;
  font-size: 9px;
  z-index: 1;
}
.board-cell .vessel[data-v-1957200c] {
  position: absolute;
  bottom: 0;
  left: 2px;
}
.board-cell .vessel[data-v-1957200c] {
  width: 58px;
  height: 50px;
}
.board-cell .vessel.sink[data-v-1957200c] {
  height: 35px;
}
.dock[data-v-1957200c] {
  position: relative;
  display: block;
  width: 190px;
  height: 65px;
  margin: 0 auto;
  border-left: 1px solid #41778C;
  border-bottom: 1px solid #41778C;
  border-right: 1px solid #41778C;
}
.dock.tall[data-v-1957200c] {
  height: 112px;
}
.dock.tall p[data-v-1957200c] {
  top: 53px;
}
.dock .vessel[data-v-1957200c] {
  position: relative;
  display: inline-block;
}
.dock p[data-v-1957200c] {
  position: absolute;
  top: 28px;
  left: 0;
  right: 0;
  text-align: center;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  color: #04324D;
  font-size: 20px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/fish.vue?vue&type=style&index=0&id=473443f2&lang=less&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-473443f2] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-473443f2] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-473443f2] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-473443f2] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-473443f2] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.fish[data-v-473443f2] {
  display: flex;
}
.panel[data-v-473443f2] {
  position: relative;
  flex: 1;
  margin-right: 2px;
  text-align: center;
}
.panel[data-v-473443f2]:last-child {
  margin-right: 0;
}
.panel-heading h3[data-v-473443f2] {
  width: 100%;
  color: #41778C;
}
.panel-heading h3.acquired[data-v-473443f2] {
  color: #DDDDDD;
}
.panel-body[data-v-473443f2] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
}
.trophy[data-v-473443f2] {
  position: absolute;
  top: -16px;
  left: 50%;
  width: 16px;
  height: 17px;
  margin-left: -8px;
}
.trophy svg[data-v-473443f2] {
  fill: #41778C;
}
.trophy.acquired svg[data-v-473443f2] {
  fill: #DDDDDD;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/leaderboard.vue?vue&type=style&index=0&id=56aff35a&lang=less&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.leaderboard[data-v-56aff35a] {
  text-align: center;
  width: 100%;
  height: auto;
  margin-bottom: 15px;
  padding: 15px;
  background: #DDDDDD;
}
.leaderboard .heading[data-v-56aff35a] {
  font-size: 11px;
  padding-bottom: 15px;
  text-transform: uppercase;
  color: #023A5B;
}
.leaderboard .rank[data-v-56aff35a] {
  display: inline-block;
  width: 33%;
  text-transform: none;
  border-right: 1px solid #41778C;
}
.leaderboard .rank[data-v-56aff35a]:last-child {
  border: 0;
}
.leaderboard .rank h3[data-v-56aff35a] {
  padding: 8px 0 0;
  color: #081C2B;
  font-size: 24px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/location.vue?vue&type=style&index=0&id=51f6a5cf&lang=less&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.location[data-v-51f6a5cf] {
  width: 100%;
  margin-bottom: 15px;
  background: #04324D;
  border: 2px solid #04324D;
}
img[data-v-51f6a5cf] {
  width: 100%;
}
.text[data-v-51f6a5cf] {
  padding: 10px 10px 0;
}
p[data-v-51f6a5cf] {
  color: #41778C;
}
.attributes[data-v-51f6a5cf] {
  padding: 10px;
}
.attributes .item[data-v-51f6a5cf] {
  position: relative;
  display: inline-block;
  width: 25%;
  padding: 0 10px;
  vertical-align: top;
  text-align: center;
  border-right: 1px solid #023A5B;
}
.attributes .item[data-v-51f6a5cf]:last-child {
  border-right: 0;
}
.attributes h5[data-v-51f6a5cf] {
  font-size: 11px;
  padding-bottom: 5px;
}
.attributes img[data-v-51f6a5cf] {
  width: 24px;
}
.attributes img.bolt[data-v-51f6a5cf] {
  position: absolute;
  top: 21px;
  left: 25px;
  -webkit-animation: bolt-51f6a5cf 10s linear infinite;
  -moz-animation: bolt-51f6a5cf 10s linear infinite;
  -o-animation: bolt-51f6a5cf 10s linear infinite;
  animation: bolt-51f6a5cf 10s linear infinite;
}
.attributes .hurricane img[data-v-51f6a5cf] {
  -webkit-animation: hurricane-51f6a5cf 2s linear infinite;
  -moz-animation: hurricane-51f6a5cf 2s linear infinite;
  -o-animation: hurricane-51f6a5cf 2s linear infinite;
  animation: hurricane-51f6a5cf 2s linear infinite;
}
lesshat-selector[data-v-51f6a5cf] {
  -lh-property: 0;
}
@-webkit-keyframes hurricane-51f6a5cf{
0% { -webkit-transform: rotate(0deg);
}
100% { -webkit-transform: rotate(360deg);
}}
@-moz-keyframes hurricane-51f6a5cf{
0% { -moz-transform: rotate(0deg);
}
100% { -moz-transform: rotate(360deg);
}}
@-o-keyframes hurricane-51f6a5cf{
0% { -o-transform: rotate(0deg);
}
100% { -o-transform: rotate(360deg);
}}
@keyframes hurricane-51f6a5cf{
0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);
}
100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);
}}
[not-existing][data-v-51f6a5cf] {
  zoom: 1;
}
lesshat-selector[data-v-51f6a5cf] {
  -lh-property: 0;
}
@-webkit-keyframes bolt-51f6a5cf{
0% { opacity: 0;
}
12% { opacity: 0;
}
13% { opacity: 1;
}
14% { opacity: 0;
}
24% { opacity: 0;
}
25% { opacity: 1;
}
26% { opacity: 0;
}
27% { opacity: 1;
}
28% { opacity: 0;
}
58% { opacity: 0;
}
59% { opacity: 1;
}
60% { opacity: 0;
}
73% { opacity: 0;
}
74% { opacity: 1;
}
75% { opacity: 0;
}
83% { opacity: 0;
}
84% { opacity: 1;
}
85% { opacity: 0;
}
86% { opacity: 1;
}
87% { opacity: 0;
}
88% { opacity: 1;
}
89% { opacity: 0;
}
100% { opacity: 0;
}}
@-moz-keyframes bolt-51f6a5cf{
0% { opacity: 0;
}
12% { opacity: 0;
}
13% { opacity: 1;
}
14% { opacity: 0;
}
24% { opacity: 0;
}
25% { opacity: 1;
}
26% { opacity: 0;
}
27% { opacity: 1;
}
28% { opacity: 0;
}
58% { opacity: 0;
}
59% { opacity: 1;
}
60% { opacity: 0;
}
73% { opacity: 0;
}
74% { opacity: 1;
}
75% { opacity: 0;
}
83% { opacity: 0;
}
84% { opacity: 1;
}
85% { opacity: 0;
}
86% { opacity: 1;
}
87% { opacity: 0;
}
88% { opacity: 1;
}
89% { opacity: 0;
}
100% { opacity: 0;
}}
@-o-keyframes bolt-51f6a5cf{
0% { opacity: 0;
}
12% { opacity: 0;
}
13% { opacity: 1;
}
14% { opacity: 0;
}
24% { opacity: 0;
}
25% { opacity: 1;
}
26% { opacity: 0;
}
27% { opacity: 1;
}
28% { opacity: 0;
}
58% { opacity: 0;
}
59% { opacity: 1;
}
60% { opacity: 0;
}
73% { opacity: 0;
}
74% { opacity: 1;
}
75% { opacity: 0;
}
83% { opacity: 0;
}
84% { opacity: 1;
}
85% { opacity: 0;
}
86% { opacity: 1;
}
87% { opacity: 0;
}
88% { opacity: 1;
}
89% { opacity: 0;
}
100% { opacity: 0;
}}
@keyframes bolt-51f6a5cf{
0% { opacity: 0;
}
12% { opacity: 0;
}
13% { opacity: 1;
}
14% { opacity: 0;
}
24% { opacity: 0;
}
25% { opacity: 1;
}
26% { opacity: 0;
}
27% { opacity: 1;
}
28% { opacity: 0;
}
58% { opacity: 0;
}
59% { opacity: 1;
}
60% { opacity: 0;
}
73% { opacity: 0;
}
74% { opacity: 1;
}
75% { opacity: 0;
}
83% { opacity: 0;
}
84% { opacity: 1;
}
85% { opacity: 0;
}
86% { opacity: 1;
}
87% { opacity: 0;
}
88% { opacity: 1;
}
89% { opacity: 0;
}
100% { opacity: 0;
}}
[not-existing][data-v-51f6a5cf] {
  zoom: 1;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/modals/abandon.vue?vue&type=style&index=0&id=44ec39e6&lang=less&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-44ec39e6] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-44ec39e6] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-44ec39e6] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-44ec39e6] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-44ec39e6] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
p[data-v-44ec39e6] {
  text-align: center;
  padding: 20px;
}
section[data-v-44ec39e6] {
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.button[data-v-44ec39e6] {
  display: inline-block;
  padding: 7px 25px;
}
.border[data-v-44ec39e6] {
  display: inline-block;
  height: 30px;
  padding-right: 10px;
  margin-left: 10px;
  border-left: 1px solid #04324D;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/scenes/sink.vue?vue&type=style&index=0&id=37d60e11&lang=less&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-37d60e11] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-37d60e11] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-37d60e11] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-37d60e11] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-37d60e11] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.bg[data-v-37d60e11] {
  width: 100%;
  height: 100%;
  background: #022C46;
}
.result[data-v-37d60e11] {
  width: 100%;
  height: 100%;
  background: #176C97;
  opacity: 0;
}
.text[data-v-37d60e11] {
  text-align: center;
  color: #DDDDDD;
  width: 100%;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 35px;
  line-height: 1.2;
  opacity: 0;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/scenes/pirate_success.vue?vue&type=style&index=0&id=3815471b&lang=less&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-3815471b] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-3815471b] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-3815471b] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-3815471b] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-3815471b] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.result[data-v-3815471b] {
  width: 100%;
  height: 100%;
  background: #176C97;
  opacity: 0;
}
.text[data-v-3815471b] {
  text-align: center;
  color: #DDDDDD;
  width: 100%;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 35px;
  line-height: 1.2;
  opacity: 0;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/scenes/pirate_fail.vue?vue&type=style&index=0&id=25150694&lang=less&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-25150694] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-25150694] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-25150694] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-25150694] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-25150694] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.result[data-v-25150694] {
  width: 100%;
  height: 100%;
  background: #176C97;
  opacity: 0;
}
.text[data-v-25150694] {
  text-align: center;
  color: #DDDDDD;
  width: 100%;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 35px;
  line-height: 1.2;
  opacity: 0;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/modals/battle.vue?vue&type=style&index=0&id=5416c652&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-5416c652] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-5416c652] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-5416c652] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-5416c652] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-5416c652] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.content[data-v-5416c652] {
  position: relative;
  height: 446px;
}
.battle[data-v-5416c652] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.battle .player[data-v-5416c652] {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  padding-top: 20px;
  background: #04324D;
  text-align: center;
}
.battle .player.attacker[data-v-5416c652] {
  left: -50%;
  border-right: 1px solid #023A5B;
}
.battle .player.defender[data-v-5416c652] {
  right: -50%;
  border-left: 1px solid #023A5B;
}
.battle .vessel[data-v-5416c652] {
  width: 150px;
  margin: 15px auto;
}
.battle .name[data-v-5416c652] {
  margin: 0 15px 20px;
  padding-bottom: 10px;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 15px;
  border-bottom: 1px solid #023A5B;
}
.battle .dice[data-v-5416c652] {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 45px auto 20px;
  background: #081C2B;
  border-radius: 20px;
  text-align: center;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 80px;
  line-height: 1.5;
}
.battle .rolling[data-v-5416c652] {
  color: #41778C;
  font-style: italic;
}
.battle .versus[data-v-5416c652] {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 185px;
  left: 50%;
  margin-left: -20px;
  padding-top: 12px;
  background: #023A5B;
  border: 0px solid #081C2B;
  border-radius: 20px;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 18px;
  text-align: center;
  opacity: 0;
}
.result[data-v-5416c652] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.result .viewport[data-v-5416c652] {
  position: relative;
  width: 100%;
  height: 300px;
  background: #023A5B;
  border-bottom: 1px solid #081C2B;
  overflow: hidden;
}
.result .viewport[data-v-5416c652] .e {
  position: absolute;
}
.result section[data-v-5416c652] {
  display: inline-block;
  width: 33.3%;
  height: 100px;
  margin-top: 30px;
  padding: 0 30px;
  vertical-align: top;
  border-left: 1px solid #04324D;
}
.result section[data-v-5416c652]:first {
  border: 0;
}
.result section .item .left[data-v-5416c652] {
  display: inline-block;
  width: 45px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  color: #41778C;
  text-align: right;
}
.result section .item .right[data-v-5416c652] {
  display: inline-block;
  width: 68px;
  margin-left: 7px;
  color: #DDDDDD;
}
.result section .fish[data-v-5416c652] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  color: #41778C;
}
.result section .fish.active[data-v-5416c652] {
  color: #DDDDDD;
}
.result section .funds[data-v-5416c652] {
  padding: 0;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  color: #41778C;
}
.result section .funds.active[data-v-5416c652] {
  color: #DDDDDD;
}
.vessels[data-v-5416c652] {
  position: absolute;
  top: 265px;
  width: 100%;
  opacity: 0;
}
.vessels .vessel[data-v-5416c652] {
  position: absolute;
  top: 0;
  width: 80px;
}
.vessels .vessel.attacker[data-v-5416c652] {
  left: 100px;
}
.vessels .vessel.defender[data-v-5416c652] {
  right: 100px;
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/modals/bribe.vue?vue&type=style&index=0&id=beeaab66&lang=less&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-beeaab66] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-beeaab66] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-beeaab66] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-beeaab66] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-beeaab66] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
p.explainer[data-v-beeaab66] {
  padding: 0 20px 10px;
  color: #41778C;
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.buttons[data-v-beeaab66] {
  padding: 20px 20px 0 20px;
}
.button[data-v-beeaab66] {
  position: relative;
  width: 100px;
  height: 50px;
  margin: 15px 20px 15px 0;
}
.button[data-v-beeaab66]:nth-child(3) {
  margin-right: 0;
}
.button:hover .trophy path[data-v-beeaab66] {
  fill: #DDDDDD;
}
.button .trophy[data-v-beeaab66] {
  position: absolute;
  width: 20px;
  height: 18px;
  top: -17px;
  left: 50%;
  margin-left: -10px;
}
.button .trophy path[data-v-beeaab66] {
  fill: #41778C;
}
.button p[data-v-beeaab66] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 16px;
}
.content .footer[data-v-beeaab66] {
  padding-bottom: 10px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/scenes/collision.vue?vue&type=style&index=0&id=4069bbb8&lang=less&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-4069bbb8] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-4069bbb8] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-4069bbb8] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-4069bbb8] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-4069bbb8] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.bg[data-v-4069bbb8] {
  width: 100%;
  height: 100%;
  background: #022C46;
}
.c-fog1[data-v-4069bbb8],
.c-fog2[data-v-4069bbb8] {
  zoom: 1;
  filter: alpha(opacity=25);
  -webkit-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  transform-origin: left top;
}
.wave3[data-v-4069bbb8] {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.result[data-v-4069bbb8] {
  width: 125%;
  height: 100%;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
  transform: skew(20deg);
  background: rgba(2, 44, 70, 0.95);
}
.text[data-v-4069bbb8] {
  width: 100%;
  color: #DDDDDD;
  font-size: 26px;
  text-align: center;
  line-height: 1.3;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/modals/collision.vue?vue&type=style&index=0&id=63c799e3&lang=less&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.content[data-v-63c799e3] {
  position: relative;
  height: 300px;
}
.viewport[data-v-63c799e3] {
  position: relative;
  width: 100%;
  height: 300px;
  background: #023A5B;
  overflow: hidden;
}
.viewport[data-v-63c799e3] .e {
  position: absolute;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/scenes/doubloons1.vue?vue&type=style&index=0&id=3e83f716&lang=less&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-3e83f716] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-3e83f716] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-3e83f716] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-3e83f716] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-3e83f716] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.bg[data-v-3e83f716] {
  width: 100%;
  height: 100%;
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  background: #001620;
}
.result[data-v-3e83f716] {
  width: 125%;
  height: 100%;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
  transform: skew(20deg);
  background: #022C46;
  zoom: 1;
  filter: alpha(opacity=85);
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
}
.text[data-v-3e83f716] {
  width: 100%;
  color: #D8B332;
  font-size: 32px;
  text-align: left;
  line-height: 1.3;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.text span[data-v-3e83f716] {
  display: inline-block;
  font-size: 30px;
  background: transparent;
}
.fish1[data-v-3e83f716],
.fish2[data-v-3e83f716],
.fish3[data-v-3e83f716] {
  -webkit-animation: swim-3e83f716 2s infinite;
  -moz-animation: swim-3e83f716 2s infinite;
  -o-animation: swim-3e83f716 2s infinite;
  animation: swim-3e83f716 2s infinite;
}
.fish2[data-v-3e83f716] {
  animation-delay: 0.5s;
}
.fish3[data-v-3e83f716] {
  animation-delay: 1s;
}
.hand[data-v-3e83f716] {
  -webkit-transform: scale(1.25) rotate(12deg);
  -moz-transform: scale(1.25) rotate(12deg);
  -ms-transform: scale(1.25) rotate(12deg);
  -o-transform: scale(1.25) rotate(12deg);
  transform: scale(1.25) rotate(12deg);
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.border[data-v-3e83f716] {
  width: 100%;
  height: 100%;
  border: 0 solid #D8B332;
}
lesshat-selector[data-v-3e83f716] {
  -lh-property: 0;
}
@-webkit-keyframes swim-3e83f716{
0%, 50%, 100% { -webkit-transform: translateY(0);
}
25% { -webkit-transform: translateY(-6px);
}
75% { -webkit-transform: translateY(-4px);
}}
@-moz-keyframes swim-3e83f716{
0%, 50%, 100% { -moz-transform: translateY(0);
}
25% { -moz-transform: translateY(-6px);
}
75% { -moz-transform: translateY(-4px);
}}
@-o-keyframes swim-3e83f716{
0%, 50%, 100% { -o-transform: translateY(0);
}
25% { -o-transform: translateY(-6px);
}
75% { -o-transform: translateY(-4px);
}}
@keyframes swim-3e83f716{
0%, 50%, 100% {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);
}
25% {-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);-ms-transform: translateY(-6px);transform: translateY(-6px);
}
75% {-webkit-transform: translateY(-4px);-moz-transform: translateY(-4px);-ms-transform: translateY(-4px);transform: translateY(-4px);
}}
[not-existing][data-v-3e83f716] {
  zoom: 1;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/scenes/doubloons5.vue?vue&type=style&index=0&id=3ebc551a&lang=less&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-3ebc551a] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-3ebc551a] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-3ebc551a] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-3ebc551a] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-3ebc551a] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.bg[data-v-3ebc551a] {
  width: 100%;
  height: 100%;
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  background: #001620;
}
.result[data-v-3ebc551a] {
  width: 125%;
  height: 100%;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
  transform: skew(20deg);
  background: #022C46;
  zoom: 1;
  filter: alpha(opacity=85);
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
}
.text[data-v-3ebc551a] {
  width: 100%;
  color: #D8B332;
  font-size: 32px;
  text-align: left;
  line-height: 1.3;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.text span[data-v-3ebc551a] {
  display: inline-block;
  font-size: 30px;
  background: transparent;
}
.fish1[data-v-3ebc551a],
.fish2[data-v-3ebc551a],
.fish3[data-v-3ebc551a] {
  -webkit-animation: swim-3ebc551a 2s infinite;
  -moz-animation: swim-3ebc551a 2s infinite;
  -o-animation: swim-3ebc551a 2s infinite;
  animation: swim-3ebc551a 2s infinite;
}
.fish2[data-v-3ebc551a] {
  animation-delay: 0.5s;
}
.fish3[data-v-3ebc551a] {
  animation-delay: 1s;
}
.hand[data-v-3ebc551a] {
  -webkit-transform: scale(1.25) rotate(12deg);
  -moz-transform: scale(1.25) rotate(12deg);
  -ms-transform: scale(1.25) rotate(12deg);
  -o-transform: scale(1.25) rotate(12deg);
  transform: scale(1.25) rotate(12deg);
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.border[data-v-3ebc551a] {
  width: 100%;
  height: 100%;
  border: 0 solid #D8B332;
}
lesshat-selector[data-v-3ebc551a] {
  -lh-property: 0;
}
@-webkit-keyframes swim-3ebc551a{
0%, 50%, 100% { -webkit-transform: translateY(0);
}
25% { -webkit-transform: translateY(-6px);
}
75% { -webkit-transform: translateY(-4px);
}}
@-moz-keyframes swim-3ebc551a{
0%, 50%, 100% { -moz-transform: translateY(0);
}
25% { -moz-transform: translateY(-6px);
}
75% { -moz-transform: translateY(-4px);
}}
@-o-keyframes swim-3ebc551a{
0%, 50%, 100% { -o-transform: translateY(0);
}
25% { -o-transform: translateY(-6px);
}
75% { -o-transform: translateY(-4px);
}}
@keyframes swim-3ebc551a{
0%, 50%, 100% {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);
}
25% {-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);-ms-transform: translateY(-6px);transform: translateY(-6px);
}
75% {-webkit-transform: translateY(-4px);-moz-transform: translateY(-4px);-ms-transform: translateY(-4px);transform: translateY(-4px);
}}
[not-existing][data-v-3ebc551a] {
  zoom: 1;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/scenes/doubloons50.vue?vue&type=style&index=0&id=ce6c6ef4&lang=less&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-ce6c6ef4] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-ce6c6ef4] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-ce6c6ef4] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-ce6c6ef4] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-ce6c6ef4] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.bg[data-v-ce6c6ef4] {
  width: 100%;
  height: 100%;
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  background: #001620;
}
.shine[data-v-ce6c6ef4] {
  width: 50%;
  height: 100%;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
  transform: skew(20deg);
  background: #D8B332;
  zoom: 1;
  filter: alpha(opacity=85);
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
}
.result[data-v-ce6c6ef4] {
  width: 125%;
  height: 100%;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
  transform: skew(20deg);
  background: #022C46;
  zoom: 1;
  filter: alpha(opacity=85);
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
}
.text[data-v-ce6c6ef4] {
  width: 100%;
  color: #D8B332;
  font-size: 40px;
  text-align: center;
  line-height: 1.3;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  text-shadow: 0px 3px #081C2B;
}
.text span[data-v-ce6c6ef4] {
  display: inline-block;
  font-size: 30px;
  background: transparent;
}
.fish1[data-v-ce6c6ef4],
.fish2[data-v-ce6c6ef4],
.fish3[data-v-ce6c6ef4] {
  -webkit-animation: swim-ce6c6ef4 2s infinite;
  -moz-animation: swim-ce6c6ef4 2s infinite;
  -o-animation: swim-ce6c6ef4 2s infinite;
  animation: swim-ce6c6ef4 2s infinite;
}
.fish2[data-v-ce6c6ef4] {
  animation-delay: 0.5s;
}
.fish3[data-v-ce6c6ef4] {
  animation-delay: 1s;
}
.hand[data-v-ce6c6ef4] {
  -webkit-transform: scale(1.25) rotate(12deg);
  -moz-transform: scale(1.25) rotate(12deg);
  -ms-transform: scale(1.25) rotate(12deg);
  -o-transform: scale(1.25) rotate(12deg);
  transform: scale(1.25) rotate(12deg);
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.chest[data-v-ce6c6ef4] {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
}
.border[data-v-ce6c6ef4] {
  width: 100%;
  height: 100%;
  border: 0 solid #D8B332;
}
lesshat-selector[data-v-ce6c6ef4] {
  -lh-property: 0;
}
@-webkit-keyframes swim-ce6c6ef4{
0%, 50%, 100% { -webkit-transform: translateY(0);
}
25% { -webkit-transform: translateY(-6px);
}
75% { -webkit-transform: translateY(-4px);
}}
@-moz-keyframes swim-ce6c6ef4{
0%, 50%, 100% { -moz-transform: translateY(0);
}
25% { -moz-transform: translateY(-6px);
}
75% { -moz-transform: translateY(-4px);
}}
@-o-keyframes swim-ce6c6ef4{
0%, 50%, 100% { -o-transform: translateY(0);
}
25% { -o-transform: translateY(-6px);
}
75% { -o-transform: translateY(-4px);
}}
@keyframes swim-ce6c6ef4{
0%, 50%, 100% {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);
}
25% {-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);-ms-transform: translateY(-6px);transform: translateY(-6px);
}
75% {-webkit-transform: translateY(-4px);-moz-transform: translateY(-4px);-ms-transform: translateY(-4px);transform: translateY(-4px);
}}
[not-existing][data-v-ce6c6ef4] {
  zoom: 1;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/modals/doubloons.vue?vue&type=style&index=0&id=5cb617ea&lang=less&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.content[data-v-5cb617ea] {
  position: relative;
  height: 300px;
}
.viewport[data-v-5cb617ea] {
  position: relative;
  width: 100%;
  height: 300px;
  background: #023A5B;
  overflow: hidden;
}
.viewport[data-v-5cb617ea] .e {
  position: absolute;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/modals/end_turn.vue?vue&type=style&index=0&id=64a48b40&lang=less&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-64a48b40] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-64a48b40] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-64a48b40] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-64a48b40] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-64a48b40] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
p[data-v-64a48b40] {
  text-align: center;
  padding: 20px;
}
section[data-v-64a48b40] {
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.button[data-v-64a48b40] {
  display: inline-block;
  padding: 7px 25px;
}
.border[data-v-64a48b40] {
  display: inline-block;
  height: 30px;
  padding-right: 10px;
  margin-left: 10px;
  border-left: 1px solid #04324D;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/modals/error.vue?vue&type=style&index=0&id=50563e39&lang=less&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-50563e39] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-50563e39] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-50563e39] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-50563e39] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-50563e39] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
p[data-v-50563e39] {
  text-align: center;
  padding: 20px;
}
section[data-v-50563e39] {
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.button[data-v-50563e39] {
  display: inline-block;
  padding: 7px 25px;
}
.border[data-v-50563e39] {
  display: inline-block;
  height: 30px;
  padding-right: 10px;
  margin-left: 10px;
  border-left: 1px solid #04324D;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/modals/explainer.vue?vue&type=style&index=0&id=20571995&lang=less&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-20571995] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-20571995] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-20571995] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-20571995] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-20571995] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.copy[data-v-20571995] {
  padding: 20px 20px 5px;
  line-height: 1.5;
}
.copy strong[data-v-20571995] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.copy h2[data-v-20571995] {
  padding-bottom: 5px;
  font-size: 14px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.copy h3[data-v-20571995] {
  padding-bottom: 5px;
  font-size: 12px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.copy p[data-v-20571995] {
  padding-bottom: 15px;
}
.copy ul[data-v-20571995] {
  padding-bottom: 15px;
}
.copy li[data-v-20571995] {
  list-style: disc inside;
}
.footer[data-v-20571995] {
  text-align: center;
}
.button[data-v-20571995] {
  display: inline-block;
  padding: 7px 25px;
}
.border[data-v-20571995] {
  display: inline-block;
  height: 30px;
  padding-right: 10px;
  margin-left: 10px;
  border-left: 1px solid #04324D;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/scenes/hurricane.vue?vue&type=style&index=0&id=73beb3fa&lang=less&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-73beb3fa] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-73beb3fa] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-73beb3fa] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-73beb3fa] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-73beb3fa] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.h-sky[data-v-73beb3fa] {
  width: 100%;
  height: 100%;
  background: #001620;
}
.flash[data-v-73beb3fa] {
  width: 100%;
  height: 100%;
  background: #DDDDDD;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.icon[data-v-73beb3fa] {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.text[data-v-73beb3fa] {
  text-align: center;
  color: #DDDDDD;
  width: 100%;
  font-size: 24px;
  line-height: 1.3;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.overlay[data-v-73beb3fa] {
  width: 100%;
  height: 100%;
  background: #022C46;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/modals/hurricane.vue?vue&type=style&index=0&id=4a1d1dc2&lang=less&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.content[data-v-4a1d1dc2] {
  position: relative;
  height: 300px;
}
.viewport[data-v-4a1d1dc2] {
  position: relative;
  width: 100%;
  height: 300px;
  background: #023A5B;
  overflow: hidden;
}
.viewport[data-v-4a1d1dc2] .e {
  position: absolute;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/consoles/well.vue?vue&type=style&index=0&id=73730e57&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.item[data-v-73730e57] {
  padding: 5px 10px;
}
.item[data-v-73730e57]:first-child {
  padding-top: 7px;
}
.item[data-v-73730e57]:last-child {
  padding-bottom: 7px;
}
.item[data-v-73730e57]:nth-child(even) {
  background: #04324D;
}
.item .left[data-v-73730e57] {
  vertical-align: top;
}
.item.warn[data-v-73730e57] {
  color: #D8B332;
}
.catches-move[data-v-73730e57] {
  transition: transform 0.5s;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/modals/inspect.vue?vue&type=style&index=0&id=865433f6&lang=less&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-865433f6] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-865433f6] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-865433f6] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-865433f6] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-865433f6] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.content[data-v-865433f6] {
  padding-bottom: 65px;
}
.header[data-v-865433f6] {
  height: 125px;
  margin: 20px 20px 0;
}
.header .vessel-image[data-v-865433f6] {
  display: inline-block;
  width: 110px;
  padding-top: 5px;
  vertical-align: top;
}
.header .vessel-image .vessel[data-v-865433f6] {
  width: 125px;
}
.header .vessel-info[data-v-865433f6] {
  display: inline-block;
  width: 232px;
  padding: 40px 0 0 10px;
  vertical-align: top;
}
.header .vessel-info h2[data-v-865433f6] {
  padding-bottom: 6px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
}
.header .vessel-info p[data-v-865433f6] {
  color: #41778C;
  font-size: 12px;
  text-transform: uppercase;
}
.header .info[data-v-865433f6] {
  display: inline-block;
  width: 150px;
  padding-left: 10px;
  border-left: 1px solid #04324D;
  vertical-align: top;
}
.header .info .title[data-v-865433f6] {
  color: #41778C;
}
.header .info .value[data-v-865433f6] {
  padding-bottom: 10px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.header .info .trophies[data-v-865433f6] {
  padding-top: 4px;
}
.header .info .trophy[data-v-865433f6] {
  display: inline-block;
  width: 17px;
  height: 18px;
  margin-right: 1px;
}
.header .info .trophy svg[data-v-865433f6] {
  width: 100%;
  height: 100%;
}
.header .info .trophy path[data-v-865433f6] {
  fill: #41778C;
  -webkit-transition: fill 0.5s;
  -moz-transition: fill 0.5s;
  -o-transition: fill 0.5s;
  transition: fill 0.5s;
}
.header .info .trophy.acquired path[data-v-865433f6] {
  fill: #DDDDDD;
}
.console-container[data-v-865433f6] {
  display: inline-block;
  width: 33.3%;
  min-height: 210px;
  border-right: 1px solid #04324D;
  vertical-align: top;
}
.console-container[data-v-865433f6]:last-child {
  border: 0;
}
.console-container h4[data-v-865433f6] {
  padding: 5px 20px;
  background: #04324D;
}
.console-container .console[data-v-865433f6] {
  padding: 10px 15px;
}
.well[data-v-865433f6] .item .left {
  width: 35px;
}
.well[data-v-865433f6] .item .right {
  width: 96px;
}
.out-of-range[data-v-865433f6] {
  height: 225px;
  padding-top: 65px;
}
.out-of-range .spinner[data-v-865433f6],
.out-of-range .spinner[data-v-865433f6]:after {
  margin: 0 auto;
  border-width: 25px;
  width: 50px;
  height: 50px;
}
.out-of-range p[data-v-865433f6] {
  width: 100%;
  padding: 10px;
  text-align: center;
  color: #41778C;
  font-size: 14px;
}
.content .footer[data-v-865433f6] {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 15px;
  text-align: center;
}
.attacker[data-v-865433f6],
.defender[data-v-865433f6] {
  position: absolute;
  top: 16px;
  width: 120px;
  height: 20px;
  text-align: center;
}
.attacker .vessel[data-v-865433f6],
.defender .vessel[data-v-865433f6] {
  position: absolute;
  width: 80px;
  top: -55px;
  left: 50%;
  margin-left: -40px;
}
.attacker .name[data-v-865433f6],
.defender .name[data-v-865433f6] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.attacker .dice[data-v-865433f6],
.defender .dice[data-v-865433f6] {
  color: #41778C;
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.attacker[data-v-865433f6] {
  left: 15px;
}
.attacker .vessel[data-v-865433f6] {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.defender[data-v-865433f6] {
  right: 15px;
}
.button[data-v-865433f6] {
  margin: 0 auto;
  width: 255px;
}
.fade-enter-active[data-v-865433f6],
.fade-leave-active[data-v-865433f6] {
  transition: opacity 0.25s;
}
.fade-enter[data-v-865433f6],
.fade-leave-to[data-v-865433f6] {
  opacity: 0;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/modals/resign.vue?vue&type=style&index=0&id=94636ae2&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-94636ae2] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-94636ae2] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-94636ae2] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-94636ae2] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-94636ae2] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
p[data-v-94636ae2] {
  text-align: center;
  padding: 20px;
}
section[data-v-94636ae2] {
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.button[data-v-94636ae2] {
  display: inline-block;
  padding: 7px 25px;
}
.border[data-v-94636ae2] {
  display: inline-block;
  height: 30px;
  padding-right: 10px;
  margin-left: 10px;
  border-left: 1px solid #04324D;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/scenes/new_boat.vue?vue&type=style&index=0&id=5ac3fa06&lang=less&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-5ac3fa06] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-5ac3fa06] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-5ac3fa06] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-5ac3fa06] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-5ac3fa06] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.nb-boat[data-v-5ac3fa06] {
  width: 523px;
  height: 284.5px;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}
.nb-waves[data-v-5ac3fa06] {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.nb-post2[data-v-5ac3fa06] {
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-filter: brightness(0.5);
  -moz-filter: brightness(0.5);
  -ms-filter: brightness(0.5);
  filter: brightness(0.5);
}
.nb-post1[data-v-5ac3fa06] {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.nb-text[data-v-5ac3fa06] {
  text-align: center;
  color: #022C46;
  width: 100%;
}
.nb-text p[data-v-5ac3fa06] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 24px;
}
.nb-text p.large[data-v-5ac3fa06] {
  font-size: 20px;
}
.nb-text p.medium[data-v-5ac3fa06] {
  font-size: 17px;
}
.nb-text p.small[data-v-5ac3fa06] {
  font-size: 14px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/modals/sink.vue?vue&type=style&index=0&id=72cf7af2&lang=less&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-72cf7af2] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-72cf7af2] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-72cf7af2] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-72cf7af2] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-72cf7af2] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.content[data-v-72cf7af2] {
  position: relative;
  height: 446px;
}
.reason[data-v-72cf7af2] {
  padding: 10px;
  background: #081C2B;
  text-align: center;
}
.reason strong[data-v-72cf7af2] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.reason .vessel[data-v-72cf7af2] {
  padding-bottom: 4px;
  font-size: 18px;
}
.reason .salvage[data-v-72cf7af2] {
  font-size: 14px;
  color: #41778C;
}
.reason .salvage strong[data-v-72cf7af2] {
  color: #DDDDDD;
}
.options[data-v-72cf7af2] {
  padding: 20px;
}
.options .button[data-v-72cf7af2] {
  width: 158px;
  height: 50px;
  margin-right: 15px;
}
.options .button[data-v-72cf7af2]:last-child {
  margin-right: 0;
}
.sink .viewport[data-v-72cf7af2] {
  position: relative;
  width: 100%;
  height: 300px;
  background: #023A5B;
  border-bottom: 1px solid #081C2B;
  overflow: hidden;
}
.sink .viewport[data-v-72cf7af2] .e {
  position: absolute;
}
.option[data-v-72cf7af2] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #023A5B;
}
.basic p[data-v-72cf7af2] {
  padding-top: 15px;
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
  color: #41778C;
  text-align: center;
}
.basic input[data-v-72cf7af2] {
  display: block;
  width: 400px;
  margin: 10px auto;
  padding: 8px 5px;
  font-size: 20px;
  text-align: center;
  border: 2px solid #41778C;
  background: #04324D;
  -webkit-transition: border 0.25s;
  -moz-transition: border 0.25s;
  -o-transition: border 0.25s;
  transition: border 0.25s;
}
.basic input[data-v-72cf7af2]::-webkit-input-placeholder {
  color: #41778C;
}
.basic input[data-v-72cf7af2]:-moz-placeholder {
  color: #41778C;
}
.basic input[data-v-72cf7af2]::-moz-placeholder {
  color: #41778C;
}
.basic input[data-v-72cf7af2]:-ms-input-placeholder {
  color: #41778C;
}
.basic input[data-v-72cf7af2]:focus,
.basic input.active[data-v-72cf7af2] {
  border-color: #DDDDDD;
}
.basic input.error[data-v-72cf7af2] {
  border-color: #C93838;
}
.basic button[data-v-72cf7af2] {
  display: block;
  margin: 10px auto;
  padding: 7px 45px;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 16px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/scenes/start_game.vue?vue&type=style&index=0&id=3f660aad&lang=less&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.e.s-water[data-v-3f660aad] {
  width: 100%;
  height: 180px;
  background: #022C46;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/modals/start_game.vue?vue&type=style&index=0&id=3af88ace&lang=less&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.content[data-v-3af88ace] {
  position: relative;
  height: 300px;
}
.viewport[data-v-3af88ace] {
  position: relative;
  width: 100%;
  height: 300px;
  background: #023A5B;
  overflow: hidden;
}
.viewport[data-v-3af88ace] .e {
  position: absolute;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/scenes/treasure.vue?vue&type=style&index=0&id=69677da6&lang=less&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-69677da6] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-69677da6] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-69677da6] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-69677da6] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-69677da6] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.bg[data-v-69677da6] {
  width: 100%;
  height: 100%;
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  background: #001620;
}
.result[data-v-69677da6] {
  width: 125%;
  height: 100%;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
  transform: skew(20deg);
  background: #022C46;
  zoom: 1;
  filter: alpha(opacity=85);
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
}
.text[data-v-69677da6] {
  width: 100%;
  color: #D8B332;
  font-size: 32px;
  text-align: center;
  line-height: 1.3;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.text span[data-v-69677da6] {
  display: inline-block;
  font-size: 30px;
  background: transparent;
}
.fish1[data-v-69677da6],
.fish2[data-v-69677da6],
.fish3[data-v-69677da6] {
  -webkit-animation: swim-69677da6 2s infinite;
  -moz-animation: swim-69677da6 2s infinite;
  -o-animation: swim-69677da6 2s infinite;
  animation: swim-69677da6 2s infinite;
}
.fish2[data-v-69677da6] {
  animation-delay: 0.5s;
}
.fish3[data-v-69677da6] {
  animation-delay: 1s;
}
lesshat-selector[data-v-69677da6] {
  -lh-property: 0;
}
@-webkit-keyframes swim-69677da6{
0%, 50%, 100% { -webkit-transform: translateY(0);
}
25% { -webkit-transform: translateY(-6px);
}
75% { -webkit-transform: translateY(-4px);
}}
@-moz-keyframes swim-69677da6{
0%, 50%, 100% { -moz-transform: translateY(0);
}
25% { -moz-transform: translateY(-6px);
}
75% { -moz-transform: translateY(-4px);
}}
@-o-keyframes swim-69677da6{
0%, 50%, 100% { -o-transform: translateY(0);
}
25% { -o-transform: translateY(-6px);
}
75% { -o-transform: translateY(-4px);
}}
@keyframes swim-69677da6{
0%, 50%, 100% {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);
}
25% {-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);-ms-transform: translateY(-6px);transform: translateY(-6px);
}
75% {-webkit-transform: translateY(-4px);-moz-transform: translateY(-4px);-ms-transform: translateY(-4px);transform: translateY(-4px);
}}
[not-existing][data-v-69677da6] {
  zoom: 1;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/modals/treasure.vue?vue&type=style&index=0&id=3fdb54e4&lang=less&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.content[data-v-3fdb54e4] {
  position: relative;
  height: 300px;
}
.viewport[data-v-3fdb54e4] {
  position: relative;
  width: 100%;
  height: 300px;
  background: #023A5B;
  overflow: hidden;
}
.viewport[data-v-3fdb54e4] .e {
  position: absolute;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/modals/tsunami.vue?vue&type=style&index=0&id=7dbbd4d6&lang=less&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.content[data-v-7dbbd4d6] {
  position: relative;
  height: 300px;
}
.viewport[data-v-7dbbd4d6] {
  position: relative;
  width: 100%;
  height: 300px;
  background: #023A5B;
  overflow: hidden;
}
.viewport[data-v-7dbbd4d6] .e {
  position: absolute;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/scenes/trophy.vue?vue&type=style&index=0&id=cec044a4&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-cec044a4] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-cec044a4] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-cec044a4] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-cec044a4] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-cec044a4] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.bg[data-v-cec044a4] {
  width: 100%;
  height: 100%;
  background: #022C46;
}
.guy4[data-v-cec044a4] {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.result[data-v-cec044a4] {
  width: 125%;
  height: 100%;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
  transform: skew(20deg);
  background: #176C97;
  zoom: 1;
  filter: alpha(opacity=85);
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
}
.text[data-v-cec044a4] {
  width: 280px;
  padding: 20px;
  color: #DDDDDD;
  font-size: 30px;
  text-align: center;
  line-height: 1.3;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.trophies[data-v-cec044a4] {
  padding-top: 50px;
  line-height: 0;
}
.trophy[data-v-cec044a4] {
  display: inline-block;
  width: 22px;
  height: 25px;
  margin-left: 2px;
}
.trophy svg[data-v-cec044a4] {
  width: 100%;
  height: 100%;
}
.trophy path[data-v-cec044a4] {
  fill: #04324D;
  -webkit-transition: fill 1s;
  -moz-transition: fill 1s;
  -o-transition: fill 1s;
  transition: fill 1s;
}
.trophy.acquired path[data-v-cec044a4] {
  fill: #DDDDDD;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/modals/trophy.vue?vue&type=style&index=0&id=0a1cd362&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.content[data-v-0a1cd362] {
  position: relative;
  height: 300px;
}
.viewport[data-v-0a1cd362] {
  position: relative;
  width: 100%;
  height: 300px;
  background: #023A5B;
  overflow: hidden;
}
.viewport[data-v-0a1cd362] .e {
  position: absolute;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/modals/turn_in.vue?vue&type=style&index=0&id=39280698&lang=less&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.trophy-icon[data-v-39280698] {
  position: absolute;
  right: 50px;
  bottom: 8px;
}
.trophy-icon img[data-v-39280698] {
  width: 14px;
}
.selector-group.disabled p.title[data-v-39280698] {
  color: #41778C;
}
.selector-group.disabled .increment[data-v-39280698] {
  background: #04324D;
  border-color: #04324D;
  cursor: default;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/modal.vue?vue&type=style&index=0&id=0b582ffa&lang=less&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-0b582ffa] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-0b582ffa] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-0b582ffa] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-0b582ffa] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-0b582ffa] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.modal[data-v-0b582ffa] {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(4, 50, 77, 0.5);
  z-index: 400;
}
.frame[data-v-0b582ffa] {
  position: fixed;
  display: inline-block;
  top: 50%;
  left: 50%;
  width: 410px;
  border: 2px solid #DDDDDD;
  background: #023A5B;
  box-shadow: 0px 24px 0px -10px #081C2B;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.frame.scene[data-v-0b582ffa] {
  width: 550px;
  height: 304px;
}
.frame.treasure[data-v-0b582ffa] {
  border-color: #D8B332;
}
.frame.info[data-v-0b582ffa] {
  width: 550px;
}
.frame.panel-scene[data-v-0b582ffa] {
  width: 550px;
  height: 450px;
}
.frame.picker[data-v-0b582ffa] {
  width: 410px;
}
.frame .close[data-v-0b582ffa] {
  position: absolute;
  width: 20px;
  height: 20px;
  top: -10px;
  right: -10px;
  z-index: 1;
}
.frame .close img[data-v-0b582ffa] {
  width: 100%;
  height: 100%;
}
.title[data-v-0b582ffa] {
  position: absolute;
  top: -26px;
  left: 0;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 18px;
  text-shadow: 0px 3px #081C2B;
}
.content[data-v-0b582ffa] {
  overflow: auto;
  height: 100%;
}
.content[data-v-0b582ffa] .footer {
  padding: 15px 30px;
  border-top: 1px solid #04324D;
  background: #023A5B;
}
.content[data-v-0b582ffa] .funds {
  padding: 20px 20px 5px;
  font-size: 14px;
  font-weight: bold;
}
.content[data-v-0b582ffa] .selector-group {
  position: relative;
  width: 100%;
  padding: 10px 20px;
  border-bottom: 1px solid #04324D;
}
.content[data-v-0b582ffa] .selector-group:last-of-type {
  border-bottom: 0;
}
.content[data-v-0b582ffa] .selector-group .title {
  font-size: 12px;
  padding-bottom: 7px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.content[data-v-0b582ffa] .selector-group .title em {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.content[data-v-0b582ffa] .selector-group .title span {
  padding-left: 5px;
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
  color: #41778C;
}
.content[data-v-0b582ffa] .selector-group .selector {
  display: flex;
  width: 100%;
  padding-right: 60px;
}
.content[data-v-0b582ffa] .selector-group .increment {
  flex-basis: 100%;
  height: 18px;
  margin-right: 3px;
  border: 2px solid #081C2B;
  color: transparent;
  font-size: 8px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: border-color 0.25s, background 0.25s;
  -moz-transition: border-color 0.25s, background 0.25s;
  -o-transition: border-color 0.25s, background 0.25s;
  transition: border-color 0.25s, background 0.25s;
}
.content[data-v-0b582ffa] .selector-group .increment.owned {
  background: #DDDDDD;
}
.content[data-v-0b582ffa] .selector-group .increment.spacer {
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.content[data-v-0b582ffa] .selector-group .increment.zero {
  border-color: #081C2B;
  background: #081C2B;
}
.content[data-v-0b582ffa] .selector-group .increment.zero:hover {
  border-color: #DDDDDD;
}
.content[data-v-0b582ffa] .selector-group .increment.available.warn {
  -webkit-animation: warn-0b582ffa 2s backwards infinite;
  -moz-animation: warn-0b582ffa 2s backwards infinite;
  -o-animation: warn-0b582ffa 2s backwards infinite;
  animation: warn-0b582ffa 2s backwards infinite;
}
.content[data-v-0b582ffa] .selector-group .increment.available:hover,
.content[data-v-0b582ffa] .selector-group .increment.available.hovered {
  border-color: #DDDDDD;
  background: #199EE0;
  color: #081C2B;
}
.content[data-v-0b582ffa] .selector-group .increment.available.selected {
  background: #199EE0;
}
.content[data-v-0b582ffa] .selector-group .increment.available.trophy.selected,
.content[data-v-0b582ffa] .selector-group .increment.available.trophy:hover {
  background: #D8B332;
}
.content[data-v-0b582ffa] .selector-group .increment.available lesshat-selector {
  -lh-property: 0;
}
@-webkit-keyframes warn-0b582ffa{
50% { border-color: #C93838;
}}
@-moz-keyframes warn-0b582ffa{
50% { border-color: #C93838;
}}
@-o-keyframes warn-0b582ffa{
50% { border-color: #C93838;
}}
@keyframes warn-0b582ffa{
50% { border-color: #C93838;
}}
[not-existing][data-v-0b582ffa] {
  zoom: 1;
}
.content[data-v-0b582ffa] .selector-group .increment:last-child {
  margin-right: 0;
}
.content[data-v-0b582ffa] .selector-group.disabled {
  color: #04324D;
  pointer-events: none;
}
.content[data-v-0b582ffa] .selector-group.disabled .title span {
  color: #04324D;
}
.content[data-v-0b582ffa] .selector-group.disabled .increment {
  border: 2px solid #04324D;
  color: transparent;
  font-size: 8px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: border-color 0.25s, background 0.25s;
  -moz-transition: border-color 0.25s, background 0.25s;
  -o-transition: border-color 0.25s, background 0.25s;
  transition: border-color 0.25s, background 0.25s;
}
.content[data-v-0b582ffa] .selector-group.disabled .increment.owned {
  background: #04324D;
}
.content[data-v-0b582ffa] .selector-group.disabled .increment.zero {
  border-color: #04324D;
  background: #04324D;
}
.content[data-v-0b582ffa] .selector-group .total {
  position: absolute;
  right: 20px;
  bottom: 10px;
  width: 60px;
  padding: 1px 0 1px 10px;
  font-size: 20px;
  font-weight: bold;
  text-align: right;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/mute.vue?vue&type=style&index=0&id=ca9c519a&lang=less&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.button.mute[data-v-ca9c519a] {
  position: fixed;
  bottom: 40px;
  left: 5px;
  height: 40px;
  width: 40px;
  padding: 6px;
}
.button.mute.muted img[data-v-ca9c519a] {
  opacity: 0.25;
}
img[data-v-ca9c519a] {
  width: 100%;
  height: 100%;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/radio.vue?vue&type=style&index=0&id=3f2aaa51&lang=less&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-3f2aaa51] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-3f2aaa51] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-3f2aaa51] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-3f2aaa51] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-3f2aaa51] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.radio[data-v-3f2aaa51] {
  background: #04324D;
  padding: 10px;
}
.radio textarea[data-v-3f2aaa51] {
  display: inline-block;
  width: 242px;
  height: 44px;
  margin: 0;
  padding: 6px 10px;
  font-size: 11px;
  background: #023A5B;
  border: 2px solid #081C2B;
}
.radio button[data-v-3f2aaa51] {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 44px;
  margin: 0 0 0 10px;
  padding: 0;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 10px;
  color: #DDDDDD;
  border: 2px solid #081C2B;
  background: #023A5B;
  box-shadow: 0px 8px 0px -5px #081C2B;
  vertical-align: top;
}
.radio button .spinner[data-v-3f2aaa51] {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
}
.radio .length[data-v-3f2aaa51] {
  height: 21px;
  padding-bottom: 5px;
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 10px;
  color: #41778C;
  text-align: right;
  line-height: 1.6;
  -webkit-transition: opacity 0.5s, height 0.5s;
  -moz-transition: opacity 0.5s, height 0.5s;
  -o-transition: opacity 0.5s, height 0.5s;
  transition: opacity 0.5s, height 0.5s;
}
.radio .length.off[data-v-3f2aaa51] {
  height: 0;
  opacity: 0;
}
.radio .sending textarea[data-v-3f2aaa51] {
  border: 2px solid #04324D;
  color: #41778C;
}
.radio .sending button[data-v-3f2aaa51] {
  color: #023A5B;
  border: 2px solid #04324D;
  box-shadow: 0px 0px 0px 0px #04324D;
}
.radio .sending button .spinner[data-v-3f2aaa51] {
  display: inline-block;
}
.warning[data-v-3f2aaa51] {
  position: relative;
  padding-bottom: 10px;
  max-height: 200px;
  overflow: hidden;
  -webkit-transition: max-height 0.5s, padding 0.5s;
  -moz-transition: max-height 0.5s, padding 0.5s;
  -o-transition: max-height 0.5s, padding 0.5s;
  transition: max-height 0.5s, padding 0.5s;
}
.warning p[data-v-3f2aaa51] {
  padding-left: 43px;
  font-family: 'Courier New', Courier, monospace;
  font-size: 11px;
}
.warning p strong[data-v-3f2aaa51] {
  font-weight: 600;
}
.warning .spacer[data-v-3f2aaa51] {
  color: #04324D;
}
.warning .visible[data-v-3f2aaa51] {
  position: absolute;
  top: 0;
  left: 0;
  color: #DDDDDD;
  text-shadow: 0px -1px 1px #081C2B;
}
.warning.open-enter[data-v-3f2aaa51],
.warning.open-leave-to[data-v-3f2aaa51] {
  padding: 0;
  max-height: 0;
}
.warning .lamp[data-v-3f2aaa51] {
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
}
.warning .lamp.on[data-v-3f2aaa51] {
  opacity: 0;
  -webkit-animation: flash-3f2aaa51 2s linear infinite;
  -moz-animation: flash-3f2aaa51 2s linear infinite;
  -o-animation: flash-3f2aaa51 2s linear infinite;
  animation: flash-3f2aaa51 2s linear infinite;
}
lesshat-selector[data-v-3f2aaa51] {
  -lh-property: 0;
}
@-webkit-keyframes flash-3f2aaa51{
0% { opacity: 0;
}
49% { opacity: 0;
}
50% { opacity: 1;
}
100% { opacity: 1;
}}
@-moz-keyframes flash-3f2aaa51{
0% { opacity: 0;
}
49% { opacity: 0;
}
50% { opacity: 1;
}
100% { opacity: 1;
}}
@-o-keyframes flash-3f2aaa51{
0% { opacity: 0;
}
49% { opacity: 0;
}
50% { opacity: 1;
}
100% { opacity: 1;
}}
@keyframes flash-3f2aaa51{
0% { opacity: 0;
}
49% { opacity: 0;
}
50% { opacity: 1;
}
100% { opacity: 1;
}}
[not-existing][data-v-3f2aaa51] {
  zoom: 1;
}
.broadcasts[data-v-3f2aaa51] {
  position: relative;
  user-select: text;
}
.broadcasts .wrapper[data-v-3f2aaa51] {
  position: relative;
  min-height: 80px;
  max-height: 180px;
  padding-bottom: 30px;
  background: #023A5B;
  overflow: scroll;
}
.broadcasts .loading[data-v-3f2aaa51] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30px;
  padding: 5px;
  opacity: 0;
  text-align: center;
  line-height: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.broadcasts .loading .spinner[data-v-3f2aaa51] {
  display: inline-block;
}
.broadcasts.loading .loading[data-v-3f2aaa51] {
  opacity: 1;
}
.broadcasts.exhuasted .wrapper[data-v-3f2aaa51] {
  padding: 0;
}
.new-indicator[data-v-3f2aaa51] {
  position: absolute;
  top: 7px;
  left: 50%;
  width: 120px;
  margin-left: -60px;
  padding: 2px 0;
  background: #023A5B;
  border: 2px solid #081C2B;
  font-size: 9px;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: top 0.5s, opacity 0.25s;
  -moz-transition: top 0.5s, opacity 0.25s;
  -o-transition: top 0.5s, opacity 0.25s;
  transition: top 0.5s, opacity 0.25s;
}
.new-indicator.slide-in-enter[data-v-3f2aaa51],
.new-indicator.slide-in-leave-to[data-v-3f2aaa51] {
  top: 0;
  opacity: 0;
}
.broadcast[data-v-3f2aaa51] {
  padding: 2px 10px;
  margin: 1px 0;
  font-size: 11px;
  word-wrap: break-word;
}
.broadcast .from[data-v-3f2aaa51] {
  padding: 0;
  color: #41778C;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  text-decoration: none;
}
.broadcast .ago[data-v-3f2aaa51] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.broadcast .indicator[data-v-3f2aaa51] {
  width: 10px;
  height: 10px;
}
.broadcast.chat[data-v-3f2aaa51] {
  color: #DDDDDD;
}
.broadcast.chat .from[data-v-3f2aaa51] {
  color: #41778C;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s;
}
.broadcast.chat .from.disconnected[data-v-3f2aaa51] {
  color: #081C2B;
}
.broadcast.chat .ago[data-v-3f2aaa51] {
  color: #41778C;
}
.broadcast.news[data-v-3f2aaa51] {
  background: #05466C;
  color: #DDDDDD;
}
.broadcast.news .from[data-v-3f2aaa51] {
  color: #DDDDDD;
}
.broadcast.news .ago[data-v-3f2aaa51] {
  color: #41778C;
}
.broadcast.treasure[data-v-3f2aaa51] {
  background: #05466C;
  color: #D8B332;
}
.broadcast.treasure .from[data-v-3f2aaa51] {
  color: #D8B332;
}
.broadcast.treasure .ago[data-v-3f2aaa51] {
  color: #41778C;
}
.broadcast.important[data-v-3f2aaa51] {
  background: #05466C;
  color: #DDDDDD;
}
.broadcast.important .from[data-v-3f2aaa51] {
  color: #C93838;
}
.broadcast.important .ago[data-v-3f2aaa51] {
  color: #41778C;
}
.list-enter-active[data-v-3f2aaa51],
.list-leave-active[data-v-3f2aaa51] {
  transition: opacity 0.5s;
}
.list-enter[data-v-3f2aaa51],
.list-leave-to[data-v-3f2aaa51] {
  opacity: 0;
}
.list-move[data-v-3f2aaa51] {
  transition: transform 0.5s;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/rematch.vue?vue&type=style&index=0&id=49b85ec8&lang=less&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.rematch[data-v-49b85ec8] {
  width: 100%;
  margin-bottom: 15px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/stats.vue?vue&type=style&index=0&id=051f2e16&lang=less&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.panel.stats .panel-heading h3[data-v-051f2e16] {
  top: 3px;
  font-size: 14px;
  width: 125px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel.stats .vessel[data-v-051f2e16] {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 50px;
  height: 50px;
}
.panel.stats .right[data-v-051f2e16] {
  position: relative;
}
.panel.stats .item.dim .right[data-v-051f2e16] {
  color: #41778C;
}
.panel.stats .location-container[data-v-051f2e16] {
  position: absolute;
  top: -28px;
  left: 95px;
  width: 340px;
  padding: 15px 15px 0;
  border: 2px solid #081C2B;
  background: #023A5B;
  z-index: 10;
  box-shadow: 0px 11px 0px -5px #081C2B;
}
.panel.stats .location-container[data-v-051f2e16]:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 18px;
  left: -17px;
  border-top: 16px solid transparent;
  border-right: 16px solid #081C2B;
  border-bottom: 16px solid transparent;
}
.panel.stats .location-container[data-v-051f2e16]:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 20px;
  left: -14px;
  border-top: 14px solid transparent;
  border-right: 14px solid #023A5B;
  border-bottom: 14px solid transparent;
}
.panel.stats .location-container.fade-enter[data-v-051f2e16],
.panel.stats .location-container.fade-leave-to[data-v-051f2e16] {
  opacity: 0;
}
.panel.stats .location-container.fade-enter-active[data-v-051f2e16],
.panel.stats .location-container.fade-leave-active[data-v-051f2e16] {
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/scenes/static.vue?vue&type=style&index=0&id=1ab2d228&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.water[data-v-1ab2d228] {
  width: 320px;
  height: 170px;
  background: #022C46;
}
.sky[data-v-1ab2d228] {
  width: 100%;
  height: 100%;
  background: #659CA5;
}
.inside[data-v-1ab2d228],
.outside[data-v-1ab2d228] {
  width: 100%;
  height: 100%;
}
.inside .e.helm_light[data-v-1ab2d228],
.outside .e.helm_light[data-v-1ab2d228] {
  opacity: 0;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/scenes/fish_find.vue?vue&type=style&index=0&id=aa2fd99c&lang=less&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.screen2[data-v-aa2fd99c],
.screen3[data-v-aa2fd99c],
.screen4[data-v-aa2fd99c] {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/scenes/fish_success.vue?vue&type=style&index=0&id=2933021a&lang=less&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.result[data-v-2933021a] {
  width: 125%;
  height: 100%;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
  transform: skew(20deg);
  background: #176C97;
}
.text[data-v-2933021a] {
  color: #DDDDDD;
}
.text .quip[data-v-2933021a] {
  position: relative;
  font-size: 17px;
  margin: 35px 0 0 20px;
}
.text .count[data-v-2933021a] {
  position: relative;
  font-size: 14px;
  margin: 10px 0 0 20px;
}
.text .count span[data-v-2933021a] {
  display: inline-block;
  width: 12px;
  font-size: 14px;
  background: transparent;
  text-align: center;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/scenes/fish_fail.vue?vue&type=style&index=0&id=08c28bd2&lang=less&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bg[data-v-08c28bd2] {
  width: 100%;
  height: 100%;
  background: #022C46;
}
.result[data-v-08c28bd2] {
  width: 100%;
  height: 100%;
  background: #176C97;
  zoom: 1;
  filter: alpha(opacity=85);
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
}
.text[data-v-08c28bd2] {
  color: #001620;
  font-size: 18px;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/scenes/repair.vue?vue&type=style&index=0&id=7849408b&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bg[data-v-7849408b] {
  width: 100%;
  height: 100%;
  background: #022C46;
}
.crab-spark[data-v-7849408b],
.welder-spark[data-v-7849408b] {
  opacity: 0;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/scenes/storm.vue?vue&type=style&index=0&id=7dc7dd5b&lang=less&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.sky[data-v-7dc7dd5b] {
  width: 100%;
  height: 100%;
  background: #001620;
}
.clouds[data-v-7dc7dd5b] {
  zoom: 1;
  filter: alpha(opacity=25);
  -webkit-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/scenes/turn_in.vue?vue&type=style&index=0&id=5142ab19&lang=less&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.result[data-v-5142ab19] {
  width: 125%;
  height: 100%;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
  transform: skew(20deg);
  background: #176C97;
  zoom: 1;
  filter: alpha(opacity=85);
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
}
.text[data-v-5142ab19] {
  color: #DDDDDD;
  width: 175px;
}
.text .message[data-v-5142ab19] {
  position: relative;
  font-size: 17px;
  margin-top: 55px;
  text-align: center;
}
.text .count[data-v-5142ab19] {
  position: relative;
  font-size: 20px;
  margin-top: 10px;
  text-align: center;
}
.text .count span[data-v-5142ab19] {
  display: inline-block;
  font-size: 30px;
  background: transparent;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/viewport.vue?vue&type=style&index=0&id=6b531e40&lang=less&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-6b531e40] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-6b531e40] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-6b531e40] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-6b531e40] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-6b531e40] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.viewport[data-v-6b531e40] {
  position: relative;
  width: 300px;
  height: 170px;
  margin-bottom: 15px;
  background: #023A5B;
  border: 2px solid #04324D;
  overflow: hidden;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.viewport[data-v-6b531e40] .e {
  position: absolute;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/waiting.vue?vue&type=style&index=0&id=dafd47ba&lang=less&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-dafd47ba] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-dafd47ba] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-dafd47ba] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-dafd47ba] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-dafd47ba] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.waiting[data-v-dafd47ba] {
  position: relative;
}
.info[data-v-dafd47ba] {
  position: relative;
  width: 100%;
  padding: 15px;
  background: #04324D;
}
.info h1[data-v-dafd47ba] {
  padding-bottom: 10px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
}
.info p[data-v-dafd47ba] {
  font-size: 14px;
}
.attribute[data-v-dafd47ba] {
  position: absolute;
  top: 6px;
  right: 15px;
  display: inline-block;
  width: 70px;
  margin-top: 6px;
  text-align: center;
}
.attribute .title[data-v-dafd47ba] {
  text-transform: uppercase;
  font-size: 9px;
  color: #41778C;
}
.attribute .value[data-v-dafd47ba] {
  padding-top: 2px;
  font-size: 18px;
}
.attribute .label[data-v-dafd47ba] {
  text-transform: uppercase;
  font-size: 9px;
}
.status[data-v-dafd47ba] {
  padding: 10px;
  background: #DDDDDD;
  color: #023A5B;
  text-align: center;
}
.link[data-v-dafd47ba] {
  position: relative;
  width: 100%;
  margin-top: 10px;
  padding: 11px 15px 10px;
  background: #081C2B;
}
.link span[data-v-dafd47ba] {
  padding: 5px 15px;
  margin: 0 0 0 5px;
  background: #023A5B;
  font-family: 'Courier New', Courier, monospace;
}
.link .copy[data-v-dafd47ba] {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 60px;
  padding: 0;
  margin: 0;
  border: 2px solid #081C2B;
  background: #DDDDDD;
  color: #081C2B;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.link .copy.success[data-v-dafd47ba] {
  color: #DDDDDD;
  background: #3E6F2F;
}
.players[data-v-dafd47ba] {
  margin-top: 20px;
}
.player[data-v-dafd47ba] {
  position: relative;
  width: 100%;
  height: 70px;
  margin-bottom: 20px;
  border: 2px solid #04324D;
}
.player.fade-enter-active[data-v-dafd47ba],
.player.fade-leave-active[data-v-dafd47ba] {
  transition: opacity 0.25s;
}
.player.fade-enter[data-v-dafd47ba],
.player.fade-leave-to[data-v-dafd47ba] {
  opacity: 0;
}
.player.user[data-v-dafd47ba] {
  border-color: #41778C;
}
.player .vessel-image[data-v-dafd47ba] {
  display: inline-block;
  width: 95px;
  height: 100%;
  padding-top: 4px;
  background: #04324D;
  border-right: 2px solid #04324D;
  vertical-align: top;
}
.player .vessel[data-v-dafd47ba] {
  width: 72px;
  margin: 0 auto;
}
.player .vessel-info[data-v-dafd47ba],
.player .player-info[data-v-dafd47ba] {
  display: inline-block;
  width: 160px;
  height: 46px;
  padding-left: 15px;
  vertical-align: 45px;
  margin: 10px 0;
}
.player .vessel-info .title[data-v-dafd47ba],
.player .player-info .title[data-v-dafd47ba] {
  font-size: 8px;
  color: #41778C;
  text-transform: uppercase;
}
.player .vessel-info .name[data-v-dafd47ba],
.player .player-info .name[data-v-dafd47ba] {
  font-size: 16px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s;
}
.player .vessel-info .name.disconnected[data-v-dafd47ba],
.player .player-info .name.disconnected[data-v-dafd47ba] {
  color: #081C2B;
}
.player .vessel-info .stats[data-v-dafd47ba],
.player .player-info .stats[data-v-dafd47ba] {
  padding-top: 2px;
  font-size: 11px;
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
  color: #41778C;
}
.player .player-info[data-v-dafd47ba] {
  border-left: 1px solid #04324D;
}
.player.empty p[data-v-dafd47ba] {
  padding-top: 14px;
  font-size: 16px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  color: #41778C;
}
.player.empty img[data-v-dafd47ba] {
  display: block;
  width: 70px;
  margin: 0 auto;
}
.player .button[data-v-dafd47ba] {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 120px;
  height: 46px;
}
.player .button.fade-enter-active[data-v-dafd47ba],
.player .button.fade-leave-active[data-v-dafd47ba] {
  transition: opacity 0.25s;
}
.player .button.fade-enter[data-v-dafd47ba],
.player .button.fade-leave-to[data-v-dafd47ba] {
  opacity: 0;
}
.flow[data-v-dafd47ba] {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10;
}
.fade-enter-active[data-v-dafd47ba],
.fade-leave-active[data-v-dafd47ba] {
  transition: opacity 0.25s;
}
.fade-enter[data-v-dafd47ba],
.fade-leave-to[data-v-dafd47ba] {
  opacity: 0;
}
.frame[data-v-dafd47ba] {
  position: fixed;
  display: inline-block;
  top: 50px;
  left: 0;
  right: 0;
  width: 600px;
  margin: auto;
  border: 5px solid #DDDDDD;
  background: #023A5B;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/weather.vue?vue&type=style&index=0&id=7ddcd24a&lang=less&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.weather[data-v-7ddcd24a] {
  width: 320px;
  margin-bottom: 15px;
}
.day[data-v-7ddcd24a] {
  position: relative;
  display: inline-block;
  width: 20%;
  height: 80px;
  margin-top: 4px;
  vertical-align: top;
  text-align: center;
  border-right: 1px solid #04324D;
}
.day[data-v-7ddcd24a]:last-child {
  border-right: 0;
}
.day h5[data-v-7ddcd24a] {
  font-size: 11px;
  padding-bottom: 5px;
}
.day p[data-v-7ddcd24a] {
  font-size: 11px;
}
.day img[data-v-7ddcd24a] {
  width: 24px;
}
.day img.bolt[data-v-7ddcd24a] {
  position: absolute;
  top: 21px;
  left: 20px;
  -webkit-animation: bolt-7ddcd24a 10s linear infinite;
  -moz-animation: bolt-7ddcd24a 10s linear infinite;
  -o-animation: bolt-7ddcd24a 10s linear infinite;
  animation: bolt-7ddcd24a 10s linear infinite;
}
.day.hurricane img[data-v-7ddcd24a] {
  -webkit-animation: hurricane-7ddcd24a 2s linear infinite;
  -moz-animation: hurricane-7ddcd24a 2s linear infinite;
  -o-animation: hurricane-7ddcd24a 2s linear infinite;
  animation: hurricane-7ddcd24a 2s linear infinite;
}
lesshat-selector[data-v-7ddcd24a] {
  -lh-property: 0;
}
@-webkit-keyframes hurricane-7ddcd24a{
0% { -webkit-transform: rotate(0deg);
}
100% { -webkit-transform: rotate(360deg);
}}
@-moz-keyframes hurricane-7ddcd24a{
0% { -moz-transform: rotate(0deg);
}
100% { -moz-transform: rotate(360deg);
}}
@-o-keyframes hurricane-7ddcd24a{
0% { -o-transform: rotate(0deg);
}
100% { -o-transform: rotate(360deg);
}}
@keyframes hurricane-7ddcd24a{
0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);
}
100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);
}}
[not-existing][data-v-7ddcd24a] {
  zoom: 1;
}
lesshat-selector[data-v-7ddcd24a] {
  -lh-property: 0;
}
@-webkit-keyframes bolt-7ddcd24a{
0% { opacity: 0;
}
12% { opacity: 0;
}
13% { opacity: 1;
}
14% { opacity: 0;
}
24% { opacity: 0;
}
25% { opacity: 1;
}
26% { opacity: 0;
}
27% { opacity: 1;
}
28% { opacity: 0;
}
58% { opacity: 0;
}
59% { opacity: 1;
}
60% { opacity: 0;
}
73% { opacity: 0;
}
74% { opacity: 1;
}
75% { opacity: 0;
}
83% { opacity: 0;
}
84% { opacity: 1;
}
85% { opacity: 0;
}
86% { opacity: 1;
}
87% { opacity: 0;
}
88% { opacity: 1;
}
89% { opacity: 0;
}
100% { opacity: 0;
}}
@-moz-keyframes bolt-7ddcd24a{
0% { opacity: 0;
}
12% { opacity: 0;
}
13% { opacity: 1;
}
14% { opacity: 0;
}
24% { opacity: 0;
}
25% { opacity: 1;
}
26% { opacity: 0;
}
27% { opacity: 1;
}
28% { opacity: 0;
}
58% { opacity: 0;
}
59% { opacity: 1;
}
60% { opacity: 0;
}
73% { opacity: 0;
}
74% { opacity: 1;
}
75% { opacity: 0;
}
83% { opacity: 0;
}
84% { opacity: 1;
}
85% { opacity: 0;
}
86% { opacity: 1;
}
87% { opacity: 0;
}
88% { opacity: 1;
}
89% { opacity: 0;
}
100% { opacity: 0;
}}
@-o-keyframes bolt-7ddcd24a{
0% { opacity: 0;
}
12% { opacity: 0;
}
13% { opacity: 1;
}
14% { opacity: 0;
}
24% { opacity: 0;
}
25% { opacity: 1;
}
26% { opacity: 0;
}
27% { opacity: 1;
}
28% { opacity: 0;
}
58% { opacity: 0;
}
59% { opacity: 1;
}
60% { opacity: 0;
}
73% { opacity: 0;
}
74% { opacity: 1;
}
75% { opacity: 0;
}
83% { opacity: 0;
}
84% { opacity: 1;
}
85% { opacity: 0;
}
86% { opacity: 1;
}
87% { opacity: 0;
}
88% { opacity: 1;
}
89% { opacity: 0;
}
100% { opacity: 0;
}}
@keyframes bolt-7ddcd24a{
0% { opacity: 0;
}
12% { opacity: 0;
}
13% { opacity: 1;
}
14% { opacity: 0;
}
24% { opacity: 0;
}
25% { opacity: 1;
}
26% { opacity: 0;
}
27% { opacity: 1;
}
28% { opacity: 0;
}
58% { opacity: 0;
}
59% { opacity: 1;
}
60% { opacity: 0;
}
73% { opacity: 0;
}
74% { opacity: 1;
}
75% { opacity: 0;
}
83% { opacity: 0;
}
84% { opacity: 1;
}
85% { opacity: 0;
}
86% { opacity: 1;
}
87% { opacity: 0;
}
88% { opacity: 1;
}
89% { opacity: 0;
}
100% { opacity: 0;
}}
[not-existing][data-v-7ddcd24a] {
  zoom: 1;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/well.vue?vue&type=style&index=0&id=4dd5c368&lang=less&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.panel.well .panel-body[data-v-4dd5c368] {
  padding: 0;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/components/your_turn.vue?vue&type=style&index=0&id=4f28415f&lang=less&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-4f28415f] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-4f28415f] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-4f28415f] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-4f28415f] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-4f28415f] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.your-turn[data-v-4f28415f] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 500;
}
.overlay[data-v-4f28415f] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(8, 28, 43, 0.5);
}
.show-enter-active .overlay[data-v-4f28415f] {
  transition: opacity 0.25s;
}
.show-leave-active .overlay[data-v-4f28415f] {
  transition: opacity 0.25s 0.35s;
}
.show-enter .overlay[data-v-4f28415f],
.show-leave-to .overlay[data-v-4f28415f] {
  opacity: 0;
}
.band[data-v-4f28415f] {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  height: 70px;
  margin-top: -35px;
  background: #DDDDDD;
  border: 2px solid #081C2B;
  border-bottom-width: 6px;
  overflow: hidden;
}
.show-enter-active .band[data-v-4f28415f] {
  transition: height 0.25s, margin-top 0.25s, border-bottom-width 0.25s;
}
.show-leave-active .band[data-v-4f28415f] {
  transition: height 0.25s 0.35s, margin-top 0.25s 0.35s, border-bottom-width 0.25s 0.35s;
}
.show-enter .band[data-v-4f28415f],
.show-leave-to .band[data-v-4f28415f] {
  height: 0;
  margin-top: 0;
  border-bottom-width: 0;
}
.text[data-v-4f28415f] {
  width: 100%;
  margin: 23px auto 0;
  text-align: center;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  color: #081C2B;
  font-size: 36px;
}
.fish-mask[data-v-4f28415f] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  overflow: hidden;
}
.fish-frame[data-v-4f28415f] {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 600px;
  height: 600px;
  margin: -90px 0 0 -300px;
}
.fish-frame .fish[data-v-4f28415f] {
  position: absolute;
  top: 0;
  left: 260px;
  width: 80px;
  height: 30px;
}
.show-enter-active .fish-frame[data-v-4f28415f] {
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
}
.show-leave-active .fish-frame[data-v-4f28415f] {
  transition: transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.show-enter .fish-frame[data-v-4f28415f] {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg);
}
.show-leave-to .fish-frame[data-v-4f28415f] {
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/games/game.vue?vue&type=style&index=0&id=6da2a501&lang=less&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-6da2a501] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-6da2a501] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-6da2a501] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-6da2a501] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-6da2a501] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.game .container[data-v-6da2a501] {
  position: relative;
  width: 960px;
  margin: 0 auto;
}
.game .container.fade-enter-active[data-v-6da2a501],
.game .container.fade-leave-active[data-v-6da2a501] {
  transition: opacity 1s;
}
.game .container.fade-enter[data-v-6da2a501],
.game .container.fade-leave-to[data-v-6da2a501] {
  opacity: 0;
}
.connecting[data-v-6da2a501] {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(2, 58, 91, 0.75);
  z-index: 100;
}
.connecting img[data-v-6da2a501] {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
}
.left-col[data-v-6da2a501] {
  display: inline-block;
  width: 160px;
  vertical-align: top;
}
.left-col.large[data-v-6da2a501] {
  width: 640px;
  padding-right: 19px;
}
.center-col[data-v-6da2a501] {
  position: relative;
  display: inline-block;
  width: 480px;
  padding: 0 19px;
  vertical-align: top;
}
.right-col[data-v-6da2a501] {
  display: inline-block;
  width: 320px;
  vertical-align: top;
}
.blur[data-v-6da2a501] {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}
.busy[data-v-6da2a501] {
  position: absolute;
  top: -25px;
  left: 50%;
  width: 100px;
  height: 25px;
  margin-left: -50px;
  padding: 5px;
  background: #081C2B;
  text-align: center;
  z-index: 100;
}
.busy img[data-v-6da2a501] {
  height: 100%;
}
.fade-enter-active[data-v-6da2a501],
.fade-leave-active[data-v-6da2a501] {
  -webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
  -moz-transition: opacity 0.25s, -moz-transform 0.25s;
  -o-transition: opacity 0.25s, -o-transform 0.25s;
  transition: opacity 0.25s,-webkit-transform 0.25s,-moz-transform 0.25s,-o-transform 0.25s,transform 0.25s;
}
.fade-enter[data-v-6da2a501],
.fade-leave-to[data-v-6da2a501] {
  opacity: 0;
}
.fade-scale-enter-active[data-v-6da2a501],
.fade-scale-leave-active[data-v-6da2a501] {
  -webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
  -moz-transition: opacity 0.25s, -moz-transform 0.25s;
  -o-transition: opacity 0.25s, -o-transform 0.25s;
  transition: opacity 0.25s,-webkit-transform 0.25s,-moz-transform 0.25s,-o-transform 0.25s,transform 0.25s;
}
.fade-scale-enter[data-v-6da2a501],
.fade-scale-leave-to[data-v-6da2a501] {
  opacity: 0;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./public/components/mobile_explainer.vue?vue&type=style&index=0&id=220414c8&lang=less&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular[data-v-220414c8] {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular[data-v-220414c8] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic[data-v-220414c8] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold[data-v-220414c8] {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic[data-v-220414c8] {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.mobile[data-v-220414c8] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(4, 50, 77, 0.9);
}
.frame[data-v-220414c8] {
  position: absolute;
  top: 50%;
  width: 90%;
  padding: 70px;
  margin: 5%;
  background: #023A5B;
  border: 2px solid #081C2B;
  text-align: center;
  line-height: 1.4;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.frame h2[data-v-220414c8] {
  padding-bottom: 20px;
  font-size: 48px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.frame p[data-v-220414c8] {
  font-size: 36px;
}
.frame .close[data-v-220414c8] {
  width: 80%;
  margin: 30px auto 0;
  padding: 20px;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  color: #081C2B;
  font-size: 48px;
  background: #DDDDDD;
  border: 2px solid #081C2B;
}

/*!*****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./public/styles/app.less ***!
  \*****************************************************************************************************************************************/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  text-decoration: none;
}
a:active,
a:focus,
a:hover {
  text-decoration: none;
}
@font-face {
  font-family: 'CubanoRegular';
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot');
  src: url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.woff') format('woff'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/setti-raider-bay.appspot.com/cubano-regular-webfont.svg#CubanoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.CubanoRegular {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
}
.HelveticaRegular {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.HelveticaRegularItalic {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.HelveticaBold {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.HelveticaBoldItalic {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  width: 100%;
  height: 100%;
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #DDDDDD;
  background: #023A5B;
  user-select: none;
}
.container {
  width: 850px;
  margin: 0 auto;
  padding: 30px 0;
}
h3 {
  padding-bottom: 4px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
}
h4 {
  padding-bottom: 4px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
}
a {
  color: #DDDDDD;
  text-decoration: underline;
}
a:hover {
  text-decoration: underline;
}
span {
  padding-bottom: 5px;
  font-size: 11px;
}
hr {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #DDDDDD;
}
input,
textarea,
button,
select,
.btn {
  padding: 3px;
  margin-bottom: 10px;
  border: 1px solid #DDDDDD;
  color: #FFFFFF;
  background: transparent;
}
input:required,
textarea:required,
button:required,
select:required,
.btn:required,
input:invalid,
textarea:invalid,
button:invalid,
select:invalid,
.btn:invalid {
  box-shadow: none;
}
input:focus,
textarea:focus,
button:focus,
select:focus,
.btn:focus {
  outline: none;
}
input {
  width: 180px;
}
select {
  color: #023A5B;
  background: #FFFFFF;
}
textarea {
  width: 430px;
  height: 40px;
  margin-top: 10px;
  font-size: 11px;
}
label {
  display: block;
  padding-bottom: 2px;
  font-size: 10px;
}
button {
  border: 0;
}
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background: transparent;
}
img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
table {
  width: 850px;
  margin-bottom: 14px;
  border-collapse: collapse;
}
thead {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 10px;
  color: #023A5B;
  background: #DDDDDD;
  border: 1px solid #DDDDDD;
}
td {
  padding: 4px 7px 3px;
  border: 1px solid #DDDDDD;
}
tr:nth-child(even) {
  background: #05466C;
}
.me {
  color: #D8B332;
}
.me a {
  color: #D8B332;
}
.me .indicator {
  color: #DDDDDD;
}
a.button,
.button {
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  height: 35px;
  padding: 5px;
  border: 2px solid #04324D;
  vertical-align: top;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 11px;
  color: #04324D;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 0px 0px 0px 0px #04324D;
  text-decoration: none;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
a.button span,
.button span {
  padding: 0;
  line-height: 1.2;
  vertical-align: middle;
}
a.button.cubano,
.button.cubano {
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 15px;
}
a.button.active,
.button.active {
  border-color: #081C2B;
  box-shadow: 0px 11px 0px -5px #081C2B;
  color: #DDDDDD;
  cursor: pointer;
}
a.button.active:hover,
.button.active:hover {
  box-shadow: 0px 13px 0px -5px #081C2B;
  border-color: #DDDDDD;
}
a.button.active.dark,
.button.active.dark {
  color: #DDDDDD;
  background: #04324D;
}
a.button.active.dark:hover,
.button.active.dark:hover {
  border-color: #DDDDDD;
}
a.button.active.highlight,
.button.active.highlight,
a.button.active.selected,
.button.active.selected {
  color: #081C2B;
  background: #DDDDDD;
}
a.button.active.highlight:hover,
.button.active.highlight:hover,
a.button.active.selected:hover,
.button.active.selected:hover {
  border-color: #081C2B;
}
a.button.active.alert,
.button.active.alert {
  color: #081C2B;
  -webkit-animation: alertbutton 1s infinite;
  -moz-animation: alertbutton 1s infinite;
  -o-animation: alertbutton 1s infinite;
  animation: alertbutton 1s infinite;
}
a.button.large,
.button.large {
  height: 55px;
  font-size: 20px;
}
a.button.full,
.button.full {
  width: 100%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes alertbutton{ 0%, 100% { background-color: #DDD; } 50% { background-color: #023A5B; }}
@-moz-keyframes alertbutton{ 0%, 100% { background-color: #DDD; } 50% { background-color: #023A5B; }}
@-o-keyframes alertbutton{ 0%, 100% { background-color: #DDD; } 50% { background-color: #023A5B; }}
@keyframes alertbutton{ 0%, 100% { background-color: #DDD; } 50% { background-color: #023A5B; }}
[not-existing] {
  zoom: 1;
}
.indicator {
  display: inline-block;
  position: relative;
  top: -1px;
  width: 13px;
  height: 13px;
  margin-right: 5px;
  text-align: center;
  font-size: 9px;
  line-height: 1.5;
  vertical-align: text-bottom;
  border: 1px solid #DDDDDD;
}
.indicator.white {
  background: #EEF4D7;
}
.indicator.gray {
  background: #667A84;
}
.indicator.black {
  background: #000000;
}
.indicator.brown {
  background: #492A15;
}
.indicator.pink {
  background: #F4A2A2;
}
.indicator.red {
  background: #B21D1D;
}
.indicator.orange {
  background: #D8743D;
}
.indicator.yellow {
  background: #E9F225;
}
.indicator.teal {
  background: #44D8B3;
}
.indicator.green {
  background: #067215;
}
.indicator.blue {
  background: #199EE0;
}
.indicator.purple {
  background: #6E2C89;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes warn{ 0% { color: #DDD; } 50% { color: #D8B332; } 100% { color: #DDD; }}
@-moz-keyframes warn{ 0% { color: #DDD; } 50% { color: #D8B332; } 100% { color: #DDD; }}
@-o-keyframes warn{ 0% { color: #DDD; } 50% { color: #D8B332; } 100% { color: #DDD; }}
@keyframes warn{ 0% { color: #DDD; } 50% { color: #D8B332; } 100% { color: #DDD; }}
[not-existing] {
  zoom: 1;
}
.warn {
  color: #D8B332;
  -webkit-animation: warn 2s backwards infinite;
  -moz-animation: warn 2s backwards infinite;
  -o-animation: warn 2s backwards infinite;
  animation: warn 2s backwards infinite;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes urgent{ 0% { color: #DDD; } 50% { color: #C93838; } 100% { color: #DDD; }}
@-moz-keyframes urgent{ 0% { color: #DDD; } 50% { color: #C93838; } 100% { color: #DDD; }}
@-o-keyframes urgent{ 0% { color: #DDD; } 50% { color: #C93838; } 100% { color: #DDD; }}
@keyframes urgent{ 0% { color: #DDD; } 50% { color: #C93838; } 100% { color: #DDD; }}
[not-existing] {
  zoom: 1;
}
.urgent {
  color: #C93838;
  -webkit-animation: urgent 1s backwards infinite;
  -moz-animation: urgent 1s backwards infinite;
  -o-animation: urgent 1s backwards infinite;
  animation: urgent 1s backwards infinite;
}
.console .left {
  display: inline-block;
  width: 48px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  color: #41778C;
  text-align: right;
}
.console .right {
  display: inline-block;
  width: 88px;
  padding-left: 10px;
  color: #FFFFFF;
}
.console .right.meter {
  display: inline-flex;
}
.console .right .increment {
  flex: 1;
  height: 9px;
  margin-right: 2px;
  background: #04324D;
  -webkit-transition: background 0.25s;
  -moz-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
}
.console .right .increment.on {
  background: #DDDDDD;
}
.console .right .increment.spacer {
  background: transparent;
}
.console .right .increment:last-child {
  margin-right: 0;
}
.console .item.warn .left {
  color: #D8B332;
}
.console .item.warn .right .increment.on {
  background: #D8B332;
}
.console .item.urgent .left {
  color: #C93838;
}
.console .item.urgent .right .increment.on {
  background: #C93838;
}
.console .item.destroyed .left {
  color: #C93838;
  -webkit-animation: console-left-urgent 1s backwards infinite;
  -moz-animation: console-left-urgent 1s backwards infinite;
  -o-animation: console-left-urgent 1s backwards infinite;
  animation: console-left-urgent 1s backwards infinite;
}
.console .item.destroyed .right .increment {
  background: #C93838;
  -webkit-animation: console-increment-urgent 1s backwards infinite;
  -moz-animation: console-increment-urgent 1s backwards infinite;
  -o-animation: console-increment-urgent 1s backwards infinite;
  animation: console-increment-urgent 1s backwards infinite;
}
.console .item.disabled .left {
  color: #04324D;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes console-left-warn{ 0% { color: #41778C; } 50% { color: #D8B332; } 100% { color: #41778C; }}
@-moz-keyframes console-left-warn{ 0% { color: #41778C; } 50% { color: #D8B332; } 100% { color: #41778C; }}
@-o-keyframes console-left-warn{ 0% { color: #41778C; } 50% { color: #D8B332; } 100% { color: #41778C; }}
@keyframes console-left-warn{ 0% { color: #41778C; } 50% { color: #D8B332; } 100% { color: #41778C; }}
[not-existing] {
  zoom: 1;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes console-increment-warn{ 0% { background: #DDD; } 50% { background: #D8B332; } 100% { background: #DDD; }}
@-moz-keyframes console-increment-warn{ 0% { background: #DDD; } 50% { background: #D8B332; } 100% { background: #DDD; }}
@-o-keyframes console-increment-warn{ 0% { background: #DDD; } 50% { background: #D8B332; } 100% { background: #DDD; }}
@keyframes console-increment-warn{ 0% { background: #DDD; } 50% { background: #D8B332; } 100% { background: #DDD; }}
[not-existing] {
  zoom: 1;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes console-left-urgent{ 0% { color: #41778C; } 50% { color: #C93838; } 100% { color: #41778C; }}
@-moz-keyframes console-left-urgent{ 0% { color: #41778C; } 50% { color: #C93838; } 100% { color: #41778C; }}
@-o-keyframes console-left-urgent{ 0% { color: #41778C; } 50% { color: #C93838; } 100% { color: #41778C; }}
@keyframes console-left-urgent{ 0% { color: #41778C; } 50% { color: #C93838; } 100% { color: #41778C; }}
[not-existing] {
  zoom: 1;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes console-increment-urgent{ 0% { background: #05324C; } 50% { background: #C93838; } 100% { background: #05324C; }}
@-moz-keyframes console-increment-urgent{ 0% { background: #05324C; } 50% { background: #C93838; } 100% { background: #05324C; }}
@-o-keyframes console-increment-urgent{ 0% { background: #05324C; } 50% { background: #C93838; } 100% { background: #05324C; }}
@keyframes console-increment-urgent{ 0% { background: #05324C; } 50% { background: #C93838; } 100% { background: #05324C; }}
[not-existing] {
  zoom: 1;
}
.panel {
  margin-bottom: 15px;
  border: 2px solid #04324D;
  box-shadow: 0px 0px 0px 0px #04324D;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.panel.active {
  border-color: #081C2B;
  box-shadow: 0px 11px 0px -5px #081C2B;
}
.panel.active:hover {
  border-color: #DDDDDD;
}
.panel.active:hover {
  box-shadow: 0px 13px 0px -5px #081C2B;
  border-color: #DDDDDD;
  cursor: pointer;
}
.panel-heading {
  position: relative;
  height: 22px;
  background: #04324D;
  -webkit-transition: all 0.25s, color 0.1s;
  -moz-transition: all 0.25s, color 0.1s;
  -o-transition: all 0.25s, color 0.1s;
  transition: all 0.25s, color 0.1s;
}
.panel-heading h3 {
  position: absolute;
  top: 3px;
  padding: 0;
  font-size: 12px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.panel-heading h3.off {
  left: 9px;
}
.panel-heading h3.on {
  right: 20px;
  opacity: 0;
  text-align: right;
}
.panel.active .panel-heading {
  background: #081C2B;
}
.panel.active .panel-heading h3.off {
  opacity: 0.2;
  font-size: 8px;
}
.panel.active .panel-heading h3.on {
  right: 9px;
  opacity: 1;
}
.panel.active:hover .panel-heading {
  background: #DDDDDD;
  color: #081C2B;
}
.panel-body {
  padding: 7px 10px;
}
.lobby-form {
  width: 100%;
  padding: 30px;
  border: 1px solid #DDDDDD;
}
button.lobby-submit {
  display: block;
  width: 250px;
  margin: 0 auto;
  padding: 7px 15px;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 16px;
}
hr.lobby-hr {
  margin: 20px 0;
}
.boat-fact {
  font-size: 11px;
  color: #41778C;
}
.boat-fact p {
  padding-bottom: 10px;
}
.boat-fact a {
  color: #41778C;
}
.leaderboard {
  width: 960px;
  margin-bottom: 30px;
}
.leaderboard .items {
  position: relative;
  padding-top: 10px;
  border-top: 1px solid #04324D;
}
.leaderboard .items h2 {
  position: absolute;
  top: -9px;
  left: 50%;
  width: 250px;
  margin-left: -125px;
  background: #023A5B;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
}
.leaderboard .item {
  display: block;
  position: relative;
  width: 100%;
  height: 85px;
  padding: 10px 0;
  border-bottom: 1px solid #04324D;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.leaderboard .item:hover {
  background: #05466C;
}
.leaderboard .item:last-child {
  border-bottom: 0;
}
.leaderboard .item .rank {
  width: 40px;
  height: 40px;
  display: inline-block;
  padding: 12px 0;
  margin: 12px 10px 12px 25px;
  background: #04324D;
  font-family: 'CubanoRegular', sans-serif;
  font-weight: 300;
  font-size: 21px;
  vertical-align: top;
  text-align: center;
  border-radius: 20px;
}
.leaderboard .item.rank-1 .rank {
  background: #D8B332;
  color: #081C2B;
}
.leaderboard .item.rank-2 .rank {
  background: #DDDDDD;
  color: #081C2B;
}
.leaderboard .item.rank-3 .rank {
  background: #41778C;
  color: #081C2B;
}
.leaderboard .item .info {
  display: inline-block;
  width: 160px;
  vertical-align: top;
  padding: 8px 0 10px;
  margin: 2px 0 10px;
}
.leaderboard .item .info .title {
  font-size: 8px;
  color: #41778C;
  text-transform: uppercase;
}
.leaderboard .item .info .name {
  font-size: 16px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.leaderboard .item .info .name em {
  font-family: helvetica, arial, sans-serif;
  font-weight: 400;
}
.leaderboard .item .info .name.treasure {
  color: #D8B332;
}
.leaderboard .item .info .stats {
  padding-top: 2px;
  font-size: 11px;
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
  color: #41778C;
}
.leaderboard .item .vessel-image {
  display: inline-block;
  width: 65px;
  height: 100%;
  padding-top: 4px;
  margin-right: 10px;
  vertical-align: top;
}
.leaderboard .item .vessel-image .vessel {
  width: 65px;
  margin: 0 auto;
}
.leaderboard .item .vessel-image .vessel.sunk {
  margin-top: 13px;
}
.leaderboard .item .vessel-info {
  width: 160px;
}
.leaderboard .item .player-info {
  width: 275px;
}
.leaderboard .item .stat {
  width: 65px;
  text-align: center;
}
.leaderboard .item .stat.primary {
  background: #04324D;
  border-radius: 5px;
}
.leaderboard .item .stat.primary .title {
  margin: -1px 0 1px;
  color: #DDDDDD;
}
.leaderboard .item .stat.primary .name {
  font-size: 20px;
}
.leaderboard .item .divider {
  display: inline-block;
  height: 100%;
  width: 1px;
  padding-left: 15px;
  margin-left: 15px;
  border-left: 1px solid #04324D;
}
.explainer {
  position: relative;
  padding: 30px;
  margin: 10px 0 30px;
  font-size: 14px;
  line-height: 1.5;
  background: #04324D;
}
.explainer strong {
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.explainer a {
  color: #41778C;
  text-decoration: none;
  font-family: helvetica, arial, sans-serif;
  font-weight: 700;
}
.explainer.has-vessels {
  padding: 30px 150px;
  text-align: center;
}
.explainer .vessel {
  position: absolute !important;
  top: 50%;
  width: 100px;
  height: 74px;
  margin-top: -37px;
}
.explainer .vessel.left {
  left: 25px;
}
.explainer .vessel.right {
  right: 25px;
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.spinner,
.spinner:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
.spinner {
  border-top: 10px solid rgba(255, 255, 255, 0.2);
  border-right: 10px solid rgba(255, 255, 255, 0.2);
  border-bottom: 10px solid rgba(255, 255, 255, 0.2);
  border-left: 10px solid #DDDDDD;
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  transform: translateZ(0px);
  -webkit-animation: spinner 1.1s infinite linear;
  -moz-animation: spinner 1.1s infinite linear;
  -o-animation: spinner 1.1s infinite linear;
  animation: spinner 1.1s infinite linear;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes spinner{ 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}
@-moz-keyframes spinner{ 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); }}
@-o-keyframes spinner{ 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); }}
@keyframes spinner{ 0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); } 100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg); }}
[not-existing] {
  zoom: 1;
}