/* Custom font for Unicode symbols */
@font-face {
    font-family: 'NotoSansSymbols';
    src: url('../fonts/NotoSansSymbols-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Apply the font to elements that display symbols */
.symbol, .game-symbol, .mosaic-symbol, 
.tile, .game-tile, .mosaic-tile,
.game-board .tile, .game-grid .tile {
    font-family: 'NotoSansSymbols', 'Noto Sans Symbols', 'DejaVu Sans', 'Arial Unicode MS', sans-serif !important;
}

/* Fallback for any text that might contain Unicode symbols */
body, * {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, 'NotoSansSymbols', 'Noto Sans Symbols', 'DejaVu Sans', 'Arial Unicode MS', sans-serif;
}

/* Specific targeting for common symbol containers */
[data-symbol], .symbol-container, .game-symbol-container {
    font-family: 'NotoSansSymbols', 'Noto Sans Symbols', 'DejaVu Sans', 'Arial Unicode MS', sans-serif !important;
}