/**
 * FunCards - Main Stylesheet
 * Refaktorált komponens-alapú architektúra
 *
 * HASZNÁLAT:
 * <link rel="stylesheet" href="assets/css/main.css">
 *
 * Ez a fájl a style.css és gridstyle.css teljes funkcionalitását tartalmazza,
 * de moduláris és karbantartható módon szervezve.
 */

/* ================================================
   ALAPOK
   ================================================ */

@import 'base/reset.css';
@import 'base/variables.css';
@import 'base/typography.css';
@import 'base/animations.css';

/* ================================================
   KOMPONENSEK
   ================================================ */

@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/mode-cards.css';
@import 'components/modals.css';
@import 'components/overlays.css';
@import 'components/spinner-roulette.css';
@import 'components/spinner-particle.css';
@import 'components/score.css';
@import 'components/coin.css';
@import 'components/tips.css';
@import 'components/mosaic.css';
@import 'components/toast.css';
@import 'components/emoji.css';
@import 'components/tutorial-modal.css';

/* ================================================
   JÁTÉKMÓDOK
   ================================================ */

@import 'modes/blind.css';
@import 'modes/challenge.css';
@import 'modes/competitive.css';
@import 'modes/grid.css';
@import 'modes/blockade.css';

/* ================================================
   EDITOR
   ================================================ */

@import 'editor/editor.css';

/* ================================================
   ELRENDEZÉS
   ================================================ */

@import 'layout/container.css';
@import 'layout/responsive.css';
/* Home ticker + title spacing — in main so SPA never strips it with page-specific CSS */
@import 'home.css';

/* ================================================
   MOBILE OPTIMALIZÁCIÓK
   ================================================ */

@import 'mobile-optimizations.css';