body{margin:0;padding:0;overflow:hidden;background-color:#000;touch-action:none}#app{width:100vw;height:100dvh}#debug{position:absolute;top:10px;left:10px;color:#fff;background:#00000080;padding:5px;font-family:monospace;pointer-events:none;z-index:10;white-space:pre-wrap;display:none}#right-buttons{position:absolute;bottom:60px;right:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px;z-index:10}.circle-btn{width:60px;height:60px;border-radius:30px;background:#ffffff4d;border:2px solid white;color:#fff;font-weight:700;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;touch-action:none;font-size:12px}#crosshair{position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%);pointer-events:none;z-index:10}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#fff}#crosshair:before{top:9px;left:0;width:20px;height:2px}#crosshair:after{top:0;left:9px;width:2px;height:20px}#hotbar{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:4px;z-index:10;background:#0006;padding:4px;border-radius:8px}.slot{width:32px;height:32px;border:2px solid #555;border-radius:4px;background-image:url(/assets/atlas.png);background-size:400% 400%;image-rendering:pixelated}.slot.active{border-color:#fff;box-shadow:0 0 8px #fff}.slot{position:relative}#crafting-ui{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;padding:20px;border-radius:12px;border:2px solid #555;flex-direction:column;align-items:center;z-index:20;touch-action:none}.recipe-item{display:flex;align-items:center;background:#ffffff1a;border:2px solid #555;border-radius:8px;padding:8px;gap:12px;cursor:pointer}.recipe-item.disabled{opacity:.5;pointer-events:none}.recipe-item.partial{border-color:#885}.recipe-item.ready{border-color:#5a5;background:#64ff6433}.recipe-out{width:48px;height:48px;border:2px solid #fff;border-radius:4px;background-color:#fff3;background-image:url(/assets/atlas.png);background-size:400% 400%;image-rendering:pixelated;position:relative}.recipe-out .count{font-size:16px;bottom:0;right:2px}.recipe-ingredients{display:flex;flex-direction:column;gap:4px;flex-grow:1}.recipe-ingredient{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:700}.recipe-ingredient-icon{width:24px;height:24px;background-image:url(/assets/atlas.png);background-size:400% 400%;image-rendering:pixelated}.close-btn{margin-top:15px;padding:8px 24px;background:#555;color:#fff;border:2px solid #777;border-radius:4px;font-weight:700}.clear-btn{margin-top:5px;padding:8px 24px;background:#733;color:#fff;border:2px solid #955;border-radius:4px;font-weight:700}.count{position:absolute;bottom:-2px;right:0;color:#fff;font-family:monospace;font-size:12px;font-weight:700;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;pointer-events:none}#objective-ui{position:absolute;top:15px;left:50%;transform:translate(-50%);width:calc(100% - 30px);max-width:440px;background:#fff;border:2px dashed #ffb74d;border-radius:8px;padding:6px 10px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:10;box-shadow:0 4px 6px #0000001a}#objective-title-container{font-size:13px;font-weight:700;color:#d84315}#objective-title{color:#d84315;font-size:13px;font-weight:700;text-align:left;background:transparent;padding:0;margin:0}#objective-status-text{font-size:11px;font-weight:700;color:#8b7355;background:#ffe0b2;padding:2px 6px;border-radius:12px;white-space:nowrap;margin-left:8px}#objective-time-container{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:100%;height:6px;background:#ffffffe6;border:1px solid #ffb74d;border-radius:4px;overflow:hidden}#objective-time-bar{width:100%;height:100%;background:linear-gradient(90deg,#f90,red);transform-origin:left}#objective-success{position:absolute;top:50px;left:50%;transform:translate(-50%);color:#d84315;font-size:24px;font-weight:700;text-align:center;background:#fff;border:3px solid #ffb74d;padding:5px 20px;border-radius:20px;animation:pop .5s ease-out;box-shadow:0 4px 10px #0003}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.target-slot{width:32px;height:32px;border:2px solid #555;border-radius:4px;background-color:#ffffff1a}.target-block{background-image:url(/assets/atlas.png);background-size:400% 400%;background-position:33.333% 33.333%;image-rendering:pixelated}@media(max-width:400px){#objective-title{font-size:16px}}