/* =========================================================
   MAPS-RESIZE
   Somente redimensionamento dos elementos internos do mapa.
   Apenas LARGE / SAMLL
   ========================================================= */
:root{
/* Seleção padronizada dos elementos via CSS */ 
--selection-size-font:var(--map-font-small);
--selection-size-icon:var(--map-size-icon-small);
--selection-size-house:var(--map-size-house-small);
--selection-size-track:var(--map-size-track-small);
--selection-size-path:var(--map-size-path-small);
--selection-icon-position:var(--map-position-icon-center);

/* Tamanho da Fonte - Root */
--map-font-small: 0.9rem;
--map-font-medium: 1.1rem;
--map-font-large: 1.2rem;

/* Tamanho da Fonte - Root */
--map-position-icon-center: 10% auto auto 38%;

/* Tamanho do Ícone - Root */ 
--map-size-icon-small: 0.9rem;
--map-size-icon-medium: 1.1rem;
--map-size-icon-large: 1.2rem;

/* Tamanho da Casa - Root */ 
--map-size-house-small: 50px;
--map-size-house-medium: 55px;
--map-size-house-large: 60px;

/* Tamanho do Tracejado - Root */
--map-size-path-small:5;
--map-size-path-medium:7;
--map-size-path-large:10;

/* Tamanho da Trilha - Root */
--map-size-track-small: 15;
--map-size-track-medium: 20;
--map-size-track-large: 30;
}

/* =========================================================
   TAMANHO PEQUENO
   ========================================================= */

.stage[data-map-size="small"]{
    --selection-size-font:       var(--map-font-small);
    --selection-size-icon:       var(--map-size-icon-small);
    --selection-size-house:       var(--map-size-house-small);
    --selection-size-track:       var(--map-size-track-small);
    --selection-size-path:       var(--map-size-path-small);
}


/* =========================================================
   TAMANHO MÉDIO
   ========================================================= */

.stage[data-map-size="medium"]{

    --selection-size-font:
        var(--map-font-medium);

    --selection-size-icon:
        var(--map-size-icon-medium);

    --selection-size-house:
        var(--map-size-house-medium);

    --selection-size-track:
        var(--map-size-track-medium);

    --selection-size-path:
        var(--map-size-path-medium);
}


/* =========================================================
   TAMANHO GRANDE
   ========================================================= */

.stage[data-map-size="large"]{

    --selection-size-font:
        var(--map-font-large);

    --selection-size-icon:
        var(--map-size-icon-large);

    --selection-size-house:
        var(--map-size-house-large);

    --selection-size-track:
        var(--map-size-track-large);

    --selection-size-path:
        var(--map-size-path-large);
}