:root {
  color-scheme: light;
  --game-ink: #3c2d31;
  --game-muted: #735f64;
  --game-red: #d9364b;
  --game-red-dark: #a91f35;
  --game-green: #287b59;
  --game-gold: #d99b13;
  --game-line: rgba(112, 62, 70, 0.16);
}

body {
  background-color: #fffaf7 !important;
  background-image: radial-gradient(circle at 90% 0, rgba(217, 54, 75, 0.14), transparent 30rem), radial-gradient(circle at 4% 45%, rgba(40, 123, 89, 0.1), transparent 28rem), url("/img/bg_present.jpg") !important;
  background-blend-mode: normal, normal, soft-light !important;
  color: var(--game-ink) !important;
  font-family: Inter, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif !important;
}

#loading-wrapper {
  background: linear-gradient(145deg, #ffe4e8, #fff9ed 52%, #dcefe5) !important;
  color: var(--game-red-dark) !important;
  text-shadow: none !important;
}

#cover {
  padding: clamp(0.5rem, 2vw, 1.5rem) !important;
}

#canvas {
  overflow: hidden !important;
  border: 1px solid var(--game-line) !important;
  border-radius: clamp(12px, 2vw, 24px) !important;
  box-shadow: 0 24px 60px rgba(103, 48, 57, 0.16) !important;
}

.site-header {
  position: relative !important;
  width: min(calc(100% - 2rem), 1080px) !important;
  margin: 1rem auto 0 !important;
  border: 1px solid var(--game-line) !important;
  border-left: 6px solid var(--game-red) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 14px 36px rgba(103, 48, 57, 0.08) !important;
}

.site-header p {
  margin: 0 !important;
  padding: 1rem 1.25rem !important;
  color: var(--game-ink) !important;
  font-family: Georgia, "Yu Mincho", serif !important;
  font-size: clamp(1.25rem, 3vw, 2rem) !important;
}

.description {
  margin-top: 1.5rem !important;
}

.description-block {
  width: min(calc(100% - 2rem), 1000px) !important;
  padding: clamp(1.25rem, 4vw, 2.5rem) !important;
  border: 1px solid var(--game-line) !important;
  border-top: 4px solid var(--game-green) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  background-image: none !important;
  box-shadow: 0 18px 44px rgba(103, 48, 57, 0.08) !important;
}

.description-block:nth-child(even) {
  border-top-color: var(--game-red) !important;
}

.description-block h1 {
  color: var(--game-red-dark) !important;
  font-family: Georgia, "Yu Mincho", serif !important;
  font-size: clamp(2rem, 6vw, 3.5rem) !important;
}

.description-block h2 {
  color: var(--game-green) !important;
  text-decoration-color: var(--game-gold) !important;
}

.description-block p,
.description-block th,
.description-block td {
  color: var(--game-muted) !important;
}

footer.game-site-footer {
  display: grid !important;
  grid-template-columns: auto minmax(240px, 1fr) auto !important;
  align-items: center !important;
  gap: 1.5rem !important;
  margin-top: 4rem !important;
  padding: 2rem max(1rem, calc((100% - 1180px) / 2)) !important;
  border-top: 1px solid var(--game-line) !important;
  background: linear-gradient(135deg, #fffdfb, #fff4f0) !important;
}

.game-site-footer #copyright {
  padding: 0 !important;
  background: transparent !important;
  color: var(--game-muted) !important;
  font-size: 0.76rem !important;
  line-height: 1.8 !important;
  text-align: left !important;
}

.game-site-footer #copyright a {
  color: var(--game-red) !important;
}

.game-site-footer #gamecenter-logo img {
  width: auto !important;
  height: 48px !important;
}

.game-footer-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.65rem !important;
}

.game-footer-link {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 44px !important;
  padding: 0.75rem 1rem !important;
  border: 1px solid var(--game-line) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--game-green) !important;
  font-size: 0.84rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

.game-footer-link.primary {
  border-color: var(--game-red) !important;
  background: var(--game-red) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(169, 31, 53, 0.18) !important;
}

@media (max-width: 760px) {
  #cover { padding-inline: 0 !important; }
  #canvas { border-radius: 0 !important; }
  .description-block th, .description-block td { padding: 0.65rem !important; font-size: clamp(0.9rem, 4vw, 1.2rem) !important; }
  footer.game-site-footer { grid-template-columns: 1fr !important; align-items: start !important; }
  .game-site-footer #gamecenter-logo { justify-content: flex-start !important; }
}