html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /* Âmbar da marca (AppColors.Brand #FEB618) = mesma cor do SplashContent:
       o load do bundle já nasce amarelo e emenda sem pulo no splash do Compose. */
    background: #FEB618;
}

/* Container onde o ComposeViewport monta (main.kt). O canvas vive num shadow root
   DENTRO dele — CSS da página não alcança o canvas (isolamento de shadow DOM), então
   o âmbar fica no container: aparece atrás do canvas webgl antes do 1º draw. */
#compose-root {
    position: fixed;
    inset: 0;
    background: #FEB618;
}

/* Cortina âmbar full-screen por cima do canvas: cobre a base branca do skiko + o fade
   de entrada do SplashContent nos 1ºs frames. O main.kt a remove após o 1º frame
   desenhado + fade completo. */
#splash {
    position: fixed;
    inset: 0;
    background: #FEB618;
    z-index: 9999;
}