*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;background-color:#add8e6;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}body{position:fixed;overflow:hidden;overscroll-behavior-y:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:40px}.flex{display:flex}.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.centered{top:50%;left:50%;transform:translate(-50%,-50%)}.texture-selector{scale:5}.texture-selector img.active{border:2px solid red}.menu{top:10px;left:10px}.player-ui{position:fixed;bottom:0;left:0;right:0;padding:16px;display:flex;justify-content:center}.hotbar{display:flex;gap:4px;padding:8px;background-color:#00000080;border-radius:8px}.hotbar-slot{width:64px;height:64px;background-color:#fff3;border:2px solid #ffffff;border-radius:4px;position:relative;display:flex;align-items:center;justify-content:center}.hotbar-slot.active{border-color:gold;background-color:#ffffff4d}.hotbar-slot img{width:48px;height:48px;object-fit:cover}.hotbar-number{position:absolute;top:2px;left:2px;color:#fff;font-size:14px;text-shadow:1px 1px 0 #000}.crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:100}.crosshair-inner{position:relative;width:16px;height:16px}.crosshair-line{position:absolute;background-color:#fff;opacity:.8}.crosshair-line.top,.crosshair-line.bottom{left:7px;width:2px;height:4px}.crosshair-line.top{top:0}.crosshair-line.bottom{bottom:0}.crosshair-line.left,.crosshair-line.right{top:7px;height:2px;width:4px}.crosshair-line.left{left:0}.crosshair-line.right{right:0}.crosshair-line{box-shadow:0 0 1px #00000080}.menu-toggle{position:fixed;top:1rem;left:1rem;background:#00000080;border:2px solid #ffffff;color:#fff;padding:.5rem;font-size:1.5rem;cursor:pointer;z-index:1000;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.menu-toggle:hover{background:#000000b3}.menu-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.menu-content{background-color:#2c2c2c;padding:2rem;border-radius:8px;min-width:400px;box-shadow:0 4px 6px #0000001a}.menu-tabs{display:flex;gap:1px;margin-bottom:1.5rem;background-color:#1a1a1a;border-radius:4px;padding:2px}.menu-tab{flex:1;padding:.5rem;background:none;border:none;color:#fff;cursor:pointer;border-radius:4px;font-size:.9rem}.menu-tab.active{background-color:#3a3a3a}.menu-buttons{display:flex;flex-direction:column;gap:.5rem}.menu-button{padding:.75rem;background-color:#3a3a3a;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:all .2s ease;font-size:1rem;width:100%}.menu-button:hover{background-color:#4a4a4a;transform:translateY(-1px)}.menu-button:active{transform:translateY(1px)}.menu-settings{display:flex;flex-direction:column;gap:1rem}.setting-item{display:flex;align-items:center;gap:1rem;color:#fff;font-size:.9rem;padding:.5rem 0}.setting-item label{min-width:140px;font-weight:500}.setting-item input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:8px;background:#1a1a1a;border-radius:4px;outline:none}.setting-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;transition:all .2s ease}.setting-item input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.setting-item span{min-width:4rem;text-align:right}.setting-item.checkbox{display:flex;align-items:center;gap:1rem}.setting-item.checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.setting-item.checkbox label{cursor:pointer;user-select:none}.save-confirmation{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background-color:#4caf50;color:#fff;padding:1rem 2rem;border-radius:4px;transition:transform .3s ease-out}.save-confirmation.show{transform:translate(-50%) translateY(0)}@media (max-width: 768px){.menu-content{width:90%;max-width:300px}}.controls-hint{position:fixed;top:1rem;left:1rem;color:#fff;background:#00000080;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;z-index:1000}.controls-hint{animation:fadeOut .5s ease-in-out 5s forwards}@keyframes fadeOut{0%{opacity:.8}to{opacity:0}}.menu-toggle:hover:after{content:"Open Menu (Esc)";position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:10px;background:#000c;color:#fff;padding:.5rem;border-radius:4px;font-size:.8rem;white-space:nowrap}.fps-counter{position:fixed;top:10px;right:10px;background-color:#00000080;color:#fff;padding:5px 10px;border-radius:4px;font-size:14px;font-family:monospace;z-index:100}.setting-item{display:flex;align-items:center;gap:1.5rem;color:#fff;font-size:.9rem;padding:.75rem 0;margin:.5rem 0}.setting-item label{min-width:120px;font-weight:500;color:#e1e1e1}.setting-item input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:6px;background:linear-gradient(to right,#4caf50 0% 50%,#1a1a1a 50% 100%);border-radius:8px;outline:none;transition:background .2s ease}.setting-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .2s ease}.setting-item input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);background:#f0f0f0;box-shadow:0 2px 8px #0000004d}.setting-item input[type=range]::-webkit-slider-thumb:active{transform:scale(.95);background:#e0e0e0}.setting-item input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .2s ease}.setting-item input[type=range]::-moz-range-track{height:6px;background:#1a1a1a;border-radius:8px}.setting-item span{min-width:3.5rem;text-align:right;font-family:monospace;font-size:1rem;color:#4caf50;background:#1a1a1a;padding:.25rem .5rem;border-radius:4px}.menu-settings{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.menu-settings .menu-button{margin-top:1rem}.notification{position:fixed;top:20px;right:20px;transform:translate(120%);padding:12px;color:#fff;font-size:16px;font-family:Minecraft,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:transform .3s ease-out;z-index:1000;background-color:#4a4a4af2;border:2px solid #2d2d2d;box-shadow:inset 0 0 0 1px #ffffff0d;min-width:200px;image-rendering:pixelated}.notification.show{transform:translate(0)}.notification.success{border-left:4px solid #4CAF50}.notification.warning{border-left:4px solid #ff9800}.notification.error{border-left:4px solid #f44336}.notification-content{display:flex;align-items:center;gap:8px}.notification-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px;background-color:#2d2d2d;border:1px solid rgba(255,255,255,.1)}.notification-message{flex-grow:1;text-shadow:2px 2px 0px rgba(0,0,0,.5)}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:2px;border-top-color:#fff;animation:spin 1s linear infinite;display:inline-block;margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.controls-container{display:flex;flex-direction:column;gap:1.5rem;max-height:400px;overflow-y:auto}.control-section{display:flex;flex-direction:column;gap:.75rem}.control-category{color:#4caf50;font-size:1.1rem;margin:0;padding-bottom:.5rem;border-bottom:2px solid #3a3a3a}.control-list{display:flex;flex-direction:column;gap:.5rem}.control-item{display:flex;align-items:center;gap:1rem;color:#e1e1e1;font-size:.9rem}.key-binding{background-color:#1a1a1a;border:1px solid #4a4a4a;border-radius:4px;padding:.25rem .5rem;min-width:40px;text-align:center;font-family:monospace;font-size:.9rem;color:#fff;box-shadow:0 2px #000}.key-description{flex:1}.controls-container::-webkit-scrollbar{width:8px}.controls-container::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.controls-container::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}.controls-container::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.rain-container{pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}