/*
 * Copyright (C) 2023 煙人計画 <moyu@vaporoid.com>
 *
 * This file is part of 昭和横濱物語.
 *
 * 昭和横濱物語 is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * 昭和横濱物語 is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with 昭和横濱物語. If not, see <https://www.gnu.org/licenses/>.
 */

/*************************************************************************/

@media (hover: hover) {
  :root {
    --cursor-pointer: pointer;
  }
}

body.danu {
  color: #c9d1d9;
  background-color: #0d1117;
}

.danu .markdown-body {
  box-sizing: border-box;
  min-width: 200px;
  max-width: 980px;
  margin: 0 auto;
  padding: 45px;

  font-family: 'BIZ UDPMincho', 'Source Serif Pro', serif;
  line-height: 1.75;
}

@media (max-width: 767px) {
  .danu .markdown-body {
    padding: 15px;
  }
}

.danu h1 .danu-title {
  font-family: 'Yuji Syuku', serif;
}

.danu h1 .danu-subtitle,
.danu h2,
.danu h3 {
  font-family: 'Share Tech', 'BIZ UDPGothic', sans-serif;
}

.danu table tr th,
.danu table tr td {
  vertical-align: top;
  white-space: nowrap;
}

.danu table tr td ul:last-child {
  margin-bottom: 0;
}

.danu ul li+li {
  margin-top: 0;
}

.danu cite:before {
  content: '——';
}

.danu cite {
  display: block;
  font-style: normal;
  text-align: right;
}

/*************************************************************************/

.danu-updated {
  text-align: right;
}

/*************************************************************************/

.danu .danu-versions-title {
  cursor: var(--cursor-pointer, auto);
}

.danu .danu-versions-description {
  display: none;
}

.danu .danu-versions-description.danu-opened {
  display: block;
}

/*************************************************************************/

.danu-version {
  cursor: var(--cursor-pointer, auto);
}

.danu-version-description {
  display: none;
}

.danu-version-description.danu-opened {
  display: block;
}

/*************************************************************************/

.danu-badge svg,
.danu-badge img {
  display: inline-box;
  margin-right: 16px;
  margin-bottom: 16px;
  width: auto;
  height: 40px;
}

/*************************************************************************/

.danu-a-japan {
  display: inline-block;
  position: relative;
  width: 1em;
}

.danu-a-japan-ex {
  display: inline-block;
  position: relative;
  left: 0;
  opacity: 1;
}

.danu-a-japan-nn {
  display: inline-block;
  position: absolute;
  left: 0;
  opacity: 0;
}

/*************************************************************************/

.danu-screen-shots {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  transform-style: preserve-3d;
}

.danu-screen-shot {
  position: absolute;
  border: 1px solid #029D93;
  cursor: var(--cursor-pointer, auto);
  transform: translate3d(0, 0, 0) scale(1);
  transition: transform 0.5s;
}

.danu-screen-shot.danu-active {
  transform: translate3d(0, 0, 1px) scale(1.5);
}

.danu-screen-shot img {
  display: block;
  pointer-events: none;
}

.danu-screen-shot1,
.danu-screen-shot3 {
  width: 35.28%;
}

.danu-screen-shot2,
.danu-screen-shot4 {
  width: 62.72%;
}

.danu-screen-shot1 {
  left: 0;
  top: 0;
  transform-origin: top left;
}

.danu-screen-shot2 {
  right: 0;
  top: 0;
  transform-origin: top right;
}

.danu-screen-shot3 {
  right: 0;
  bottom: 0;
  transform-origin: bottom right;
}

.danu-screen-shot4 {
  left: 0;
  bottom: 0;
  transform-origin: bottom left;
}

.danu-icon {
  position: absolute;
  width: 20%;
  left: 40%;
  top: 40%;
}

/*************************************************************************/

.danu-footer {
  text-align: right;
}

/*************************************************************************/