*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--theme-color: #3dc373;--theme-color-contrast: #08180e;--textbox-color: #edfef4;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--theme-color: #4cf490;--theme-color-contrast: #132219;--textbox-color: #0f311d}}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{padding:.5rem .75rem;border:none;border-radius:.375rem;background-color:var(--theme-color);color:var(--theme-color-contrast);cursor:pointer;font-weight:600;letter-spacing:.1px;font-family:monospace}input,textarea{border:none;border-radius:.375rem;caret-color:var(--theme-color);font-family:monospace;font-weight:600;letter-spacing:.1px;padding:.5rem .75rem}input:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px var(--theme-color)}.hotbar-container{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;gap:10px}.hotbar{display:flex;gap:8px;background:#0009;padding:8px;border-radius:8px;pointer-events:auto}.slot{width:40px;height:40px;background:#ffffff1a;border:2px solid transparent;border-radius:4px;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;transition:transform .1s}.slot.active{border-color:#fff;background:#fff3;transform:scale(1.1)}.block-preview{width:24px;height:24px;box-shadow:inset 2px 2px #fff3,inset -2px -2px #0003}.slot-number{position:absolute;top:2px;left:4px;font-size:10px;color:#ffffffb3}.block-name{color:#fff;font-family:monospace;font-size:14px;text-shadow:1px 1px 0 #000;height:20px}#root{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;-webkit-user-select:none;user-select:none}.game-container{width:100%;height:100%}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#222;color:#fff}.ui-overlay{position:absolute;top:20px;left:20px;color:#fff;background:#00000080;padding:15px;border-radius:8px;pointer-events:none;font-family:monospace}.crosshair{position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%);pointer-events:none}.crosshair:before{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background-color:#fffc;transform:translateY(-50%);box-shadow:0 0 2px #000}.crosshair:after{content:"";position:absolute;left:50%;top:0;height:100%;width:2px;background-color:#fffc;transform:translate(-50%);box-shadow:0 0 2px #000}