@charset "UTF-8";
/**
 * Copyright (c) 2020 Wakers.cz
 * @author Jiří Zapletal (https://www.wakers.cz, zapletal@wakers.cz)
 */
/**
 * Copyright (c) 2020 Wakers.cz
 * @author Jiří Zapletal (https://www.wakers.cz, zapletal@wakers.cz)
 */
.game-container {
  display: flex;
}

.game-container .blockly-container .blockly {
  height: 650px;
  width: 555px;
}

.game-container .world-container {
  margin-left: 15px;
  width: 100%;
}

.game-container .variables {
  padding: 1rem;
}

.game-container .variables .variable {
  border-radius: .2rem;
  padding: .2rem .4rem;
  display: table;
  break-after: auto;
  background: #d7f3fd;
  border: 1px solid #a6a6a6;
  margin-bottom: .5rem;
}

.game-container .variables .variable:last-child {
  margin-bottom: 0;
}

.game-container .variables .variable.invisible {
  opacity: .3;
}

.game-container .variables .variable .name {
  font-weight: bold;
}

.game-container .variables .variable .value {
  background: #ff5900;
  color: white;
  padding: .1rem;
  display: inline-block;
  border-radius: .2rem;
  margin-left: 1rem;
  font-size: .9rem;
}

.game-container .variables .variable .value.wrong {
  background: red;
}

/**
 * Copyright (c) 2020 Wakers.cz
 * @author Jiří Zapletal (https://www.wakers.cz, zapletal@wakers.cz)
 */
.game-message-box .game-message {
  margin: 1rem 0 0 0;
  padding: 1rem;
  font-weight: bold;
  box-shadow: 0 2px 2px #dbdbdb;
}

.game-message-box .game-message.message-danger {
  color: #921111;
  background-color: #ffa2a2;
}

.game-message-box .game-message.message-warning {
  color: #856404;
  background-color: #fff3cd;
}

.game-message-box .game-message.message-success {
  color: #155724;
  background-color: #d4edda;
}

.game-message-box .game-message.message-info {
  color: #0c5460;
  background-color: #d1ecf1;
}

/**
 * Copyright (c) 2020 Wakers.cz
 * @author Jiří Zapletal (https://www.wakers.cz, zapletal@wakers.cz)
 */
.game-control-box {
  text-align: left;
  margin-top: 1rem;
}

.game-control-box .range-control {
  transition: 300ms ease opacity;
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #dbdbdb;
  padding: .5rem 1rem;
  color: #797979;
  opacity: .5;
}

.game-control-box .range-control:hover {
  opacity: 1;
}

.game-control-box .button-control {
  margin-top: 1rem;
}

.game-control-box .btn {
  padding: 1rem;
  border-radius: .5rem;
  transition: 100ms ease all;
  cursor: pointer;
  font-size: 1.2rem;
  border: 1px solid #2c6da0;
  background-color: #3789ca;
  color: white;
  outline: none;
}

.game-control-box .btn:hover {
  background-color: #2c6da0;
}

.game-control-box .btn.btn-red {
  border: 1px solid #db0000;
  background-color: red;
  color: white;
}

.game-control-box .btn.btn-red:hover {
  background-color: #db0000;
}

.game-control-box .btn.btn-green {
  border: 1px solid #008004;
  background-color: #009903;
  color: white;
}

.game-control-box .btn.btn-green:hover {
  background-color: #008004;
}

.game-control-box .btn:disabled {
  background-color: #a9a9a9 !important;
  border: 1px solid #dbdbdb !important;
  color: #797979 !important;
}

/**
 * Copyright (c) 2020 Wakers.cz
 * @author Jiří Zapletal (https://www.wakers.cz, zapletal@wakers.cz)
 */
.game-stats {
  margin-top: 0.8rem;
  line-height: 1.4;
}

.game-stats span {
  color: #921111;
  font-weight: bold;
}