.battery-main-title { font-size: 1em; font-weight: 900; color: rgba(255, 255, 255, 0.95); margin: 6px 10px; } .battery-power-source { font-size: 0.9em; font-weight: 500; color: rgba(255, 255, 255, 0.8); margin: 0px 12px; } .battery-section-title { font-size: 0.9em; font-weight: 500; color: rgba(255, 255, 255, 0.9); margin: 8px 12px 4px 12px; } .battery-energy-item { margin: 4px 12px; padding: 4px 0; } .battery-status-section { /* background: rgba(255, 255, 255, 0.06); */ /* border-radius: 12px; */ padding: 2px; /* margin: 8px 0; */ /* border: 1px solid rgba(255, 255, 255, 0.08); */ } .battery-percentage { font-size: 1.4em; font-weight: 600; color: rgba(255, 255, 255, 0.95); } .battery-section-title { font-size: 0.95em; font-weight: 500; color: rgba(255, 255, 255, 0.9); margin: 0px 10px; } #energy-mode-button-clickable { background: transparent; border: none; border-radius: 8px; padding: 6px 12px; margin: 1px 0; transition: all 0.2s ease; } #energy-mode-button-clickable:hover { background: rgba(255, 255, 255, 0.1); } #energy-mode-icon { border-radius: 50%; padding: 4px; margin-right: 8px; background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); transition: all 0.2s ease; } #energy-mode-icon.connected { background-color: #007aff; color: #ffffff; } #energy-mode-button .battery-power-source { margin: 0; font-size: 0.9em; color: rgba(255, 255, 255, 0.85); } #game-mode-button { margin: 2px 0; } #game-mode-button-clickable { background: transparent; border: none; border-radius: 8px; padding: 6px 12px; margin: 1px 0; transition: all 0.2s ease; /* min-height: 36px; */ } #game-mode-button-clickable:hover { background: rgba(255, 255, 255, 0.1); } #game-mode-icon { border-radius: 50%; padding: 4px; margin-right: 8px; background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); transition: all 0.2s ease; } #game-mode-icon.connected { background-color: #ff4500; color: #ffffff; }