:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;background:#cecbcb}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app-container{position:relative;width:100%;height:var(--app-height);overflow:hidden}.canvas-container{width:100%;height:100%}.button{padding:8px 16px;color:#151111;background-color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;height:36px;font-size:20px;font-weight:500;display:flex;align-items:center;justify-content:center}.button:hover{background-color:#c4c4c4}.button:focus{outline:none;box-shadow:0 0 0 2px #e3cdcd80}.button-gray{background-color:#333;color:#fff}.button-gray:hover{background-color:#444}.button-black{background-color:#000;color:#fff;border-color:#fff;border-width:1px;border-style:solid}.button-black:hover{background-color:#262626}.button-white{background-color:#e9e9e9;color:#000}.button-white:hover{background-color:#c8c8c8}.ui-info{position:absolute;z-index:1;top:54%;left:50%;transform:translate(-50%,-50%);height:410px;width:90%;max-width:600px;justify-content:space-between;display:flex;flex-direction:column;gap:10px;background:#eaeaeab3;padding-left:15px;padding-right:15px;padding-bottom:15px;border-radius:15px;align-items:center}.info{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);height:300px;width:90%;max-width:350px;display:flex;flex-direction:column;justify-content:center;gap:20px;border:3px solid rgb(255,255,255);padding:20px;border-radius:20px;align-items:center;text-align:left;box-shadow:0 4px 10px #0003;background:#08beec}.info-title{position:absolute;left:50%;top:calc(50% - 195px);transform:translate(-50%);z-index:2;background:#08beec;border:3px solid rgb(255,255,255);width:70%;padding:5px;border-radius:15px;box-shadow:0 2px 5px #0003;text-align:center}.info-title p{font-size:20px;color:#fff;font-weight:800;margin:0;text-shadow:1px 1px 6px rgba(0,0,0,.7)}.info-content{flex:1;overflow-y:auto;width:100%}.info-content::-webkit-scrollbar{width:8px}.info-content::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.info-content::-webkit-scrollbar-thumb{background:#08beeccc;border-radius:4px;border:2px solid rgba(255,255,255,.5)}.info-content::-webkit-scrollbar-thumb:hover{background:#08beec}.info-content{scrollbar-width:thin;scrollbar-color:rgba(8,190,236,.8) rgba(0,0,0,.1)}.info-content p{font-size:20px;color:#fff;font-weight:400;margin:0;text-shadow:1px 1px 6px rgba(0,0,0,.7)}.start{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);height:250px;width:90%;max-width:350px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;border:3px solid rgb(255,255,255);padding:20px;border-radius:20px;align-items:center;text-align:center;box-shadow:0 4px 10px #0003;background:#08beece6}.start:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/pictures/snowflake.png);background-repeat:no-repeat;background-position:center;background-size:contain;z-index:-1;opacity:.2}.start h1{font-size:30px;color:#fff;font-weight:800;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.grid-container{display:grid;grid-template-columns:1fr 1fr;width:130px;height:100px}.left-column{display:flex;justify-content:flex-end;align-items:flex-start}.left-column p{font-size:80px;color:#c3ff00;font-weight:800;margin:0;display:flex;align-items:right;text-shadow:1px 1px 6px rgba(0,0,0,.7)}.right-column{display:flex;flex-direction:column;justify-content:flex-start;align-items:left}.image-container{margin:0;justify-content:flex-start;align-items:left}.image-container img{width:50px;height:auto}.text-container{display:flex;justify-content:flex-start;margin-top:-20px;align-items:left;font-size:15px;font-weight:700;color:#f9f7ff;text-shadow:1px 1px 4px rgba(0,0,0,.7)}.VRButtons{display:flex;gap:20px;flex-direction:"row";position:"absolute";z-Index:10000;top:"1rem";left:"50%";transform:"translate(-50%, 0)"}.VRButtons button{background:#c9cbcc;border:1px solid rgba(197,192,192,.9);color:#fff;border-radius:50px;padding:10px 20px;font-size:20px;font-weight:900;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:2px 2px 6px #aaa8a8e6}.VRButtons button:hover{box-shadow:2px 2px 6px #f8f2f2e6;background:#d5dc03;border:1px solid rgba(255,255,255,.9);transform:scale(1.1)}.VRButtons button:active{background:#ff9d00;transform:scale(1.05);box-shadow:0 2px 4px #0000004d}.start .buttons{display:flex;gap:20px}.start button{background:#fff;color:#000;border:none;border-radius:50px;padding:10px 20px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 6px #0000004d}.start button:hover{background:#ffffffe6;transform:scale(1.1);box-shadow:0 6px 10px #0006}.start button:active{background:#fffc;transform:scale(1.05);box-shadow:0 2px 4px #0000004d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.intro{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;border-radius:20px;align-items:center;text-align:center;opacity:0;animation:fadeIn 1.5s ease-in-out forwards}.intro p{margin-bottom:5;margin-top:0;font-size:30px;font-weight:700;color:#f9f7ff;text-shadow:1px 1px 4px rgba(0,0,0,.7)}.intro .buttons{display:flex;gap:20px;margin-bottom:15px;justify-content:center;align-items:center}.intro button{background:#fff;color:#000;border:none;border-radius:50px;padding:10px 20px;font-size:20px;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 6px #0000004d}.buttons p{margin-bottom:5px}.buttons p+button{background-color:orange;color:#fff;text-shadow:2px 2px 6px rgba(75,73,73,.5)}.intro button:hover{background:#ffffffe6;transform:scale(1.1);box-shadow:0 6px 10px #0006}.intro button:active{background:#fffc;transform:scale(1.05);box-shadow:0 2px 4px #0000004d}.buttons p+button:hover{background-color:#fdb227;transform:scale(1.1);box-shadow:0 6px 10px #0006}.buttons p+button:active{background-color:#db991f;transform:scale(1.05);box-shadow:0 2px 4px #0000004d}.logo-container{display:flex;justify-content:center;align-items:center;position:absolute}.logo{max-height:43vh}@media (max-width: 600px){.logo{max-height:33vh;margin-bottom:5px}.intro button{font-size:15px;padding:12px}.buttons p{font-size:15px;margin-bottom:0}}@media (min-width: 601px) and (max-width: 1024px){.logo{max-height:60vh}.intro button{font-size:20px;padding:10px 20px}.buttons p{font-size:22px;margin-bottom:2px}}@media (min-width: 1025px){.logo{max-height:70vh}.intro button{font-size:22px;padding:12px 24px}}.IntroButton{position:absolute;z-index:10;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center}.IntroButton button{background:#fff;color:#000;border:none;border-radius:50px;padding:10px 20px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 6px #0000004d}.IntroButton button:hover{background:#ffffffe6;transform:scale(1.1);box-shadow:0 6px 10px #0006}.IntroButton button:active{background:#fffc;transform:scale(1.05);box-shadow:0 2px 4px #0000004d}.stats{position:absolute;top:20px;right:20px;text-align:right;font-weight:800;color:#fff;text-shadow:2px 2px 6px rgba(75,73,73,.5)}.stats h1{font-size:30px;margin:0}.stats p{font-size:25px;margin-top:5px;display:flex;align-items:center}.image-next-to-text{margin-right:8px;margin-left:8px;width:30px;height:auto}.roundIconMenu{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:10px}.roundIconMenu img{width:35px;height:35px}.roundIconMenu button{background:#fdfdfd33;color:#fff;border:1px solid rgba(43,42,42,.2);border-radius:50%;width:51px;height:51px;font-size:30px;font-weight:700;cursor:pointer;box-shadow:2px 2px 6px #4b49494d;display:flex;justify-content:center;align-items:center;padding:0;white-space:nowrap;box-sizing:border-box;overflow:hidden;line-height:1;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease}.roundIconMenu button:hover{background:#add8e6e6;transform:scale(1.1);box-shadow:2px 2px 6px #4b49494d}.roundIconMenu button:active{transform:scale(1.05);box-shadow:2px 2px 6px #4b49494d}.button-container{position:absolute;top:calc(50% + 160px);left:50%;transform:translate(-50%);display:flex;gap:15px;justify-content:center}.circle-button{width:20px;height:20px;background-color:#0596f0;border:none;border-radius:50%;cursor:pointer;padding:0;box-sizing:border-box;line-height:20px;transition:background-color .3s;display:inline-block}.circle-button-selected{width:20px;height:20px;background-color:#fff;border:none;border-radius:50%;cursor:pointer;padding:0;box-sizing:border-box;line-height:20px;transition:background-color .3s;display:inline-block}.ui-controls-info-toggle{position:absolute;top:10px;right:10px;display:flex;gap:8px;z-index:1;flex-direction:row;gap:10px;background:#0198f6b3;padding:5px;border-radius:8px}.uiNextLevel{position:absolute;top:60px;left:10px;display:flex;gap:8px;z-index:1;flex-direction:row;gap:10px;background:#0198f6b3;padding:5px;border-radius:8px}