/* Nintai 2.2.17 — first-frame Quick Settings component. */
#game-container { position: relative; }
#btn-sound-toggle {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#nintai-quick-settings-v101 {
  position: absolute;
  inset: 0;
  z-index: 120;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 22px;
  color: #ebdcb9;
  font-family: "Courier New", Courier, monospace;
  overflow: hidden;
  touch-action: none;
  background:
    radial-gradient(circle at 50% 8%, rgba(255,230,174,.18), transparent 34%),
    linear-gradient(90deg, rgba(0,0,0,.20) 0 2px, transparent 2px 14px),
    repeating-linear-gradient(90deg, #6f4324 0, #7a4a29 13px, #5d351c 26px, #8a5732 41px, #60381f 58px, #754727 76px);
}

#nintai-quick-settings-v101::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255,226,175,.12), rgba(27,14,8,.45)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 18px);
  pointer-events: none;
}

.nintai-quick-card-v101 {
  position: relative;
  box-sizing: border-box;
  width: min(92vw, 350px);
  max-height: 86vh;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  scrollbar-gutter: stable;
  background: rgba(36,26,20,.965);
  border: 2px solid #523424;
  border-radius: 9px;
  box-shadow: inset 0 0 18px rgba(0,0,0,.58), 0 10px 28px rgba(0,0,0,.58);
  padding: 17px;
  text-shadow: 1px 1px 0 #18110e;
}

.nintai-quick-title-v101 {
  text-align: center;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .12em;
  color: #f7e6d5;
  margin-bottom: 4px;
}

.nintai-quick-sub-v101 {
  text-align: center;
  font-size: 10px;
  line-height: 1.35;
  color: rgba(255,239,210,.72);
  margin-bottom: 14px;
}

.nintai-quick-row-v101 {
  box-sizing: border-box;
  width: 100%;
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 8px 0;
  padding: 10px 11px;
  background: #2a1a12;
  border: 1px solid #6e4a31;
  border-radius: 7px;
  color: #ebdcb9;
  font-family: inherit;
  font-size: 12px;
  font-weight: 900;
  text-align: left;
  box-shadow: inset 0 0 8px rgba(0,0,0,.3);
}

.nintai-quick-row-v101:active { transform: scale(.985); }
.nintai-quick-row-label-v101 { display: inline-flex; align-items: center; min-width: 0; }
.nintai-quick-row-label-v101 i { width: 20px; margin-right: 8px; text-align: center; }

.nintai-quick-row-v101 .status {
  flex: 0 0 auto;
  min-width: 42px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 10px;
  color: #ffb4b4;
  background: #3b1818;
  border: 1px solid #7c3030;
}

.nintai-quick-row-v101[data-on="true"] .status {
  color: #baf0bf;
  background: #163522;
  border-color: #36734a;
}

.nintai-volume-box-v101,
.nintai-quick-graphics-v212 {
  box-sizing: border-box;
  margin-top: 9px;
  padding: 11px;
  background: #2a1a12;
  border: 1px solid #6e4a31;
  border-radius: 7px;
  box-shadow: inset 0 0 8px rgba(0,0,0,.3);
}

.nintai-volume-box-v101 { padding: 12px; }
.nintai-quick-section-header-v101 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 900;
}
.nintai-quick-section-header-v101 i { width: 20px; margin-right: 8px; text-align: center; }
.nintai-quick-value-v101 { color: #baf0bf; }
#nintai-quick-volume-v101 { width: 100%; accent-color: #86efac; }

.nintai-quick-graphics-title-v212 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 7px;
  color: #f5dfbf;
  font-size: 11px;
  font-weight: 900;
}
.nintai-quick-graphics-title-v212 i { width: 18px; text-align: center; }
.nintai-quick-graphics-options-v212 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 6px;
}
.nintai-quick-graphics-btn-v212 {
  min-width: 0;
  min-height: 36px;
  padding: 7px 4px;
  border: 1px solid #6e4a31;
  border-radius: 6px;
  background: #1b120d;
  color: #d9c6ae;
  font-family: inherit;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.15;
  text-align: center;
  box-shadow: inset 0 0 6px rgba(0,0,0,.35);
}
.nintai-quick-graphics-btn-v212[aria-pressed="true"] {
  border-color: #4f9b68;
  background: #173522;
  color: #baf0bf;
  box-shadow: inset 0 0 8px rgba(72,160,98,.2), 0 0 0 1px rgba(72,160,98,.2);
}
.nintai-quick-import-v214 {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(110,74,49,.7);
}
#nintai-quick-import-button-v214 {
  min-height: 36px;
  border: 1px solid #7a5332;
  border-radius: 6px;
  background: #4e3115;
  color: #ffe0a3;
  font-family: inherit;
  font-size: 10px;
  font-weight: 900;
}
#nintai-quick-import-status-v214 {
  min-width: 68px;
  color: #b7a78d;
  font-size: 8px;
  font-weight: 800;
  text-align: right;
}
#nintai-quick-import-status-v214[data-tone="good"] { color: #baf0bf; }
#nintai-quick-import-status-v214[data-tone="bad"] { color: #ffb4b4; }

#nintai-quick-continue-v101 {
  box-sizing: border-box;
  width: 100%;
  margin-top: 14px;
  padding: 12px 10px;
  background: #163522;
  border: 1px solid #36734a;
  border-radius: 7px;
  color: #baf0bf;
  font-family: inherit;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .1em;
  box-shadow: 0 4px 0 #0a1c11, inset 0 0 8px rgba(0,0,0,.34);
}
#nintai-quick-continue-v101:active {
  transform: translateY(3px);
  box-shadow: 0 1px 0 #0a1c11, inset 0 0 8px rgba(0,0,0,.34);
}
#nintai-quick-continue-v101:disabled { opacity: .62; pointer-events: none; }

.nintai-quick-icon-amber-v101 { color: #fcd34d; }
.nintai-quick-icon-pink-v101 { color: #f9a8d4; }
.nintai-quick-icon-green-v101 { color: #86efac; }
.nintai-quick-icon-blue-v101 { color: #93c5fd; }

@media (max-height: 650px) {
  #nintai-quick-settings-v101 { align-items: flex-start; padding: 10px; }
  .nintai-quick-card-v101 { max-height: calc(100vh - 20px); padding: 13px; }
  .nintai-quick-sub-v101 { margin-bottom: 8px; }
  .nintai-quick-row-v101 { min-height: 40px; margin: 6px 0; padding: 8px 9px; }
  .nintai-volume-box-v101, .nintai-quick-graphics-v212 { margin-top: 7px; padding: 9px; }
  #nintai-quick-continue-v101 { margin-top: 10px; }
}