/* caves.css */ /* This file contains styles that are ONLY active when the player is in a cave. */ /* The 'cave-active' class is toggled on the element via JavaScript. */ body.cave-active #sidebar, body.cave-active .panel, body.cave-active .tab-panel.active { background-color: #1a202c; /* Darker blue-gray */ border-color: #4a5568; } body.cave-active .tab-button { background-color: #2d3748; border-color: #4a5568; } body.cave-active .tab-button.active { background-color: #1a202c; color: #9f7aea; /* Amethyst/purple */ border-bottom: 1px solid #1a202c; } body.cave-active .panel h3 { color: #9f7aea; border-bottom-color: #4a5568; } body.cave-active .action-button { background-color: #805ad5; /* Purple */ color: #edf2f7; } body.cave-active .action-button:hover { background-color: #9f7aea; } body.cave-active .action-button:disabled { background-color: #4a5568; color: #a0aec0; } body.cave-active .action-button.secondary { background-color: #4a5568; color: #e2e8f0; } body.cave-active .action-button.secondary:hover:not(:disabled) { background-color: #718096; } body.cave-active .action-button.secondary.active { background-color: #805ad5; color: #edf2f7; } body.cave-active .progress-bar { background-color: #9f7aea; } body.cave-active .tech-button.available { background-color: #5a3e8a; } body.cave-active .tech-button.available:hover { background-color: #6b46c1; } body.cave-active #modal-content { background-color: #1a202c; border-color: #4a5568; } body.cave-active .inventory-panel { background-color: #2d3748; }