@import './base/variables.css';
@import './base/hole-config.css';
@import './base/reset.css';
@import './base/typography.css';
@import './layout/app.css';
@import './layout/scenes.css';
@import './layout/responsive.css';
@import './screens/start-screen.css';
@import './screens/game-screen.css';
@import './screens/end-screen.css';
@import './components/button.css';
@import './components/vice.css';
@import './components/hammer.css';
@import './components/pop-effect.css';
@import './animations/vice-appear.css';
@import './animations/vice-hide.css';
@import './animations/vice-defeat.css';
@import './animations/hammer-hit.css';
@import './animations/pop.css';
@import './animations/transitions.css';

/* Background Image Definitions (declared at entry stylesheet level to prevent import relative-path resolution issues) */
#start-screen {
  background-image: url('../assets/images/bg/start-bg.webp');
}

#game-screen {
  background-image: url('../assets/images/bg/game-bg.webp');
}

#end-screen {
  background-image: url('../assets/images/bg/end-bg.webp');
}