/* 레트로 픽셀 웹폰트 불러오기 (선택사항) */
@import url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css');
@import url('https://cdn.jsdelivr.net/gh/neodgm/neodgm-webfont@latest/neodgm.css');

/* =========================================================
   8-Bit / 16-Bit Retro RPG Pixel Theme (.pixel-theme)
   ========================================================= */

/* 레트로 픽셀 폰트 적용 */
#rnbo-root.pixel-theme {
  font-family: 'NeoDunggeunmo', 'Press Start 2P', monospace !important;
  color: #ffffff;
}

/* 박스/버튼 스타일: 쯔꾸르 특유의 두꺼운 다크 윈도우 스타일 */
#rnbo-root.pixel-theme button,
#rnbo-root.pixel-theme select {
  font-family: inherit;
  background-color: #202028 !important;
  color: #ffffff !important;
  border: 3px solid #ffffff !important;
  border-radius: 0px !important; /* 둥근 테두리 제거 */
  box-shadow: 3px 3px 0px #000000; /* 레트로 픽셀 그림자 */
  image-rendering: pixelated;
}

#rnbo-root.pixel-theme button:hover {
  background-color: #ffcc00 !important;
  color: #000000 !important;
}

/* 피아노 건반 픽셀화 */
#rnbo-root.pixel-theme .solfege-btn.key,
#rnbo-root.pixel-theme .absolute-key.key {
  border-radius: 0 !important;
  border: 2px solid #000000 !important;
}

#rnbo-root.pixel-theme .solfege-btn.key.white,
#rnbo-root.pixel-theme .absolute-key.key.white {
  background: #f0f0f0 !important;
  color: #000000 !important;
}

#rnbo-root.pixel-theme .solfege-btn.key.black,
#rnbo-root.pixel-theme .absolute-key.key.black {
  background: #111111 !important;
}

/* 서랍식 볼륨 & 레퍼런스 패널: 드래곤퀘스트 대화창 테마 */
#rnbo-root.pixel-theme #volume-controls,
#rnbo-root.pixel-theme #piano-ref-panel {
  background: #0f111a !important;
  border: 3px solid #ffffff !important;
  border-right: none !important;
  border-radius: 0 !important;
  box-shadow: -4px 4px 0px #000000 !important;
}

#rnbo-root.pixel-theme #volume-toggle-btn,
#rnbo-root.pixel-theme #piano-ref-toggle-btn {
  background: #0f111a !important;
  border: 3px solid #ffffff !important;
  border-right: none !important;
  border-radius: 0 !important;
  color: #ffffff !important;
}

/* 리듬 퀴즈 모달: 포켓몬 배틀/대화창 스타일 */
#rnbo-root.pixel-theme .modal-content {
  background: #000000 !important;
  border: 4px solid #ffffff !important;
  border-radius: 0 !important;
  box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.8);
  color: #ffffff !important;
}

#rnbo-root.pixel-theme #rhythm-text-input {
  background: #111111 !important;
  border: 2px solid #ffffff !important;
  border-radius: 0 !important;
  color: #ffcc00 !important;
}

#rnbo-root.pixel-theme .percussion-line-container {
  background: #111122 !important;
  border: 2px solid #ffffff !important;
  border-radius: 0 !important;
}

#rnbo-root.pixel-theme .percussion-notes {
  color: #55ff55 !important; /* 레트로 8비트 초록 텍스트 */
}