:root{--color-gray-bg: #727272;--color-gray-border-light: #a4a4a4;--color-gray-border-dark: #545655;--color-green-bg: #218306;--color-green-border-light: #17cd07;--color-green-border-dark: #004e00;--color-green-hover: #5a8f3a;--color-green-hover-light: #6aa84a;--color-green-dark: #4a7a2a;--color-green-border-accent: #7ab95a;--color-error-bg: #8b0000;--color-error-border-light: #ff4444;--color-error-border-dark: #5a0000;--color-error-delete-light: #cc0000;--color-error-delete-hover: #a00000;--color-error-delete-active: #6b0000;--color-error-toast: #c0392b;--color-dark-bg: #3a3a3a;--color-dark-bg-overlay: rgba(0, 0, 0, .7);--color-text-primary: white;--color-text-muted: #888;--color-text-black: #000;--color-input-bg: #dddddd;--color-border-dark: #333;--color-border-darker: #222;--color-border-medium: #666;--color-warning-border: #ff6b6b;--color-tools-hover: #6a6b6a;--color-shadow-black: black;--color-shadow-white: white}body{font-family:Minecraft,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow:hidden}*{touch-action:none}@font-face{font-family:Minecraft;src:url(/assets/mc-font.c5bcd562.otf);font-display:swap}.start{background-image:url(/assets/menu.e25a1d96.jpeg);background-repeat:no-repeat;background-size:100% 100%}.start #exit,.start .escape-menu-only{display:none}.menu:not(.start) #new-level,.menu:not(.start) #levels-row,.menu:not(.start) #levels-loading{display:none!important}.menu{z-index:1;position:fixed;left:0%;top:0%;display:flex;flex-direction:column;align-items:center;width:100vw;height:75vh;padding-top:25vh;text-align:center;user-select:none;background-color:#1c1c1cb3}.button{width:300px;margin-bottom:15px;padding:10px;display:inline-block;font-family:Minecraft,Avenir,Helvetica,Arial,sans-serif;font-size:1.2rem;color:var(--color-text-primary);background-color:var(--color-gray-bg);cursor:pointer;border-left:2px solid var(--color-gray-border-light);border-top:2px solid var(--color-gray-border-light);border-bottom:2px solid var(--color-gray-border-dark);border-right:2px solid var(--color-gray-border-dark);box-shadow:0 0 0 2px var(--color-shadow-black)}.button:hover{background-color:var(--color-green-bg);border-left:2px solid var(--color-green-border-light);border-top:2px solid var(--color-green-border-light);border-bottom:2px solid var(--color-green-border-dark);border-right:2px solid var(--color-green-border-dark);box-shadow:0 0 0 2px var(--color-shadow-white)}.button:disabled{opacity:.5;cursor:not-allowed!important}.button:disabled:hover{background-color:var(--color-gray-bg);border-left:2px solid var(--color-gray-border-light);border-top:2px solid var(--color-gray-border-light);border-bottom:2px solid var(--color-gray-border-dark);border-right:2px solid var(--color-gray-border-dark);box-shadow:0 0 0 2px var(--color-shadow-black)}.footer{position:fixed;color:#fff;left:50%;top:100%;opacity:75%;transform:translate(-50%,-100%);font-family:sans-serif}.block-counter{position:fixed;color:#fff;left:0%;top:0%;opacity:90%;transform:translateY(calc(100% + 2px));font-family:Minecraft,Avenir,Helvetica,Arial,sans-serif;font-size:1rem;padding:5px;margin:1px;border:2px solid rgb(141,139,139);background-color:#1c1c1c80;user-select:none}.block-counter.warning{background-color:#bf4040cc;border-color:var(--color-warning-border);color:var(--color-text-primary)}.fps{position:fixed;color:#fff;left:0%;top:0%;padding:5px;margin:1px;border:2px solid rgb(141,139,139);background-color:#1c1c1c80}.bag{position:fixed;left:50%;top:100%;transform:translate(-50%,-100%);width:fit-content;min-width:660px;padding:3px;background-color:#1c1c1c80;height:66px;box-sizing:border-box;white-space:nowrap;overflow:visible}.item{display:inline-block;width:56px;height:56px;margin:1px;border:2px solid rgb(141,139,139);flex-shrink:0;vertical-align:top}.color-square{width:100%;height:100%;border-radius:2px;position:relative;border:2px solid var(--color-border-dark)}.color-square.color-white{border:2px solid var(--color-border-dark);box-shadow:inset 0 0 4px #0003}.color-square.color-gray{border:2px solid var(--color-border-darker);box-shadow:inset 0 0 4px #0000004d}.color-square.color-black{border:2px solid var(--color-border-medium);box-shadow:inset 0 0 4px #ffffff1a}.color-label{position:absolute;top:2px;left:2px;font-size:12px;font-weight:700;font-family:Minecraft,Avenir,Helvetica,Arial,sans-serif;pointer-events:none}.color-label.label-light{color:var(--color-text-black);text-shadow:1px 1px 1px rgba(255,255,255,.8)}.color-label.label-dark{color:var(--color-text-primary);text-shadow:1px 1px 1px rgba(0,0,0,.8)}.color-label.label-colored{color:var(--color-text-primary);text-shadow:1px 1px 2px rgba(0,0,0,.8)}.selected{border:2px solid rgb(236,234,234);outline:1px solid rgb(236,234,234)}.icon{display:block;margin:auto;transform:translateY(20%);width:40px;height:40px}.cross-hair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);user-select:none;font-size:3rem;color:#fff}.hidden{display:none}.controls{z-index:2;position:fixed;left:50%;top:20%;transform:translate(-50%);width:300px;color:var(--color-text-primary);background-color:var(--color-gray-bg);border-left:2px solid var(--color-gray-border-light);border-top:2px solid var(--color-gray-border-light);border-bottom:2px solid var(--color-gray-border-dark);border-right:2px solid var(--color-gray-border-dark);box-shadow:0 0 0 2px var(--color-shadow-black);padding:0 30px;text-align:center;user-select:none;text-align:left;line-height:1.8rem}.save-modal,.load-modal{z-index:3;position:fixed;left:50%;transform:translate(-50%);margin-top:calc(25vh + 62px);padding:12px 0;width:300px;color:var(--color-text-primary);background-color:var(--color-green-bg);border-left:2px solid var(--color-green-border-light);border-top:2px solid var(--color-green-border-light);border-bottom:2px solid var(--color-green-border-dark);border-right:2px solid var(--color-green-border-dark);box-shadow:0 0 0 2px var(--color-shadow-white);opacity:0%;transition:opacity .35s ease-in-out;text-align:center;user-select:none}.load-modal{background-color:var(--color-gray-bg);border-left:2px solid var(--color-gray-border-light);border-top:2px solid var(--color-gray-border-light);border-bottom:2px solid var(--color-gray-border-dark);border-right:2px solid var(--color-gray-border-dark);box-shadow:0 0 0 2px var(--color-shadow-black)}.show{transition:opacity .5s ease-in-out;opacity:100%}.loading-overlay{z-index:3;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:20px 40px;width:auto;min-width:200px;color:var(--color-text-primary);background-color:var(--color-gray-bg);border-left:2px solid var(--color-gray-border-light);border-top:2px solid var(--color-gray-border-light);border-bottom:2px solid var(--color-gray-border-dark);border-right:2px solid var(--color-gray-border-dark);box-shadow:0 0 0 2px var(--color-shadow-black);text-align:center;user-select:none}.loading-content{font-family:Minecraft,Avenir,Helvetica,Arial,sans-serif;font-size:1.2rem}.error-message{z-index:4;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:20px;width:400px;max-width:90vw;color:var(--color-text-primary);background-color:var(--color-error-bg);border-left:2px solid var(--color-error-border-light);border-top:2px solid var(--color-error-border-light);border-bottom:2px solid var(--color-error-border-dark);border-right:2px solid var(--color-error-border-dark);box-shadow:0 0 0 2px var(--color-shadow-white);text-align:center;user-select:none}.error-content{display:flex;flex-direction:column;gap:15px}.error-text{font-family:Minecraft,Avenir,Helvetica,Arial,sans-serif;font-size:1.1rem;line-height:1.5;word-wrap:break-word}.github svg{z-index:3;fill:var(--color-gray-bg);position:fixed;left:100%;top:-1%;transform:translate(-99%) rotate(-90deg) scaleY(-1)}.settings{z-index:2;position:fixed;left:50%;top:20%;transform:translate(-50%);width:300px;height:370px;color:var(--color-text-primary);background-color:var(--color-gray-bg);border-left:2px solid var(--color-gray-border-light);border-top:2px solid var(--color-gray-border-light);border-bottom:2px solid var(--color-gray-border-dark);border-right:2px solid var(--color-gray-border-dark);box-shadow:0 0 0 2px var(--color-shadow-black);padding:0 30px;text-align:center;user-select:none;text-align:left;line-height:1.8rem}#distance-input,#fov-input{appearance:none;width:100%;height:16px;background-color:var(--color-input-bg);box-shadow:0 0 0 2px var(--color-shadow-black)}#music-input{appearance:none;width:14%;height:16px;background-color:var(--color-input-bg);box-shadow:0 0 0 2px var(--color-shadow-black)}#distance-input::-webkit-slider-thumb:hover,#fov-input::-webkit-slider-thumb:hover,#music-input::-webkit-slider-thumb:hover{background-color:var(--color-green-bg);border-left:2px solid var(--color-green-border-light);border-top:2px solid var(--color-green-border-light);border-bottom:2px solid var(--color-green-border-dark);border-right:2px solid var(--color-green-border-dark);box-shadow:0 0 0 2px var(--color-shadow-white)}#distance-input::-webkit-slider-thumb,#fov-input::-webkit-slider-thumb,#music-input::-webkit-slider-thumb{appearance:none;width:20px;height:30px;background-color:var(--color-gray-bg);border-left:2px solid var(--color-gray-border-light);border-top:2px solid var(--color-gray-border-light);border-bottom:2px solid var(--color-gray-border-dark);border-right:2px solid var(--color-gray-border-dark);box-shadow:0 0 0 2px var(--color-shadow-black);cursor:pointer}#distance-input::-moz-range-thumb,#fov-input::-moz-range-thumb,#music-input::-moz-range-thumb{appearance:none;width:20px;height:30px;background-color:var(--color-gray-bg);border-left:2px solid var(--color-gray-border-light);border-top:2px solid var(--color-gray-border-light);border-bottom:2px solid var(--color-gray-border-dark);border-right:2px solid var(--color-gray-border-dark);box-shadow:0 0 0 2px var(--color-shadow-black);cursor:pointer}*{-webkit-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;-webkit-user-select:none;user-select:none}.title{color:var(--color-text-primary);font-size:2rem;margin-bottom:20px;font-family:Minecraft,Avenir,Helvetica,Arial,sans-serif}.level-card{display:inline-flex;flex-direction:column;align-items:center;padding:8px;margin:8px;cursor:pointer;background-color:var(--color-gray-bg);border-left:2px solid var(--color-gray-border-light);border-top:2px solid var(--color-gray-border-light);border-bottom:2px solid var(--color-gray-border-dark);border-right:2px solid var(--color-gray-border-dark);box-shadow:0 0 0 2px var(--color-shadow-black);transition:transform .1s}.level-card:hover{transform:scale(1.05);background-color:var(--color-green-hover)}.level-card:active{transform:scale(.98)}.new-level-card{background-color:var(--color-green-dark)}.level-thumbnail{width:120px;height:90px;background-color:var(--color-dark-bg);display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);font-size:14px;overflow:hidden}.level-thumbnail img{width:100%;height:100%;object-fit:cover}.default-thumbnail{font-size:48px;color:var(--color-text-muted)}.level-name{margin-top:8px;color:var(--color-text-primary);font-size:14px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-delete-button{margin-top:8px;padding:4px 8px;font-size:12px;background-color:var(--color-error-bg);color:var(--color-text-primary);border-left:2px solid var(--color-error-delete-light);border-top:2px solid var(--color-error-delete-light);border-bottom:2px solid var(--color-error-border-dark);border-right:2px solid var(--color-error-border-dark);box-shadow:0 0 0 1px var(--color-shadow-black);cursor:pointer;font-family:Minecraft,Avenir,Helvetica,Arial,sans-serif;transition:transform .1s;width:100px}.level-delete-button:hover{background-color:var(--color-error-delete-hover);transform:scale(1.05)}.level-delete-button:active{transform:scale(.98);background-color:var(--color-error-delete-active)}.levels-row{display:flex;flex-wrap:wrap;justify-content:center;max-width:700px;margin:16px auto}.levels-loading{color:var(--color-text-muted);font-size:14px;margin:16px 0}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-dark-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:100}.modal.hidden{display:none}.modal-content{background-color:var(--color-gray-bg);padding:24px;border-left:2px solid var(--color-gray-border-light);border-top:2px solid var(--color-gray-border-light);border-bottom:2px solid var(--color-gray-border-dark);border-right:2px solid var(--color-gray-border-dark);box-shadow:0 0 0 2px var(--color-shadow-black);text-align:center}.modal-content h2{color:var(--color-text-primary);margin-bottom:16px;font-size:18px;font-family:Minecraft,Avenir,Helvetica,Arial,sans-serif}.level-name-input{width:250px;padding:8px 12px;font-size:16px;margin-bottom:16px;background-color:var(--color-dark-bg);border:2px solid var(--color-gray-border-dark);color:var(--color-text-primary);outline:none;font-family:Minecraft,Avenir,Helvetica,Arial,sans-serif}.level-name-input:focus{border-color:var(--color-green-hover)}.modal-buttons{display:flex;gap:12px;justify-content:center}.button.primary{background-color:var(--color-green-hover)}.button.primary:hover{background-color:var(--color-green-hover-light)}.error-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background-color:var(--color-error-toast);color:var(--color-text-primary);padding:12px 24px;border-radius:4px;z-index:200;font-size:14px;font-family:Minecraft,Avenir,Helvetica,Arial,sans-serif;box-shadow:0 0 0 2px var(--color-shadow-black)}.error-toast.hidden{display:none}.tools-hotbar{position:fixed;bottom:20px;left:20px;display:flex;gap:4px;padding:4px;background-color:#00000080;z-index:2}.tools-hotbar.hidden{display:none}.tools-item{display:flex;flex-direction:column;align-items:center;padding:8px 12px;color:var(--color-text-primary);cursor:pointer;background-color:var(--color-gray-border-dark);border:2px solid var(--color-dark-bg);user-select:none;min-width:50px;font-family:Minecraft,Avenir,Helvetica,Arial,sans-serif}.tools-item:hover{background-color:var(--color-tools-hover)}.tools-item.selected{background-color:var(--color-green-hover);border-color:var(--color-green-border-accent)}.tool-label{font-size:12px;font-weight:700}.tool-shortcut{font-size:10px;opacity:.7;margin-top:2px}