*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;user-select:none;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{position:fixed;height:100vh;width:100vw;overflow:hidden;top:0;bottom:0;left:0;right:0}.pointer{color:#fff;font-size:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.5;z-index:0;pointer-events:none;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.texture-selector{bottom:32px;background:rgba(170,170,170,.9);padding:8px;border:3px solid #000;position:absolute;left:50%;transform:translate(-50%);display:flex;gap:8px;border-radius:8px;box-shadow:0 4px 8px #0000004d}.texture-selector.hidden{display:none}.texture-selector img{width:50px;z-index:100;image-rendering:pixelated;border:3px solid #000;cursor:pointer;transition:transform .2s}.texture-selector img:hover{transform:scale(1.1)}.texture-selector img.selected{border-color:red;box-shadow:0 0 10px #ff000080}.inventory{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.7);padding:15px;border-radius:10px;border:2px solid rgba(255,255,255,.3);min-width:200px;z-index:100}.inventory-title{color:#fff;font-weight:700;margin-bottom:10px;text-align:center;font-size:18px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.inventory-items{display:flex;flex-direction:column;gap:8px}.inventory-item{display:flex;align-items:center;gap:10px;padding:8px;background:rgba(255,255,255,.1);border-radius:5px;cursor:pointer;transition:all .2s;border:2px solid transparent}.inventory-item:hover{background:rgba(255,255,255,.2);transform:translate(-5px)}.inventory-item.selected{border-color:red;background:rgba(255,0,0,.2);box-shadow:0 0 10px #ff000080}.inventory-item.empty{opacity:.5;cursor:not-allowed}.inventory-item img{width:40px;height:40px;image-rendering:pixelated;border:2px solid #000}.inventory-count{color:#fff;font-weight:700;font-size:16px;flex:1;text-align:right;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.hud{position:absolute;top:20px;left:20px;background:rgba(0,0,0,.7);padding:15px;border-radius:10px;border:2px solid rgba(255,255,255,.3);z-index:100}.hud-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.stat{display:flex;justify-content:space-between;color:#fff;font-size:14px}.stat-label{font-weight:700;margin-right:10px}.stat-value{color:#4caf50;font-weight:700}.stat-value.day{color:gold}.stat-value.night{color:#87ceeb}.hud-actions{display:flex;gap:10px}.hud-button{padding:8px 15px;background:rgba(76,175,80,.8);color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:all .2s;font-size:12px}.hud-button:hover{background:rgba(76,175,80,1);transform:scale(1.05)}.hud-button.reset{background:rgba(244,67,54,.8)}.hud-button.reset:hover{background:rgba(244,67,54,1)}.instructions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.95);padding:20px;border-radius:10px;border:2px solid rgba(255,255,255,.3);z-index:1000;max-width:400px;color:#fff}@media (max-width: 768px){.instructions{padding:15px;max-width:90%;font-size:12px;border-radius:8px}.instructions-content h3{font-size:16px;margin-bottom:10px}.instructions-content li{padding:4px 0;font-size:11px}.instructions-content button{padding:8px 15px;font-size:12px;margin-top:10px}}.instructions-content h3{margin-top:0;margin-bottom:15px;color:#4caf50;text-align:center;font-size:20px}.instructions-content ul{list-style:none;padding:0;margin:0}.instructions-content li{padding:5px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px}.instructions-content li:last-child{border-bottom:none}.instructions-content strong{color:#4caf50;font-weight:700}.instructions-content button{margin-top:15px;padding:8px 16px;background:#4CAF50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;width:100%;font-size:14px}.instructions-content button:hover{background:#45a049}.instructions-toggle{position:absolute;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;border:2px solid rgba(255,255,255,.3);font-size:24px;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .2s}.instructions-toggle:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.diamond-item{background:rgba(0,191,255,.2)!important;border-color:#00bfff80!important}.diamond-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.story-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.95);padding:40px;border-radius:15px;border:3px solid rgba(255,215,0,.5);z-index:2000;max-width:600px;color:#fff;box-shadow:0 0 30px #ffd70080}.story-content h2{color:gold;margin-top:0;text-align:center;font-size:28px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.story-content p{font-size:16px;line-height:1.6;margin:20px 0;text-align:center}.story-content button{margin-top:20px;padding:12px 30px;background:#FFD700;color:#000;border:none;border-radius:5px;cursor:pointer;font-weight:700;font-size:16px;width:100%;transition:all .2s}.story-content button:hover{background:#FFA500;transform:scale(1.05)}.quest-tracker{position:absolute;top:20px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.8);padding:15px 25px;border-radius:10px;border:2px solid rgba(255,215,0,.5);z-index:150;color:#fff;min-width:300px;text-align:center}.quest-title{font-weight:700;font-size:18px;color:gold;margin-bottom:5px}.quest-description{font-size:14px;margin-bottom:5px}.quest-progress{font-size:12px;color:#4caf50;font-weight:700}.mobile-controls{position:fixed;bottom:0;left:0;right:0;pointer-events:none;z-index:200;display:none}@media (max-width: 768px){.mobile-controls{display:block}.inventory{top:10px;right:10px;padding:10px;min-width:150px;font-size:12px}.hud{top:10px;left:10px;padding:10px;font-size:12px}.texture-selector{bottom:100px;padding:5px;gap:5px}.texture-selector img{width:35px}.quest-tracker{top:10px;padding:10px 15px;min-width:250px;font-size:12px}.instructions{padding:20px;max-width:90%}}.mobile-joystick{position:absolute;bottom:20px;left:20px;width:100px;height:100px;background:rgba(0,0,0,.5);border-radius:50%;border:3px solid rgba(255,255,255,.3);pointer-events:auto;touch-action:none}.joystick-knob{position:absolute;top:50%;left:50%;width:40px;height:40px;background:rgba(255,255,255,.8);border-radius:50%;transform:translate(-50%,-50%);transition:opacity .2s}.mobile-buttons{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;gap:15px;pointer-events:auto}.mobile-button{width:60px;height:60px;border-radius:50%;background:rgba(0,0,0,.7);border:3px solid rgba(255,255,255,.3);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-button:active{background:rgba(255,255,255,.3);transform:scale(.9)}.mobile-button.jump{background:rgba(76,175,80,.7)}.mobile-button.hammer{background:rgba(244,67,54,.7)}.mobile-joystick-v2{position:fixed;bottom:30px;left:30px;width:120px;height:120px;pointer-events:auto;touch-action:none;z-index:200}.joystick-base{width:100%;height:100%;background:rgba(0,0,0,.5);border-radius:50%;border:3px solid rgba(255,255,255,.3)}.joystick-knob-v2{position:absolute;top:50%;left:50%;width:50px;height:50px;background:rgba(255,255,255,.9);border-radius:50%;transform:translate(-50%,-50%);transition:opacity .2s;border:2px solid rgba(0,0,0,.3)}.mobile-actions-v2{position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column;gap:12px;pointer-events:auto;z-index:200}.mobile-action-btn{width:65px;height:65px;border-radius:50%;background:rgba(0,0,0,.7);border:3px solid rgba(255,255,255,.3);color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.mobile-action-btn:active{transform:scale(.85);background:rgba(255,255,255,.3)}.mobile-action-btn.jump-btn{background:rgba(76,175,80,.8)}.mobile-action-btn.tool-btn{background:rgba(244,67,54,.8)}.mobile-action-btn.build-btn{background:rgba(255,152,0,.8)}.mobile-action-btn.texture-btn{background:rgba(33,150,243,.8)}.mobile-texture-menu,.mobile-build-menu{position:fixed;bottom:120px;right:30px;background:rgba(0,0,0,.95);border-radius:15px;padding:15px;border:2px solid rgba(255,255,255,.3);z-index:300;min-width:200px}.mobile-texture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.mobile-texture-btn{width:45px;height:45px;border-radius:8px;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);color:#fff;font-weight:700;font-size:16px;touch-action:none}.mobile-texture-btn:active{background:rgba(76,175,80,.8);transform:scale(.9)}.mobile-build-menu{display:flex;flex-direction:column;gap:8px}.mobile-build-option{padding:12px 15px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;touch-action:none;text-align:left}.mobile-build-option.active{background:rgba(76,175,80,.5);border-color:#4caf50}.mobile-build-option:active{transform:scale(.95)}.mobile-close-btn{margin-top:10px;padding:8px;background:rgba(244,67,54,.8);border:none;border-radius:8px;color:#fff;font-size:18px;font-weight:700;width:100%;touch-action:none}.mobile-close-btn:active{background:rgba(244,67,54,1);transform:scale(.95)}