/* ===========================================================
   Dragonfly Engine
   style.css
   Version 0.0.1 - First Flight
   =========================================================== */


/* -----------------------------------------------------------
   Browser-Grundeinstellungen
----------------------------------------------------------- */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


/* -----------------------------------------------------------
   Gesamte Seite
----------------------------------------------------------- */

html,
body{

    width:100%;
    height:100%;

    overflow:hidden;

    background:transparent;

    font-family:Arial, Helvetica, sans-serif;

}


/* -----------------------------------------------------------
   Container für Three.js
----------------------------------------------------------- */

#dragonfly-container{

    position:fixed;

    top:0;
    left:0;

    width:100vw;
    height:100vh;

    overflow:hidden;

    pointer-events:none;

    background:transparent;

    z-index:999999;

}


/* -----------------------------------------------------------
   Canvas
----------------------------------------------------------- */

#dragonfly-container canvas{

    display:block;

    width:100%;
    height:100%;

}


/* -----------------------------------------------------------
   Test-Panel (Modul-Buttons)
----------------------------------------------------------- */

#debug-panel{

    position:fixed;

    left:12px;
    bottom:12px;

    z-index:1000000;

    display:flex;
    flex-direction:column;
    gap:6px;

    pointer-events:auto;

}

#debug-panel button{

    padding:8px 12px;

    font-size:13px;

    border:1px solid #ccc;
    border-radius:6px;

    background:#ffffffcc;
    color:#111;

    cursor:pointer;

}

#debug-panel button:hover{

    background:#ffffff;

}

#mouse-toggle-label{

    display:flex;
    align-items:center;
    gap:6px;

    margin-top:4px;

    padding:6px 10px;

    font-size:12px;

    background:#ffffffcc;

    border-radius:6px;

    cursor:pointer;

}