{# ─────────────────────────────────────────────────────────────────
   Game CSS logo macros (lightest mode — zero image downloads).
   Per-game brand gradient + monogram, sized via modifier class.

   {{ glogo(game) }}                    → md square monogram
   {{ glogo(game, 'sm'|'xs'|'md'|'lg'|'xl') }}
   {{ glogo_hero(game) }}               → full-bleed hero banner
   ───────────────────────────────────────────────────────────────── #}

{% set _monos = {
  'cs2': 'CS2', 'valorant': 'VAL', 'codm': 'COD', 'pubgm': 'PUBG',
  'freefire': 'FF', 'efootball': 'eFB', 'lol': 'LOL', 'dota2': 'DOTA'
} %}

{% macro _mono(game) -%}
  {%- set slug = game.slug if game else '' -%}
  {%- if slug in _monos -%}{{ _monos[slug] }}
  {%- else -%}
    {%- set n = (game.name if game else 'GG') | trim -%}
    {%- if n | length <= 4 -%}{{ n }}
    {%- else -%}{{ n[:3] }}
    {%- endif -%}
  {%- endif -%}
{%- endmacro %}

{% macro glogo(game, size='md') -%}
{%- set slug = game.slug if game else '' -%}
{%- set name = game.name if game else 'GG' -%}
<span class="glogo glogo-{{ size }} glogo-{{ slug }}" title="{{ name }}" aria-label="{{ name }}">{{ _mono(game) }}</span>
{%- endmacro %}

{% macro glogo_hero(game) -%}
{%- set slug = game.slug if game else '' -%}
{%- set name = game.name if game else 'FIGHTSKILL' -%}
<div class="glogo glogo-hero glogo-{{ slug }}" data-mono="{{ _mono(game) }}" role="img" aria-label="{{ name }}">
  <span class="glogo-hero-icon">{{ game.icon if game else '🏆' }}</span>
  <span class="glogo-hero-name">{{ name }}</span>
</div>
{%- endmacro %}