/* Chrome, Safari, Edge */
html::-webkit-scrollbar {
    display: none;
  }
html{
    scrollbar-width:none;
}
/* Firefox */
html {
    scrollbar-width: none;
}
/* Internet Explorer and Edge */
html {
    -ms-overflow-style: none;
}





/* global.css */
:root {
    font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Monaco,
                 Consolas, "Liberation Mono", "Courier New", monospace;
  }
  
  /* Make EVERYTHING inherit that font (including form controls) */
* {  font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Monaco,
  Consolas, "Liberation Mono", "Courier New", monospace; }
input, button, select, textarea { font: inherit; }

:root {
    --global-font: 'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, Monaco,
    Consolas, "Liberation Mono", "Courier New", monospace;
    --global-text-color: rgba(255, 255, 255, 0.8);
    --canvas-text-color: #66ccff;
  }


html, body {
    height: 100%;
    margin: 0;
    background: #05060a;
    font-family: var(--global-font) !important;
    color: var(--global-text-color);
  }


/* Breadcrumb Navigation */
#breadcrumb {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 2000;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.75);
    background: rgba(0, 0, 0, 0.35);
    padding: 6px 10px;
    border-radius: 8px;
    backdrop-filter: blur(4px);
    user-select: none;
    }
    
    #breadcrumb .crumb {
    color: #66ccff;
    text-decoration: none;
    transition: color 0.2s ease;
    }
    
    #breadcrumb .crumb:hover {
    color: #99ddff;
    }
    
    #breadcrumb .divider {
    color: rgba(255, 255, 255, 0.4);
    }
    
    #breadcrumb .crumb.current {
    color: rgba(255, 255, 255, 0.9);
    pointer-events: none;
    }