@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap";.navigation-header{position:fixed;top:20px;left:50%;z-index:999;transform:translate(-50%);display:flex;gap:50px;color:#fff}.navigation-item{background-color:#00000080;backdrop-filter:blur(10px);padding:10px;border-radius:10px;font-style:italic}.router-link{text-decoration:none;color:#fff}*{font-family:Sora,sans-serif}body{margin:0;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-button{width:1px;height:1px}::-webkit-scrollbar-thumb{background:#b3b3b3;border:0 none #ffffff;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#878787}::-webkit-scrollbar-thumb:active{background:#6b6b6b}::-webkit-scrollbar-track{background:#666666;border:16px none #ffffff;border-radius:100px}::-webkit-scrollbar-track:hover{background:#666666}::-webkit-scrollbar-track:active{background:#333333}::-webkit-scrollbar-corner{background:transparent}.timeline-container{width:90%;border-radius:15px;display:flex;justify-content:center;align-items:center;gap:20px}.slider-label{width:150px;background-color:#ffffff80;text-align:center;border-radius:10px;padding:2px;backdrop-filter:blur(10px);font-size:1rem;font-weight:700}.slider-track{width:100%;height:5px;cursor:pointer;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;background:#3071a9;border-radius:1.3px;border:.2px solid #010101}.slider-thumb{position:relative;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000000;height:24px;width:12px;border-radius:3px;background:#ffffff;cursor:pointer;-webkit-appearance:none;margin-top:-10px}input[type=range]{-webkit-appearance:none;margin:18px 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8.4px;cursor:pointer;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;background:#3071a9;border-radius:1.3px;border:.2px solid #010101}input[type=range]::-webkit-slider-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000000;height:36px;width:16px;border-radius:3px;background:#ffffff;cursor:pointer;-webkit-appearance:none;margin-top:-14px}input[type=range]:focus::-webkit-slider-runnable-track{background:#367ebd}input[type=range]::-moz-range-track{width:100%;height:8.4px;cursor:pointer;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;background:#3071a9;border-radius:1.3px;border:.2px solid #010101}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000000;height:36px;width:16px;border-radius:3px;background:#ffffff;cursor:pointer}input[type=range]::-ms-track{width:100%;height:8.4px;cursor:pointer;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#2a6495;border:.2px solid #010101;border-radius:2.6px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-fill-upper{background:#3071a9;border:.2px solid #010101;border-radius:2.6px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000000;height:36px;width:16px;border-radius:3px;background:#ffffff;cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:#3071a9}input[type=range]:focus::-ms-fill-upper{background:#367ebd}.mosaic-loader{--cell-spacing: 1px;--border-width: 1px;--cells: 4;--total-size: calc(var(--cells) * (var(--cell-size) + 2 * var(--cell-spacing)));display:flex;flex-wrap:wrap;width:var(--total-size);height:var(--total-size)}.mosaic-loader>.cell{--cell-color: white;flex:0 0 var(--cell-size);margin:var(--cell-spacing);background-color:transparent;box-sizing:border-box;border:var(--border-width) solid var(--cell-color);animation:1.5s ripple ease infinite}.mosaic-loader>.cell.d-1{animation-delay:.1s}.mosaic-loader>.cell.d-2{animation-delay:.2s}.mosaic-loader>.cell.d-3{animation-delay:.3s}.mosaic-loader>.cell.d-4{animation-delay:.4s}.mosaic-loader>.cell.d-5{animation-delay:.5s}.mosaic-loader>.cell.d-6{animation-delay:.6s}.mosaic-loader>.cell:nth-child(1){--cell-color: #d4aee0}.mosaic-loader>.cell:nth-child(2){--cell-color: #8975b4}.mosaic-loader>.cell:nth-child(3){--cell-color: #64518a}.mosaic-loader>.cell:nth-child(4){--cell-color: #565190}.mosaic-loader>.cell:nth-child(5){--cell-color: #44abac}.mosaic-loader>.cell:nth-child(6){--cell-color: #2ca7d8}.mosaic-loader>.cell:nth-child(7){--cell-color: #1482ce}.mosaic-loader>.cell:nth-child(8){--cell-color: #05597c}.mosaic-loader>.cell:nth-child(9){--cell-color: #b2dd57}.mosaic-loader>.cell:nth-child(10){--cell-color: #57c443}.mosaic-loader>.cell:nth-child(11){--cell-color: #05b853}.mosaic-loader>.cell:nth-child(12){--cell-color: #19962e}.mosaic-loader>.cell:nth-child(13){--cell-color: #fdc82e}.mosaic-loader>.cell:nth-child(14){--cell-color: #fd9c2e}.mosaic-loader>.cell:nth-child(15){--cell-color: #d5385a}.mosaic-loader>.cell:nth-child(16){--cell-color: #911750}@keyframes ripple{0%{background-color:transparent}30%{background-color:var(--cell-color)}60%{background-color:transparent}to{background-color:transparent}}.loading-container{position:absolute;width:100%;height:100vh;background-color:#000;z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:30px;color:#fff;font-size:1.5rem}.loading-text-container{display:grid;gap:8px;grid-template-columns:200px 70px;grid-template-rows:50px 50px}.loading-text-prefix{text-align:right}.color-map-visualizer-container{display:flex;width:100%;border-radius:10px;overflow:hidden}.color-map-visualizer-item{width:100%;height:35px}.color-map-visualizer-item-selected{outline:2px solid white;outline-offset:2px}.place-renderer-settings-container{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:900;background-color:#32323280;backdrop-filter:blur(15px);padding:10px;border-bottom-right-radius:10px;border-top-right-radius:10px;color:#fff;min-width:210px}.place-renderer-toggle-container{display:flex;flex-direction:column;gap:10px}.place-renderer-toggle-header{cursor:pointer;padding:.5rem 1rem;border-radius:5px;transition:all .1s ease-out;background-color:#3071a955;text-align:center;color:#fff;font-size:1.1rem}.place-renderer-toggle-button-container{display:flex;width:100%;gap:10px;margin-bottom:10px}.place-renderer-toggle-button{background-color:#2c3e50;border:none;border-radius:5px;width:100%;height:25px;font-size:.8rem;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease-out}.place-renderer-toggle-button:hover{background-color:#425873}.active{background-color:#3071a9}.place-renderer-toggle-settings{margin-top:10px}.place-renderer-toggle-header:hover{background-color:#3071a9}.pixel-color-item-inactive{opacity:.2}.lifespan-container{display:flex;justify-content:center;flex-direction:column;align-items:flex-start;margin-top:1rem;padding-bottom:1rem}.renderer-settings-label{font-size:1rem;text-align:left!important;font-weight:600}.lifespan-slider-container{display:flex;justify-content:center;align-items:center;width:100%}.lifespan-label{width:50px;text-align:center}.color-map-switcher{display:flex;flex-direction:column;gap:10px}.color-map-legend{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700}.pixel-color-container{display:grid;grid-template-columns:repeat(7,25px);gap:5px}.pixel-color-item{height:25px;outline:2px solid black}.place-controls{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#32323280;backdrop-filter:blur(12px);border-radius:10px;padding:8px;gap:8px;color:#fff}.play-icon{color:#fff;stroke:#fff;fill:none;cursor:pointer}.controls-item-container{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:10px}kbd{background-color:#646464;padding:5px;border-bottom:5px solid gray;border-right:3px solid gray;border-radius:5px}.container{width:200px;background-color:#32323280;backdrop-filter:blur(12px);padding:1rem;color:#fff;z-index:999;position:absolute;border-radius:10px}.pixel-info{display:flex;justify-content:center;padding-bottom:1rem}.pixelColor{display:flex}.pixel-color{height:25px;outline:2px solid black;width:100%}.pixel-color-amount{width:40px}.change-title{margin-bottom:1rem}.close-info{position:absolute;right:10px;top:10px;cursor:pointer}.viewer-container{background-color:#000;position:absolute;overflow:hidden;top:0;bottom:0;left:0;right:0}.canvas{image-rendering:pixelated;box-shadow:0 0 15px 5px #585858,0 0 6px -4px gray}.controls{display:flex;position:fixed;width:100%;bottom:50px;left:50%;transform:translate(-50%)}.controls-container{width:300px;display:flex;justify-content:center;align-items:center}.timelines{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.timelines input{width:80%}.resizable{position:absolute;z-index:999;right:0;transition:.3s transform cubic-bezier(.25,1,.5,1)}.resizable-container{width:300px;height:300px;background-color:#32323280;backdrop-filter:blur(12px);border-radius:10px}.slide-in-out-container{position:absolute;display:flex;justify-content:center;align-items:center;left:-30px;width:30px;height:50px;top:50%;transform:translateY(-50%);background-color:#32323280;backdrop-filter:blur(12px);border-top-left-radius:10px;border-bottom-left-radius:10px}.resize-toolbar{position:absolute;right:0;top:0;height:20px;display:flex;justify-content:end;padding:10px 10px 0;gap:10px;z-index:999}.content{width:100%;height:100%}.pointer{cursor:pointer;color:#fff}.chunk-loading{display:flex;justify-content:center;align-items:center;position:absolute;padding:6px;gap:8px;top:20px;font-size:.8rem;left:20px;color:#fff;background-color:#32323280;backdrop-filter:blur(12px);border-radius:10px}.chunk-loading-text{text-align:center;width:90px}.spinner{width:1.2rem;height:1.2rem;margin-right:.5rem;color:#d3d3d3;animation:spin 1s linear infinite}.spin-ring{opacity:25%}.spin-ring-2{opacity:75%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-button{display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:10px;height:35px;background-color:#2c80b6;color:#fff;font-weight:700;font-size:1em;border:none}.loading-button:hover{background-color:#1c6085}.user-data-container{word-break:break-all}.user-col{display:flex;flex-direction:column}.col-header{font-size:.8rem;color:#a9a9a9;font-weight:700}.col-userId{height:80px}.user-select-button{width:170px;margin:5px auto 0}.user-ranking-item-id{font-family:monospace;font-size:.8rem}.toggle-user-pixels{cursor:pointer}.user-ranking{max-height:400px;overflow:auto;display:flex;flex-direction:column;gap:10px}.user-ranking-item{display:flex;gap:10px;border-radius:10px;align-items:center;background-color:#2a2a2a;justify-content:space-between;padding:10px}.user-canvas{background-color:#000}.user-canvas-controls{position:absolute;bottom:50px;left:25px}.user-history-container{position:fixed;left:0;top:50%;z-index:999;transform:translateY(-50%);background-color:#000000b3;backdrop-filter:blur(10px);color:#fff;width:360px;border-top-right-radius:10px;border-bottom-right-radius:10px;padding:8px;gap:12px}.user-history-header{color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:10px;height:40px;background-color:#64646480;backdrop-filter:blur(10px);cursor:pointer;margin-top:5px;margin-bottom:5px}.user-history-item{padding:8px;margin-top:10px;margin-bottom:10px}.color-scale{border-radius:5px;height:25px;background:#fff;background:linear-gradient(to right,#9e0142,#a00342,#b71d48,#dd4b4c,#f26944,#f7844e,#fba05a,#fedd89,#f9fcb5,#c9e99e,#a1d9a4,#63bea7,#515faa,#5d50a2);width:100%}.color-scale-info{display:flex;justify-content:flex-start;align-items:center;text-align:left;margin-top:20px;font-weight:700;font-size:.8rem}