/* ============================================================================
mobile.css · Setlists PJ + EV · AGGREGATOR (mobile skin)
----------------------------------------------------------------------------
PONTO DE ENTRADA UNICO do frontend mobile apartado. O index.html ganha
EXATAMENTE 1 linha no (apos os de fontes):
O atributo media="(max-width:768px)" garante que NADA disso baixa/aplica em
desktop. Cada parcial abaixo tambem re-envolve suas regras em
@media (max-width:768px) (cinto + suspensorio) — assim os mockups conseguem
carregar o arquivo direto e a media query dispara pela largura do iframe.
ORDEM importa: core primeiro (chrome/tokens compartilhados), depois as views.
============================================================================ */
/* --- BATCH 1 (entregue) ----------------------------------------------------- */
@import url("mobile-core.css"); /* nav, masthead, filter-bar, audio-player, footer */
@import url("mobile-news.css"); /* #view-news (fanzine) */
/* --- BATCH 2 (entregue) ----------------------------------------------------- */
@import url("mobile-timeline.css"); /* #view-timeline + drawer de setlist */
@import url("mobile-gallery.css"); /* #view-gallery + lightbox (resgate das setas) */
@import url("mobile-banda.css"); /* #view-banda (roster fliperama) */
/* --- BATCH 3 (entregue) ----------------------------------------------------- */
@import url("mobile-cifras.css"); /* #view-tabs (catalogo/cifra/tab/transport) + FAB #9 */
/* --- BATCH 4 (entregue) ----------------------------------------------------- */
@import url("mobile-forum.css"); /* #view-forum (iframe) + paginas standalone do forum */
/* --- BATCH 5 (entregue · projeto completo) ---------------------------------- */
@import url("mobile-aux.css"); /* ranking · gaps · highlights · rarity · search · deep */