body, html {
    padding: 0;
    margin: 0;
}

@font-face {
  font-family: 'Meutas';
  font-weight: 800;
  font-style: oblique;
  src: url('./Meutas-ExtraBoldOblique.woff2') format('woff2'),
       url('./Meutas-ExtraBoldOblique.otf') format('opentype');
  font-display: swap;
}

canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*.lil-gui {
    --width: 450px;
    max-width: 90%;
    --widget-height: 20px;
    font-size: 15px;
    --input-font-size: 15px;
    --padding: 10px;
    --spacing: 10px;
    --slider-knob-width: 5px;
    --background-color: rgba(5, 0, 15, .8);
    --widget-color: rgba(255, 255, 255, .3);
    --focus-color: rgba(255, 255, 255, .4);
    --hover-color: rgba(255, 255, 255, .5);

    --font-family: monospace;
}
*/

.lil-gui {
    --width: 280px;
    --max-width: 90%;
    --widget-height: 24px;
    --font-size: 13px;
    --input-font-size: 13px;
    --padding: 8px;
    --spacing: 8px;
    --slider-knob-width: 4px;

    /* Couleurs IJICOM */
    --background-color: rgba(19, 22, 21, 0.92);
    --title-background-color: #085cb3;
    --title-text-color: #ffffff;
    --widget-color: rgba(255, 255, 255, 0.08);
    --hover-color: rgba(241, 16, 29, 0.3);
    --focus-color: rgba(241, 16, 29, 0.5);
    --text-color: #D7C4AB;
    --number-color: #479DBE;
    --string-color: #D7C4AB;

    --font-family: 'Meutas', sans-serif;

    /* Position — coin inférieur droit */
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    top: auto !important;
    border-radius: 4px;
    backdrop-filter: blur(10px);
}