/*
Tuin Face Pong
File: css/08-scrollbars-polish.css

Shared neon scrollbars for all scrollable menu panels.
Loaded near the end, before mobile CSS.
*/

#welcomePanel,
#selectPanel,
#shopPanel,
#patchNotesPanel,
#helpPanel,
#prestigePanel,
#missionsPanel,
#relicsPanel,
#challengesPanel,
#codexPanel,
#skinInspectPanel,
#difficultySelectPanel,
#nicknamePromptPanel,
#backupPanel,
#restorePanel,
#redeemPanel,
#dailyGiftPanel,
#leaderboardPanel,
#runSummaryPanel,
#presentOpenPanel,
#trophyRoomContent {
  scrollbar-width: thin;
  scrollbar-color: #ffcc00 rgba(0,0,0,0.36);
}

#welcomePanel::-webkit-scrollbar,
#selectPanel::-webkit-scrollbar,
#shopPanel::-webkit-scrollbar,
#patchNotesPanel::-webkit-scrollbar,
#helpPanel::-webkit-scrollbar,
#prestigePanel::-webkit-scrollbar,
#missionsPanel::-webkit-scrollbar,
#relicsPanel::-webkit-scrollbar,
#challengesPanel::-webkit-scrollbar,
#codexPanel::-webkit-scrollbar,
#skinInspectPanel::-webkit-scrollbar,
#difficultySelectPanel::-webkit-scrollbar,
#nicknamePromptPanel::-webkit-scrollbar,
#backupPanel::-webkit-scrollbar,
#restorePanel::-webkit-scrollbar,
#redeemPanel::-webkit-scrollbar,
#dailyGiftPanel::-webkit-scrollbar,
#leaderboardPanel::-webkit-scrollbar,
#runSummaryPanel::-webkit-scrollbar,
#presentOpenPanel::-webkit-scrollbar,
#trophyRoomContent::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

#welcomePanel::-webkit-scrollbar-track,
#selectPanel::-webkit-scrollbar-track,
#shopPanel::-webkit-scrollbar-track,
#patchNotesPanel::-webkit-scrollbar-track,
#helpPanel::-webkit-scrollbar-track,
#prestigePanel::-webkit-scrollbar-track,
#missionsPanel::-webkit-scrollbar-track,
#relicsPanel::-webkit-scrollbar-track,
#challengesPanel::-webkit-scrollbar-track,
#codexPanel::-webkit-scrollbar-track,
#skinInspectPanel::-webkit-scrollbar-track,
#difficultySelectPanel::-webkit-scrollbar-track,
#nicknamePromptPanel::-webkit-scrollbar-track,
#backupPanel::-webkit-scrollbar-track,
#restorePanel::-webkit-scrollbar-track,
#redeemPanel::-webkit-scrollbar-track,
#dailyGiftPanel::-webkit-scrollbar-track,
#leaderboardPanel::-webkit-scrollbar-track,
#runSummaryPanel::-webkit-scrollbar-track,
#presentOpenPanel::-webkit-scrollbar-track,
#trophyRoomContent::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.36);
  border-radius: 999px;
  box-shadow: inset 0 0 8px rgba(0,0,0,0.55);
}

#welcomePanel::-webkit-scrollbar-thumb,
#selectPanel::-webkit-scrollbar-thumb,
#shopPanel::-webkit-scrollbar-thumb,
#patchNotesPanel::-webkit-scrollbar-thumb,
#helpPanel::-webkit-scrollbar-thumb,
#prestigePanel::-webkit-scrollbar-thumb,
#missionsPanel::-webkit-scrollbar-thumb,
#relicsPanel::-webkit-scrollbar-thumb,
#challengesPanel::-webkit-scrollbar-thumb,
#codexPanel::-webkit-scrollbar-thumb,
#skinInspectPanel::-webkit-scrollbar-thumb,
#difficultySelectPanel::-webkit-scrollbar-thumb,
#nicknamePromptPanel::-webkit-scrollbar-thumb,
#backupPanel::-webkit-scrollbar-thumb,
#restorePanel::-webkit-scrollbar-thumb,
#redeemPanel::-webkit-scrollbar-thumb,
#dailyGiftPanel::-webkit-scrollbar-thumb,
#leaderboardPanel::-webkit-scrollbar-thumb,
#runSummaryPanel::-webkit-scrollbar-thumb,
#presentOpenPanel::-webkit-scrollbar-thumb,
#trophyRoomContent::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #ffcc00, #00d9ff);
  border-radius: 999px;
  border: 2px solid rgba(0,0,0,0.58);
  box-shadow: 0 0 12px rgba(255,204,0,0.45);
}

#welcomePanel::-webkit-scrollbar-thumb:hover,
#selectPanel::-webkit-scrollbar-thumb:hover,
#shopPanel::-webkit-scrollbar-thumb:hover,
#patchNotesPanel::-webkit-scrollbar-thumb:hover,
#helpPanel::-webkit-scrollbar-thumb:hover,
#prestigePanel::-webkit-scrollbar-thumb:hover,
#missionsPanel::-webkit-scrollbar-thumb:hover,
#relicsPanel::-webkit-scrollbar-thumb:hover,
#challengesPanel::-webkit-scrollbar-thumb:hover,
#codexPanel::-webkit-scrollbar-thumb:hover,
#skinInspectPanel::-webkit-scrollbar-thumb:hover,
#difficultySelectPanel::-webkit-scrollbar-thumb:hover,
#nicknamePromptPanel::-webkit-scrollbar-thumb:hover,
#backupPanel::-webkit-scrollbar-thumb:hover,
#restorePanel::-webkit-scrollbar-thumb:hover,
#redeemPanel::-webkit-scrollbar-thumb:hover,
#dailyGiftPanel::-webkit-scrollbar-thumb:hover,
#leaderboardPanel::-webkit-scrollbar-thumb:hover,
#runSummaryPanel::-webkit-scrollbar-thumb:hover,
#presentOpenPanel::-webkit-scrollbar-thumb:hover,
#trophyRoomContent::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #fff2a8, #00d9ff);
}