/* bootstrap */
.map .map-row .map-col {
  height: 6.5rem;
  margin: 0.2rem 0.1rem; }
  .map .map-row .map-col .map-room {
    position: relative; }
    .map .map-row .map-col .map-room .room-secured {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url("/static/front/img/room/room-tarcza-zab.png");
      background-position: center 15%;
      background-size: 20% auto; }
    .map .map-row .map-col .map-room .room-fire-1 {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url("/static/front/img/room/ogien1.png"); }
    .map .map-row .map-col .map-room .room-fire-2 {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url("/static/front/img/room/ogien2.png"); }
    .map .map-row .map-col .map-room .room-fire-3 {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url("/static/front/img/room/ogien3.png"); }
    .map .map-row .map-col .map-room .room-chemical-fire-1 {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url("/static/front/img/room/chem1.png"); }
    .map .map-row .map-col .map-room .room-chemical-fire-2 {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url("/static/front/img/room/chem2.png"); }
    .map .map-row .map-col .map-room .room-chemical-fire-3 {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url("/static/front/img/room/chem3.png"); }
    .map .map-row .map-col .map-room .room-smoke {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url("/static/front/img/room/dym.png");
      background-position: top center; }
    .map .map-row .map-col .map-room .room-contents {
      padding: 5px;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat; }
      .map .map-row .map-col .map-room .room-contents .room-players .player-model-mini {
        height: 2.2rem; }
      .map .map-row .map-col .map-room .room-contents .room-victims .victim-model-mini {
        height: 1rem; }
      .map .map-row .map-col .map-room .room-contents .room-items .item-model-mini {
        height: 1.5rem; }
    .map .map-row .map-col .map-room:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      transition: 0.3s border-color;
      border: 5px inset transparent; }
    .map .map-row .map-col .map-room.active:after {
      border: 5px inset rgba(0, 153, 247, 0.9);
      background-color: rgba(0, 153, 247, 0.2); }
    .map .map-row .map-col .map-room:hover:after {
      border: 5px inset rgba(254, 193, 4, 0.9); }

a.map-room {
  color: black;
  text-decoration: none; }

#strategy-desc {
  min-height: 6rem; }

.grid-initiative {
  grid-template-columns: 40% 60%;
  grid-template-rows: 20% max-content max-content minmax(max-content, 24%) 16%;
  grid-gap: 1rem;
  grid-template-areas: "cap player" "strat player" "strat player" "strat_ch player" "strat_ch round"; }
  .grid-initiative #sectionCaptain {
    grid-area: cap; }
  .grid-initiative #sectionStrategyChoice {
    grid-area: strat; }
  .grid-initiative #sectionStrategyChosen {
    grid-area: strat_ch; }
  .grid-initiative #sectionPlayerChoice {
    grid-area: player;
    min-height: 75vh; }
  .grid-initiative #sectionRoundInfo {
    grid-area: round; }

.grid-player {
  grid-template-columns: 18% 82%;
  grid-template-rows: 7% max-content 15%;
  grid-gap: 1rem;
  grid-template-areas: "bar bar" "player room" "actions actions"; }
  .grid-player #sectionBar {
    grid-area: bar; }
  .grid-player #sectionPlayer {
    grid-area: player; }
  .grid-player #sectionRoom {
    grid-area: room; }
  .grid-player #sectionActions {
    grid-area: actions; }

.strategy-list {
  --radius: 5px; }
  .strategy-list a.strategy {
    color: #343434;
    font-weight: bold;
    background-color: white;
    border-radius: var(--radius);
    transition: all 0.3s; }
    .strategy-list a.strategy:hover, .strategy-list a.strategy:focus {
      text-decoration: none; }
    .strategy-list a.strategy .strategy-icon {
      width: 4rem;
      background-color: #0099f7;
      border-radius: var(--radius);
      transition: all 0.3s;
      text-align: center; }
    .strategy-list a.strategy.disabled {
      background-color: #8d8d8d; }
      .strategy-list a.strategy.disabled .strategy-icon {
        background-color: #8d8d8d; }
    .strategy-list a.strategy:not(.disabled):hover, .strategy-list a.strategy:not(.disabled).active {
      background-color: #fec104; }
      .strategy-list a.strategy:not(.disabled):hover .strategy-icon, .strategy-list a.strategy:not(.disabled).active .strategy-icon {
        background-color: transparent; }

#players-choice a, #players-chosen a {
  color: white;
  transition: all 0.3s;
  display: flex; }
  #players-choice a:hover, #players-choice a:focus, #players-chosen a:hover, #players-chosen a:focus {
    outline: none;
    text-decoration: none;
    color: #0099f7; }
  #players-choice a.hidden, #players-chosen a.hidden {
    display: none; }

.player-room {
  position: relative; }
  .player-room .room-fire {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat; }
    .player-room .room-fire.room-fire-1 {
      background-image: url("/static/front/img/room/ogien1.png"); }
    .player-room .room-fire.room-fire-2 {
      background-image: url("/static/front/img/room/ogien2.png"); }
    .player-room .room-fire.room-fire-3 {
      background-image: url("/static/front/img/room/ogien3.png"); }
    .player-room .room-fire.room-chemical-fire-1 {
      background-image: url("/static/front/img/room/chem1.png"); }
    .player-room .room-fire.room-chemical-fire-2 {
      background-image: url("/static/front/img/room/chem2.png"); }
    .player-room .room-fire.room-chemical-fire-3 {
      background-image: url("/static/front/img/room/chem3.png"); }
  .player-room .room-sprinkler {
    position: absolute;
    height: 45px;
    width: 74px;
    top: 2%;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("/static/front/img/items/zraszacz.png"); }
    .player-room .room-sprinkler.room-sprinkler-used {
      filter: grayscale(100%); }
  .player-room .room-secured {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/static/front/img/room/room-tarcza-zab.png");
    background-position: center 15%;
    background-size: 20% auto; }
  .player-room .room-smoke {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/static/front/img/room/dym.png");
    background-position: top center; }
  .player-room .elevator-right {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/static/front/img/room/drzwi-w-prawa.png"); }
  .player-room .elevator-left {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/static/front/img/room/drzwi-w-lewa.png"); }
  .player-room .room-players .player-1 {
    position: absolute;
    left: 13%;
    bottom: 10%; }
  .player-room .room-players .player-2 {
    position: absolute;
    left: 28%;
    bottom: 10%; }
  .player-room .room-players .player-3 {
    position: absolute;
    left: 43%;
    bottom: 10%; }
  .player-room .room-players .player-4 {
    position: absolute;
    left: 5%;
    bottom: 2%; }
  .player-room .room-players .player-5 {
    position: absolute;
    left: 20%;
    bottom: 2%; }
  .player-room .room-players .player-6 {
    position: absolute;
    left: 35%;
    bottom: 2%; }
  .player-room .room-victims .victim-1 {
    position: absolute;
    right: 5%;
    bottom: 10%; }
  .player-room .room-victims .victim-2 {
    position: absolute;
    right: 30%;
    bottom: 10%; }
  .player-room .room-victims .victim-3 {
    position: absolute;
    right: 20%;
    bottom: 2%; }
  .player-room .room-items .item-1 {
    position: absolute;
    left: 40%;
    bottom: 23%; }
  .player-room .room-items .item-2 {
    position: absolute;
    left: 55%;
    bottom: 23%; }
  .player-room .room-items .item-3 {
    position: absolute;
    left: 70%;
    bottom: 23%; }
  .player-room .room-body {
    position: absolute; }

.actions-title {
  width: 2rem; }
  .actions-title span {
    display: block;
    transform-origin: center;
    transform: rotate(-90deg); }

.actions-list .action {
  color: white;
  width: 8rem;
  text-align: center;
  --radius: 5px; }
  .actions-list .action.action-next {
    width: auto; }
    .actions-list .action.action-next .action-button {
      width: auto; }
  .actions-list .action:hover, .actions-list .action:focus {
    text-decoration: none;
    outline: none; }
    .actions-list .action:hover .action-button, .actions-list .action:focus .action-button {
      background-color: #fec104; }
      .actions-list .action:hover .action-button::after, .actions-list .action:focus .action-button::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(204, 79, 15, 0.2);
        border-radius: var(--radius); }
  .actions-list .action .action-button {
    background-color: #8d8d8d;
    padding: 0.5rem 0.5rem;
    margin: 0 1rem;
    text-align: center;
    width: 5rem;
    border-radius: var(--radius);
    position: relative; }
    .actions-list .action .action-button.active {
      background-color: #fec104; }
    .actions-list .action .action-button .action-text {
      display: block;
      height: 2rem;
      line-height: 2rem; }
    .actions-list .action .action-button img.action-icon {
      height: 2rem; }
  .actions-list .action .action-description {
    text-align: center;
    padding: 0 1rem; }
    .actions-list .action .action-description:hover, .actions-list .action .action-description:focus {
      text-decoration: none;
      outline: none; }

.move-map {
  background-color: #0099f7;
  --unit: 1.5rem;
  --scale: 2;
  padding: calc(0.1*var(--unit));
  border: 1px solid #343434; }
  .move-map a {
    transition: all 0.2s; }
    .move-map a:hover {
      opacity: 0.7; }
  .move-map .shaft {
    --aspect: calc(200/177);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    background-image: url("/static/front/img/map/bp-winda.png");
    background-color: #0079c4;
    height: calc(var(--scale)*var(--unit));
    width: calc(var(--scale)*var(--unit)*var(--aspect));
    margin: 1px;
    border: 1px solid #343434; }
  .move-map .stairs-left {
    --aspect: calc(125/177);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    background-image: url("/static/front/img/map/bp-schody-l.png");
    background-color: #0079c4;
    height: calc(var(--scale)*var(--unit));
    width: calc(var(--scale)*var(--unit)*var(--aspect));
    margin: 1px;
    border: 1px solid #343434; }
  .move-map .stairs-right {
    --aspect: calc(125/177);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    background-image: url("/static/front/img/map/bp-schody-p.png");
    background-color: #0079c4;
    height: calc(var(--scale)*var(--unit));
    width: calc(var(--scale)*var(--unit)*var(--aspect));
    margin: 1px;
    border: 1px solid #343434; }
  .move-map .room {
    --aspect: calc(256/177);
    height: calc(var(--scale)*var(--unit));
    width: calc(var(--scale)*var(--unit)*var(--aspect));
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    background-image: url("/static/front/img/map/bp-room.png");
    margin: 1px;
    border: 1px solid #343434; }
    .move-map .room.room-target {
      background-color: #fec104; }
    .move-map .room.room-player {
      background-color: #dc3545; }

.timer-container {
  min-width: 4rem;
  text-align: center; }

.timer-container-lg {
  min-width: 6rem;
  text-align: center; }

#messagesModal .modal-dialog {
  max-width: 550px; }
  #messagesModal .modal-dialog .modal-content {
    border: 2px solid white; }
    #messagesModal .modal-dialog .modal-content em {
      color: #0099f7;
      font-style: normal;
      font-weight: 600; }

#newGameModal p {
  margin-bottom: 0.3rem; }
#newGameModal label {
  display: inline-block;
  min-width: 16rem; }
#newGameModal ul#id_players_choice {
  list-style: none;
  margin: 0;
  padding: 0; }

.player-card {
  position: relative;
  border: 0; }
  .player-card.invalid {
    border: 2px solid #dc3545; }
  .player-card input:invalid {
    border: 1px solid #dc3545; }
  .player-card .desc-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

/*# sourceMappingURL=tmp.css.map */