*{margin:0;padding:0;box-sizing:border-box;}
body{background:#000;color:#fff;font-family:system-ui;overflow:hidden;}
#c{display:block;background:#223;}

    #menuBtn{

        position: fixed;

        top: 20px;
        left: 20px;

        z-index: 20;

        width: auto;
        padding: 12px 18px;

        border: none;
        border-radius: 14px;

        background: rgba(20,40,80,0.85);

        color: #d8ecff;

        font-size: 15px;

        cursor: pointer;

        backdrop-filter: blur(10px);

        border: 1px solid rgba(120,180,255,0.25);

        box-shadow:
            0 0 18px rgba(0,140,255,0.25);

        transition: 0.25s;
    }

    #menuBtn:hover{

        transform: translateY(-2px);

        background: rgba(40,80,140,0.95);

        box-shadow:
            0 0 24px rgba(80,180,255,0.45);
    }


.panel{
  position:fixed;top:100px;left:10px;
  background:rgba(0,30,60,0.7);padding:10px 14px;border-radius:8px;
  display:grid;gap:8px;font-size:18px;
}
.row{display:flex;align-items:center;gap:8px;white-space:nowrap;}
input[type="range"]{width:140px;}

.view-btns{
  position:fixed;top:10px;right:10px;
  background:rgba(0,30,60,0.7);padding:10px;border-radius:8px;
  display:grid;gap:6px;
}
.view-btns button{
  padding:12px 23px;background:#06a;border:none;color:#fff;border-radius:4px;cursor:pointer;
  font-size:18px;
}
.view-btns button:hover{background:#08c;}