:root{--carbonflux-gray: #101010;--title-color: rgba(220, 220, 220, .5);--panel-title-text: rgba(230, 220, 200, .5);--text-color: #858585;--ui-gray: rgba(48, 48, 48, .1);--ui-background: rgba(32, 32, 32, .25);--icon-gray: rgba(128, 128, 128, .25);--text-background: rgba(24, 24, 24, .25);--warm-contrast-color: #8B5F09;--cold-contrast-color: #09758B;--cold-contrast-color-transparent: rgba(9, 117, 139, .5);--warm-contrast-color-transparent: rgba(139, 95, 9, .5)}body{margin:0;background-color:var(--carbonflux-gray);color:var(--text-color);font-family:sans-serif}#webgl-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;display:block}.hidden{display:none!important}.loader-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:10}#main-loader{position:fixed}.loader{border:4px solid var(--text-color);border-top:4px solid var(--warm-contrast-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu-button{position:fixed;top:20px;left:20px;font-size:32px;color:#8080804d;cursor:pointer;transition:color .2s ease-in-out;z-index:2}.menu-button:hover{color:var(--warm-contrast-color)}#about-box{position:fixed;top:20px;left:70px;background-color:var(--ui-background);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;padding:20px;width:300px;z-index:2}#about-box h3{color:var(--panel-title-text);margin-top:0}#about-box h4{color:var(--panel-title-text);margin-top:20px;margin-bottom:10px}#about-box p{color:var(--text-color)}#about-box .construction-notice{color:var(--warm-contrast-color)}#about-box a{color:var(--warm-contrast-color);text-decoration:none}#about-box a:hover{text-decoration:underline}