/* OroseiMeteo - adattamento locale del progetto CSS 3D Solar System.
   Il motore grafico originale resta separato e coperto dalla sua licenza MIT. */

html,
body{
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    overflow:hidden;
    background:#08090a;
}

body{
    -webkit-tap-highlight-color:transparent;
}

#navbar{
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
}

#navbar h1{
    color:rgba(255,255,255,.92);
}

#data,
#controls{
    z-index:100;
}

/* Evita che il contenuto finisca sotto i bordi dell'iframe. */
#universe{
    inset:0;
}

/* Piccoli ritocchi per l'uso dentro OroseiMeteo. */
@media screen and (max-width:599px){
    #navbar{
        height:46px;
        padding:14px 12px 12px;
    }

    #navbar h1{
        margin-top:1px;
        font-size:14px;
        line-height:1.15;
    }

    #navbar a{
        font-size:12px;
    }

    #universe{
        font-size:34% !important;
    }

    #data a{
        font-size:13px;
    }

    #controls{
        max-width:165px;
    }
}

@media screen and (min-width:600px) and (max-width:999px){
    #universe{
        font-size:52% !important;
    }
}

@media (prefers-reduced-motion:reduce){
    .orbit,
    .pos,
    .planet,
    .moon,
    .ring{
        animation-play-state:paused !important;
    }
}