/*# sourceMappingURL=bulma.css.17f1a0975ab2.map */


/* my custom css*/
/*# following: custom_css */
.thumbnail_fit_square {
  height: 100% !important;
  width: inherit;
  object-fit:cover;
}

.card.is-radiusless {
  border-radius: 0px !important;
}

.card.is-radiusless .card-header,
.card.is-radiusless .card-image * {
  border-radius: 0px !important;
}


.is-hover-url-color:hover {
  color: #8cb4ff !important;
}

.is_hover {
  transition: all 1s;
}

.is_hover:hover,
.is_hover:focus {
  transform: scale(102.5%,102.5%);
}

.hero.is_white_to_pink {
  margin: 0px;
  background: linear-gradient(45deg, #EFF5F5 40%,#9198e5, #e66465);
}

.tooltip.is-tooltip-multiline::before {
  white-space: pre-line;
}

.table.is-borderless td, .table.is-borderless th {
  border: 0;
}
/* ref https://github.com/jmaczan/bulma-helpers/issues/3 */

#readMoreCountry {display: none;}
#readMoreRegion {display: none;}
#readMoreIntroducedCountry {display: none;}
#readMoreIntroducedRegion {display: none;}
#readMoreExtinctCountry {display: none;}
#readMoreUncertainCountry {display: none;}
#readMoreUncertainRegion {display: none;}

.pagination-link.is-current {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: white;
}

/* Navigation ghost buttons: contrast & accessibility */
.navbar .button.is-ghost.nav-ghost {
  color: #363636;
}
.navbar .button.is-ghost.nav-ghost:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.navbar .button.is-ghost.nav-ghost:focus-visible {
  outline: 2px solid #485fc7; /* Bulma primary */
  outline-offset: 2px;
}
/* Dark navbar variant */
.navbar.is-black .button.is-ghost.nav-ghost,
.navbar.is-dark .button.is-ghost.nav-ghost {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.6);
}
.navbar.is-black .button.is-ghost.nav-ghost:hover,
.navbar.is-dark .button.is-ghost.nav-ghost:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.navbar.is-black .button.is-ghost.nav-ghost:focus-visible,
.navbar.is-dark .button.is-ghost.nav-ghost:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* Energy Display Styles */
.energy-display {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  min-width: 80px;
}

.energy-info {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.energy-text {
  font-weight: 600;
  font-size: 0.875rem;
  color: #363636;
}

.energy-timer {
  font-size: 0.75rem;
  color: #666;
  text-align: center;
}

.timer-text {
  white-space: nowrap;
}

/* Dark navbar variant */
.navbar.is-black .energy-display,
.navbar.is-dark .energy-display {
  background-color: rgba(255, 255, 255, 0.1);
}

.navbar.is-black .energy-text,
.navbar.is-dark .energy-text {
  color: #fff;
}

.navbar.is-black .energy-timer,
.navbar.is-dark .energy-timer {
  color: rgba(255, 255, 255, 0.7);
}

/* Investigation Result UI Improvements */
/* 成功/失敗のヒーロー背景 */
.success-hero {
  background: linear-gradient(135deg, #48c774 0%, #00d1b2 100%);
}

.failure-hero {
  background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
}

.success-title {
  animation: slideInDown 0.6s ease-out;
}

@keyframes slideInDown {
  from {
    transform: translateY(-30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* 段階的開示のスタイル */
.discovery-mystery {
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
}

.discovery-mystery:hover,
.discovery-mystery:focus {
  color: #485fc7;
  transform: scale(1.05);
  background-color: rgba(72, 95, 199, 0.1);
  outline: 2px solid #485fc7;
  outline-offset: 2px;
}

.discovery-mystery.revealed {
  color: #48c774;
  font-weight: bold;
  background-color: rgba(72, 199, 116, 0.1);
}

.discovery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 0.75rem;
}

.discovery-image-container:hover .discovery-overlay {
  opacity: 1;
}

.discovery-name {
  text-align: center;
  animation: fadeInUp 0.5s ease;
}

@keyframes fadeInUp {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* アクションボタンの改善 */
.action-buttons .buttons.is-mobile {
  flex-direction: column;
}

.action-buttons .button {
  margin-bottom: 0.5rem;
}

.secondary-actions {
  margin-top: 1rem;
}

/* レスポンシブ改善 */
@media screen and (max-width: 768px) {
  .discovery-mystery {
    font-size: 1.2rem;
  }
  
  .action-buttons .buttons {
    flex-direction: column;
  }
  
  .action-buttons .button {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  
  .discovery-overlay {
    opacity: 1; /* モバイルでは常に表示 */
    background: rgba(0, 0, 0, 0.6);
  }
}


/* card radius being more rounded*/
.card {
  border-radius: 1.50rem !important;
}

.card-header:first-child, .card-content:first-child, .card-footer:first-child {
  border-top-left-radius: 1.50rem !important;
  border-top-right-radius: 1.50rem !important;
}

.card-header:last-child, .card-content:last-child, .card-footer:last-child {
  border-bottom-left-radius: 1.50rem !important;
  border-bottom-right-radius: 1.50rem !important;
}

.card-image:first-child img {
  border-top-left-radius: 1.50rem !important;
  border-top-right-radius: 1.50rem !important;
}

.card-image:last-child img {
  border-bottom-left-radius: 1.50rem !important;
  border-bottom-right-radius: 1.50rem !important;
}


.has-bg-img {
/*https://stackoverflow.com/questions/39427416/full-page-image-background-using-bulma-io*/
  background-image: url("/static/img/cover/safari.fecb0a677f99.webp");
  background-position: center center;
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
  background-attachment: scroll;
  background-size: cover;
  /* background-color: ; */

}


@media screen and (min-width: 769px) and (max-width: 1024px) {
  .has-bg-img {
  /*https://stackoverflow.com/questions/39427416/full-page-image-background-using-bulma-io*/
    background-image: url("/static/img/cover/safari_1024.f30ac6fcf5dc.webp") !important;
  }
}

@media screen and (min-width: 481px ) and (max-width: 768px) {
  .has-bg-img {
  /*https://stackoverflow.com/questions/39427416/full-page-image-background-using-bulma-io*/
    background-image: url("/static/img/cover/safari_768.9a5ed3019c3d.webp") !important;
  }
}


@media screen and (max-width: 480px) {
  .has-bg-img {
  /*https://stackoverflow.com/questions/39427416/full-page-image-background-using-bulma-io*/
    background-image: url("/static/img/cover/safari_480.3b7835106173.webp") !important;
  }
}


.bg-img-all {
/*https://stackoverflow.com/questions/39427416/full-page-image-background-using-bulma-io*/
  background-image: url("/static/img/Elephant_Family_in_Tanzania.b4cd388c8a98.webp");
  background-position: center center;
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
  background-attachment: scroll;
  background-size: cover;
  background-color: white;
}

.bg-img-world {
/*https://stackoverflow.com/questions/39427416/full-page-image-background-using-bulma-io*/
  background-image: url("/static/img/worldmap.99470e7e186f.webp");
  background-position: center center;
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
  background-attachment: scroll;
  background-size: cover;
  background-color: white;
}

.bg-img-is-danger {
/*https://stackoverflow.com/questions/39427416/full-page-image-background-using-bulma-io*/
  background-image: url("/static/img/Siberischer_tiger_de_edit02_1800_450.07c03ff0e22b.webp");
  background-position: center top;
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
  background-attachment: scroll;
  background-size: cover;
  background-color: white;

}

.bg-img-mammals {
/*https://stackoverflow.com/questions/39427416/full-page-image-background-using-bulma-io*/
  background-image: url("/static/img/Mountain_gorilla_Gorilla_beringei_beringei_12.d254be7e844d.webp");
  background-position: center center;
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
  background-attachment: scroll;
  background-size: cover;
  background-color: white;

}

.bg-img-fish {
/*https://stackoverflow.com/questions/39427416/full-page-image-background-using-bulma-io*/
  background-image: url("/static/img/Red_Hill_Creek_Salmon_Run_2015.79c86d4695a0.webp");
  background-position: center center;
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
  background-attachment: scroll;
  background-size: cover;
  background-color: white;

}

.bg-img-bird {
/*https://stackoverflow.com/questions/39427416/full-page-image-background-using-bulma-io*/
  background-image: url("/static/img/Flying_Birds_in_the_sky.560e7b1b96df.webp");
  background-position: center center;
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
  background-attachment: scroll;
  background-size: cover;
  background-color: white;

}

.bg-img-plant {
/*https://stackoverflow.com/questions/39427416/full-page-image-background-using-bulma-io*/
  background-image: url("/static/img/Manicured_Albizia_saman_in_Wailea.298bccb7980b.webp");
  background-position: center center;
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
  background-attachment: scroll;
  background-size: cover;
  background-color: white;

}

.bg-img-reptile {
/*https://stackoverflow.com/questions/39427416/full-page-image-background-using-bulma-io*/
  background-image: url("/static/img/Collared_Lizard.2479a0205b56.webp");
  background-position: center center;
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
  background-attachment: scroll;
  background-size: cover;
  background-color: white;

}

.bg-img-amphibians {
  background-image: url("/static/img/49601314258_232eae0933_k.9c45ac6b225c.webp");
  background-position: center center;
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
  background-attachment: scroll;
  background-size: cover;
  background-color: white;
}

.bg-img-crustacean {
  background-image: url("/static/img/6603244631_409bb530fd_b.bdb162343eec.webp");
  background-position: center center;
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
  background-attachment: scroll;
  background-size: cover;
  background-color: white;
}


@media screen and (max-width: 768px) {
  .bg-img-all {
  /*https://stackoverflow.com/questions/39427416/full-page-image-background-using-bulma-io*/
    background-image: url("/static/img/Elephant_Family_in_Tanzania_600_450.df84aa40e03d.webp") !important;
  }
}


@media screen and (max-width: 768px) {
  .bg-img-mammals {
  /*https://stackoverflow.com/questions/39427416/full-page-image-background-using-bulma-io*/
    background-image: url("/static/img/Mountain_gorilla_Gorilla_beringei_beringei_12_600_450.e31357a4b6ee.webp") !important;
  }
}

@media screen and (max-width: 768px) {
  .bg-img-fish {
  /*https://stackoverflow.com/questions/39427416/full-page-image-background-using-bulma-io*/
    background-image: url("/static/img/Red_Hill_Creek_Salmon_Run_2015_600_450.0f3d8fd474d6.webp") !important;
  }
}


@media screen and (max-width: 768px) {
  .bg-img-bird {
  /*https://stackoverflow.com/questions/39427416/full-page-image-background-using-bulma-io*/
    background-image: url("/static/img/Flying_Birds_in_the_sky_600_450.c3b21a9c28db.webp") !important;
  }
}


@media screen and (max-width: 768px) {
  .bg-img-reptile {
  /*https://stackoverflow.com/questions/39427416/full-page-image-background-using-bulma-io*/
    background-image: url("/static/img/Collared_Lizard_600_450.96c8104eade4.webp") !important;
  }
}

@media screen and (max-width: 768px) {
  .bg-img-amphibians {
  /*https://stackoverflow.com/questions/39427416/full-page-image-background-using-bulma-io*/
    background-image: url("/static/img/49601314258_232eae0933_k_600_450.83701597159d.webp") !important;
  }
}

@media screen and (max-width: 768px) {
  .bg-img-crustacean {
  /*https://stackoverflow.com/questions/39427416/full-page-image-background-using-bulma-io*/
    background-image: url("/static/img/6603244631_409bb530fd_b_600_450.3fd4db73d359.webp") !important;
  }
}

@media screen and (max-width: 768px) {
  .bg-img-is-danger {
  /*https://stackoverflow.com/questions/39427416/full-page-image-background-using-bulma-io*/
    background-image: url("/static/img/Siberischer_tiger_de_edit02_600_150.a864dc0a1348.webp") !important;
  }
}